body.body-hidden{
    visibility: hidden;
  }

  .swiper-button.swiper-button-disabled {
    opacity: 0.4;
    cursor: default;
  }
  @media screen and (max-width: 479px) {
    .services .services__content-item .btn {
      padding-right: 12px;
      padding-left: 12px;
    }
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    content: "" !important;
    display: none !important;
  }

  .body--overflow {
    overflow: hidden;
  }
  .eapps-widget-toolbar {
    display: none !important;
  }
  @media screen and (max-width: 991px) {
    html {
      scrollbar-gutter: stable;
    }
  }
  .btn-link:hover .btn-link__svg {
    transform: translate(6px, 0px);
  }
  [data-wf--section-heading--variant="white-center"] h2 {
    color: var(--white);
  }
  .swiper-slide {
    transition-property: transform, box-shadow !important;
  }
  /* Thumb swiper START*/
  .services__menu-button:hover:not(.swiper-slide-thumb-active) {
    background-color: var(--gray);
    filter: brightness(180%);
    color: var(--white);
  }
  .swiper-slide-thumb-active {
    background-color: var(--gray);
    color: var(--white);
  }
  .services__content-inner li::before {
    position: absolute;
    left: 0px;
    content: "/";
    top: 50%;
    transform: translate(0px, -50%);
    font-weight: 700;
  }
  .services__content *:has(+ .btn) {
    margin-bottom: 30px;
  }
  /* Thumb swiper END*/

  .main > *:first-of-type {
    margin-top: 144px;
  }
  .main > .breadcrumbs + .hero .hero__bg {
    height: calc(100% + 144px + 44px);
    top: calc(-144px - 44px);
  }
  @media screen and (max-width: 1279.98px) and (min-width: 993px) {
    .main > *:first-of-type {
      margin-top: 100px;
    }
    .main > .breadcrumbs + .hero .hero__bg {
      height: calc(100% + 100px + 44px);
      top: calc(-100px - 44px);
    }
  }
  @media screen and (max-width: 992px) {
    .main > *:first-of-type {
      margin-top: 82px;
    }
    .main > .breadcrumbs + .hero .hero__bg {
      height: calc(100% + 82px + 44px);
      top: calc(-82px - 44px);
    }
  }
  @media screen and (max-width: 767px) {
    .main > *:first-of-type {
      margin-top: 100px;
    }
    .main > .breadcrumbs + .hero .hero__bg {
      height: calc(100% + 144px + 44px);
      top: calc(-144px - 44px);
    }
  }

  a.link-card::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

  .services__list-item .link-card .services__heading::after {
    position: absolute;
    content: url("https://cdn.prod.website-files.com/68ff120fbf9836d3477fcd8d/69135117c92c051c8b9d8c42_icon.svg");
    top: 50%;
    transform: translate(0, -50%);
    right: 0px;
    width: 40px;
    height: 40px;
    transition: transform 0.4s ease;
  }
  .services__list-item .link-card .services__heading {
    padding-right: 50px;
  }
  .services__list-item .link-card:hover .services__heading {
    color: var(--blue);
  }
  .services__list-item .link-card:hover .services__heading::after {
    transform: translate(14px, -50%);
  }
  .cases-item {
    transition: box-shadow 0.4s, transform 0.4s !important;
  }

  .anim-fade{
    opacity: 0;
    transform: translatey(10%);
  }

  .dropdown__list-item {
    display: grid;
    grid-template-columns: 1fr;
    transition: grid-template-rows 0.4s, background-color 0.4s;
    grid-template-rows: max-content 0fr;
  }
  .dropdown__list-item--opened {
    grid-template-rows: max-content 1fr;
    background-color: var(--gray);
    color: var(--white);
  }
  .dropdown__list-item--opened .dropdown__body {
    padding-bottom: 30px;
  }
  .dropdown__icon::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 6px;
    background-color: var(--dark);
    inset: 0;
    transition: transform 0.4s, background-color 0.4s;
    transform: rotate(90deg);
  }
  .dropdown__list-item--opened .dropdown__icon,
  .dropdown__list-item--opened .dropdown__icon::after {
    background-color: var(--white);
  }
  .dropdown__list-item:hover .dropdown__icon,
  .dropdown__list-item:hover .dropdown__icon::after {
    background-color: var(--yellow);
  }
  .dropdown__list-item--opened .dropdown__icon::after {
    transform: rotate(0deg);
  }
  /* For .principles--gray and why-choose section*/
  .principles--gray .dropdown__list-item,
  .why-choose .dropdown__list-item {
    background-color: var(--white);
  }
  .principles--gray .dropdown__list-item--opened .dropdown__icon,
  .why-choose .dropdown__list-item--opened .dropdown__icon,
  .principles--gray .dropdown__list-item--opened .dropdown__icon::after,
  .why-choose .dropdown__list-item--opened .dropdown__icon::after {
    background-color: var(--gray);
  }
  .principles--gray .dropdown__list-item--opened,
  .why-choose .dropdown__list-item--opened {
    color: var(--gray);
  }
  .why-choose .dropdown__list-item--opened .dropdown__body {
    padding-bottom: 0px;
  }

  .rich-text *:has(+ ul),
  .rich-text *:has(+ ol) {
    margin-bottom: 24px;
  }
  .rich-text ul li {
    position: relative;
    padding-left: 20px;
  }
  .rich-text ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .rich-text ul li::before {
    position: absolute;
    content: "";
    top: 9.5px;
    left: 0px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: var(--blue);
  }
  .rich-text.dropdown__body ul li::before {
    background-color: var(--yellow);
  }
  .rich-text ol li {
    padding: 0px;
  }
  .rich-text p:not(:last-child) {
    margin-bottom: 16px;
  }
  .rich-text ul:not(:last-child),
  .rich-text ol:not(:last-child) {
    margin-bottom: 24px;
  }
  .rich-text h2:has(+ *) {
    margin-bottom: 24px;
  }
  .rich-text *:has(+ h2) {
    margin-bottom: 48px !important;
  }
  .rich-text *:has(+ h3) {
    margin-bottom: 16px !important;
  }
  .rich-text h2:not(:last-child) {
    margin-bottom: 24px;
  }
  .rich-text .phone-link {
    color: var(--white);
  }
  .rich-text *:has(+ figure) {
    margin-bottom: 24px !important;
  }
  .rich-text ul.blog__dropdown-list li::before {
    content: unset !important;
  }
  .rich-text ul.blog__dropdown-list li {
    padding-left: 0px;
  }
  .rich-text .blog__dropdown-list h3 {
    margin-bottom: 0px;
  }
  /* Media */
  @media screen and (max-width: 767px) {
    .rich-text *:has(+ h2) {
      margin-bottom: 32px !important;
    }
    .rich-text h2:not(:last-child) {
      margin-bottom: 16px;
    }
  }

  .services__content-inner a {
    color: var(--blue);
  }
  .services__content-inner a:hover {
    text-decoration: none;
  }

  @media screen and (max-width: 767px) {
    .services .swiper-slide-thumb-active {
      max-height: 0px;
      overflow: hidden;
      padding: 0px;
    }
    .services-chosen-button:after {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      border-left: 2px solid var(--blue);
      border-bottom: 2px solid var(--blue);
      transform: rotate(315deg);
      transition: transform 0.4s;
    }
    .services__menu-swiper--opened {
      opacity: 100% !important;
      pointer-events: all !important;
      opacity: 100% !important;
    }
    .services__menu-wrapper:has(.services__menu-swiper--opened)
      .services-chosen-button:after {
      transform: rotate(135deg);
    }
  }
  @media screen and (min-width: 768px) {
    .services__menu-swiper {
      max-height: 100% !important;
    }
  }

  .lg-backdrop,
  .lg-toolbar,
  .lg-components {
    background-color: rgb(0 0 0 / 70%);
  }
  .lg-image {
    touch-action: manipulation;
  }
  .body-scroll-lock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
  }
  .lg-backdrop,
  .lg-outer {
    z-index: 999999999999;
  }
  .lg-toolbar .lg-icon,
  .lg-sub-html {
    color: #ffffff;
  }

  @media screen and (max-width: 767px) {
    .main > .breadcrumbs + .hero-small .hero__bg {
      height: calc(100% + 144px);
      top: calc(-144px);
    }
  }
  @media screen and (max-width: 479px) {
    .main > .breadcrumbs + .hero-small .hero__bg {
      height: calc(100% + 144px + 44px);
      top: calc(-144px - 44px);
    }
  }

  .hero__gradient.hero__gradient--404 {
    background: linear-gradient(178deg, rgba(9, 9, 9, 0.00) 1.6%, #061D3D 98.4%);
  }

  /* Header phone-block — readable on light backgrounds. Source CSS sets
     phone-link white via .w-variant-96d9d42a-...---hero on dark hero overlay,
     but header is sticky and on most pages sits over light page bg → invisible.
     Override to dark across all pages. */
  .header .phone-link,
  .header .phone-link strong,
  .header .phone-block__text {
    color: var(--dark);
  }