/* Hero sections */
:root {
  --white: #fff;
  --orange: #e77d27;
  --blue: #5799f1;
  --grey: #c7c7c7;
  --dark_blue: #00162c;
  --general-font-size: 18px;
  --general-font-weight: 400;
  --general-line-height: 28px;

  --small-font-size: 14px;
  --small-font-weight: 400;
  --small-line-height: normal;

  --h1-font-size: 62px;
  --h1-font-weight: 900;
  --h1-line-height: 67px;
  --h1-letter-spacing: -1.86px;

  --button-font-size: 20px;

  --button-font-weight: 500;
  --button-line-height: 30px;

  --general-font-color: var(--white);
}

@media (max-width: 768px) {
  :root {
    --h1-font-size: 50px;
    --h1-line-height: 54px;
    --h1-letter-spacing: -1.5px;

    --general-font-size: 16px;
    --general-line-height: 30px;

    --button-font-size: 20px;
    --button-line-height: 24px;
  }
}
@font-face {
  font-family: sofia-pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/sofia-pro-400) format("woff2");
}
@media (max-width: 768px) {
  .top-nav {
    padding: 10px 20px;
    gap: 20px;
  }
}
h2 strong,
h3 strong,
h2,
h3 {
  font-weight: 700;
}
.home-hero-25 {
  padding: 0;
}

.banner-body-content h1 {
  color: var(--white);
  font-size: var(--h1-font-size);
  font-style: normal;
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
  margin-bottom: 28px;
  text-align: right;
  margin-bottom: 0px;
}

.banner-body-content h1 span {
  color: var(--blue);
}

.banner-body {
  display: block;
  background: #000;
  background-image: var(--BGimage);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 30px;
}

.banner-body-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 75px 0;
  gap: 28px;
  margin-left: auto;
  width: 907px;
  max-width: 80%;
}

.banner-body-content p {
  color: #fff;
  font-family: var(--general-font-family);
  font-size: var(--general-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--general-line-height);
  text-align: right;
}
.banner-body-content_content p:not(:last-child) {
  margin-bottom: 15px;
}

.home-page-btn {
  display: flex;
  max-width: 334px;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background: var(--orange) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  text-align: center;
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-style: normal;
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  border: 0;
  border-radius: 40px;
  text-decoration: none;
  padding: 14px 18px 14px 18px;
}

.home-page-btn:hover,
.home-page-btn:focus,
.home-page-btn:active {
  cursor: pointer;
  background: var(--blue);
  color: var(--white);
}

.mobile-only {
  display: none;
}

@media (max-width: 900px) {
  h1,
  .banner-body-content p {
    text-align: left;
  }

  .banner-body-content {
    align-items: flex-start;
    gap: 18px;
    padding: 28px;
    width: 100%;
    max-width: 100%;
  }

  .home-page-btn {
    width: 100%;
  }

  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .banner-body-content h1 {
    text-align: left;
    font-size: 50px !important;
    line-height: 54px !important;
    letter-spacing: -1.5px;
  }

  .home-hero-25 .banner-body-content .home-page-btn {
    margin: 0;
    max-width: none;
  }
}

@media (max-width: 1199px) {
  .banner-body-content {
    padding: 40px 20px;
  }
}

.secondary-banner-body h2 {
  color: var(--white);
}

.secondary-banner-body h2 span {
  color: var(--blue) !important;
}

.secondary-banner-body {
  background: #000;
  background-image: var(--BGimage);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  padding-block: 80px;
}

.secondary-banner-content-left {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.secondary-banner-content-left ul {
  list-style: disc;
  margin-block: 28px;
  text-align: left;
  color: rgba(255, 255, 255, 0.85);
  font-family: var(--general-font-family);
  font-size: var(--general-font-size);
  font-style: normal;
  line-height: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.secondary-banner-content-left ul li {
  position: relative;
  padding-left: 34px;
  &::before {
    position: absolute;
    left: 0;
    top: 5px;
    content: " ";
    width: 21px;
    height: 21px;
    background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5816 15.4176L17.0264 7.9728L15.548 6.4944L9.5816 12.4608L6.572 9.4512L5.0936 10.9296L9.5816 15.4176ZM11.06 21.12C9.5992 21.12 8.2264 20.8426 6.9416 20.2879C5.6568 19.7331 4.5392 18.9809 3.5888 18.0312C2.6384 17.0815 1.88618 15.9639 1.33213 14.6784C0.778081 13.3929 0.500705 12.0201 0.500001 10.56C0.499297 9.0999 0.776673 7.7271 1.33213 6.4416C1.88758 5.1561 2.63981 4.0385 3.5888 3.0888C4.53779 2.1391 5.65539 1.38688 6.9416 0.832128C8.22781 0.277376 9.6006 0 11.06 0C12.5194 0 13.8922 0.277376 15.1784 0.832128C16.4646 1.38688 17.5822 2.1391 18.5312 3.0888C19.4802 4.0385 20.2328 5.1561 20.7889 6.4416C21.3451 7.7271 21.6221 9.0999 21.62 10.56C21.6179 12.0201 21.3405 13.3929 20.7879 14.6784C20.2352 15.9639 19.483 17.0815 18.5312 18.0312C17.5794 18.9809 16.4618 19.7335 15.1784 20.2889C13.895 20.8444 12.5222 21.1214 11.06 21.12Z" fill="%235799F1"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/* .secondary-banner-content-left ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 21px;
  height: 21px;
  background-image: var(--bullet_image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
} */

@media (max-width: 768px) {
  .secondary-banner-body {
    background: #000;
    background-image: var(--BGImage-mobile);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 55px 20px;
    gap: 29px;
  }
  .secondary-banner-content-left {
    gap: 30px;
  }
}

.secondary-body-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "content logo" "btn logo";
  grid-template-rows: auto auto;
  column-gap: 85px;
  row-gap: 40px;
  align-items: start;
}

.secondary-banner-content-left:first-of-type {
  grid-area: content;
}

.secondary-banner-content-left.secondary-banner-content-mobile-right {
  grid-area: btn;
}

.secondary-banner-content-right {
  grid-area: logo;
  justify-self: start;
  align-self: end;
}

@media (max-width: 768px) {
  .secondary-body-inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "content" "logo" "btn";
    gap: 20px;
    align-items: start;
    max-width: 100%;
  }

  .secondary-banner-content-right {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    align-self: start;
    transform: translateY(0px);
    width: 100%;
    text-align: center;
  }

  .secondary-banner-content-left.secondary-banner-content-mobile-right {
    grid-column: 1;
    grid-row: 3;
  }
}

@media (min-width: 769px) {
  .desktop-only {
    display: blcok;
  }
}
@media (min-width: 769px) and (max-width: 820px) {
  .secondary-body-inner {
    column-gap: 20px;
  }

  .secondary-banner-body {
    padding-inline: 32px;
  }

  .secondary-banner-content-right {
    grid-column: 2;
    grid-row: 1 / 1;
    justify-self: end;
    align-self: center;
    transform: translateY(215px);
  }
}

/* @media (min-width: 768px) {
  .scroll-wrapper {
    padding-block: 20px;
  }
  .inner__scroll-wrapper {
    display: block;
    animation: none;
    width: 100%;
  }
} */

/* .mobile-logo-wrapper {
  display: none;
  text-align: left;
  margin-bottom: 20px;
  color: #000000;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  padding-inline: 20px;
}

@media (max-width: 768px) {
  .mobile-logo-wrapper {
    display: block;
  }
} */
/* / Hero sections*/
section.single-column-slider {
  color: var(--font-color) !important;
  background: var(--bg-color) !important;
  @media (max-width: 560px) {
    padding-top: 50px;
  }
  .intro-title-text,
  .text-under-slider,
  .section-button {
    @media (max-width: 768px) {
      padding-left: 30px;
      padding-right: 30px;
    }
  }
  .text-under-slider strong {
    font-weight: 500 !important;
  }
  .text-under-slider {
    gap: 0px;
    margin-top: 26px;
  }
  .intro-title-text {
    gap: 28px;
  }
  .intro-title-text,
  .text-under-slider {
    max-width: 1080px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    h2 {
      color: var(--font-color);
      span {
        color: #6798e9 !important;
      }
    }
    p:not(:last-child) {
      margin-bottom: 20px;
    }
  }
  .intro-title-text {
    @media (max-width: 560px) {
      text-align: left;
    }
  }
  .embla {
    .embla__button {
      display: none;
    }
    margin-top: 36px;
    margin-bottom: 10px;
    max-width: var(--slider-max-width);
    &.arrow-dot-hide {
      .embla__viewport {
        padding: 0 20px;
        @media (min-width: 1024px) {
          padding: 0;
        }
      }
      .embla__button,
      .embla__dots {
        display: none;
        .embla__dot {
          background: #569af159;
          &.is-selected {
            background: #569af1;
          }
        }
      }
    }
    &.content-slider {
      .embla__container {
        .embla__slide {
          box-shadow: none;
          border-radius: 0;
          padding: 32px;
          @media (min-width: 1024px) {
            padding: 32px 44px;
          }
        }
      }
      .embla__dots {
        @media (max-width: 560px) {
          display: flex;
          padding-top: 20px;
        }
        .embla__dot {
          width: 9.6px;
          height: 9.6px;
          background: rgba(86, 154, 241, 0.35);
          &.is-selected {
            background: #569af1;
          }
        }
      }
    }
    &.branches {
      .embla__viewport {
        padding: 0 20px;
      }
      .embla__dots {
        margin-top: 20px;
        .embla__dot {
          width: 9.6px;
          height: 9.6px;
          background: rgba(255, 255, 255, 0.35);
          opacity: 1;
          &.is-selected {
            background: #fff;
          }
        }
      }
    }
    &.whitegradient {
      .embla__dots {
        @media (max-width: 560px) {
          display: flex !important;
          padding-top: 20px;
        }
        .embla__dot {
          width: 9.6px;
          height: 9.6px;
          background: rgba(255, 255, 255, 0.35);
          &.is-selected {
            background: #fff;
          }
        }
      }
      .embla__viewport {
        .embla__container {
          .embla__slide {
            background: #fff;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            .branches_content-box {
              display: flex;
              flex-direction: column;
            }
            .branches_content {
              p.branches_title {
                padding: 0 20px;
                width: 100%;
                text-align: left;
              }
            }
            .branches_content-box {
              display: flex;
              flex: 1;
              flex-direction: column;
              gap: 20px;
              padding-top: 0;
              padding-bottom: 40px;
            }

            .slide_title_box {
              display: flex;
              flex-direction: column;
              gap: 20px;
              padding: 0;
              img {
                margin: 0;
                width: 100%;
                height: auto;
                scale: 1.01;
              }
            }
          }
        }
      }
    }

    .embla__container {
      margin-left: 0px;
      gap: var(--slide-gap) !important;
      padding-bottom: 0px;

      .embla__slide {
        position: relative;
        box-shadow: 0px 3.96px 3.96px 0px #00000040;
        border-radius: 11.88px;
        overflow: hidden;
        flex: 0 0 calc(100% - 50px);
        min-width: calc(100% - 50px);
        background: var(--slide-bg-color);
        color: var(--slide-font-color);
        padding: 0 var(--slide-padding);
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .slide_bg_image {
          img {
            display: block;
            width: 100%;
            height: 20vh;
            object-fit: cover;
          }
        }

        /* margin-left: 20px; */
        @media (min-width: 560px) {
          flex: 0 0 calc(100% / 1.7);
          min-width: calc(100% / 1.7);
        }
        @media (min-width: 1100px) {
          flex: 0 0 calc(100% / var(--slide-desk-number) - var(--slide-gap));
          min-width: calc(100% / var(--slide-desk-number) - var(--slide-gap));
        }

        .slide_bg_image_testi {
          position: relative;

          &:before {
            position: absolute;
            inset: 0;
            z-index: 1;
            content: "";
            background: var(--slide-overlay-color);
          }

          img {
            aspect-ratio: var(--slide-aspect-ratio);
            object-fit: cover;
            object-position: center;
            display: block;
            width: 100%;
          }
        }
        .slide_title_box {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding: 0 22px;
          img {
            margin-right: 10px;
            display: block;
            min-height: 20px;
            margin-top: -5px;
          }
        }
        .withcontent_content {
          text-align: center;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 28px;
          p.withcontent_title {
            font-weight: 700;
            font-size: 22px;
            line-height: 26px;
            letter-spacing: -0.66px;
          }
        }
        .branches_content {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100%;
          .branches-button {
            width: 100%;
            margin-top: 30px;
          }
          p.branches_title {
            font-weight: 700;
            font-size: 22px;
            line-height: 1.2;
          }
          a.slide-btn {
            background: #e77d27;
            color: #fff !important;
            text-decoration: none;
            width: 100%;
            display: flex;
            min-height: 62px;
            justify-content: center;
            align-items: center;
            font-weight: 500 !important;
          }
          .branches_content-box {
            display: flex;
            flex: 1;
            flex-direction: column;
            gap: 20px;
            padding-top: 22px;
            p:not(p.branches_title) {
              padding-inline: 22px;
            }
            .slide_tag {
              display: flex;
              padding: 5px 0px;
              flex-direction: column;
              align-items: flex-start;
              gap: 10px;
              border-radius: 50px;
              background: #569af1;
              margin-left: 22px;
              width: fit-content;
              word-break: break-word;
              min-height: 29px;
              max-width: 173px;
              p {
                color: #fff;
                text-align: center;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 26px;
              }
            }
          }
        }
        .testimonial_content {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          display: flex;
          flex-direction: column;
          padding-bottom: 30px;
          justify-content: flex-end;
          z-index: 1;
          color: #fff;
          min-height: var(--slide-testimonial-height);
          img.slide-before-image {
            border-radius: 11px;
            margin-left: 20px;
            margin-bottom: 10px;
          }
          p:not(.testimonial_title) {
            font-size: 16px;
            line-height: 22px;
            padding: 0 20px;
          }
          p.testimonial_title {
            font-size: 22px;
            font-weight: 500;
            line-height: 24.2px;
          }
          .slide-button-box {
            text-align: right;
            padding: 20px 0 0 20px;

            a.slide-btn {
              background: #e77d27;
              color: #fff !important;
              text-decoration: none;
              width: 100%;
              padding: 6px 20px 4px 20px;
              font-size: 17px;
              line-height: 24px;
              border-radius: 50vh 0 0 50vh;
              display: flex;
              align-items: center;
              justify-content: flex-start;
              min-height: 36px;
              margin-left: auto;
              font-weight: 500 !important;
            }
          }
        }
      }
    }
  }
  .section-button {
    text-align: center;
    padding-top: 30px;

    a.btn {
      padding: 16px 18px 16px 18px;
      font-size: 18px;
      border-radius: 37px;
      background: #e77d27;
      border: none;
      width: 100%;
      font-weight: 500;
      min-height: 62px;
      @media (min-width: 769px) {
        font-size: 20px;
        padding: 18px 30px 16px 30px;
        width: min(100%, 324px);
      }
    }
  }
}

section.global_image_text {
  &.layout-02 {
    padding-block: 50px;
    @media (min-width: 769px) {
      padding-block: 75px;
    }

    .gridContainer {
      max-width: 1080px;
      row-gap: 20px;
      column-gap: 20px;
    }
    @media (min-width: 769px) {
      &.custom-column-gap-10 {
        .gridContainer {
          column-gap: 10px;
          .gridImage {
            padding-right: 20px;
            display: flex;
            align-items: flex-end;
          }
        }
      }
    }
    .gridTitle {
      h2 {
        strong {
          color: #6798e9;
        }
      }
    }
    .gridText {
      gap: 28px;
      p:first-child {
        margin-top: 0;
      }
      ul {
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 10px;
        li {
          position: relative;
          padding-left: 28px;
          &::before {
            content: " ";
            width: 21px;
            height: 21px;
            position: absolute;
            left: 0;
            top: 5px;
            background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.0816 15.4772L16.5264 8.03237L15.048 6.55397L9.0816 12.5204L6.072 9.51077L4.5936 10.9892L9.0816 15.4772ZM10.56 21.1796C9.09919 21.1796 7.7264 20.9022 6.4416 20.3474C5.1568 19.7927 4.0392 19.0405 3.0888 18.0908C2.1384 17.1411 1.38618 16.0235 0.832129 14.738C0.278081 13.4525 0.000705336 12.0797 1.33671e-06 10.6196C-0.000702663 9.15947 0.276673 7.78667 0.832129 6.50117C1.38758 5.21567 2.13981 4.09807 3.0888 3.14837C4.03779 2.19867 5.15539 1.44645 6.4416 0.891698C7.7278 0.336946 9.1006 0.0595703 10.56 0.0595703C12.0194 0.0595703 13.3922 0.336946 14.6784 0.891698C15.9646 1.44645 17.0822 2.19867 18.0312 3.14837C18.9802 4.09807 19.7328 5.21567 20.2889 6.50117C20.8451 7.78667 21.1221 9.15947 21.12 10.6196C21.1179 12.0797 20.8405 13.4525 20.2879 14.738C19.7352 16.0235 18.983 17.1411 18.0312 18.0908C17.0794 19.0405 15.9618 19.793 14.6784 20.3485C13.395 20.9039 12.0222 21.181 10.56 21.1796Z" fill="%235799F1"/></svg>');
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
          }
        }
      }
    }
    .btn-box {
      width: min(100%, 393px);
      a.btn {
        padding: 16px 18px 16px 18px;
        font-size: 18px;
        border-radius: 37px;
        background: #e77d27;
        border: none;
        width: 100%;
        font-weight: 500;
        min-height: 62px;
        @media (min-width: 769px) {
          font-size: 20px;
          padding: 18px 40px 16px 30px;
        }
      }
    }
  }
  display: flex;
  flex-direction: column;
  gap: 40px;

  &.layout-03 {
    @media (max-width: 560px) {
      padding-top: 50px;
    }
    h2,
    h3 {
      strong {
        color: #6798e9;
      }
    }
    .intro-title-text {
      width: 100%;
      text-align: center;
      padding: 0 20px;
    }
    .gridText {
      gap: 28px;
      p:first-child {
        margin-top: 22px;
        @media (max-width: 560px) {
          margin-top: 0;
        }
      }
    }
    .gridTitle {
      h2 {
        font-size: 26px !important;
        line-height: 40px;
        @media (min-width: 993px) {
          font-size: 34px;
        }
      }
    }
    .container.gridContainer {
      max-width: 1080px;
      grid-template-columns: 1fr;
      column-gap: 25px;
      row-gap: 25px;
      grid-template-areas:
        "image"
        "title"
        "content" !important;
      @media (min-width: 993px) {
        row-gap: 0;
        grid-template-columns: 1fr 437px;
        grid-template-areas:
          "title image"
          "content image" !important;
        &.left {
          grid-template-columns: 437px 1fr;
          grid-template-areas:
            "image title"
            "image content" !important;
        }
      }
    }

    a.btn {
      padding: 16px 18px 16px 18px;
      font-size: 18px;
      border-radius: 37px;
      background: #e77d27;
      border: none;
      width: 100%;
      font-weight: 500;
      min-height: 62px;
      @media (min-width: 769px) {
        font-size: 20px;
        padding: 18px 30px 16px 30px;
        max-width: 393px;
        width: fit-content;
      }
    }
  }

  &.gradientBG {
    background: linear-gradient(180deg, #d8d8d8 0%, #ffffff 100%);
  }
  &.layout-04 {
    padding-bottom: 0;

    .container {
      max-width: 1080px;

      &.gridContainer {
        gap: 0 0;
        grid-template-areas:
          "image title"
          "image content"
          "image cta"
          "image .";

        img {
          max-height: 620px;
        }
      }
    }
    .gridImage {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }
    &.extra-top-pad-100 {
      padding-top: 100px;
      @media (max-width: 560px) {
        padding-top: 59px;
      }
    }
    .gridTitle {
      grid-area: title;
      h2 {
        margin-bottom: 8px;
        strong {
          color: #6798e9;
        }
      }
    }
    .gridText {
      gap: 28px;
      max-width: 501px;
      grid-area: content;
      p:first-child {
        margin-top: 18px;
      }
      ul {
        list-style: none;
        padding: 0;
        margin: 0;
        li {
          position: relative;
          padding-left: 28px;
          &::before {
            content: " ";
            width: 21px;
            height: 21px;
            position: absolute;
            left: 0;
            top: 5px;
            background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.0816 15.4772L16.5264 8.03237L15.048 6.55397L9.0816 12.5204L6.072 9.51077L4.5936 10.9892L9.0816 15.4772ZM10.56 21.1796C9.09919 21.1796 7.7264 20.9022 6.4416 20.3474C5.1568 19.7927 4.0392 19.0405 3.0888 18.0908C2.1384 17.1411 1.38618 16.0235 0.832129 14.738C0.278081 13.4525 0.000705336 12.0797 1.33671e-06 10.6196C-0.000702663 9.15947 0.276673 7.78667 0.832129 6.50117C1.38758 5.21567 2.13981 4.09807 3.0888 3.14837C4.03779 2.19867 5.15539 1.44645 6.4416 0.891698C7.7278 0.336946 9.1006 0.0595703 10.56 0.0595703C12.0194 0.0595703 13.3922 0.336946 14.6784 0.891698C15.9646 1.44645 17.0822 2.19867 18.0312 3.14837C18.9802 4.09807 19.7328 5.21567 20.2889 6.50117C20.8451 7.78667 21.1221 9.15947 21.12 10.6196C21.1179 12.0797 20.8405 13.4525 20.2879 14.738C19.7352 16.0235 18.983 17.1411 18.0312 18.0908C17.0794 19.0405 15.9618 19.793 14.6784 20.3485C13.395 20.9039 12.0222 21.181 10.56 21.1796Z" fill="%235799F1"/></svg>');
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
          }
        }
      }
    }

    .content_div {
      padding-bottom: 50px;
    }
    .gridText {
      padding-bottom: 50px;
      @media (max-width: 560px) {
        padding-bottom: 0;
      }
    }
    .btn-box {
      width: min(100%, 334px);
      grid-area: cta;
      a.btn {
        padding: 16px 18px 16px 18px;
        font-size: 18px;
        border-radius: 37px;
        background: #e77d27;
        border: none;
        width: 100%;
        font-weight: 500;
        min-height: 62px;
        @media (min-width: 769px) {
          font-size: 20px;
          padding: 18px 30px 16px 30px;
          margin-top: 6px;
        }
      }
    }
  }
  &.layout-05 {
    padding-block: 0;
    @media (max-width: 768px) {
      padding-block: 40px 0;
    }
    a.btn.btn-primary {
      margin-top: 26px;
    }
    @media (min-width: 993px) {
      .gridImage img {
        object-fit: unset !important;
        height: auto !important;
        max-height: unset !important;
      }
      .gridTitle {
        left: 50%;
        transform: translateX(-50%);
      }
      .gridTitle,
      .gridText {
        max-width: 1080px;
        margin: auto;
      }
      .container.gridContainer {
        width: 100%;
        max-width: 100%;
        position: relative;
        .gridTitle {
          position: absolute;
          top: 40px;
          right: 0;
        }
      }
    }
  }
  &.layout-05,
  &.layout-06 {
    h2,
    h3 {
      strong {
        color: #6798e9;
      }
    }

    .container.gridContainer {
      .global_image_text img {
        max-height: unset;
      }
      grid-template-columns: 1fr;
      grid-template-areas:
        "title"
        "image"
        "content" !important;
      &:not(:has(.gridText)) {
        grid-template-areas:
          "title"
          "image" !important;
      }
      width: 100%;
      .gridTitle {
        width: 100%;
        text-align: center;
        @media (min-width: 993px) {
          text-align: right;
        }
      }
      .gridImage {
        padding: 0;
      }
      .gridTitle,
      .gridText {
        padding: 0 20px;
      }
      .gridText {
        justify-content: center;
        align-items: center;
        text-align: center;
      }
    }
    a.btn {
      padding: 16px 18px 16px 18px;
      font-size: 18px;
      border-radius: 37px;
      background: #e77d27;
      border: none;
      width: 100%;
      font-weight: 500;
      min-height: 62px;
      @media (min-width: 769px) {
        font-size: 20px;
        padding: 18px 30px 16px 30px;
        width: min(100%, 334px);
      }
    }
  }
  &.layout-06 {
    .container.gridContainer {
      gap: 30px;
      @media (min-width: 769px) {
        gap: 40px;
      }
      .gridTitle {
        width: 100%;
        text-align: center;
        @media (min-width: 993px) {
          text-align: center;
        }
      }
      .elh-custom-autoplay-video {
        border-radius: 20px;
        display: flex;
      }

      .elh-custom-autoplay-video iframe {
        height: auto;
        width: 1086px;
        border-radius: 20px;
        margin: auto;
        aspect-ratio: 1086/612;
        max-width: 100%;

        @media (max-width: 1100px) {
          border-radius: 0;
        }
      }

      .elh-custom-autoplay-video {
        display: flex;
        justify-content: center;
      }

      .elh-custom-vimeo,
      iframe {
        background-color: transparent;

        @media (min-width: 1280px) {
          border-radius: 20px;
          overflow: hidden;
        }
      }
      .elh-custom-vimeo__overely img.elh-custom-vimeo__play-icon {
        width: 60px;
      }
      .elh-custom-vimeo img.elh-custom-vimeo__vimeo-poster {
        object-fit: cover;
        @media (min-width: 1280px) {
          border-radius: 20px;
        }
      }
    }
    a.btn {
      padding: 16px 18px 16px 18px;
      font-size: 18px;
      border-radius: 37px;
      background: #e77d27;
      border: none;
      width: 100%;
      font-weight: 500;
      min-height: 62px;
      @media (min-width: 769px) {
        font-size: 20px;
        padding: 18px 30px 16px 30px;
        width: min(100%, 334px);
      }
    }
  }

  &.layout-07 {
    .container.gridContainer {
      .elh-custom-autoplay-video {
        display: flex;
        height: auto;
      }

      .elh-custom-autoplay-video iframe {
        height: 100%;
        width: 490px;
        border-radius: 40px;
        margin: auto;
        aspect-ratio: 722/822;
        max-width: 100%;
      }
      @media (max-width: 900px) {
        .elh-custom-autoplay-video iframe {
          transform: scale(1);
          border-radius: 0;
        }
      }
      .gridTitle {
        h2 {
          strong {
            color: #6798e9;
          }
        }
      }
      .gridText {
        gap: 28px;
        max-width: 501px;
      }
      overflow: unset;
      max-width: 1080px;
      .gridImage {
        position: relative;
        padding: 0;
        width: 100%;
        margin: 0 0 0 auto;
      }

      .elh-custom-vimeo,
      iframe {
        background-color: transparent;
        overflow: hidden;
        @media (min-width: 1280px) {
          border-radius: 40px;
        }
      }
      .elh-custom-vimeo__overely img.elh-custom-vimeo__play-icon {
        width: 60px;
      }
      .elh-custom-vimeo img.elh-custom-vimeo__vimeo-poster {
        object-fit: cover;
        @media (min-width: 1280px) {
          border-radius: 40px;
        }
      }
      span.video-caption {
        position: absolute;
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: #fff;
        text-align: center;
        font-style: italic;
        bottom: 0;
        left: 0; /* or any limit relative to the video width */
        white-space: normal; /* allow wrapping */
        word-break: break-word; /* break very long words if needed */
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: center;
        align-items: center;

        @media (max-width: 520px) {
          max-width: 100%;
          border-radius: 0;
          border-left: 0;
          border-right: 0;
        }
      }
    }
    a.btn {
      padding: 16px 18px 16px 18px;
      font-size: 18px;
      border-radius: 37px;
      background: #e77d27;
      border: none;
      width: 100%;
      font-weight: 500;
      min-height: 62px;
      @media (min-width: 769px) {
        font-size: 20px;
        padding: 18px 30px 16px 30px;
        width: min(100%, 334px);
      }
    }
  }

  &.customBGcolor {
    background-color: var(--bgColor);
  }
  &.customTextcolor {
    color: var(--textColor);
    p,
    span,
    h2,
    h3,
    ul li,
    ol li {
      color: var(--textColor);
      strong {
        color: #6798e9;
      }
    }
  }
}

/*Video list*/

.video-container {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  @media (min-width: 1080px) {
    grid-template-columns: 654px 1fr;
  }
  gap: 20px;
}

.elh-custom-video-list-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 200/127;
}
.main-player {
  position: relative;
  background: #000;
  border-radius: 12px;
  box-shadow: 4px 4px 5.9px 0px #00000040;
}

.main-player iframe {
  width: 100%;
  height: 400px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.video-title {
  color: white;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 15px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.elh-custom-vimeo-thumbnail-grid {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-content: start;
}

.elh-custom-vimeo-thumbnail {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 2.4px 2.4px 3.54px 0px #00000040;
  border: 2px solid transparent;
}

.elh-custom-vimeo-thumbnail:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
}

.elh-custom-vimeo-thumbnail iframe {
  width: 100%;
  height: 120px;
  pointer-events: none;
}

.elh-custom-vimeo-thumbnail-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;

  transition: opacity 0.3s ease;
}

.elh-custom-vimeo-thumbnail:hover .elh-custom-vimeo-thumbnail-overlay {
  opacity: 1;
}

.elh-custom-vimeo-thumbnail.active {
  border-color: #4fc3f7;
  box-shadow: 0 0 20px rgba(79, 195, 247, 0.4);
  .play-icon {
    display: none;
  }
}

.elh-custom-vimeo-thumbnail-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  color: white;
  padding: 20px 8px 8px;
  font-size: 0.8rem;
  font-weight: 500;
}
.elh-custom-vimeo-list__iframe-wrp {
  height: 100%;
}
.elh-custom-vimeo-list__iframe-wrp iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
img.elh-custom-main-video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}
.play-icon-main {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.elh-video-list {
  a.btn {
    padding: 18px 18px 16px 18px;
    font-size: 18px;
    border-radius: 37px;
    background: #e77d27;
    border: none;
    width: 100%;
    font-weight: 500;
    min-height: 62px;
    @media (min-width: 769px) {
      font-size: 20px;
      padding: 18px 30px 16px 30px;
      width: min(100%, 334px);
    }
  }
  background: linear-gradient(0deg, #14386cba, #14386c),
    linear-gradient(
      353.95deg,
      rgba(91, 163, 255, 0.37) 21.91%,
      rgba(241, 241, 241, 0) 94.42%
    );

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 36px;
}
.elh-video-list h2 strong {
  color: #6798e9;
}
.elh-video-list h2 {
  color: #fff;
}
.elh-custom-vimeo-thumbnail-grid-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1080px) {
  .elh-custom-vimeo-list__iframe-wrp {
    min-height: 300px;
  }
  .elh-custom-vimeo-thumbnail-grid {
    grid-template-columns: 1fr;
  }
  .elh-custom-vimeo-thumbnail-grid-col {
    display: flex;
    gap: 10px;
    max-width: 800px;
    overflow-x: scroll;
    flex-direction: row;
  }
  .elh-custom-vimeo-thumbnail {
    min-width: 200px;
  }
  .main-player {
    max-width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .elh-video-list__title {
    padding: 0 20px;
  }
  .elh-video-list {
    gap: 36px;
  }
  .video-container {
    flex-direction: column;
    padding: 0;
    gap: 36px;
  }

  .main-player iframe {
    height: 250px;
  }

  .elh-custom-vimeo-thumbnail iframe {
    height: 80px;
  }
  .elh-video-list {
    a.btn {
      width: calc(100% - 40px);
    }
  }
}

.home .header.sticky-nav.withTopbanner,
.home header.sticky-nav.withTopbanner {
  position: fixed;
  top: 55px;
  transition: 0.3s all ease;
  &.logged-in {
    top: 95px;
  }
}

.home:not(.after-scroll) .navbar {
  background: transparent;
  box-shadow: none;
}

/* body.home.after-scroll .header.sticky-nav.withTopbanner,
body.home.after-scroll header.sticky-nav.withTopbanner {
  ttop: 55px;
} */

br.desktop {
  display: none;
  @media (min-width: 769px) {
    display: block;
  }
}

/* Faq**/
section.global_faq h3 {
  background: #6798e9;
  align-self: flex-start;
  display: flex;
  padding: 8px 32px;
  border-radius: 40px;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  align-items: center;
  position: relative;
}

section.global_faq .container {
  max-width: 1080px;
  details[open] p {
    padding-inline: 50px;
    padding-top: 0;
  }
  summary {
    min-height: 50px !important;
    font-weight: 500;
  }
  details[open] {
    padding-bottom: 10px;
  }
  .faq {
    gap: 17px;
  }
  .col-12 {
    gap: 0;
  }

  details {
    counter-increment: summary-counter;
    border-radius: 50px;
    background: #e9e7e4;
  }

  summary {
    padding-left: 50px;
    min-height: 74px;
    font-size: 20px;
  }
  @media (max-width: 768px) {
    h3::before {
      content: " ";
      width: 100%;
      position: absolute;
      left: calc(-100% + 30px);
      background: #6798e9;
      height: 100%;
      top: 0;
      z-index: 0;
    }
    summary {
      padding-left: 40px;
      font-size: 18px;
    }
  }
}
.intro-title-text {
  h2 strong {
    color: #6798e9;
  }
}
.intro-title-text_text {
  .section-button {
    margin-bottom: 40px;
    padding-top: 10px !important;
  }
}
.btn-max-334 a.btn {
  @media (min-width: 769px) {
    width: min(100%, 334px) !important;
  }
}
@media (max-width: 768px) {
  section.global_faq {
    padding-block: 47px;
  }
  .faq:not(:last-child) {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 560px) {
  .banner-body {
    background-image: var(--MBGimage);
    position: relative;
    background-position: bottom;
  }
  .banner-body:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.2) 100%
      ),
      linear-gradient(
        270deg,
        rgba(0, 0, 0, 0) 24.75%,
        rgba(0, 0, 0, 0.41) 79.23%
      ),
      linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
  }
  .container {
    z-index: 1;
    position: relative;
  }
  .scroll-wrapper {
    z-index: 1;
    position: relative;
  }
  .banner-body-content h1 span {
    display: block;
  }
  .image-full-width {
    .gridText {
      text-align: center;
      padding-bottom: 50px;
    }
    .gridTitle {
      text-align: center;
    }
    img {
      transform: scale(1.7);
      object-fit: cover;
      object-position: bottom;
      margin-bottom: 54px;
    }
  }
  .image-mobile-full-width {
    .gridImage {
      padding: 0;
    }
  }
  .title-center .intro-title-text {
    text-align: center !important;
    max-width: 300px !important;
  }
}

@media (max-width: 1000px) {
  .extra-pad {
    padding-inline: 15px !important;
  }
  .mega-pad {
    padding-inline: 30px !important;
  }
}

.elithair-support-section .embla .embla__slide .slide_title_box img {
  aspect-ratio: 300 / 256;
  object-fit: cover;
  object-position: bottom;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Hero Banner */
.home-hero-guide-25 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 0;
  height: 65vh;
}

.restoration-logo {
  margin-bottom: 20px;
}

.restoration-logo img {
  max-width: 168.996px;
  height: auto;
}

/* Main Title */
.home-hero-guide-25 h1 {
  color: #fff;
  text-align: center;
  font-size: 62px;
  font-style: normal;
  font-weight: 900;
  line-height: 67px;
  letter-spacing: -1.86px;
  max-width: 800px;
  margin-inline: auto;
}

.home-hero-guide-25 h1 span {
  color: #66b2ff;
}

/* Description */
.banner-body-content_content {
  max-width: 890px;
  margin: 28px auto 20px;
}

.banner-body-content_content p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

/* CTA Button */
.home-page-btn {
  display: inline-block;
  background: linear-gradient(45deg, #e68a4b, #ff8c42);
  color: #fff;
  text-decoration: none;
  padding: 19px 40px 23px;
  border-radius: 30px;
  box-shadow: 0 4px 15px rgba(230, 138, 75, 0.3);
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
}

.home-page-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(230, 138, 75, 0.4);
  background: linear-gradient(45deg, #ff8c42, #e68a4b);
}

/* Faq**/
.uk-new-design-page
  section.bgElitsecondary.new-faq:not(
    .home section.bgElitsecondary,
    section.imageTextRepeater.ht-guide-section
  ) {
  background: #fff !important;
}

section.global_faq h3 {
  background: #6798e9;
  align-self: flex-start;
  display: flex;
  padding: 5px 32px;
  border-radius: 40px;
  align-items: center;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.6px;
}

section.global_faq .container {
  max-width: 1080px;
}

section.global_faq .container details[open] p {
  padding-inline: 50px;
  padding-top: 0;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

section.global_faq .container details[open] p span {
  font-weight: 300 !important;
}

section.global_faq .container summary::before {
  display: none !important;
}

section.global_faq .container details[open] {
  padding-bottom: 12px;
}

section.global_faq .container .faq {
  gap: 17px;
  padding-top: 40px;
}

section.global_faq .container .col-12 {
  gap: 0;
}

section.global_faq .container details {
  counter-increment: summary-counter;
  border-radius: 50px;
  background: #e9e7e4;
}

section.global_faq .container summary {
  padding-left: 50px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  background: #e9e7e4 !important;
}

.intro-title-text h2 span {
  color: #6798e9;
}

.intro-title-text_text .section-button {
  margin-bottom: 40px;
  padding-top: 10px !important;
}

/* Layout 04 */
.layout-04.gradientBG {
  background: linear-gradient(
    180deg,
    var(--bgColor) 0.03%,
    #2f75bb 88.06%,
    var(--textColor) 105.58%
  );
  padding-top: 76.5px;
}

.layout-04 {
  padding-bottom: 0;
  background-color: var(--bgColor);
  color: var(--textColor);
}

.layout-04 .container {
  max-width: 1080px;
}

.layout-04 .container.gridContainer {
  padding: 0 15px;
  gap: 0 0;
  row-gap: 20px;
  grid-template-areas:
    "image title"
    "image content"
    "image button"
    "image .";
}

.layout-04 .container.gridContainer img {
  max-height: 788px;
}

.layout-04 .gridImage {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  grid-area: image;
}

.layout-04.extra-top-pad-100 {
  padding-top: 100px;
}

.layout-04 .gridTitle {
  grid-area: title;
}

.layout-04 .gridTitle h2 {
  margin-bottom: 8px;
}

.layout-04 .gridTitle h2 span {
  color: #6798e9 !important;
}

.layout-04 .gridText {
  gap: 28px;
  max-width: 501px;
  grid-area: content;
}

.layout-04 .gridText p:first-child {
  margin-top: 18px;
}

.layout-04 .gridText ul {
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 8px;
}

.layout-04 .gridText ul li {
  position: relative;
  padding-left: 28px;
}

.layout-04 .gridText ul li::before {
  content: " ";
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M9.0816 16.0729L16.5264 8.62807L15.048 7.14967L9.0816 13.1161L6.072 10.1065L4.5936 11.5849L9.0816 16.0729ZM10.56 21.7753C9.09919 21.7753 7.7264 21.4979 6.4416 20.9431C5.1568 20.3884 4.0392 19.6362 3.0888 18.6865C2.1384 17.7368 1.38618 16.6192 0.832129 15.3337C0.278081 14.0482 0.000705336 12.6754 1.33671e-06 11.2153C-0.000702663 9.75518 0.276673 8.38238 0.832129 7.09687C1.38758 5.81137 2.13981 4.69377 3.0888 3.74407C4.03779 2.79438 5.15539 2.04215 6.4416 1.4874C7.7278 0.932649 9.1006 0.655273 10.56 0.655273C12.0194 0.655273 13.3922 0.932649 14.6784 1.4874C15.9646 2.04215 17.0822 2.79438 18.0312 3.74407C18.9802 4.69377 19.7328 5.81137 20.2889 7.09687C20.8451 8.38238 21.1221 9.75518 21.12 11.2153C21.1179 12.6754 20.8405 14.0482 20.2879 15.3337C19.7352 16.6192 18.983 17.7368 18.0312 18.6865C17.0794 19.6362 15.9618 20.3887 14.6784 20.9442C13.395 21.4997 12.0222 21.7767 10.56 21.7753Z' fill='%235799F1'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.layout-04 .content_div {
  padding-bottom: 50px;
}
.layout-04 .btn-box {
  grid-area: button;
  margin-bottom: 3vh;
  padding: 0;
}

.layout-04 .btn-box a.btn {
  padding: 16px 18px 16px 18px;
  font-size: 18px;
  border-radius: 37px;
  background: #e77d27;
  border: none;
  width: 100%;
  min-height: 62px;
}

@media (max-width: 768px) {
  .layout-04.extra-top-pad-100 {
    padding-top: 59px;
  }

  .banner-body {
    padding: 135px 32px 47px;
  }

  .home-hero-guide-25 h1 {
    font-size: 28px !important;
  }

  .biggest-clinic-badge {
    width: 100px;
    height: 100px;
  }

  .badge-text {
    font-size: 8px;
    padding: 15px 8px;
  }
}

@media (max-width: 1000px) {
  .home-hero-guide-25 {
    height: 90vh;
  }

  section.global_faq {
    padding-block: 47px;
  }

  .faq:not(:last-child) {
    margin-bottom: 26px;
  }

  section.global_faq .container h3::before {
    content: " ";
    width: 100%;
    position: absolute;
    left: calc(-100% + 30px);
    background: #6798e9;
    height: 100%;
    top: 0;
    z-index: 0;
  }

  section.global_faq .container summary {
    padding-left: 40px;
    font-size: 18px;
  }

  section.global_faq .container details[open] summary p {
    padding-bottom: 15px !important;
  }

  .restoration-logo {
    text-align: left;
  }

  .restoration-logo img {
    max-width: 129px;
  }

  .banner-body {
    background-image: var(--MBGimage);
    padding: 40px 32px;
    align-items: end;
  }
  .home-hero-25 .banner-body {
    padding: 40px 0 0 0;
  }
  .home-hero-guide-25 h1 {
    font-size: 47px !important;
    text-align: left;
    line-height: 50px !important;
  }

  .banner-body-content_content p {
    font-size: 16px;
    text-align: left;
  }

  .home-page-btn {
    padding: 18px 25px 20px;
    font-size: 20px;
  }

  .banner-body-content_content {
    margin: 18px auto;
  }
  .layout-04 .btn-box {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 2rem;
    margin-bottom: 0;
    padding: 0 15px;
  }

  .layout-04 .gridImage {
    order: 3;
  }

  .layout-04 .container.gridContainer {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-inline: 15px;
  }

  .layout-04 .container.gridContainer img {
    max-height: 50vh;
  }

  .layout-04.gradientBG {
    padding-top: 43.5px;
  }

  .btn-max-334 a.btn {
    width: min(100%, 334px) !important;
  }
}

@media (max-width: 992px) {
  section.global_image_text.layout-05
    .container.gridContainer:not(:has(.gridText)),
  section.global_image_text.layout-06
    .container.gridContainer:not(:has(.gridText)) {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "image" !important;
  }
}