.bg-lines {
  transform:translateY(-5px);
  box-shadow:0 15px 30px #0000001a;
  background-image:linear-gradient(45deg,#fcfcfce6 0%,#fcfcfce6 25%,#f5f5f5e6 25%,#f5f5f5e6 50%,#fcfcfce6 50%,#fcfcfce6 75%,#f5f5f5e6 75%,#f5f5f5e6 100%);
  background-size:60px 60px;
  animation:moveStripes 3s linear infinite;
  position:relative
  }
  
  .header-sticky .logo img {
  transform:scale(0.8);
  transition:transform .3s ease-in-out
  }
  
  #sp-header {
  background:#2f4255;
  height:80px;
  width:100%;
  position:relative;
  z-index:99;
  animation:spFadeIn .5s
  }
  
  #sp-header.header-sticky {
  position:fixed;
  z-index:9999;
  top:0;
  left:0;
  width:100%;
  animation:spFadeInDown .5s;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  background-color:#2f4255d3
  }
  
  #sp-top-bar {
  position:relative;
  background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)!important;
  padding:10px 20px;
  overflow:hidden
  }
  
  #sp-top-bar::before {
  content:"";
  position:absolute;
  top:0;
  right:-10%;
  width:60%;
  height:100%;
  background:#ffffff1a!important;
  transform:skewX(-15deg)
  }
  
  .sp-contact-info {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center
  }
  
  .sp-contact-info li {
  display:flex;
  align-items:center;
  padding:8px 20px 8px 15px;
  font-size:15px;
  font-weight:600;
  color:#fff;
  transform:skewX(-15deg);
  transition:all .3s ease;
  position:relative;
  margin:0;
  border-radius:0
  }
  
  .sp-contact-info li > * {
  transform:skewX(15deg)
  }
  
  .sp-contact-info li span.fas,.sp-contact-info li span.far {
  margin-right:8px;
  font-size:16px
  }
  
  .sp-contact-info li a {
  color:#fff;
  text-decoration:none
  }
  
  .sp-contact-phone {
  background-color:#3498db
  }
  
  .sp-contact-mobile {
  background-color:#2ecc71
  }
  
  .sp-contact-email {
  background-color:#e74c3c
  }
  
  .sp-contact-phone .fas.fa-phone {
  animation:vibrate 1s infinite;
  animation-delay:2s;
  animation-duration:.8s
  }
  
  @keyframes vibrate {
  0%,100% {
  transform:rotate(0) skewX(15deg)
  }
  
  20% {
  transform:rotate(-5deg) skewX(15deg)
  }
  
  40% {
  transform:rotate(5deg) skewX(15deg)
  }
  
  60% {
  transform:rotate(-3deg) skewX(15deg)
  }
  
  80% {
  transform:rotate(3deg) skewX(15deg)
  }
  }
  
  .sp-contact-info li:hover {
  filter:brightness(110%);
  z-index:1
  }
  
  @media screen and (min-width: 768px) {
  .sp-contact-info {
  justify-content:flex-start
  }
  }
  
  @media screen and (max-width: 767px) {
  .sp-contact-info {
  flex-direction:column;
  align-items:stretch;
  gap:10px
  }
  
  .sp-contact-info li {
  padding:10px 15px;
  transform:skewX(0);
  border-radius:25px;
  margin-bottom:5px
  }
  
  .sp-contact-info li > * {
  transform:skewX(0)
  }
  
  @keyframes vibrateResponsive {
  0%,100% {
  transform:rotate(0)
  }
  
  20% {
  transform:rotate(-5deg)
  }
  
  40% {
  transform:rotate(5deg)
  }
  
  60% {
  transform:rotate(-3deg)
  }
  
  80% {
  transform:rotate(3deg)
  }
  }
  
  .sp-contact-phone .fas.fa-phone {
  animation-name:vibrateResponsive
  }
  }
  
  @media (prefers-color-scheme: dark) {
  .sp-contact-phone {
  background-color:#2980b9
  }
  
  .sp-contact-mobile {
  background-color:#27ae60
  }
  
  .sp-contact-email {
  background-color:#c0392b
  }
  }
  
  .sp-contact-info li a:focus {
  outline:2px solid #fff;
  outline-offset:2px
  }
  
  .mod-finder {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end
  }
  
  .search-wrapper {
  position:relative;
  display:inline-block
  }
  
  .js-finder-search-query {
  width:140px;
  padding:4px 10px;
  border:1px solid #ddd;
  background:#fff;
  transition:all .3s ease-in-out;
  outline:none;
  border-radius:0;
  font-size:14px
  }
  
  .js-finder-search-query:focus,.js-finder-search-query:not(:placeholder-shown) {
  width:227px;
  border-color:#ddd
  }
  
  .search-button {
  display:none
  }
  
  .visually-hidden {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
  }
  
  .img-clip {
  --border-size:70px;
  --border-offset:-7px;
  --border-color:#fff;
  --border-width:2px;
  position:relative;
  display:inline-block
  }
  
  .img-clip img {
  display:block;
  clip-path:polygon(0 0,69% 0,100% 26%,100% 100%,29% 100%,0 73%);
  -webkit-clip-path:polygon(0 0,69% 0,100% 26%,100% 100%,29% 100%,0 73%)
  }
  
  .img-clip::before,.img-clip::after {
  content:"";
  position:absolute;
  width:var(--border-size);
  height:var(--border-size);
  opacity:0;
  animation:border-appear 2s forwards;
  animation-delay:1s
  }
  
  .img-clip::before {
  top:var(--border-offset);
  left:var(--border-offset);
  border-top:var(--border-width) solid var(--border-color);
  border-left:var(--border-width) solid var(--border-color)
  }
  
  .img-clip::after {
  bottom:var(--border-offset);
  right:var(--border-offset);
  border-bottom:var(--border-width) solid var(--border-color);
  border-right:var(--border-width) solid var(--border-color)
  }
  
  @keyframes border-appear {
  0% {
  opacity:0;
  width:0;
  height:0
  }
  
  100% {
  opacity:1;
  width:var(--border-size);
  height:var(--border-size)
  }
  }
  
  .img-reflex {
  position:relative;
  overflow:hidden;
  display:inline-block
  }
  
  .img-reflex::before {
  content:"";
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,transparent,#ffffff4d,transparent);
  animation:shine-effect 3s infinite linear;
  transform:skewX(-15deg);
  z-index:1
  }
  
  @keyframes shine-effect {
  from {
  transform:translateX(100%) skewX(-15deg)
  }
  
  to {
  transform:translateX(-100%) skewX(-15deg)
  }
  }
  
  @media screen and (max-width: 575px) {
  .image-slide,.sp-slider_current_number,.sp-dots {
  display:none
  }
  }
  
  .sppb-addon-article-layout-content {
  position:relative;
  display:inline-block;
  overflow:hidden;
  transform:translateZ(0)
  }
  
  .sppb-addon-article-layout-content img {
  display:block;
  width:100%;
  transition:transform .5s ease,opacity .5s ease;
  backface-visibility:hidden;
  transform-origin:center center
  }
  
  .sppb-addon-article-layout-content::before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  background:#fff3;
  border-radius:50%;
  transform:translate(-50%,-50%);
  opacity:0;
  pointer-events:none;
  z-index:2;
  will-change:width,height,opacity
  }
  
  .sppb-addon-article-layout-content:hover::before {
  animation:circle .75s
  }
  
  @keyframes circle {
  0% {
  width:0;
  height:0;
  opacity:1
  }
  
  40% {
  opacity:1
  }
  
  100% {
  width:200%;
  height:200%;
  opacity:0
  }
  }
  
  .sppb-addon-article-layout-content:hover img {
  transform:scale(1.05);
  opacity:.8
  }
  
  .vmenu {
  background-color:#2c3e50;
  color:#ecf0f1;
  padding:5px 0;
  box-shadow:2px 0 10px #0000001a
  }
  
  .vmenu ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  .vmenu li {
  position:relative;
  margin:0;
  perspective:800px
  }
  
  .vmenu a {
  color:#ecf0f1;
  text-decoration:none;
  padding:4px 10px 4px 15px;
  display:block;
  transition:all .3s ease;
  font-size:15px;
  border-bottom:1px solid #ffffff0d;
  position:relative;
  transform-origin:left center
  }
  
  .vmenu a::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:3px;
  height:0;
  background-color:#e74c3c;
  transition:height .3s ease
  }
  
  .vmenu a:hover::after {
  height:100%;
  animation:borderGrow .3s ease-out forwards
  }
  
  @keyframes borderGrow {
  0% {
  height:0;
  top:50%
  }
  
  50% {
  height:50%;
  top:25%
  }
  
  100% {
  height:100%;
  top:0
  }
  }
  
  .vmenu a::before {
  content:"›";
  position:absolute;
  left:6px;
  opacity:.7;
  font-size:14px;
  transition:all .3s ease
  }
  
  .vmenu a:hover::before {
  opacity:1;
  transform:translateX(2px);
  color:#e74c3c
  }
  
  @keyframes tiltRight {
  0% {
  transform:translateX(0) rotate3d(0,1,0,0deg)
  }
  
  50% {
  transform:translateX(3px) rotate3d(0,1,0,2deg)
  }
  
  100% {
  transform:translateX(0) rotate3d(0,1,0,0deg)
  }
  }
  
  .vmenu a:hover {
  animation:tiltRight .8s ease-in-out;
  background-color:#ffffff0d
  }
  
  .vmenu a.active {
  background-color:#e74c3c33;
  font-weight:500
  }
  
  .vmenu a.active::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:3px;
  height:100%;
  background-color:#e74c3c
  }
  
  .vmenu a.active::before {
  opacity:1;
  color:#e74c3c
  }
  
  .vmenu i {
  width:24px;
  margin-right:8px;
  text-align:center;
  font-size:16px;
  margin-left:10px
  }
  
  .vmenu li:hover .submenu {
  max-height:500px
  }
  
  .vmenu .submenu {
  padding-left:15px;
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
  background-color:#00000026
  }
  
  .vmenu .submenu a {
  padding:6px 20px 6px 35px;
  font-size:14px;
  color:#fffc
  }
  
  .vmenu .submenu a::before {
  left:20px;
  font-size:12px
  }
  
  .vmenu .has-submenu:after {
  content:"▾";
  position:absolute;
  right:20px;
  top:8px;
  transition:transform .3s ease
  }
  
  .vmenu li:hover .has-submenu:after {
  transform:rotate(180deg)
  }
  
  :root {
  --primary-color:#b7681e;
  --secondary-color:#f1f3f5;
  --border-color:#e0e0e0;
  --transition-speed:.3s;
  --spring-transition:.5s cubic-bezier(0.175,0.885,0.32,1.275)
  }
  
  #sp-menu > .sp-column,#sp-menu .sp-megamenu-wrapper {
  justify-content:flex-start!important
  }
  
  .sp-megamenu-parent {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:0;
  padding:0
  }
  
  .sp-megamenu-parent > li {
  position:relative;
  margin:0 5px
  }
  
  .sp-megamenu-parent > li > a {
  text-decoration:none;
  padding:0 4px;
  display:inline-block;
  transition:color var(--transition-speed) ease
  }
  
  .sp-megamenu-parent > li::before {
  content:"";
  position:absolute;
  width:100%;
  height:2px;
  bottom:0;
  left:0;
  background-color:var(--primary-color);
  transform:scaleX(0);
  transition:transform var(--spring-transition);
  transform-origin:center
  }
  
  .sp-megamenu-parent > li:hover::before {
  transform:scaleX(1)
  }
  
  .sp-megamenu-parent > li.active > a,.sp-megamenu-parent > li.active:hover > a {
  font-weight:700
  }
  
  .sp-megamenu-parent > li.sp-has-child > a::after {
  content:"\25BC";
  font-size:10px;
  margin-left:5px;
  opacity:.7;
  transition:transform var(--spring-transition)
  }
  
  .sp-megamenu-parent > li.sp-has-child:hover > a::after {
  transform:rotate(180deg)
  }
  
  .sp-megamenu-parent .sp-dropdown {
  position:absolute;
  top:100%;
  left:0;
  z-index:100;
  display:none;
  transform-origin:top center
  }
  
  .sp-megamenu-parent > li:hover .sp-dropdown {
  display:block
  }
  
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background-color:#fff;
  box-shadow:0 3px 10px #0000001a;
  padding:8px;
  border:1px solid var(--border-color);
  border-bottom:2px solid var(--primary-color);
  margin-top:15px;
  border-radius:4px;
  animation:springDropDown .6s cubic-bezier(0.68,-0.55,0.265,1.55);
  transform-origin:top center
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  position:relative;
  opacity:0;
  transform:translateY(-10px);
  animation:springItemsIn .4s forwards;
  animation-delay:calc(0.05s * var(--item-index,0))
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  display:block;
  padding:15px 15px 8px 45px;
  cursor:pointer;
  font-size:13px;
  transition:all var(--spring-transition);
  position:relative;
  border-bottom:1px solid var(--border-color);
  background-color:transparent;
  z-index:2
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before {
  content:"\2192";
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  transition:transform var(--spring-transition),color .6s ease;
  z-index:3
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item::after {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:100%;
  background-color:var(--secondary-color);
  transition:width .6s cubic-bezier(0.68,-0.6,0.32,1.6);
  z-index:1
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {
  color:var(--primary-color)
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a::before {
  transform:translateX(5px) translateY(-50%);
  color:var(--primary-color);
  animation:arrowBounce .5s cubic-bezier(0.175,0.885,0.32,1.275)
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover::after {
  width:100%
  }
  
  @keyframes springDropDown {
  0% {
  transform:scaleY(0);
  opacity:0
  }
  
  70% {
  transform:scaleY(1.1);
  opacity:1
  }
  
  85% {
  transform:scaleY(0.95)
  }
  
  100% {
  transform:scaleY(1)
  }
  }
  
  @keyframes springItemsIn {
  0% {
  opacity:0;
  transform:translateY(-15px)
  }
  
  70% {
  opacity:1;
  transform:translateY(5px)
  }
  
  100% {
  opacity:1;
  transform:translateY(0)
  }
  }
  
  @keyframes arrowBounce {
  0% {
  transform:translateX(0) translateY(-50%)
  }
  
  50% {
  transform:translateX(10px) translateY(-50%)
  }
  
  75% {
  transform:translateX(3px) translateY(-50%)
  }
  
  100% {
  transform:translateX(5px) translateY(-50%)
  }
  }
  
  @keyframes borderFade {
  from {
  border-bottom-color:var(--border-color)
  }
  
  to {
  border-bottom-color:var(--primary-color)
  }
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {
  animation:borderFade var(--transition-speed) ease forwards
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(1) {
  --item-index:1
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(2) {
  --item-index:2
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(3) {
  --item-index:3
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(4) {
  --item-index:4
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(5) {
  --item-index:5
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(6) {
  --item-index:6
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(7) {
  --item-index:7
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(8) {
  --item-index:8
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(9) {
  --item-index:9
  }
  
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item:nth-child(10) {
  --item-index:10
  }
  
  @media (max-width: 1024px) {
  .sp-megamenu-parent li a {
  font-size:1rem
  }
  }
  
  #offcanvas-toggler {
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  background-color:#e67e22;
  border-radius:50%;
  box-shadow:0 2px 3px #0000001a;
  cursor:pointer;
  transition:all .3s ease;
  position:relative;
  text-decoration:none;
  outline:none
  }
  
  #offcanvas-toggler:hover {
  background-color:#d35400;
  transform:scale(1.05)
  }
  
  #offcanvas-toggler .burger-icon {
  width:16px;
  height:13px;
  position:relative;
  margin:0 auto
  }
  
  #offcanvas-toggler .burger-icon span {
  display:block;
  position:absolute;
  height:2px;
  width:100%;
  background:#fff;
  border-radius:2px;
  opacity:1;
  left:0;
  transform:rotate(0deg);
  transition:.25s ease-in-out;
  right:0;
  margin:0 auto
  }
  
  #offcanvas-toggler .burger-icon span:nth-child(1) {
  top:0
  }
  
  #offcanvas-toggler .burger-icon span:nth-child(2) {
  top:5.5px
  }
  
  #offcanvas-toggler .burger-icon span:nth-child(3) {
  top:11px
  }
  
  #offcanvas-toggler:focus .burger-icon span:nth-child(1) {
  top:5.5px;
  transform:rotate(45deg)
  }
  
  #offcanvas-toggler:focus .burger-icon span:nth-child(2) {
  opacity:0;
  transform:translateX(-16px)
  }
  
  #offcanvas-toggler:focus .burger-icon span:nth-child(3) {
  top:5.5px;
  transform:rotate(-45deg)
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu {
  position:relative;
  padding:.25rem 0
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background-color:#e6f3ff
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu > li {
  position:relative
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu > li > a,.offcanvas-menu .offcanvas-inner ul.menu > li > div {
  display:block;
  padding:.5rem 1rem;
  color:#333;
  text-decoration:none;
  transition:color .3s ease-in-out
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu > li:hover > a,.offcanvas-menu .offcanvas-inner ul.menu > li:hover > div,.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
  color:#007bff
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > div {
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer
  }
  
  .offcanvas-menu
  .offcanvas-inner
  ul.menu
  > li.menu-parent
  > div
  > span:last-child {
  color:#6c757d
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu > li::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background-color:#007bff;
  transform:scaleY(0);
  transition:transform .3s cubic-bezier(0.4,0,0.2,1)
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu > li:hover::before,.offcanvas-menu .offcanvas-inner ul.menu > li.active::before {
  transform:scaleY(1)
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu ul {
  display:none;
  padding-left:1rem;
  background-color:#f8f9fa;
  transition:all .3s ease-in-out
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent:hover > ul,.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent:focus-within > ul {
  display:block;
  animation:slideDown .3s ease-in-out
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu ul > li {
  position:relative;
  padding-left:12px
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu ul > li > a {
  display:block;
  padding:.25rem .5rem;
  color:#495057;
  text-decoration:none;
  transition:color .3s ease-in-out
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu ul > li:hover > a {
  color:#007bff
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu ul > li::before {
  content:"▸";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  color:#6c757d;
  font-size:.8em;
  transition:color .3s ease-in-out
  }
  
  .offcanvas-menu .offcanvas-inner ul.menu ul > li:hover::before {
  color:#007bff
  }
  
  @keyframes slideDown {
  from {
  opacity:0;
  transform:translateY(-10px)
  }
  
  to {
  opacity:1;
  transform:translateY(0)
  }
  }
  
  .article-list .article-intro-image img,.article-list .article-full-image img {
  width:100%;
  height:300px;
  display:block;
  object-fit:cover;
  object-position:top;
  padding:18px
  }
  
  .article-full-image img {
  width:100%;
  height:400px;
  display:block;
  object-fit:cover;
  object-position:center 20%
  }
  
  .article-info {
  font-family:Arial,sans-serif;
  font-size:14px;
  color:#555;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:15px;
  padding:10px;
  background:linear-gradient(281deg,#ffff 0%,#f5f5f5ff 89%);
  border-radius:5px;
  margin-bottom:20px;
  order:-1
  }
  
  .article-info span {
  display:inline-flex;
  align-items:center
  }
  
  .article-info span::before {
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:5px;
  background-size:contain;
  background-repeat:no-repeat
  }
  
  .article-info .createdby::before {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231a3e5d"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>')
  }
  
  .article-info .category-name::before {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231a3e5d"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>')
  }
  
  .article-info .published::before {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231a3e5d"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>')
  }
  
  .article-info .hits::before {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231a3e5d"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>')
  }
  
  .article-info .read-time::before {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231a3e5d"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>')
  }
  
  .article-info a {
  color:#f60;
  text-decoration:none;
  transition:color .3s ease
  }
  
  .article-info a:hover {
  color:#1a3e5d
  }
  
  .article-list .article .article-header h1 a,.article-list .article .article-header h2 a {
  color:#215084
  }
  
  .view-article .article-details {
  display:flex;
  flex-direction:column
  }
  
  .view-article .article-header {
  order:-1;
  margin-bottom:20px
  }
  
  .article-list .articleBody,.article-list .article-body {
  display:contents
  }
  
  .article-list .article {
  display:flex;
  flex-direction:column
  }
  
  .article-list .article-header {
  order:-1;
  margin-bottom:2px
  }
  
  .article-info > span + span::before {
  content:""
  }
  
  .article-details,.article {
  padding:0 20px;
  box-shadow:0 0 10px #0000001a
  }
  
  .article-details h1,.article-details h2,.article-details h3,.article-details h4,.article-details h5,.article-details h6 {
  margin-top:1.5em;
  margin-bottom:.5em
  }
  
  .article-details h1 {
  font-size:2.5em;
  border-bottom:2px solid #ff9800;
  padding-bottom:10px
  }
  
  .article-details h2 {
  font-size:2em
  }
  
  .article-details h3 {
  font-size:1.75em
  }
  
  .article-details h4 {
  font-size:1.5em
  }
  
  .article-details h5 {
  font-size:1.25em
  }
  
  .article-details h6 {
  font-size:1.1em
  }
  
  .article-details ul,.article-details ol {
  margin-left:0;
  padding-left:0;
  list-style-type:none
  }
  
  .article-details li {
  position:relative;
  margin-bottom:15px;
  padding-left:30px;
  transition:all .3s ease
  }
  
  .article-details li:hover {
  transform:translateX(5px)
  }
  
  .article-details ul li::before {
  content:"•";
  color:#ff9800;
  font-size:1.5em;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  transition:all .3s ease
  }
  
  .article-details ul li:hover::before {
  color:#1a237e;
  transform:translateY(-50%) scale(1.2)
  }
  
  .article-details ol {
  counter-reset:li-counter
  }
  
  .article-details ol li::before {
  content:counter(li-counter);
  counter-increment:li-counter;
  color:#fff;
  background-color:#ff9800;
  font-weight:700;
  font-size:.8em;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  border-radius:50%;
  text-align:center;
  line-height:22px;
  transition:all .3s ease
  }
  
  .article-details ol li:hover::before {
  background-color:#1a237e;
  box-shadow:0 0 5px #1a237e80;
  transform:translateY(-50%) scale(1.1)
  }
  
  .article-details ul ul,.article-details ol ul,.article-details ul ol,.article-details ol ol {
  margin-top:10px;
  margin-left:20px
  }
  
  .article-details strong {
  font-weight:700;
  color:#083a7a
  }
  
  .article-details a {
  color:#ff9800;
  text-decoration:none;
  border-bottom:1px solid #ff9800;
  transition:all .3s ease
  }
  
  .article-details a:hover {
  color:#1a237e;
  border-bottom:2px solid #1a237e
  }
  
  .gentle-move {
  animation:moveLeftRight 4s cubic-bezier(0.45,0.05,0.55,0.95) infinite;
  display:inline-block
  }
  
  @keyframes moveLeftRight {
  0% {
  transform:translateX(0)
  }
  
  50% {
  transform:translateX(10px)
  }
  
  100% {
  transform:translateX(0)
  }
  }
  
  :root {
  --gray-light:#e0e0e0;
  --gray-medium:#9e9e9e;
  --gray-dark:#616161;
  --orange-light:#ffab91;
  --orange-medium:#ff8a65;
  --orange-dark:#ff5722
  }
  
  .divider-4 {
  position:relative;
  height:2px;
  max-width:800px;
  margin:5px auto;
  background-color:var(--gray-light);
  overflow:hidden
  }
  
  .divider-4::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:30%;
  background-color:var(--orange-dark);
  animation:expand 2.5s ease-in-out infinite
  }
  
  @keyframes expand {
  0%,100% {
  left:0;
  width:0
  }
  
  50% {
  left:35%;
  width:30%
  }
  
  100% {
  left:100%;
  width:0
  }
  }
  
  .divider-7 {
  position:relative;
  height:6px;
  max-width:800px;
  margin:5px auto;
  background-color:var(--gray-light);
  overflow:hidden;
  border-radius:3px
  }
  
  .divider-7::before,.divider-7::after {
  content:"";
  position:absolute;
  height:2px;
  width:40%;
  animation-duration:2.5s;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite
  }
  
  .divider-7::before {
  top:1px;
  background-color:var(--orange-dark);
  animation-name:slideRight
  }
  
  .divider-7::after {
  bottom:1px;
  background-color:var(--gray-dark);
  animation-name:slideLeft
  }
  
  @keyframes slideRight {
  0%,100% {
  left:-40%
  }
  
  50% {
  left:100%
  }
  }
  
  @keyframes slideLeft {
  0%,100% {
  right:-40%
  }
  
  50% {
  right:100%
  }
  }
  
  .divider-8 {
  position:relative;
  height:2px;
  max-width:800px;
  margin:5px auto;
  background-color:var(--gray-light);
  overflow:visible
  }
  
  .divider-8::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:8px;
  height:8px;
  background-color:var(--orange-dark);
  border-radius:50%;
  animation:pulse-scale 2s ease-in-out infinite
  }
  
  @keyframes pulse-scale {
  0%,100% {
  transform:translate(-50%,-50%) scale(1);
  box-shadow:0 0 0 0 #ff5722b3
  }
  
  50% {
  transform:translate(-50%,-50%) scale(1.5);
  box-shadow:0 0 0 10px #ff572200
  }
  }
  
  .divider-9 {
  position:relative;
  height:2px;
  max-width:800px;
  margin:5px auto;
  background-color:var(--gray-light);
  overflow:hidden
  }
  
  .divider-9::before,.divider-9::after {
  content:"";
  position:absolute;
  top:0;
  height:100%;
  width:0;
  background-color:var(--orange-medium);
  animation:expandFromCenter 2.5s ease-in-out infinite
  }
  
  .divider-9::before {
  right:50%
  }
  
  .divider-9::after {
  left:50%
  }
  
  @keyframes expandFromCenter {
  0%,100% {
  width:0
  }
  
  50% {
  width:50%
  }
  }
  
  .divider-10 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:400px;
  height:2px;
  margin:15px auto;
  gap:4px
  }
  
  .divider-10 span {
  flex-grow:1;
  height:100%;
  background-color:var(--gray-medium);
  animation:fadeInOut 2s ease-in-out infinite
  }
  
  .divider-10 span:nth-child(2n) {
  background-color:var(--orange-medium)
  }
  
  .divider-10 span:nth-child(1) {
  animation-delay:0s
  }
  
  .divider-10 span:nth-child(2) {
  animation-delay:.1s
  }
  
  .divider-10 span:nth-child(3) {
  animation-delay:.2s
  }
  
  .divider-10 span:nth-child(4) {
  animation-delay:.3s
  }
  
  .divider-10 span:nth-child(5) {
  animation-delay:.4s
  }
  
  .divider-10 span:nth-child(6) {
  animation-delay:.5s
  }
  
  .divider-10 span:nth-child(7) {
  animation-delay:.6s
  }
  
  .divider-10 span:nth-child(8) {
  animation-delay:.7s
  }
  
  .divider-10 span:nth-child(9) {
  animation-delay:.8s
  }
  
  .divider-10 span:nth-child(10) {
  animation-delay:.9s
  }
  
  @keyframes fadeInOut {
  0%,100% {
  opacity:.3
  }
  
  50% {
  opacity:1
  }
  }
  
  .divider-11 {
  position:relative;
  height:3px;
  max-width:400px;
  margin:15px auto;
  background-color:var(--gray-light);
  overflow:hidden
  }
  
  .divider-11::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:var(--orange-dark);
  animation:wave 2.5s ease-in-out infinite;
  transform-origin:0 50%
  }
  
  @keyframes wave {
  0%,100% {
  transform:scaleX(0)
  }
  
  40%,60% {
  transform:scaleX(1)
  }
  }
  
  .divider-12 {
  position:relative;
  height:2px;
  max-width:400px;
  margin:15px auto;
  background-color:var(--gray-light);
  overflow:hidden
  }
  
  .divider-12::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-color:var(--orange-medium);
  transform-origin:0 50%;
  transform:scaleX(0);
  animation:typewriter 3s steps(40) infinite
  }
  
  @keyframes typewriter {
  0% {
  transform:scaleX(0)
  }
  
  40% {
  transform:scaleX(1)
  }
  
  60% {
  transform:scaleX(1)
  }
  
  100% {
  transform:scaleX(0)
  }
  }
  
  .underline-sek {
  position:relative;
  padding-bottom:10px;
  margin-bottom:10px
  }
  
  .underline-sek::after {
  content:"";
  position:absolute;
  width:80%;
  height:1px;
  bottom:0;
  left:5%;
  right:5%;
  background:linear-gradient(to right,transparent,#747474 50%,transparent);
  transition:all .3s ease
  }
  
  .underline-sek-gray {
  position:relative;
  padding-bottom:10px;
  margin-bottom:10px
  }
  
  .underline-sek-gray::after {
  content:"";
  position:absolute;
  width:70%;
  height:1px;
  bottom:0;
  left:15%;
  background:linear-gradient(to right,transparent,#d8d8d8 50%,transparent);
  transition:all .3s ease
  }
  
  .divider1 {
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .divider1::before,.divider1::after {
  content:"";
  display:block;
  height:.09em;
  min-width:8vw
  }
  
  .divider1::before {
  background:linear-gradient(to right,#f0f0f000,#06f);
  margin-right:4vh
  }
  
  .divider1::after {
  background:linear-gradient(to left,#f0f0f000,red);
  margin-left:4vh
  }
  
  .boxli li {
  list-style:none;
  position:relative;
  padding-left:30px
  }
  
  .boxli li::before {
  content:"•";
  position:absolute;
  left:0;
  font-size:30px;
  top:50%;
  transform:translateY(-50%);
  line-height:0
  }
  
  .boxli li:nth-child(odd)::before {
  color:#ff9100
  }
  
  .boxli li:nth-child(even)::before {
  color:#04f
  }
  
  .article-intro-image,.flash {
  position:relative;
  display:inline-block
  }
  
  .article-intro-image::before,.flash::before {
  content:"";
  position:absolute;
  top:0;
  left:-75%;
  z-index:2;
  display:block;
  width:50%;
  height:100%;
  background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);
  -webkit-transform:skewX(-25deg);
  transform:skewX(-25deg)
  }
  
  .article-intro-image:hover::before,.flash:hover::before {
  -webkit-animation:shine-slide .75s;
  animation:shine-slide .75s
  }
  
  @-webkit-keyframes shine-slide {
  100% {
  left:125%
  }
  }
  
  @keyframes shine-slide {
  100% {
  left:125%
  }
  }
  
  .orange {
  background:linear-gradient(90deg,orange,orange 45%,white 50%,orange 55%,orange 100%);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:shinet 3s infinite linear,pulse 3s infinite ease-in-out;
  display:inline-block
  }
  
  @-webkit-keyframes shinet {
  from {
  background-position:100% center
  }
  
  to {
  background-position:-100% center
  }
  }
  
  @keyframes shinet {
  from {
  background-position:100% center
  }
  
  to {
  background-position:-100% center
  }
  }
  
  @-webkit-keyframes pulse {
  0%,100% {
  transform:scale(1)
  }
  
  50% {
  transform:scale(1.02)
  }
  }
  
  @keyframes pulse {
  0%,100% {
  transform:scale(1)
  }
  
  50% {
  transform:scale(1.02)
  }
  }
  
  .btn-border-fill {
  background-color:transparent;
  color:#797979;
  border:2px solid #464646;
  position:relative;
  z-index:1
  }
  
  .btn-border-fill:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:100%;
  background-color:#fc9713;
  transition:all .3s ease;
  z-index:-1
  }
  
  .btn-border-fill:hover {
  color:#fff
  }
  
  .btn-border-fill:hover:before {
  width:100%
  }
  
  .button-1 {
  position:relative;
  display:inline-block;
  padding:12px 30px;
  background:#0044c4;
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-decoration:none;
  border:none;
  overflow:hidden;
  background-image:linear-gradient(90deg,white,white),linear-gradient(90deg,white,white),linear-gradient(180deg,white,white),linear-gradient(180deg,white,white);
  background-repeat:no-repeat;
  background-size:0 2px,0 2px,2px 0%,2px 0;
  background-position:top left,bottom left,top left,top right
  }
  
  .button-1:hover {
  animation:draw-border 1.5s forwards ease
  }
  
  @keyframes draw-border {
  0% {
  background-size:0 2px,0 2px,2px 0%,2px 0
  }
  
  25% {
  background-size:100% 2px,0 2px,2px 0%,2px 0
  }
  
  50% {
  background-size:100% 2px,100% 2px,2px 0%,2px 0
  }
  
  75% {
  background-size:100% 2px,100% 2px,2px 100%,2px 0
  }
  
  100% {
  background-size:100% 2px,100% 2px,2px 100%,2px 100%
  }
  }
  
  .button-2 {
  background-color:#fff0;
  border:none;
  color:#396eff;
  cursor:pointer;
  display:inline-block;
  font-family:"BenchNine",Arial,sans-serif;
  font-size:15px;
  line-height:.7em;
  margin:10.5px 18px;
  outline:none;
  padding:10px;
  position:relative;
  text-transform:uppercase;
  font-weight:700
  }
  
  .button-2:before,.button-2:after {
  content:"";
  position:absolute;
  height:16.8px;
  width:16.8px;
  border-style:solid;
  border-color:transparent;
  border-width:0;
  -webkit-transition:all .25s;
  transition:all .25s
  }
  
  .button-2:before {
  border-color:#fff;
  border-left-width:1.4px;
  border-top-width:1.4px;
  left:-3.5px;
  top:-3.5px
  }
  
  .button-2:after {
  border-color:#fff;
  border-right-width:1.4px;
  border-bottom-width:1.4px;
  bottom:-3.5px;
  right:-3.5px
  }
  
  .button-2:hover,.button-2.hover {
  background-color:#ffffff3f
  }
  
  .button-2:hover:before,.button-2.hover:before,.button-2:hover:after,.button-2.hover:after {
  height:100%;
  width:100%
  }
  
  .section1 .img-clip img {
  transition:transform .3s ease
  }
  
  .section1:hover .img-clip img {
  transform:scale(1.05)
  }
  
  .car {
  position:relative;
  animation:drive 5s linear infinite,bounce .5s ease-in-out infinite
  }
  
  @keyframes drive {
  0% {
  transform:translateX(-100%)
  }
  
  100% {
  transform:translateX(100vw)
  }
  }
  
  @keyframes bounce {
  0%,100% {
  transform:translateY(0)
  }
  
  50% {
  transform:translateY(-1px)
  }
  }
  
  .sekcja1 {
  position:relative
  }
  
  .sekcja1::after {
  content:"";
  position:absolute;
  bottom:-20px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  border-top:20px solid #0f1d2e;
  z-index:1
  }
  
  #sppb-content1-1,#sppb-content1-2,#sppb-content1-3,#sppb-content1-4 {
  background-color:#f60;
  height:60px;
  position:relative;
  overflow:visible;
  transition:background-color .3s ease
  }
  
  #sppb-content1-4 {
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)
  }
  
  #sppb-content1-1::before,#sppb-content1-2::before,#sppb-content1-3::before,#sppb-content1-4::before {
  content:"";
  position:absolute;
  bottom:100%;
  left:0;
  width:100%;
  height:0;
  background-color:#f60;
  transition:height .3s ease-in-out;
  z-index:1
  }
  
  #sppb-content1-1:hover::before,#sppb-content1-2:hover::before,#sppb-content1-3:hover::before,#sppb-content1-4:hover::before {
  height:4px
  }
  
  #sppb-content1-1::after,#sppb-content1-2::after,#sppb-content1-3::after,#sppb-content1-4::after {
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%) scale(0) translateY(4px);
  width:0;
  height:0;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #fff;
  opacity:0;
  transition:transform .3s ease,opacity .3s ease;
  z-index:2
  }
  
  #sppb-content1-1:hover::after,#sppb-content1-2:hover::after,#sppb-content1-3:hover::after,#sppb-content1-4:hover::after {
  transform:translateX(-50%) scale(1) translateY(4px);
  opacity:1
  }
  
  .border-transparent {
  position:relative;
  padding:130px
  }
  
  .border-transparent::before,.border-transparent::after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background-image:linear-gradient(to bottom,transparent 0%,#adadad 15%,#d1d1d1 85%,transparent 100%)
  }
  
  .border-transparent::before {
  left:0
  }
  
  .border-transparent::after {
  right:0
  }
  
  .list ul,.list ol {
  margin-left:0;
  padding-left:0;
  list-style-type:none
  }
  
  .list li {
  position:relative;
  margin-bottom:15px;
  padding-left:30px;
  transition:all .3s ease
  }
  
  .list li:hover {
  transform:translateX(5px)
  }
  
  .list ul li::before {
  content:"•";
  color:#ff9800;
  font-size:1.5em;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  transition:all .3s ease
  }
  
  .list ul li:hover::before {
  color:#1a237e;
  transform:translateY(-50%) scale(1.2)
  }
  
  .list ol {
  counter-reset:li-counter
  }
  
  .list ol li::before {
  content:counter(li-counter);
  counter-increment:li-counter;
  color:#fff;
  background-color:#ff9800;
  font-weight:700;
  font-size:.8em;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  border-radius:50%;
  text-align:center;
  line-height:22px;
  transition:all .3s ease
  }
  
  .list ol li:hover::before {
  background-color:#1a237e;
  box-shadow:0 0 5px #1a237e80;
  transform:translateY(-50%) scale(1.1)
  }
  
  .list ul ul,.list ol ul,.list ul ol,.list ol ol {
  margin-top:10px;
  margin-left:20px
  }
  
  .reflex {
  position:relative;
  overflow:hidden;
  transition:transform .5s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .5s cubic-bezier(0.25,0.46,0.45,0.94),border-radius .5s cubic-bezier(0.25,0.46,0.45,0.94);
  transform-origin:center center;
  border-radius:5px
  }
  
  .reflex-go {
  cursor:pointer
  }
  
  .reflex::after {
  content:"";
  position:absolute;
  width:100px;
  height:300%;
  background:linear-gradient(90deg,#fff0 0%,#fff6 45%,#fff6 55%,#fff0 100%);
  top:-100%;
  left:-300px;
  transform:rotate(45deg);
  pointer-events:none;
  z-index:2;
  filter:blur(5px);
  box-shadow:none;
  opacity:0
  }
  
  @keyframes shine {
  0% {
  left:200%;
  opacity:0
  }
  
  10% {
  opacity:.7
  }
  
  90% {
  opacity:.7
  }
  
  100% {
  left:-300px;
  opacity:0
  }
  }
  
  @keyframes shineReverse {
  0% {
  left:-300px;
  opacity:0
  }
  
  10% {
  opacity:.7
  }
  
  90% {
  opacity:.7
  }
  
  100% {
  left:200%;
  opacity:0
  }
  }
  
  @keyframes ripple {
  10% {
  box-shadow:0 0 0 0 #ff60004d 0 0 0 1px #ff60004d 0 0 0 3px #ff60004d 0 0 0 15px #ff60004d
  }
  
  100% {
  box-shadow:0 0 0 0 #ff60004d 0 0 0 4px #ff60004d 0 0 0 20px #ff600000 0 0 0 30px #ff600000
  }
  }
  
  .reflex-go:hover ~ .reflex::after,.reflex-go:hover + .reflex::after,.reflex-go:hover .reflex::after {
  animation:shine .8s forwards
  }
  
  .reflex-go:not(:hover) ~ .reflex::after,.reflex-go:not(:hover) + .reflex::after,.reflex-go:not(:hover) .reflex::after {
  animation:shineReverse .8s forwards
  }
  
  .reflex-go:hover ~ .reflex,.reflex-go:hover + .reflex,.reflex-go:hover .reflex {
  transform:scale(0.8);
  border-radius:50%;
  animation:ripple 1.5s linear;
  animation-fill-mode:forwards
  }
  
  img.reflex {
  display:block;
  max-width:100%;
  height:auto;
  border-radius:5px;
  object-fit:cover
  }
  
  .imgc {
  --s:100%;
  --b:7px;
  --c:#d4d4d4;
  --bg:#575a6c;
  --f:1;
  width:var(--s);
  aspect-ratio:1;
  padding-top:calc(var(--s) / 5);
  cursor:pointer;
  border-radius:0 0 999px 999px;
  --_g:50% / calc(100% / var(--f)) 100% no-repeat content-box;
  --_o:calc((1 / var(--f) - 1) * var(--s) / 2 - var(--b));
  outline:var(--b) solid var(--c);
  outline-offset:var(--_o);
  background:radial-gradient(circle closest-side,var(--bg) calc(99% - var(--b)),var(--c) calc(100% - var(--b)) 99%,#0000) var(--_g);
  -webkit-mask:linear-gradient(#000 0 0) no-repeat 50% calc(1px - var(--_o)) / calc(100% / var(--f) - 2 * var(--b) - 2px) 50%,radial-gradient(circle closest-side,#000 99%,#0000) var(--_g);
  -moz-mask:linear-gradient(#000 0 0) no-repeat 50% calc(1px - var(--_o)) / calc(100% / var(--f) - 2 * var(--b) - 2px) 50%,radial-gradient(circle closest-side,#000 99%,#0000) var(--_g);
  -ms-mask:linear-gradient(#000 0 0) no-repeat 50% calc(1px - var(--_o)) / calc(100% / var(--f) - 2 * var(--b) - 2px) 50%,radial-gradient(circle closest-side,#000 99%,#0000) var(--_g);
  mask:linear-gradient(#000 0 0) no-repeat 50% calc(1px - var(--_o)) / calc(100% / var(--f) - 2 * var(--b) - 2px) 50%,radial-gradient(circle closest-side,#000 99%,#0000) var(--_g);
  transform:scale(var(--f));
  transition:.5s
  }
  
  .go:hover .imgc {
  --f:1.35
  }
  
  .imgc-1 {
  --c:#fff;
  --bg:#112131
  }
  
  .imgc-2 {
  --c:#0f0;
  --bg:#cfc
  }
  
  .imgc-3 {
  --c:#c5c5c5;
  --bg:#ccf
  }
  
  .cut-right-top {
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)
  }
  
  .sppb-addon-clients.sppb-carousel-extended {
  position:relative;
  padding:35px 20px;
  box-shadow:0 10px 30px #00000014
  }
  
  .sppb-addon-clients.sppb-carousel-extended::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,#f05,#06f,#00ff6a,#f05);
  background-size:300% 300%;
  animation:gradient-slide 4s ease infinite;
  z-index:5
  }
  
  @keyframes gradient-slide {
  0% {
  background-position:0 50%
  }
  
  50% {
  background-position:100% 50%
  }
  
  100% {
  background-position:0 50%
  }
  }
  
  .sppb-carousel-extended-item {
  position:relative;
  transition:transform .45s cubic-bezier(0.25,0.8,0.25,1);
  margin:10px;
  overflow:hidden
  }
  
  .sppb-carousel-extended-item img.sppb-img-responsive.sppb-addon-clients-image {
  width:90%;
  height:auto;
  margin:0 auto;
  padding:20px;
  object-fit:contain;
  filter:grayscale(100%) contrast(1.1);
  transition:all .5s cubic-bezier(0.215,0.61,0.355,1);
  background:#f7f8fa;
  border:1px solid #eaeef2;
  box-shadow:0 5px 15px #00000008;
  position:relative
  }
  
  .sppb-carousel-extended-nav-control .nav-control {
  width:50px;
  height:50px;
  background:#fff;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:absolute;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  transition:all .3s ease
  }
  
  .sppb-carousel-extended-nav-control .nav-control::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:3px;
  background:linear-gradient(90deg,#f05,#06f);
  transition:width .3s ease
  }
  
  .elegant-box {
  background-color:#fff;
  border-radius:8px;
  box-shadow:0 10px 25px #00000014;
  padding:25px;
  margin:20px 0;
  border-left:4px solid #e74c3c;
  transition:transform .3s ease,box-shadow .3s ease;
  position:relative;
  overflow:hidden
  }
  
  .elegant-box:hover {
  transform:translateY(-5px);
  box-shadow:0 15px 30px #0000001f
  }
  
  .elegant-box::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(to right,#e74c3c,#f39c12);
  opacity:0;
  transition:opacity .3s ease
  }
  
  .elegant-box:hover::before {
  opacity:1
  }
  
  .elegant-box h2 {
  font-size:22px;
  font-weight:600;
  margin-top:0;
  margin-bottom:15px;
  color:#333;
  padding-bottom:10px;
  border-bottom:1px solid #f0f0f0
  }
  
  .elegant-box-icon {
  position:absolute;
  top:-15px;
  right:-15px;
  width:50px;
  height:50px;
  border-radius:50%;
  background-color:#e74c3c;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px;
  opacity:.9
  }
  
  .elegant-box.blue {
  border-left-color:#3498db
  }
  
  .elegant-box.blue::before {
  background:linear-gradient(to right,#3498db,#2980b9)
  }
  
  .elegant-box.green {
  border-left-color:#2ecc71
  }
  
  .elegant-box.green::before {
  background:linear-gradient(to right,#2ecc71,#27ae60)
  }
  
  .elegant-box.orange {
  border-left-color:#e67e22
  }
  
  .elegant-box.orange::before {
  background:linear-gradient(to right,#e67e22,#d35400)
  }
  
  .dark-box {
  background-color:#2c3e50;
  border-radius:6px;
  padding:30px;
  box-shadow:0 10px 30px #00000026;
  margin:25px 0;
  border-left:5px solid #e74c3c;
  position:relative;
  overflow:hidden
  }
  
  .dark-box h2 {
  margin-top:0;
  margin-bottom:20px;
  font-size:32px;
  text-transform:uppercase;
  font-weight:600;
  padding-bottom:15px;
  border-bottom:1px solid #ffffff1a;
  position:relative
  }
  
  .dark-box h2:after {
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:80px;
  height:3px;
  background-color:#e74c3c
  }
  
  .dark-box p {
  line-height:1.6;
  margin-bottom:15px
  }
  
  .dark-box strong {
  font-weight:600
  }
  
  .dark-box a {
  color:#3498db;
  text-decoration:none;
  transition:color .3s ease
  }
  
  .dark-box a:hover {
  color:#2980b9;
  text-decoration:underline
  }
  
  .dark-box ul,.dark-box ol {
  padding-left:20px;
  margin-bottom:15px;
  color:#bdc3c7
  }
  
  .dark-box li {
  margin-bottom:4px!important
  }
  
  .dark-box.blue {
  border-left-color:#3498db
  }
  
  .dark-box.blue h2:after {
  background-color:#3498db
  }
  
  .dark-box.green {
  border-left-color:#2ecc71
  }
  
  .dark-box.green h2:after {
  background-color:#2ecc71
  }
  
  .dark-box.orange1 {
  border-left-color:#f39c12
  }
  
  .dark-box.orange1 h2:after {
  background-color:#f39c12
  }
  
  .box-2 {
  padding:20px;
  border-radius:8px;
  background-color:#fff;
  box-shadow:0 4px 15px #0000001a;
  border-left:4px solid #ff8c00;
  transition:all .3s ease;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)
  }
  
  .box-2:hover {
  border-left-width:8px;
  padding-left:16px;
  box-shadow:0 6px 20px #00000026
  }
  
  .sppb-carousel-extended-team-content {
  box-shadow:0 2px 2px 0 #0000;
  padding:5px 20px;
  margin:0 1px 10px
  }
  
  .pricing-header {
  text-align:center;
  margin-bottom:50px
  }
  
  .pricing-header h1 {
  font-size:36px;
  color:#2c3e50;
  margin-bottom:15px
  }
  
  .pricing-header p {
  font-size:18px;
  color:#7f8c8d;
  max-width:700px;
  margin:0 auto
  }
  
  .pricing-plans {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:30px
  }
  
  .pricing-plan {
  background-color:#fff;
  border-radius:10px;
  box-shadow:0 5px 15px #0000000d;
  padding:40px 30px;
  width:360px;
  transition:all .3s ease;
  position:relative;
  overflow:hidden
  }
  
  .pricing-plan:hover {
  transform:translateY(-5px);
  box-shadow:0 15px 30px #0000001a;
  background-image:linear-gradient(45deg,#fcfcfce6 0%,#fcfcfce6 25%,#f5f5f5e6 25%,#f5f5f5e6 50%,#fcfcfce6 50%,#fcfcfce6 75%,#f5f5f5e6 75%,#f5f5f5e6 100%);
  background-size:60px 60px;
  animation:moveStripes 3s linear infinite;
  position:relative
  }
  
  @keyframes moveStripes {
  0% {
  background-position:0 0
  }
  
  100% {
  background-position:60px 0
  }
  }
  
  .plan-basic {
  border-top:5px solid #3498db
  }
  
  .plan-premium {
  border-top:5px solid #e85d04;
  transform:scale(1.05);
  z-index:1
  }
  
  .plan-business {
  border-top:5px solid #2ecc71
  }
  
  .plan-name {
  font-size:22px;
  font-weight:600;
  margin-bottom:15px;
  color:#2c3e50
  }
  
  .plan-price {
  font-size:48px;
  font-weight:700;
  margin-bottom:20px;
  color:#2c3e50
  }
  
  .plan-price span {
  font-size:16px;
  font-weight:400;
  color:#95a5a6
  }
  
  .plan-description {
  margin-bottom:25px;
  color:#7f8c8d;
  font-size:15px
  }
  
  .plan-features {
  list-style:none;
  margin-bottom:30px
  }
  
  .plan-features li {
  padding:10px 0;
  border-bottom:1px solid #ecf0f1;
  font-size:15px;
  display:flex;
  align-items:center
  }
  
  .plan-features li::before {
  content:"✓";
  margin-right:10px;
  color:#2ecc71;
  font-weight:700
  }
  
  .plan-features .feature-unavailable::before {
  content:"✗";
  color:#e74c3c
  }
  
  .plan-features .feature-unavailable {
  color:#bdc3c7
  }