@charset "UTF-8";
@font-face {
  font-family: 'Bai Jamjuree';
  src: url("../fonts/BaiJamjuree-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Bai Jamjuree';
  src: url("../fonts/BaiJamjuree-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Bai Jamjuree';
  src: url("../fonts/BaiJamjuree-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
:root {
  --Colors-Base-white: #FFF;
  --Base-White: #FFF;
  --Gray-300: #D0D5DD;
  --colors-gray-light-mode-300: #D0D5DD;
  --Neutral-100: #FFF;
  --colors-gray-light-mode-100: #F2F4F7; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Bai Jamjuree", sans-serif;
  text-decoration: none; }
  *::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }

img {
  max-width: 100%; }

body {
  background: var(--colors-gray-light-mode-100, #F2F4F7);
  position: relative; }

.footer-contact {
  padding: 8px 8px 0 8px; }
  .footer-contact .container {
    position: relative;
    border-radius: 20px;
    overflow: hidden; }
    .footer-contact .container .background {
      position: absolute;
      inset: 0; }
      .footer-contact .container .background img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .footer-contact .container .footer-contact__inner {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      position: relative;
      z-index: 1; }
      @media (max-width: 767px) {
        .footer-contact .container .footer-contact__inner {
          flex-direction: column; } }
      .footer-contact .container .footer-contact__inner .footer-contact__content {
        max-width: 688px;
        padding: 40px; }
        @media (max-width: 767px) {
          .footer-contact .container .footer-contact__inner .footer-contact__content {
            padding: 40px 16px;
            width: 100%; } }
        .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__title {
          color: var(--Base-White, var(--Colors-Base-white, #FFF));
          font-size: 32px;
          font-style: normal;
          font-weight: 700;
          line-height: 110%;
          /* 35.2px */
          margin-bottom: 40px; }
          @media (max-width: 767px) {
            .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__title {
              font-size: 28px; } }
        .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__benefits {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 16px;
          margin-bottom: 40px; }
          .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__benefits .benefit-item {
            display: flex;
            align-items: center;
            gap: 10px;
            align-self: stretch; }
            .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__benefits .benefit-item .benefit-icon {
              display: flex;
              width: 28px;
              height: 28px;
              justify-content: center;
              align-items: center;
              aspect-ratio: 1/1; }
            .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__benefits .benefit-item .benefit-text {
              color: var(--Gray-300, var(--colors-gray-light-mode-300, #D0D5DD));
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              line-height: 150%;
              /* 24px */ }
        .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__review {
          display: flex;
          align-items: center;
          gap: 12px;
          margin-bottom: 40px; }
          .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__review .right {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start; }
          .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__review .review-count {
            color: var(--Neutral-100, #FFF);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 18px */ }
        .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__info {
          display: flex;
          align-items: flex-start;
          gap: 16px;
          flex-wrap: wrap; }
          .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__info .info-item {
            display: flex;
            padding: 10px 16px;
            justify-content: center;
            align-items: center;
            gap: 12px;
            border-radius: 200px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: linear-gradient(66deg, rgba(255, 255, 255, 0.2) 12.97%, rgba(129, 163, 180, 0.2) 76.8%);
            backdrop-filter: blur(30px); }
            .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__info .info-item .info-icon {
              width: 20px;
              display: flex;
              align-items: center;
              min-width: 20px; }
            .footer-contact .container .footer-contact__inner .footer-contact__content .footer-contact__info .info-item .info-text {
              color: var(--Neutral-100, #FFF);
              font-size: 14px;
              font-style: normal;
              font-weight: 500;
              line-height: 150%;
              /* 21px */ }
      .footer-contact .container .footer-contact__inner .footer-contact__form {
        padding: 8px;
        width: 100%;
        max-width: 560px; }
        @media (max-width: 767px) {
          .footer-contact .container .footer-contact__inner .footer-contact__form {
            max-width: unset; } }
        .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper {
          display: flex;
          width: 100%;
          padding: 32px 24px;
          flex-direction: column;
          align-items: flex-start;
          gap: 24px;
          flex-shrink: 0;
          align-self: stretch;
          border-radius: 20px;
          background: var(--Colors-Base-white, #FFF); }
          @media (max-width: 767px) {
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper {
              padding: 24px 16px; } }
          .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .wpcf7 {
            width: 100%; }
          .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form {
            width: 100%;
            /* ✅ focus là co luôn */ }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .form-group {
              margin-bottom: 15px; }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .policy {
              color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              /* 18px */ }
              .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .policy a {
                color: var(--Dark-Cerulean-50, #1C5DC5);
                text-decoration: underline; }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form input[type="submit"] {
              padding: 12px 24px;
              cursor: pointer;
              transition: 0.3s;
              border-radius: 200px;
              border: none;
              background: var(--Gradient-Color-2, linear-gradient(180deg, #04CAE3 0%, #2B72E4 100%));
              max-width: 120px;
              color: var(--Base-White, var(--Colors-Base-white, #FFF));
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              line-height: 150%;
              /* 24px */ }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .form-group {
              position: relative;
              margin-bottom: 16px; }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form input,
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form textarea,
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form select {
              width: 100%;
              padding: 16px 16px 6px 16px;
              border-radius: 8px;
              border: none;
              background: #e5e7eb;
              outline: none;
              font-size: 16px;
              color: var(--Base-Black, var(--Colors-Base-black, #000));
              font-style: normal;
              font-weight: 500;
              line-height: 150%;
              /* 24px */
              background: var(--colors-gray-light-mode-100, #F2F4F7); }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form select {
              padding: 12px 40px 12px 16px;
              appearance: none;
              background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23999' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5H5z'/%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-position: right 16px center;
              color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085)); }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .form-group.active select {
              padding: 16px 40px 6px 16px;
              color: var(--Base-Black, var(--Colors-Base-black, #000)); }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form textarea {
              height: 130px; }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .floating-label {
              position: absolute;
              left: 16px;
              top: 12px;
              color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              /* 24px */
              pointer-events: none;
              transition: 0.2s ease; }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .form-group.active select {
              color: #000; }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .form-group1 .floating-label {
              color: transparent; }
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .form-group.active .floating-label,
            .footer-contact .container .footer-contact__inner .footer-contact__form .contact-form-wrapper .custom-form .form-group:focus-within .floating-label {
              top: 4px;
              font-size: 12px;
              font-weight: 500;
              color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085)) !important; }
        .footer-contact .container .footer-contact__inner .footer-contact__form .wpcf7-form-control-wrap {
          display: flex;
          flex-direction: column;
          gap: 5px; }
          .footer-contact .container .footer-contact__inner .footer-contact__form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
            font-size: 14px; }

.site-footer {
  padding: 8px; }
  .site-footer .container {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 20px;
    background: #FFF; }
    @media (max-width: 767px) {
      .site-footer .container {
        padding: 40px 16px; } }
    .site-footer .container .site-footer__inner {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      gap: 24px; }
      .site-footer .container .site-footer__inner .site-footer__brand {
        width: 100%;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--colors-gray-light-mode-200, #E4E7EC); }
        .site-footer .container .site-footer__inner .site-footer__brand img {
          display: flex;
          width: 210px; }
      .site-footer .container .site-footer__inner .site-footer__copyright p {
        color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 21px */ }
      .site-footer .container .site-footer__inner .site-footer__social {
        display: flex;
        align-items: flex-end;
        gap: 24px; }

header {
  padding: 8px;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 10;
  justify-content: center;
  display: flex;
  transition: all 0.3s ease; }
  header .site-nav {
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
    width: 100%; }
    @media (max-width: 767px) {
      header .site-nav {
        padding: 20px 16px; } }
    header .site-nav .nav-cta {
      display: flex;
      gap: 0; }
      header .site-nav .nav-cta .link {
        border-radius: 200px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        background: var(--Colors-Base-white, #FFF);
        display: flex;
        padding: 9px 24px;
        align-items: center;
        color: var(--Base-Black, var(--Colors-Base-black, #000));
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        /* 24px */ }
        @media (max-width: 767px) {
          header .site-nav .nav-cta .link {
            padding: 9px 10px;
            white-space: nowrap; } }
        @media (max-width: 480px) {
          header .site-nav .nav-cta .link {
            font-size: 14px; } }
      header .site-nav .nav-cta .icon {
        display: flex;
        width: 44px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        aspect-ratio: 1/1;
        border-radius: 200px;
        opacity: 0.9;
        background: var(--Gradient-Color-2, linear-gradient(180deg, #04CAE3 0%, #2B72E4 100%));
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
        transition: all 0.3s ease;
        overflow: hidden; }
        @media (max-width: 767px) {
          header .site-nav .nav-cta .icon {
            display: none !important; } }
      header .site-nav .nav-cta .before {
        width: 0; }
      header .site-nav .nav-cta:hover .before {
        width: 44px; }
      header .site-nav .nav-cta:hover .after {
        width: 0; }
      header .site-nav .nav-cta:hover .link {
        border: none;
        color: #FFF;
        background: var(--Gradient-Color-2, linear-gradient(180deg, #04CAE3 0%, #2B72E4 100%)); }
  header.scroll {
    top: 22px; }
    header.scroll .site-nav {
      max-width: 1100px;
      border-radius: 200px;
      /* nền trung tính hơn */
      background: rgba(255, 255, 255, 0.35);
      /* blur vừa phải */
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      /* viền để luôn thấy */
      border: 1px solid rgba(0, 0, 0, 0.08);
      /* thêm shadow nhẹ */
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
      display: flex;
      width: 1100px;
      padding: 10px 10px 10px 24px;
      justify-content: space-between;
      align-items: center; }

.hero-telehealth {
  padding: 8px; }
  .hero-telehealth .hero-content {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: calc(100vh - 16px); }
    .hero-telehealth .hero-content .hero-overlay {
      position: absolute;
      inset: 0;
      z-index: 2;
      background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.1) 100%); }
    .hero-telehealth .hero-content .hero-bg {
      position: absolute;
      inset: 0;
      z-index: 1; }
      .hero-telehealth .hero-content .hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .hero-telehealth .hero-content .container {
      z-index: 3;
      position: relative;
      padding: 40px;
      display: flex;
      width: 100%;
      height: 100%; }
      @media (max-width: 767px) {
        .hero-telehealth .hero-content .container {
          padding: 40px 16px 16px 16px; } }
      .hero-telehealth .hero-content .container .hero-main {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        gap: 30px; }
        @media (max-width: 767px) {
          .hero-telehealth .hero-content .container .hero-main {
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-end; } }
        .hero-telehealth .hero-content .container .hero-main .hero-text {
          display: flex;
          width: 560px;
          flex-direction: column;
          align-items: flex-start;
          gap: 16px;
          flex-shrink: 0;
          max-width: 50%; }
          @media (max-width: 767px) {
            .hero-telehealth .hero-content .container .hero-main .hero-text {
              width: 100%;
              max-width: 100%; } }
          .hero-telehealth .hero-content .container .hero-main .hero-text h1 {
            color: var(--Base-White, var(--Colors-Base-white, #FFF));
            font-size: 40px;
            font-style: normal;
            font-weight: 700;
            line-height: 110%;
            /* 44px */ }
            @media (max-width: 767px) {
              .hero-telehealth .hero-content .container .hero-main .hero-text h1 {
                font-size: 32px; } }
          .hero-telehealth .hero-content .container .hero-main .hero-text .description {
            display: flex;
            flex-direction: column;
            gap: 6px;
            color: var(--Gray-100, var(--colors-gray-light-mode-100, #F2F4F7));
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */ }
            .hero-telehealth .hero-content .container .hero-main .hero-text .description p {
              color: var(--Gray-100, var(--colors-gray-light-mode-100, #F2F4F7));
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%; }
        .hero-telehealth .hero-content .container .hero-main .hero-right {
          display: flex;
          padding: 20px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-radius: 20px;
          border: 1px solid rgba(255, 255, 255, 0.2);
          background: linear-gradient(66deg, rgba(255, 255, 255, 0.2) 12.97%, rgba(129, 163, 180, 0.2) 76.8%), rgba(255, 255, 255, 0.2);
          box-shadow: -20px 68px 20px 0 rgba(0, 0, 0, 0), -13px 43px 18px 0 rgba(0, 0, 0, 0.01), -7px 24px 15px 0 rgba(0, 0, 0, 0.04), -3px 11px 11px 0 rgba(0, 0, 0, 0.07), -1px 3px 6px 0 rgba(0, 0, 0, 0.08);
          backdrop-filter: blur(12.5px);
          width: 364px; }
          @media (max-width: 767px) {
            .hero-telehealth .hero-content .container .hero-main .hero-right {
              width: 100%; } }
          .hero-telehealth .hero-content .container .hero-main .hero-right .hero-card {
            display: flex;
            flex-direction: column;
            gap: 6px; }
            .hero-telehealth .hero-content .container .hero-main .hero-right .hero-card p {
              color: var(--Gray-100, var(--colors-gray-light-mode-100, #F2F4F7));
              text-align: center;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              /* 21px */ }
            .hero-telehealth .hero-content .container .hero-main .hero-right .hero-card strong {
              color: var(--Base-White, var(--Colors-Base-white, #FFF));
              text-align: center;
              font-size: 18px;
              font-style: normal;
              font-weight: 700;
              line-height: 150%;
              /* 27px */ }

.text-container {
  padding: 8px;
  padding-top: 0; }
  .text-container .container {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    align-self: stretch;
    border-radius: 20px;
    background: var(--Colors-Base-white, #FFF); }
    @media (max-width: 767px) {
      .text-container .container {
        padding: 40px 16px;
        gap: 30px; } }
    .text-container .container .badge {
      color: var(--Base-Black, var(--Colors-Base-black, #000));
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      /* 24px */
      display: flex;
      padding: 6px 16px;
      align-items: center;
      gap: 12px;
      border-radius: 200px;
      background: var(--colors-gray-light-mode-100, #F2F4F7); }
      .text-container .container .badge .dot {
        width: 20px;
        height: 6px;
        border-radius: 200px;
        background: var(--Gradient-Color-2, linear-gradient(180deg, #04CAE3 0%, #2B72E4 100%)); }
    .text-container .container .bottom {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      align-self: stretch; }
    .text-container .container .title {
      color: var(--Dark-Cerulean-20, #081935);
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: 110%;
      /* 35.2px */ }
      @media (max-width: 767px) {
        .text-container .container .title {
          font-size: 28px; } }
    .text-container .container .desc {
      color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 27px */ }

.telehealth-section {
  padding: 8px;
  padding-top: 0; }
  .telehealth-section .container {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch; }
    .telehealth-section .container .grid {
      display: flex;
      gap: 8px; }
      @media (max-width: 1024px) {
        .telehealth-section .container .grid {
          flex-direction: column; } }
      .telehealth-section .container .grid .card-large {
        width: 30%; }
        @media (max-width: 1024px) {
          .telehealth-section .container .grid .card-large {
            width: 100%; } }
        .telehealth-section .container .grid .card-large img {
          border-radius: 20px;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .telehealth-section .container .grid .right {
        width: 70%;
        display: flex;
        flex-wrap: wrap;
        gap: 8px; }
        @media (max-width: 1024px) {
          .telehealth-section .container .grid .right {
            width: 100%; } }
        .telehealth-section .container .grid .right .card {
          width: calc(50% - 4px);
          position: relative;
          border-radius: 20px;
          background: var(--Colors-Base-white, #FFF);
          overflow: hidden; }
          @media (max-width: 767px) {
            .telehealth-section .container .grid .right .card {
              width: 100%; } }
          .telehealth-section .container .grid .right .card .bg {
            position: absolute;
            inset: 0; }
            .telehealth-section .container .grid .right .card .bg img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          .telehealth-section .container .grid .right .card .content {
            display: flex;
            min-height: 220px;
            padding: 32px;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 16px;
            align-self: stretch;
            border-radius: 20px;
            position: relative;
            z-index: 2;
            height: 100%; }
            @media (max-width: 767px) {
              .telehealth-section .container .grid .right .card .content {
                padding: 24px; } }
            .telehealth-section .container .grid .right .card .content .title {
              color: var(--Base-Black, var(--Colors-Base-black, #000));
              font-size: 32px;
              font-style: normal;
              font-weight: 700;
              line-height: 110%;
              /* 35.2px */ }
              @media (max-width: 767px) {
                .telehealth-section .container .grid .right .card .content .title {
                  font-size: 28px; } }
            .telehealth-section .container .grid .right .card .content p {
              color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
              font-size: 18px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              /* 27px */ }
          .telehealth-section .container .grid .right .card:nth-child(2) .content {
            justify-content: flex-start; }
            .telehealth-section .container .grid .right .card:nth-child(2) .content .title {
              color: var(--Base-White, var(--Colors-Base-white, #FFF)); }
            .telehealth-section .container .grid .right .card:nth-child(2) .content p {
              color: var(--Gray-200, var(--colors-gray-light-mode-200, #E4E7EC)); }
          .telehealth-section .container .grid .right .card.card-last .content .text {
            display: flex;
            flex-direction: column;
            gap: 8px;
            color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 24px */ }
            .telehealth-section .container .grid .right .card.card-last .content .text strong {
              color: var(--Dark-Cerulean-20, #081935); }

.text-effect .word {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px) scale(0.9);
  filter: blur(6px);
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1); }

.text-effect.active .word {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0); }

.compliance-section {
  padding: 8px;
  padding-top: 0; }
  .compliance-section .container {
    position: relative;
    display: flex;
    padding: 60px 40px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #000; }
    @media (max-width: 767px) {
      .compliance-section .container {
        padding: 40px 16px; } }
    .compliance-section .container .bg {
      position: absolute;
      inset: 0; }
      .compliance-section .container .bg img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .compliance-section .container .grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(3, 1fr); }
      @media (max-width: 767px) {
        .compliance-section .container .grid {
          grid-template-columns: 1fr; } }
      .compliance-section .container .grid .item {
        padding: 40px; }
        @media (max-width: 1024px) {
          .compliance-section .container .grid .item {
            padding: 24px; } }
        @media (max-width: 767px) {
          .compliance-section .container .grid .item {
            padding: 16px; } }
        .compliance-section .container .grid .item .icon {
          margin-bottom: 16px; }
        .compliance-section .container .grid .item h3 {
          color: var(--Base-White, var(--Colors-Base-white, #FFF));
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 150%;
          /* 30px */
          margin-bottom: 10px; }
        .compliance-section .container .grid .item p {
          color: var(--Gray-400, var(--colors-gray-light-mode-400, #98A2B3));
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          /* 24px */ }

.feature-section {
  padding: 8px;
  padding-top: 0; }
  .feature-section .container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; }
    @media (max-width: 767px) {
      .feature-section .container {
        flex-direction: column-reverse; } }
    .feature-section .container .feature-left {
      width: 40%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 8px; }
      @media (max-width: 767px) {
        .feature-section .container .feature-left {
          width: 100%; } }
      .feature-section .container .feature-left .feature-item {
        display: flex;
        padding: 24px 40px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        border-radius: 20px;
        background: var(--Colors-Base-white, #FFF);
        gap: 20px;
        position: relative; }
        @media (max-width: 767px) {
          .feature-section .container .feature-left .feature-item {
            padding: 24px 16px; } }
        .feature-section .container .feature-left .feature-item .feature-title {
          color: var(--Dark-Cerulean-20, #081935);
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 150%;
          /* 30px */
          display: flex;
          align-items: center;
          gap: 6px; }
          @media (max-width: 767px) {
            .feature-section .container .feature-left .feature-item .feature-title {
              font-size: 18px; } }
        .feature-section .container .feature-left .feature-item .feature-desc {
          color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          /* 24px */
          display: none; }
          .feature-section .container .feature-left .feature-item .feature-desc strong {
            color: var(--Dark-Cerulean-20, #081935);
            font-size: 18px; }
        .feature-section .container .feature-left .feature-item .icon {
          display: flex;
          width: 36px;
          height: 36px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          aspect-ratio: 1/1;
          border-radius: 180px;
          border: 1px solid var(--colors-gray-light-mode-200, #E4E7EC);
          background: var(--colors-gray-light-mode-100, #F2F4F7);
          position: absolute;
          right: 40px;
          top: 24px;
          transition: all 0.3s ease; }
          .feature-section .container .feature-left .feature-item .icon:hover {
            cursor: pointer; }
        .feature-section .container .feature-left .feature-item.active {
          min-height: 220px; }
          .feature-section .container .feature-left .feature-item.active .feature-desc {
            display: block; }
          .feature-section .container .feature-left .feature-item.active .icon {
            transform: rotate(180deg); }
    .feature-section .container .feature-right {
      width: calc(60% - 10px); }
      @media (max-width: 767px) {
        .feature-section .container .feature-right {
          width: 100%; } }
      .feature-section .container .feature-right .feature-image {
        justify-content: center;
        align-items: center;
        padding: 40px;
        position: relative;
        display: none;
        height: 100%;
        border-radius: 20px;
        overflow: hidden; }
        @media (max-width: 767px) {
          .feature-section .container .feature-right .feature-image {
            padding: 24px; } }
        .feature-section .container .feature-right .feature-image.active {
          display: flex; }
        .feature-section .container .feature-right .feature-image .image-bg {
          position: absolute;
          inset: 0; }
          .feature-section .container .feature-right .feature-image .image-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .feature-section .container .feature-right .feature-image > img {
          border-radius: 20px;
          border: 10px solid rgba(255, 255, 255, 0.8);
          background: #F1F0F0;
          backdrop-filter: blur(88.888885498px);
          height: auto; }

.logo-strip {
  padding: 8px;
  padding-top: 0; }
  .logo-strip .content {
    overflow: hidden;
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid var(--colors-gray-light-mode-200, #E4E7EC);
    background: var(--colors-gray-light-mode-50, #F9FAFB); }
    @media (max-width: 767px) {
      .logo-strip .content {
        padding: 40px 16px; } }
    .logo-strip .content .logo-track {
      display: flex;
      width: max-content;
      animation: scrollLogo 25s linear infinite; }
    .logo-strip .content .logo-item {
      flex: 0 0 auto;
      padding: 0 40px;
      opacity: 0.6;
      transition: 0.3s; }
      .logo-strip .content .logo-item img {
        height: 40px;
        object-fit: contain; }
      .logo-strip .content .logo-item:hover {
        opacity: 1; }

.ai-section {
  padding: 8px;
  padding-top: 0;
  /* LEFT IMAGE */
  /* RIGHT GRID */
  /* CARD BASE */ }
  .ai-section .container {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 8px; }
  .ai-section .ai-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    display: block; }
  .ai-section .ai-right .ai-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto auto;
    gap: 8px; }
  .ai-section .ai-card {
    display: flex;
    flex-direction: column;
    padding: 32px 24px;
    border-radius: 20px;
    background: var(--Colors-Base-white, #FFF);
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    justify-content: flex-start; }
    .ai-section .ai-card .icon {
      margin-bottom: 12px;
      position: relative;
      z-index: 1; }
      .ai-section .ai-card .icon img {
        height: 50px;
        width: auto; }
    .ai-section .ai-card h3 {
      position: relative;
      z-index: 1;
      color: var(--Base-Black, var(--Colors-Base-black, #000));
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
      /* 27px */
      display: flex;
      align-items: center;
      gap: 6px; }
    .ai-section .ai-card p {
      position: relative;
      z-index: 1;
      color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      /* 24px */ }
    .ai-section .ai-card .card-bg {
      position: absolute;
      inset: 0; }
      .ai-section .ai-card .card-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .ai-section .ai-card-large {
    grid-column: 2 / 3;
    grid-row: 2 / 4;
    min-height: 100%; }
  @media (max-width: 1024px) {
    .ai-section .container {
      grid-template-columns: 1fr; } }
  @media (max-width: 767px) {
    .ai-section .ai-right .ai-grid {
      grid-template-columns: 1fr;
      grid-template-rows: auto; }
    .ai-section .ai-card,
    .ai-section .ai-card-large {
      grid-column: auto !important;
      grid-row: auto !important;
      min-height: auto; } }

.ai-addon {
  padding: 8px;
  padding-top: 0; }
  .ai-addon .container {
    display: flex;
    padding: 60px 40px;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 20px;
    background: var(--Colors-Base-white, #FFF); }
    @media (max-width: 1024px) {
      .ai-addon .container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 24px; } }
    @media (max-width: 767px) {
      .ai-addon .container {
        padding: 40px 16px; } }
    .ai-addon .container .ai-addon__left {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      flex: 1 0 0; }
      .ai-addon .container .ai-addon__left h3 {
        color: var(--Dark-Cerulean-20, #081935);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 28.8px */ }
      .ai-addon .container .ai-addon__left p {
        color: var(--Gray-500, var(--colors-gray-light-mode-500, #667085));
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 27px */ }
    .ai-addon .container .ai-addon__right {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      max-width: 60%;
      justify-content: flex-end; }
      @media (max-width: 1024px) {
        .ai-addon .container .ai-addon__right {
          max-width: 100%;
          justify-content: flex-start; } }
      .ai-addon .container .ai-addon__right .tag {
        display: flex;
        padding: 6px 16px;
        align-items: center;
        gap: 12px;
        border-radius: 200px;
        border: 1px solid var(--colors-gray-light-mode-200, #E4E7EC);
        background: var(--colors-gray-light-mode-100, #F2F4F7);
        color: var(--Gray-600, var(--colors-gray-light-mode-600, #475467));
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        /* 24px */ }

.images-addon {
  padding: 8px;
  padding-top: 0; }
  .images-addon .container {
    position: relative;
    padding: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .images-addon .container {
        padding: 16px; } }
    .images-addon .container .bg {
      position: absolute;
      inset: 0; }
      .images-addon .container .bg img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .images-addon .container .image_main {
      position: relative;
      z-index: 1; }
      .images-addon .container .image_main img {
        width: auto;
        height: auto; }

@keyframes scrollLogo {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-50%); } }

/*# sourceMappingURL=main.css.map */