@import url("fonts/stylesheet.css");

:root {
    --font-family: "Hubot Sans", sans-serif;

    /* Main font sizes used */
    --font-8: 8px;
    --font-9: 9px;
    --font-10: 10px;
    --font-12: 12px;
    --font-14: 14px;
    --font-16: 16px;
    --font-18: 18px;
    --font-20: 20px;
    --font-21: 21px;
    --font-24: 24px;
    --font-26: 26px;
    --font-28: 28px;
    --font-30: 30px;
    --font-32: 32px;
    --font-36: 36px;
    --font-40: 40px;
    --font-42: 42px;
    --font-48: 48px;
    --font-56: 56px;
    --font-64: 64px;
    --font-72: 72px;

    --h1: 56px;
    --h2: 42px;
    --h3: 36px;
    --h4: 24px;
    --h5: 20px; /* Suggested */
    --h6: 18px; /* Suggested */
    --body: 20px;
    --caption: 18px;
    --eyebrow: 16px;
    --button: 21px;

    --container-padding: 64px;

    /* Named Figma colors */
    --optic-blue: #0071DB;
    --ultramarine-blue: #133EA5;
    --prussian-blue: #003049;
    --grey: #D3D3D3;
    --white: #FFFFFF;

    /* Additional colors used frequently */
    --blue-bright: #0F8FFF;
    --blue-light: #97CEFF;
    --blue-pale: #CDE8FF;
    --blue-tint: #E8F4FF;
    --background: #F7FDFF;
    --text-body: #383A4D;
    --text-muted: #71838E;
    --footer-text: #74A8C3;
    --border: #ECECEC;
    --green: #006057;
    --teal: #27A6A1;
}

@media (max-width: 1680px) {
    :root {
    --font-family: "Hubot Sans", sans-serif;

    /* Main font sizes used */
    --font-8: 8px;
    --font-9: 9px;
    --font-10: 10px;
    --font-12: 11px;
    --font-14: 12px;
    --font-16: 14px;
    --font-18: 16px;
    --font-20: 18px;
    --font-21: 18px;
    --font-24: calc(24px * 0.8);
    --font-26: calc(26px * 0.8);
    --font-28: calc(28px * 0.8);
    --font-30: calc(30px * 0.8);
    --font-32: calc(32px * 0.8);
    --font-36: calc(36px * 0.8);
    --font-40: calc(40px * 0.8);
    --font-42: calc(42px * 0.8);
    --font-48: calc(48px * 0.8);
    --font-56: calc(56px * 0.8);
    --font-64: calc(64px * 0.8);
    --font-72: calc(72px * 0.8);

    --h1: calc(56px * 0.8);
    --h2: calc(42px * 0.8);
    --h3: calc(36px * 0.8);
    --h4: calc(24px * 0.8);
    --h5: 18px; /* Suggested */
    --h6: 18px; /* Suggested */
    --body: 18px;
    --caption: 16px;
    --eyebrow: 14px;
    --button: 16px;

    --container-padding: 40px;
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
    :root {
    --font-family: "Hubot Sans", sans-serif;

    /* Main font sizes used */
    --font-8: 8px;
    --font-9: 9px;
    --font-10: 10px;
    --font-12: 11px;
    --font-14: 12px;
    --font-16: 14px;
    --font-18: 14px;
    --font-20: 16px;
    --font-21: 16px;
    --font-24: calc(24px * 0.7);
    --font-26: calc(26px * 0.7);
    --font-28: calc(28px * 0.7);
    --font-30: calc(30px * 0.7);
    --font-32: calc(32px * 0.7);
    --font-36: calc(36px * 0.7);
    --font-40: calc(40px * 0.7);
    --font-42: calc(42px * 0.7);
    --font-48: calc(48px * 0.7);
    --font-56: calc(56px * 0.7);
    --font-64: calc(64px * 0.7);
    --font-72: calc(72px * 0.7);

    --h1: calc(56px * 0.7);
    --h2: calc(42px * 0.7);
    --h3: calc(36px * 0.7);
    --h4: calc(24px * 0.7);
    --h5: 16px; /* Suggested */
    --h6: 16px; /* Suggested */
    --body: 16px;
    --caption: 14px;
    --eyebrow: 12px;
    --button: 14px;

    --container-padding: 20px;
}
}

@media (max-width: 767px) {
    :root {
        --h1: 32px;
        --h2: 26px;
        --h3: 24px;
        --h4: 18px;
        --h5: 14px; /* Suggested body alias */
        --h6: 12px; /* Suggested caption alias */
        --body: 14px;
        --caption: 12px;
        --eyebrow: 12px;
        --button: 16px;
        --container-padding: 20px;

        --font-8: 8px;
    --font-9: 9px;
    --font-10: 10px;
    --font-12: 11px;
    --font-14: 12px;
    --font-16: 14px;
    --font-18: 16px;
    --font-20: 18px;
    --font-21: 18px;
    --font-24: calc(24px * 0.75);
    --font-26: calc(26px * 0.75);
    --font-28: calc(28px * 0.75);
    --font-30: calc(30px * 0.75);
    --font-32: calc(32px * 0.75);
    --font-36: calc(36px * 0.75);
    --font-40: calc(40px * 0.75);
    --font-42: calc(42px * 0.75);
    --font-48: calc(48px * 0.75);
    --font-56: calc(56px * 0.75);
    --font-64: calc(64px * 0.75);
    --font-72: calc(72px * 0.75);
    }
}

body, html {
  color: #383A4D;
  font-family: "Hubot Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    background: #F7FDFF;
}

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#003049;z-index:10000;color: #fff;}

@media (prefers-reduced-motion: no-preference) {
  .elementor-element.fadeInUp {
    animation-name: custom-fade-in-up;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }

  @keyframes custom-fade-in-up {
    from {
      opacity: 0;
      transform: translateY(48px);
      filter: blur(10px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
      filter: none;
    }
  }
}

.font-8, .font-8.elementor-heading-title, .font-8 .elementor-heading-title { font-size: var(--font-8); }
.font-9, .font-9.elementor-heading-title, .font-9 .elementor-heading-title { font-size: var(--font-9); }
.font-10, .font-10.elementor-heading-title, .font-10 .elementor-heading-title { font-size: var(--font-10); }
.font-12, .font-12.elementor-heading-title, .font-12 .elementor-heading-title { font-size: var(--font-12); }
.font-14, .font-14.elementor-heading-title, .font-14 .elementor-heading-title { font-size: var(--font-14); }
.font-16, .font-16.elementor-heading-title, .font-16 .elementor-heading-title { font-size: var(--font-16); }
.font-18, .font-18.elementor-heading-title, .font-18 .elementor-heading-title { font-size: var(--font-18); }
.font-20, .font-20.elementor-heading-title, .font-20 .elementor-heading-title { font-size: var(--font-20); }
.font-21, .font-21.elementor-heading-title, .font-21 .elementor-heading-title { font-size: var(--font-21); }
.font-24, .font-24.elementor-heading-title, .font-24 .elementor-heading-title { font-size: var(--font-24); }
.font-26, .font-26.elementor-heading-title, .font-26 .elementor-heading-title { font-size: var(--font-26); }
.font-28, .font-28.elementor-heading-title, .font-28 .elementor-heading-title { font-size: var(--font-28); }
.font-30, .font-30.elementor-heading-title, .font-30 .elementor-heading-title { font-size: var(--font-30); }
.font-32, .font-32.elementor-heading-title, .font-32 .elementor-heading-title { font-size: var(--font-32); }
.font-36, .font-36.elementor-heading-title, .font-36 .elementor-heading-title { font-size: var(--font-36); }
.font-40, .font-40.elementor-heading-title, .font-40 .elementor-heading-title { font-size: var(--font-40); }
.font-42, .font-42.elementor-heading-title, .font-42 .elementor-heading-title { font-size: var(--font-42); }
.font-48, .font-48.elementor-heading-title, .font-48 .elementor-heading-title { font-size: var(--font-48); }
.font-56, .font-56.elementor-heading-title, .font-56 .elementor-heading-title { font-size: var(--font-56); }
.font-64, .font-64.elementor-heading-title, .font-64 .elementor-heading-title { font-size: var(--font-64); }
.font-72, .font-72.elementor-heading-title, .font-72 .elementor-heading-title { font-size: var(--font-72); }

html {
  scrollbar-gutter: stable;
  scroll-behavior: smooth !important;
}
:target {
  scroll-margin-top: 100px;
}

html, body {
	font-family: ;
}

.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.p-40{padding:40px}.p-50{padding:50px}.p-60{padding:60px}.p-70{padding:70px}.p-80{padding:80px}.p-90{padding:90px}.p-100{padding:100px}.p-110{padding:110px}.p-120{padding:120px}.p-130{padding:130px}.p-140{padding:140px}.p-150{padding:150px}.p-160{padding:160px}.p-170{padding:170px}.p-180{padding:180px}.p-190{padding:190px}.p-200{padding:200px}.p-5{padding:5px}.p-15{padding:15px}.p-25{padding:25px}.p-35{padding:35px}.p-45{padding:45px}.p-55{padding:55px}.p-65{padding:65px}.p-75{padding:75px}.p-85{padding:85px}.p-95{padding:95px}.p-105{padding:105px}.p-115{padding:115px}.p-125{padding:125px}.p-135{padding:135px}.p-145{padding:145px}.p-155{padding:155px}.p-165{padding:165px}.p-175{padding:175px}.p-185{padding:185px}.p-195{padding:195px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-90{padding-top:90px}.pt-100{padding-top:100px}.pt-110{padding-top:110px}.pt-120{padding-top:120px}.pt-130{padding-top:130px}.pt-140{padding-top:140px}.pt-150{padding-top:150px}.pt-160{padding-top:160px}.pt-170{padding-top:170px}.pt-180{padding-top:180px}.pt-190{padding-top:190px}.pt-200{padding-top:200px}.pt-5{padding-top:5px}.pt-15{padding-top:15px}.pt-25{padding-top:25px}.pt-35{padding-top:35px}.pt-45{padding-top:45px}.pt-55{padding-top:55px}.pt-65{padding-top:65px}.pt-75{padding-top:75px}.pt-85{padding-top:85px}.pt-95{padding-top:95px}.pt-105{padding-top:105px}.pt-115{padding-top:115px}.pt-125{padding-top:125px}.pt-135{padding-top:135px}.pt-145{padding-top:145px}.pt-155{padding-top:155px}.pt-165{padding-top:165px}.pt-175{padding-top:175px}.pt-185{padding-top:185px}.pt-195{padding-top:195px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-110{padding-bottom:110px}.pb-120{padding-bottom:120px}.pb-130{padding-bottom:130px}.pb-140{padding-bottom:140px}.pb-150{padding-bottom:150px}.pb-160{padding-bottom:160px}.pb-170{padding-bottom:170px}.pb-180{padding-bottom:180px}.pb-190{padding-bottom:190px}.pb-200{padding-bottom:200px}.pb-5{padding-bottom:5px}.pb-15{padding-bottom:15px}.pb-25{padding-bottom:25px}.pb-35{padding-bottom:35px}.pb-45{padding-bottom:45px}.pb-55{padding-bottom:55px}.pb-65{padding-bottom:65px}.pb-75{padding-bottom:75px}.pb-85{padding-bottom:85px}.pb-95{padding-bottom:95px}.pb-105{padding-bottom:105px}.pb-115{padding-bottom:115px}.pb-125{padding-bottom:125px}.pb-135{padding-bottom:135px}.pb-145{padding-bottom:145px}.pb-155{padding-bottom:155px}.pb-165{padding-bottom:165px}.pb-175{padding-bottom:175px}.pb-185{padding-bottom:185px}.pb-195{padding-bottom:195px}.m-10{margin:10px}.m-20{margin:20px}.m-30{margin:30px}.m-40{margin:40px}.m-50{margin:50px}.m-60{margin:60px}.m-70{margin:70px}.m-80{margin:80px}.m-90{margin:90px}.m-100{margin:100px}.m-110{margin:110px}.m-120{margin:120px}.m-130{margin:130px}.m-140{margin:140px}.m-150{margin:150px}.m-160{margin:160px}.m-170{margin:170px}.m-180{margin:180px}.m-190{margin:190px}.m-200{margin:200px}.m-5{margin:5px}.m-15{margin:15px}.m-25{margin:25px}.m-35{margin:35px}.m-45{margin:45px}.m-55{margin:55px}.m-65{margin:65px}.m-75{margin:75px}.m-85{margin:85px}.m-95{margin:95px}.m-105{margin:105px}.m-115{margin:115px}.m-125{margin:125px}.m-135{margin:135px}.m-145{margin:145px}.m-155{margin:155px}.m-165{margin:165px}.m-175{margin:175px}.m-185{margin:185px}.m-195{margin:195px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.mb-110{margin-bottom:110px}.mb-120{margin-bottom:120px}.mb-130{margin-bottom:130px}.mb-140{margin-bottom:140px}.mb-150{margin-bottom:150px}.mb-160{margin-bottom:160px}.mb-170{margin-bottom:170px}.mb-180{margin-bottom:180px}.mb-190{margin-bottom:190px}.mb-200{margin-bottom:200px}.mb-5{margin-bottom:5px}.mb-15{margin-bottom:15px}.mb-25{margin-bottom:25px}.mb-35{margin-bottom:35px}.mb-45{margin-bottom:45px}.mb-55{margin-bottom:55px}.mb-65{margin-bottom:65px}.mb-75{margin-bottom:75px}.mb-85{margin-bottom:85px}.mb-95{margin-bottom:95px}.mb-105{margin-bottom:105px}.mb-115{margin-bottom:115px}.mb-125{margin-bottom:125px}.mb-135{margin-bottom:135px}.mb-145{margin-bottom:145px}.mb-155{margin-bottom:155px}.mb-165{margin-bottom:165px}.mb-175{margin-bottom:175px}.mb-185{margin-bottom:185px}.mb-195{margin-bottom:195px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}.mt-100{margin-top:100px}.mt-110{margin-top:110px}.mt-120{margin-top:120px}.mt-130{margin-top:130px}.mt-140{margin-top:140px}.mt-150{margin-top:150px}.mt-160{margin-top:160px}.mt-170{margin-top:170px}.mt-180{margin-top:180px}.mt-190{margin-top:190px}.mt-200{margin-top:200px}.mt-5{margin-top:5px}.mt-15{margin-top:15px}.mt-25{margin-top:25px}.mt-35{margin-top:35px}.mt-45{margin-top:45px}.mt-55{margin-top:55px}.mt-65{margin-top:65px}.mt-75{margin-top:75px}.mt-85{margin-top:85px}.mt-95{margin-top:95px}.mt-105{margin-top:105px}.mt-115{margin-top:115px}.mt-125{margin-top:125px}.mt-135{margin-top:135px}.mt-145{margin-top:145px}.mt-155{margin-top:155px}.mt-165{margin-top:165px}.mt-175{margin-top:175px}.mt-185{margin-top:185px}.mt-195{margin-top:195px}

.container-padding {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}
.container-padding-left {
    padding-left: var(--container-padding);
}
.container-padding-right {
    padding-right: var(--container-padding);
}

/* TYPOGRAPHY */
body, html {
    font-size: var(--body);
    line-height: 1.4em;
}
h1, .h1 {
    font-size: var(--h1);
    line-height: 1.142857em !important;
    font-weight: 400;
}

h2, .h2 {
    font-size: var(--h2);
    line-height: 1.142857em !important;
    font-weight: 400;
}

h3, .h3 {
    font-size: var(--h3);
    line-height: 1.222222em !important;
    font-weight: 400;
}

h4, .h4 {
    font-size: var(--h4);
    line-height: 1.166667em !important;
    font-weight: 500;
}
h5, .h5 {
    font-size: var(--h5);
    line-height: ;
}
h6, .h6 {
    font-size: var(--h6);
    line-height: ;
}
small {
    font-size: ;
    line-height: ;
}
.medium, .medium .elementor-heading-title {
    font-weight: 500;
}
.elementor-button,
.btn.btn-default {
    --button-cut: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 30px 16px 24px;

    background: var(--optic-blue, #0071db);
    color: #fff;
    border: 0;
    border-radius: 4px;

    font-size: var(--button, 21px);
    font-weight: 500;
    line-height: 1.142857em;
    text-decoration: none !important;

}
.elementor-button,
.btn.btn-default {
    border-radius: 4px;

    /* Same angle in browsers without shape() support */
    clip-path: polygon(
        0 0,
        calc(100% - 16.7895px) 0,
        100% 19.8333px,
        100% 100%,
        0 100%
    );

    /* Figma angle with rounded joins */
    clip-path: shape(
        from 0 0,
        line to calc(100% - 20.4988px) 0,
        arc to calc(100% - 14.3928px) 2.8311px of 8px cw,
        line to calc(100% - 1.8940px) 17.5959px,
        arc to 100% 22.7648px of 8px cw,
        line to 100% 100%,
        line to 0 100%,
        close
    );
}
.elementor-button:hover {
    background: #0064BE;
}
.btn-icon .elementor-button {
    padding-right: 60px;
    position: relative;
}
.btn-icon:hover .elementor-button {
    padding-right: 64px;
}
.btn-icon.btn-right .elementor-button .elementor-button-content-wrapper::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3138_2668)"><path d="M16.8577 12.3854H0V9.61614H16.8577L9.10385 1.86229L11.0769 -0.0761719L22.1538 11.0008L11.0769 22.0777L9.10385 20.1392L16.8577 12.3854Z" fill="white"/></g><defs><clipPath id="clip0_3138_2668"><rect width="24" height="21" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    width: 24px;
    height: 21px;
    background-size: contain;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.elementor-button .elementor-button-content-wrapper {
    align-items: center;
    gap: 10px;
}
/* END TYPOGRAPHY */

/* HEADER */

.navbar-brand img {
	height: 60px;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all .3s ease;
}

header nav {
    padding-left: var(--container-padding) !important;
    padding-right: var(--container-padding) !important;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.scrolled .navbar-light .navbar-nav .active>.nav-link, .scrolled .navbar-light .navbar-nav .nav-link.active, .scrolled .navbar-light .navbar-nav .nav-link.show, .scrolled .navbar-light .navbar-nav .show>.nav-link, .scrolled .navbar-light .navbar-nav .nav-link {
    color: #003049;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #97CEFF
}
.scrolled .navbar-light .navbar-nav .nav-link:focus, .scrolled .navbar-light .navbar-nav .nav-link:hover {
    color: #0064BE
}

.navbar-nav {
    gap: var(--container-padding);
}

.scrolled header {
    background-color: white;
    transition: all .3s ease;
}

.logo-scrolled {
    opacity: 0;
    position: absolute;
    left: 
    var(--container-padding);
    transition: all .3s ease;
}
.scrolled .logo-scrolled {
    opacity: 1;
    transition: all .3s ease;
}
.scrolled .logo {
    opacity: 0;
    transition: all .3s ease;
}

/* END HEADER */

/* CONTENT */

#home-banner {
    max-height: 100vh;
	height: calc(100vh - 60px);
}

.vision-card {
    background: rgba(247, 253, 255, 0.8);
    opacity: 1;
    box-shadow: 0px -2.69396px 10.7758px rgba(0, 48, 73, 0.06);
    border-radius: 20px;
    padding: 25px;
    padding-top: 18px;
      backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* Dukungan untuk Safari */

}
.vision-badge {
    padding: 8px 20px;
    padding-left: 36px;
    position: relative;
    background-color: #FAEEE5;
    border-radius: 18px;
    border: 1px solid #A8A9AF;
}
.vision-badge::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #FF830F;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 14px;
    border-radius: 50%;
}
.vision-badge-blue {
    background: #CAE4FB;
}
.vision-badge-blue::before {
    background-color: #177EDE;
}

.fs-glucose-card__art img {
    border-radius: 20px;
}

    @media (prefers-reduced-motion: no-preference) {
        .vision-card.animated {
            --fs-vision-ease: cubic-bezier(0.22, 1, 0.36, 1);

            /* The live site resets animation on .animated with !important. */
            animation: fs-vision-card-enter 900ms var(--fs-vision-ease) 260ms both !important;
        }

        .vision-card.animated .vision-title {
            animation: fs-vision-title-enter 600ms var(--fs-vision-ease) 650ms both;
        }

        .vision-card.animated .vision-badge {
            animation: fs-vision-detail-enter 600ms var(--fs-vision-ease) 740ms both;
        }

        .vision-card.animated .elementor-widget-image {
            animation: fs-vision-detail-enter 650ms var(--fs-vision-ease) 900ms both;
        }

        .vision-card.animated .vision-badge::before {
            animation: fs-vision-dot-pulse 2800ms ease-in-out 1500ms infinite;
        }
    }

    @keyframes fs-vision-card-enter {
        from {
            opacity: 0;
            translate: 0 28px;
            scale: 0.96;
            filter: blur(9px);
        }
        to {
            opacity: 1;
            translate: none;
            scale: none;
            filter: none;
        }
    }

    @keyframes fs-vision-title-enter {
        from {
            opacity: 0;
            translate: 0 10px;
        }
        to {
            opacity: 1;
            translate: none;
        }
    }

    @keyframes fs-vision-detail-enter {
        from {
            opacity: 0;
            translate: 0 12px;
            scale: 0.96;
        }
        to {
            opacity: 1;
            translate: none;
            scale: none;
        }
    }

    @keyframes fs-vision-dot-pulse {
        0%, 100% { scale: 1; }
        50% { scale: 1.25; }
    }

    .fs-features .fs-features__item:first-child .fs-features__trigger {
        padding-top: 0 !important;
    }
    .fs-features__item .fs-features__drawer {
        transform: translateY(-15px);
        transition: all .3s ease;
        opacity: 0;
    }
    .fs-features__item.is-active .fs-features__drawer {
        transform: translateY(-15px);
        opacity: 1;
        transition: all .3s ease;
    }

    .elementor-counter-number, .elementor-counter-number-suffix {
        font-size: var(--font-72);
        font-weight: 300;
    }
    .elementor-counter-title {
        font-size: var(--font-24);
    }

    .who-slide {
        
        border-radius: 20px;
    }
    .who-slide-wrapper {
        position: relative;
        border-radius: 20px;
        aspect-ratio: 1186 / 640;
        padding: 40px 50px;
        height: 100%;
    }
    .who-slide-wrapper::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        border-radius: 0 0 20px 20px;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(0, 113, 219, 0) 56.35%, rgba(0, 113, 219, 0.6) 81.14%, #0071DB 91.76%);
    }    
    .who-address {
       font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; /* identical to box height */ letter-spacing: 0.05em; color: #FFFFFF; font-stretch: 100; /* Inside auto layout */ ;
       padding-left: 30px;
    }
    .who-address::before {
        content: '';
        background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="9" r="1" fill="white"/><path d="M11.9997 2C15.8657 2 18.9997 5.13401 18.9997 9C19.1397 12.13 16.6297 16.3 12.8097 21.58C12.6216 21.8398 12.3204 21.9936 11.9997 21.9936C11.679 21.9936 11.3778 21.8398 11.1897 21.58C7.36971 16.29 4.85971 12.12 4.99971 9C4.99971 5.13401 8.13372 2 11.9997 2ZM8.99971 9C8.99971 10.6569 10.3429 12 11.9997 12C12.7954 12 13.5584 11.6839 14.121 11.1213C14.6836 10.5587 14.9997 9.79565 14.9997 9C14.9997 7.34315 13.6566 6 11.9997 6C10.3429 6 8.99971 7.34315 8.99971 9Z" fill-rule="evenodd" clip-rule="evenodd" fill="white"/></svg>') no-repeat center center;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 50%; 
        transform: translateY(-50%);

    }
    #who-slider  .slick-slide {
      margin: 0 12px;
  }

  /* the parent */
  #who-slider .slick-list {
      margin: 0 -12px;
  }

  .who-slide-wrapper {
    opacity: 1;
    transition: all .5s ease;
  }
  .who-slide:not(.slick-center) .who-slide-wrapper {
    opacity: 0.3;
    transition: all .5s ease;
  }
  .who-slide:not(.slick-center) .who-slide-wrapper .h-100 {
    opacity: 0;
    transform: translateY(-10%);
    transition: all 1s ease;
  }
  .who-slide-wrapper .h-100 {
    opacity: 1;
    transform: translateY(0%);
    transition: all 1s ease;
  }
  .who-slide:not(.slick-center) .who-slide-wrapper .h-100 .who-address {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 1s ease;
  }
  .who-slide-wrapper .h-100 .who-address {
    opacity: 1;
    transform: translateY(0%);
    transition: all 1s ease;
  }
  
  /* Reserve the full slide height so the carousel stays in place. */
#who-slider .who-slide.slick-slide {
    position: relative;
    height: auto;
    aspect-ratio: 1186 / 640;
}

#who-slider .who-slide.slick-slide > .who-slide-wrapper {
    position: absolute;
    inset: 50% 0 auto;
    translate: 0 -50%;
    height: 100% !important;
    transition: height 400ms ease, opacity 300ms ease;
}

#who-slider .who-slide.slick-slide:not(.slick-center) > .who-slide-wrapper {
    height: calc(100% - min(60px, 15%)) !important;
}

@media (prefers-reduced-motion: reduce) {
    #who-slider .who-slide.slick-slide > .who-slide-wrapper {
        transition: none;
    }
}

#who-slider .slick-next {
    right: var(--container-padding);
}
#who-slider .slick-prev {

    left: var(--container-padding);
}

#who-slider .slick-next {
    width: 64px;
    height: 64px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="64" height="64" rx="32" fill="%230071DB"/><g clip-path="url(%23clip0_3135_143)"><path d="M36.8577 33.8834H20V31.1142H36.8577L29.1038 23.3603L31.0769 21.4219L42.1538 32.4988L31.0769 43.5757L29.1038 41.6373L36.8577 33.8834Z" fill="white"/></g><defs><clipPath id="clip0_3135_143"><rect width="24" height="21" fill="white" transform="translate(20 21.5)"/></clipPath></defs></svg>')
        center / 64px 64px no-repeat;
}

#who-slider .slick-next::before {
    content: none;
}

#who-slider .slick-next:focus-visible {
    outline: 2px solid var(--white);
    outline-offset: 4px;
}

#who-slider .slick-prev {
    width: 64px;
    height: 64px;
    padding: 0;
    border: 0;
    z-index: 1;
    border-radius: 50%;
    font-size: 0;
    background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="64" y="64" width="64" height="64" rx="32" transform="rotate(-180 64 64)" fill="%230071DB"/><g clip-path="url(%23clip0_3135_146)"><path d="M27.1423 30.1166L44 30.1166L44 32.8858L27.1423 32.8858L34.8962 40.6397L32.9231 42.5781L21.8462 31.5012L32.9231 20.4243L34.8962 22.3627L27.1423 30.1166Z" fill="white"/></g><defs><clipPath id="clip0_3135_146"><rect width="24" height="21" fill="white" transform="translate(44 42.5) rotate(-180)"/></clipPath></defs></svg>')
        center / 64px 64px no-repeat;
}

#who-slider .slick-prev::before {
    content: none;
}

#who-slider .slick-prev:focus-visible {
    outline: 2px solid var(--white);
    outline-offset: 4px;
}

.partners-card {
    aspect-ratio: 884 / 600;
    position: relative;
}
.partners-card::before {
    content: '';

    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;

background: linear-gradient(180deg, rgba(0, 48, 73, 0) 50%, rgba(0, 48, 73, 0.7) 68.98%, #003049 93.75%);
background-blend-mode: multiply, normal;
border-radius: 40px;

}
.partners-card::after {
    content: '';
        position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;

position: absolute;


background: linear-gradient(180deg, rgba(0, 48, 73, 0) 50%, rgba(0, 48, 73, 0.7) 77.08%, #003049 97.92%), linear-gradient(0deg, #003049, #003049), url('https://cxm.sg26.sst189.xyz/wp-content/uploads/2026/11/Vector-3.jpg') no-repeat center center;
background-size: cover;
background-blend-mode: multiply, hard-light, normal;
border-radius: 40px;

opacity: 0;
transition: all .4s ease;
}

#partner-with-us-btn {
    position: absolute;
    bottom: 0;
    opacity: 0;
transition: all .4s ease;
}

.partners-card > * {
    z-index: 2;
}
.partners-cut-out {
    opacity: 0;
transition: all .4s ease !important;
}
.partners-card .elementor-element-134e27c {
    transition: all .4s ease;
}
@media (hover: hover) {
.partners-card:hover::after {
    opacity: 1;
transition: all .4s ease;
}
.partners-card:hover .elementor-element-134e27c {
    padding-bottom: calc(48px + 56px);
    transition: all .4s ease;
}
.partners-card:hover #partner-with-us-btn {
    opacity: 1;
transition: all .4s ease;
}

.partners-card:hover .partners-cut-out {
    opacity: 1;
transition: all .4s ease !important;
}
}
.fs-footer-title {
    margin-bottom: 24px;
}

.is-footer-links {
    font-size: var(--font-16);
}

.elementor-434 .elementor-element.elementor-element-d873625 .fs-footer-group {
    gap: 24px !important;
}

.link-with-arrow a {
    background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3135_940)"><path d="M15.5079 10.3574L6.56771 19.2976L5.09911 17.829L14.0392 8.88884L5.81505 8.88884L5.83341 6.81443H17.5823V18.5633L15.5079 18.5816L15.5079 10.3574Z" fill="%2397CEFF"/></g><defs><clipPath id="clip0_3135_940"><rect width="18" height="16.0714" fill="white" transform="translate(0 12.7279) rotate(-45)"/></clipPath></defs></svg>') no-repeat center right;
    padding-right: 34px;xtext-wrap: nowrap;
}

.elementor-counter-title {
	line-height: 1em !important;
}

.difference-carousel .difference-dots > li {
    transition: all .3s ease;
}

@media (max-width: 1300px) {
    body:not(.rtl) .elementor-9 .elementor-element.elementor-element-b76447a {
    right: 100px;
}
body:not(.rtl) .elementor-9 .elementor-element.elementor-element-6226161 {
    left: 100px;
}

.elementor-434 .elementor-element.elementor-element-d873625 .fs-footer-legal-links > .elementor-widget {
    font-size: 14px !important;
}

}

@media (min-width: 992px) and (max-width: 1024px) {

    header nav a {
        font-size: 14px;
    };
}

@media (min-width: 992px) and (max-width: 1300px) {
    .elementor-element-5569f51 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    

}

@media (min-width: 992px) and (max-width: 1500px) {
    .fs-footer-legal-item {
        font-size: 12px !important;
    }
}

@media (max-width: 1280px) {
    .elementor-counter-number, .elementor-counter-number-suffix {
        font-size: 3vw;
        margin-bottom: 10px;
    }
}

p {
    text-wrap: pretty;
}

/* END CONTENT */

/* start mobile/tablets */
.mobile { display: none; }
@media (max-width: 991.98px){ 
.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none !important; }

.e-con>.e-con-inner {
padding-inline-end: 20px;
padding-inline-start: 20px;
}

.e-con.e-flex {
        --width: 100%;
        --flex-wrap: var(--flex-wrap-mobile);
}

.m-p-0{padding:0!important}.m-p-10{padding:10px!important}.m-p-20{padding:20px!important}.m-p-30{padding:30px!important}.m-p-40{padding:40px!important}.m-p-50{padding:50px!important}.m-p-60{padding:60px!important}.m-p-70{padding:70px!important}.m-p-80{padding:80px!important}.m-p-90{padding:90px!important}.m-p-100{padding:100px!important}.m-p-110{padding:110px!important}.m-p-120{padding:120px!important}.m-p-130{padding:130px!important}.m-p-140{padding:140px!important}.m-p-150{padding:150px!important}.m-p-160{padding:160px!important}.m-p-170{padding:170px!important}.m-p-180{padding:180px!important}.m-p-190{padding:190px!important}.m-p-200{padding:200px!important}.m-pt-0{padding-top:0!important}.m-pt-10{padding-top:10px!important}.m-pt-20{padding-top:20px!important}.m-pt-30{padding-top:30px!important}.m-pt-40{padding-top:40px!important}.m-pt-50{padding-top:50px!important}.m-pt-60{padding-top:60px!important}.m-pt-70{padding-top:70px!important}.m-pt-80{padding-top:80px!important}.m-pt-90{padding-top:90px!important}.m-pt-100{padding-top:100px!important}.m-pt-110{padding-top:110px!important}.m-pt-120{padding-top:120px!important}.m-pt-130{padding-top:130px!important}.m-pt-140{padding-top:140px!important}.m-pt-150{padding-top:150px!important}.m-pt-160{padding-top:160px!important}.m-pt-170{padding-top:170px!important}.m-pt-180{padding-top:180px!important}.m-pt-190{padding-top:190px!important}.m-pt-200{padding-top:200px!important}.m-pb-0{padding-bottom:0!important}.m-pb-10{padding-bottom:10px!important}.m-pb-20{padding-bottom:20px!important}.m-pb-30{padding-bottom:30px!important}.m-pb-40{padding-bottom:40px!important}.m-pb-50{padding-bottom:50px!important}.m-pb-60{padding-bottom:60px!important}.m-pb-70{padding-bottom:70px!important}.m-pb-80{padding-bottom:80px!important}.m-pb-90{padding-bottom:90px!important}.m-pb-100{padding-bottom:100px!important}.m-pb-110{padding-bottom:110px!important}.m-pb-120{padding-bottom:120px!important}.m-pb-130{padding-bottom:130px!important}.m-pb-140{padding-bottom:140px!important}.m-pb-150{padding-bottom:150px!important}.m-pb-160{padding-bottom:160px!important}.m-pb-170{padding-bottom:170px!important}.m-pb-180{padding-bottom:180px!important}.m-pb-190{padding-bottom:190px!important}.m-pb-200{padding-bottom:200px!important}.m-mb-0{margin-bottom:0!important}.m-mb-10{margin-bottom:10px!important}.m-mb-20{margin-bottom:20px!important}.m-mb-30{margin-bottom:30px!important}.m-mb-40{margin-bottom:40px!important}.m-mb-50{margin-bottom:50px!important}.m-mb-60{margin-bottom:60px!important}.m-mb-70{margin-bottom:70px!important}.m-mb-80{margin-bottom:80px!important}.m-mb-90{margin-bottom:90px!important}.m-mb-100{margin-bottom:100px!important}.m-mb-110{margin-bottom:110px!important}.m-mb-120{margin-bottom:120px!important}.m-mb-130{margin-bottom:130px!important}.m-mb-140{margin-bottom:140px!important}.m-mb-150{margin-bottom:150px!important}.m-mb-160{margin-bottom:160px!important}.m-mb-170{margin-bottom:170px!important}.m-mb-180{margin-bottom:180px!important}.m-mb-190{margin-bottom:190px!important}.m-mb-200{margin-bottom:200px!important}.m-mt-0{margin-top:0!important}.m-mt-10{margin-top:10px!important}.m-mt-20{margin-top:20px!important}.m-mt-30{margin-top:30px!important}.m-mt-40{margin-top:40px!important}.m-mt-50{margin-top:50px!important}.m-mt-60{margin-top:60px!important}.m-mt-70{margin-top:70px!important}.m-mt-80{margin-top:80px!important}.m-mt-90{margin-top:90px!important}.m-mt-100{margin-top:100px!important}.m-mt-110{margin-top:110px!important}.m-mt-120{margin-top:120px!important}.m-mt-130{margin-top:130px!important}.m-mt-140{margin-top:140px!important}.m-mt-150{margin-top:150px!important}.m-mt-160{margin-top:160px!important}.m-mt-170{margin-top:170px!important}.m-mt-180{margin-top:180px!important}.m-mt-190{margin-top:190px!important}.m-mt-200{margin-top:200px!important}.m-p-5{padding:5px!important}.m-p-15{padding:15px!important}.m-p-25{padding:25px!important}.m-p-35{padding:35px!important}.m-p-45{padding:45px!important}.m-p-55{padding:55px!important}.m-p-65{padding:65px!important}.m-p-75{padding:75px!important}.m-p-85{padding:85px!important}.m-p-95{padding:95px!important}.m-p-105{padding:105px!important}.m-p-115{padding:115px!important}.m-p-125{padding:125px!important}.m-p-135{padding:135px!important}.m-p-145{padding:145px!important}.m-p-155{padding:155px!important}.m-p-165{padding:165px!important}.m-p-175{padding:175px!important}.m-p-185{padding:185px!important}.m-p-195{padding:195px!important}.m-pt-5{padding-top:5px!important}.m-pt-15{padding-top:15px!important}.m-pt-25{padding-top:25px!important}.m-pt-35{padding-top:35px!important}.m-pt-45{padding-top:45px!important}.m-pt-55{padding-top:55px!important}.m-pt-65{padding-top:65px!important}.m-pt-75{padding-top:75px!important}.m-pt-85{padding-top:85px!important}.m-pt-95{padding-top:95px!important}.m-pt-105{padding-top:105px!important}.m-pt-115{padding-top:115px!important}.m-pt-125{padding-top:125px!important}.m-pt-135{padding-top:135px!important}.m-pt-145{padding-top:145px!important}.m-pt-155{padding-top:155px!important}.m-pt-165{padding-top:165px!important}.m-pt-175{padding-top:175px!important}.m-pt-185{padding-top:185px!important}.m-pt-195{padding-top:195px!important}.m-pb-5{padding-bottom:5px!important}.m-pb-15{padding-bottom:15px!important}.m-pb-25{padding-bottom:25px!important}.m-pb-35{padding-bottom:35px!important}.m-pb-45{padding-bottom:45px!important}.m-pb-55{padding-bottom:55px!important}.m-pb-65{padding-bottom:65px!important}.m-pb-75{padding-bottom:75px!important}.m-pb-85{padding-bottom:85px!important}.m-pb-95{padding-bottom:95px!important}.m-pb-105{padding-bottom:105px!important}.m-pb-115{padding-bottom:115px!important}.m-pb-125{padding-bottom:125px!important}.m-pb-135{padding-bottom:135px!important}.m-pb-145{padding-bottom:145px!important}.m-pb-155{padding-bottom:155px!important}.m-pb-165{padding-bottom:165px!important}.m-pb-175{padding-bottom:175px!important}.m-pb-185{padding-bottom:185px!important}.m-pb-195{padding-bottom:195px!important}.m-mb-5{margin-bottom:5px!important}.m-mb-15{margin-bottom:15px!important}.m-mb-25{margin-bottom:25px!important}.m-mb-35{margin-bottom:35px!important}.m-mb-45{margin-bottom:45px!important}.m-mb-55{margin-bottom:55px!important}.m-mb-65{margin-bottom:65px!important}.m-mb-75{margin-bottom:75px!important}.m-mb-85{margin-bottom:85px!important}.m-mb-95{margin-bottom:95px!important}.m-mb-105{margin-bottom:105px!important}.m-mb-115{margin-bottom:115px!important}.m-mb-125{margin-bottom:125px!important}.m-mb-135{margin-bottom:135px!important}.m-mb-145{margin-bottom:145px!important}.m-mb-155{margin-bottom:155px!important}.m-mb-165{margin-bottom:165px!important}.m-mb-175{margin-bottom:175px!important}.m-mb-185{margin-bottom:185px!important}.m-mb-195{margin-bottom:195px!important}.m-mt-5{margin-top:5px!important}.m-mt-15{margin-top:15px!important}.m-mt-25{margin-top:25px!important}.m-mt-35{margin-top:35px!important}.m-mt-45{margin-top:45px!important}.m-mt-55{margin-top:55px!important}.m-mt-65{margin-top:65px!important}.m-mt-75{margin-top:75px!important}.m-mt-85{margin-top:85px!important}.m-mt-95{margin-top:95px!important}.m-mt-105{margin-top:105px!important}.m-mt-115{margin-top:115px!important}.m-mt-125{margin-top:125px!important}.m-mt-135{margin-top:135px!important}.m-mt-145{margin-top:145px!important}.m-mt-155{margin-top:155px!important}.m-mt-165{margin-top:165px!important}.m-mt-175{margin-top:175px!important}.m-mt-185{margin-top:185px!important}.m-mt-195{margin-top:195px!important}
.mpt-0 {
    padding-top: 0 !important;
}
.mpb-0 {
    padding-bottom: 0 !important;
}

.navbar-brand img {
    height: 32px;
}

#home-banner {
    height: 100lvh;
}

header {
    background-color: #fff;
}
.logo-scrolled {
    opacity: 1;
    transition: all .3s ease;
}
.logo {
    opacity: 0;
    transition: all .3s ease;
}

html, body {
    overflow-x: hidden;
}

#nav-icon4 {
    width: 36px;
    height: 20px;
    position: fixed;
    top: 32px;
    right: 48px;
    margin: 1px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    cursor: pointer;
    z-index: 999;
    xbackground: #97F1FF;
  }
  #nav-icon4::before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    top: -5px;
    left:0;
    xbackground: #97F1FF;
    z-index: 0;
  }
  #nav-icon4::after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left:0;
    xbackground: #97F1FF;
    z-index: 0;
  }
 #nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 30px;
    background: #003232;
    border-radius: 9px;
    opacity: 1;
    left: 3px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    z-index: 1;
  }
  /* Icon 4 */
#nav-icon4 {
}
#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 8px;
}
#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 19px;
  left: 8px;
}

.elementor-button-content-wrapper {
    position: relative;
}
.elementor-button {
    width: 100%;
}
.btn-icon.btn-right .elementor-button .elementor-button-content-wrapper::before {
    right: -44px;
}

.fs-brands__row {
    gap: 20px !important; 
}

.m-w-100 {
    width: 100%;
}

.m-h2, .elementor-counter-number, .elementor-counter-number-suffix {
    font-size: var(--h2);
}
.elementor-counter-title {
    font-size: 18px;
    line-height: 1em !important;
}
.elementor-counter-number-wrapper {
    margin-bottom: 0px;
}

.partners-card::before {
    border-radius: 12px;
}


   .fs-footer-nav {
    gap: 0;
  }

   .fs-footer-nav .fs-footer-nav-row {
    flex-wrap: wrap;
    gap: 0;
  }

   .fs-footer-nav .fs-footer-primary > .fs-footer-group,
   .fs-footer-nav .fs-footer-secondary > .fs-footer-group:has(.fs-footer-links) {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    gap: 16px;
    padding-block: 16px 24px;
    border-bottom: 1px solid rgb(116 168 195 / 25%);
    text-align: center;
  }

   .fs-footer-nav .fs-footer-group:has(.fs-footer-links) .elementor-heading-title {
    font-size: 11px;
  }

  #who-slider .who-slide.slick-slide:not(.slick-center) > .who-slide-wrapper {
    height: calc(100% - min(60px, 15%)) !important;
    border-radius: 0;
    filter: blur(3px);
}

  .elementor-element-9876026 { padding-right: 0; }

   .fs-footer-nav .fs-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
    width: 100%;
    font-size: 16px;
  }

   .fs-footer-nav .fs-footer-links > p {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  /* CxM Roadmap starts its own line under the first two Technology items. */
   .fs-footer-nav .fs-footer-primary > .fs-footer-group:first-child .fs-footer-links > p:nth-child(3),
   .fs-footer-nav .fs-footer-primary > .fs-footer-group:last-child .fs-footer-links > p,
   .fs-footer-nav .fs-footer-secondary .fs-footer-links > p {
    flex: 0 0 100%;
  }

  /* Separate Resources from the existing Contact block. */
   .fs-footer-nav .fs-footer-secondary > .fs-footer-group:has(.fs-footer-contact) {
    margin-block-start: 16px;
   }

   .fs-footer-group {
    flex: 0 0 100% !important;padding-bottom: 30px !important;
    margin-bottom: 20px !important;
   }
   .elementor-434 .elementor-element.elementor-element-d873625 .fs-footer-links p + p {
        margin-top: 0 !important;
    }
    .elementor-434 .elementor-element.elementor-element-d873625 {
        gap: 0 !important;
    }

    .elementor-434 .elementor-element.elementor-element-d873625 .fs-footer-legal-links {
        display: none !important;
    }

    #nav-icon4 {
        top: 17px;
        right: 20px;
    }
    .elementor-434 .elementor-element.elementor-element-d873625 .fs-footer-title .elementor-heading-title {
        font-size: var(--font-10) !important;
    }
    .link-with-arrow a {
    background: none;
    padding-right: 0;
    text-wrap: wrap;
}
.elementor-434 .elementor-element.elementor-element-d873625 .fs-footer-nav {
        gap: 20px !important;
    }
    .fs-footer-nav .fs-footer-secondary .fs-footer-links > p {
        flex: 0 0 auto !important;
    }

    .elementor-element-1261579 {
        margin-top: 0 !important;
    }

    .elementor-element-26a78f0 {
        border-top: 0;
    padding-top: 0;
    }

    .fs-footer-copyright {
        font-size: 10px !important;
    }

    .who-slide-wrapper, #who-slider .who-slide.slick-slide {
        aspect-ratio: 320 / 420;
    }
    .who-slide-wrapper {
        padding: 20px;
    }
    .who-slide-wrapper h3.elementor-heading-title {
        font-size: 14px;
    }.who-address .elementor-heading-title {
        font-size: 8px;
    }
    .who-address {
        padding-left: 16px;
    }
      .who-address::before {
        width: 12px;
        height: 12px;
        background-size: contain;
     }
     #who-slider .slick-next, #who-slider .slick-prev {
        height: 32px;
        width: 32px;
        background-size: contain;
     }

      #who-slider  .slick-slide {
      margin: 0 0;
  }

  /* the parent */
  #who-slider .slick-list {
      margin: 0 -0;
  }

.elementor-9 .elementor-element.elementor-element-5569f51 img {
    aspect-ratio: 300 / 200;
    object-fit: cover;
    height: auto;
}

.elementor-element-3af3d9f {
    transform: scale(0.3333) !important;transform-origin: top left;
}

.vision-card {
    transform: scale(0.3333) !important;
    transform-origin: top left;
}

.elementor-element-bc9be82 {
        left: 55% !important;
    top: -30px !important;
}
.xelementor-element-6226161 {
    left: 0 !important;
    bottom: -50% !important;
}
.elementor-element.elementor-element-b76447a {
        right: auto !important;
        left: 63% !important;
        bottom: auto !important;
        top: 80%;
    }
.elementor-element.elementor-element-59a1187 {
    left: calc(66.666% + 10px) !important;
    top: 30% !important;
}
.elementor-element-3af3d9f {
    left: 20px !important;
    top: -30px !important;
}
.elementor-element-6226161 {
        left: -10px !important;
        bottom: auto !important;
        top: 60% !important;
    }

    .elementor-9 .elementor-element-811ed07 .vision-card .elementor-widget-image {
    width: 100%;
}

.elementor-9 .elementor-element-811ed07 .vision-card .elementor-widget-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
}

.vision-card img {
        aspect-ratio: 18 / 9;
        object-fit: cover;
}
	
	.elementor-element-765c070 {
		padding-bottom: 20px;
	}
	
	#partner-with-us-btn {
    position: relative;
    bottom: 0;
    opacity: 1;
    transition: all .4s ease;
}

.difference-slider {
    margin-bottom: 0 !important;
}

.fs-brands__next-copy {aspect-ratio: 320 / 260;}
	.fs-brands .fs-brands__next-title {
        font-size: 24px !important;
    }
.fs-brands__eyebrow { font-size: 12px !important; }
.fs-brands__next-description, .fs-brands__details { font-size: 14px !important; text-wrap: pretty;}

  .elementor-element-c88bea0.elementor-widget-html {
    display: contents;
  }

  .elementor-element-c88bea0 > .fs-brands {
    inline-size: 100%;
  }
  .fs-brands__feature {
    border-radius: 0;
    clip-path: inset(0 round var(--radius));
    aspect-ratio: 320 / 460;
}

 .fs-brands__photo--wide,
  .fs-brands__shade--wide,
  .fs-brands__corner,
  .fs-brands__arrow {
    opacity: 1;
  }

  .fs-brands .fs-brands__corner,
    .fs-brands .fs-brands__arrow {
        opacity: 1;
        translate: none;
    }
    .fs-brands .fs-brands__corner,
    .fs-brands .fs-brands__arrow {
        opacity: 1;
        translate: none;
    }

    .fs-brands .fs-brands__corner {
        block-size: 90px !important;
        inset-block-start: -7px !important;
        inset-inline-end: -6px !important;
    }

    .fs-brands .fs-brands__arrow {
        block-size: 40px !important;
        inset-block-start: 4px !important;
        inset-inline-end: 4px !important;
    }

    .elementor-element-c260e5f, .elementor-element-977baf8 {
        padding-bottom: 20px;
    }
    .elementor-element-f0389f4 {
        margin-top: 0;
    }

    .elementor-element-e507bc5 {
        font-size: 12px;
        padding-top: 10px;
    }

    .fs-footer-logo img {
        max-width: 300px;
    margin: 0 auto;
    }

    #mobile-nav {
	background: #ffffff;
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 9;
	color: var(--prussian-blue);
	padding: 20px;
	display: none;
    background: rgba(255, 255, 255, 0.9);
    /* border-radius: 16px; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
#mobile-nav a {
	color: var(--prussian-blue);
	font-weight: 500;
	font-size: 19px;
}

header {
	transition: all .15s ease;
}
.menu-opened header {
background: #ffffff;
}


} /* end mobile */

@media (min-width: 768px) and (max-width: 991.98px) {
	
	:root {
		--container-padding: 60px;
	}
.e-con>.e-con-inner {
padding-inline-end: 60px;
padding-inline-start: 60px;
}
	.elementor-element-bb0d405 {
		text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
	}
	.fs-brands__card {
		flex: 0 0 calc(50% - 10px) !important;
	}
	    .vision-card, .elementor-element-3af3d9f {
        transform: scale(0.5) !important;
        transform-origin: top left;
    }
	.vision-card {
		width: 400px;
	}
	
	.difference-carousel .difference-art {
    display: block;
    width: 100%;
    max-width: 100% !important;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    justify-self: center;
}
	.elementor-element-930edf3 {
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	}

    
	
}

/* hide for microsite launch */
.elementor-element-7de163a, .elementor-element-dd5240e { display: none !important; }