#home-globe {
      padding-top: 0px;
    }

    #main {
      gap: 0;
    }

    .home-orbit .container-lg {
      position: relative;
    }

    .home-orbit {
      display: block;
      position: relative;
    }

    .circle-container {
      position: relative;
      width: 1340px;
      height: 700px;
      margin: 0 auto;
      padding: 0;
      list-style: none;
      transform: translateX(-90px) translateY(-20px);
      --arc: 145deg;
      --radius: 34.5rem;
    }

    /* items inside circle */
    .circle-container>* {
      position: absolute;
      top: 50%;
      left: 50%;
      transform-origin: center;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1rem;
      /* width: 12rem; */
      width: 10.5rem;
      height: 7.5rem;
      background: white;
      border: none;
      z-index: 3;

    }

    .circle-container>* {
      transform:
        rotate(calc((var(--i) - 1) * (var(--arc) / max(1, (var(--count) - 1))) - (var(--arc) / 2))) translateY(calc(-1 * var(--radius))) rotate(calc(-1 * ((var(--i) - 1) * (var(--arc) / max(1, (var(--count) - 1))) - (var(--arc) / 2))));
    }

    .circle-container img {
      display: block;
      max-width: 100%;
      border-radius: 0;
      border: none;
      transition: .15s;
      cursor: pointer;
    }


    /* animation on load */
    .clients-content>* {
      opacity: 0;
      transition: all .25s ease;
    }

    .circle-container.clients-content.list-active>div:nth-child(1) {
      transition-delay: 0.1s;
    }

    .circle-container.clients-content.list-active>div:nth-child(2) {
      transition-delay: 0.2s;
    }

    .circle-container.clients-content.list-active>div:nth-child(3) {
      transition-delay: 0.3s;
    }

    .circle-container.clients-content.list-active>div:nth-child(4) {
      transition-delay: 0.4s;
    }

    .circle-container.clients-content.list-active>div:nth-child(5) {
      transition-delay: 0.5s;
    }

    .circle-container.clients-content.list-active>div:nth-child(6) {
      transition-delay: 0.6s;
    }

    .circle-container.clients-content.list-active>div:nth-child(7) {
      transition-delay: 0.7s;
    }

    .circle-container.clients-content.list-active>div:nth-child(8) {
      transition-delay: 0.8s;
    }

    .circle-container.clients-content.list-active>div:nth-child(9) {
      transition-delay: 0.9s;
    }

    .circle-container.clients-content.list-active>div:nth-child(10) {
      transition-delay: 1s;
    }

    .circle-container.clients-content.list-active>div:nth-child(11) {
      transition-delay: 1.1s;
    }

    .circle-container.clients-content.list-active>div:nth-child(12) {
      transition-delay: 1.2s;
    }

    .circle-container.clients-content.list-active>div:nth-child(13) {
      transition-delay: 1.3s;
    }

    .circle-container.clients-content.list-active>div:nth-child(14) {
      transition-delay: 1.4s;
    }

    .clients-content.list-active>* {
      opacity: 1;
    }

    .region-container img {
      display: block;
      max-width: 100%;
      border-radius: 50%;
      border: none;
      transition: .15s;
      cursor: pointer;
    }

    .region-container {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 16px;
      list-style: none;
      background: rgba(255, 255, 255, 0.80);
    }

    .globe-button {
      display: flex;
      padding: 8px 20px;
      justify-content: center;
      align-items: center;
      border-radius: 24px;
      border: 1px solid var(--Brand-25, #F4FAFF);
      background: var(--Brand-25, #F4FAFF);
      color: var(--Colors-Text-text-primary, #1B223A);
      cursor: pointer;
      transition: all 0.3s ease;
      width: auto;
      letter-spacing: -0.59px;
      max-height: 40px;
    }

    .globe-button.active {
      color: var(--Brand-600, #1434CB);
      border: 1px solid var(--Brand-600, #1434CB);
      background: transparent;
    }

    #home-globe {
      position: relative;
      overflow: hidden;
    }


    #home-globe .outer {
      width: 100%;
      max-width: 1240px;
      height: 1240px;
      padding: 0;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      left: 0;
      right: 0;
    }



    #home-globe .fill {
      position: absolute;
      display: block;
      width: 800px;
      height: 800px;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
      bottom: 0;
      border-radius: 100%;
      background: var(--brand-50, #E5F3FF);
    }

    .home-orbit .outer.region-has-active {
      border-radius: 100%;
      z-index: -2;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
    }

    #home-globe .fill.globe {
      position: absolute;
      width: 800px;
      height: 800px;
      border-radius: 50%;
      -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
      mask-repeat: no-repeat;
      mask-size: 100% 100%;
    }

    #home-globe {
      position: relative;
      overflow: hidden;
      height: 990px;
    }



    @media (max-width: 1600px) {
      .region-container {
        margin-bottom: 40px;
        padding-left: 0px;
      }

      #home-globe {
        height: 710px;
      }

      #home-globe .outer {
        max-width: 1000px;
        height: 1000px;
      }

      #home-globe .fill canvas,
      #home-globe .fill {
        width: 714px;
        height: 714px;
      }

      #home-globe .fill.globe {
        width: 714px;
        height: 714px;
        -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
        mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
      }

      .circle-container {
        width: 1200px;
        /* shrink orbit to match globe */
        height: 800px;
        --radius: 30rem;
        /* smaller orbit radius */
        transform: translateX(-100px) translateY(-15px);
      }

      .circle-container>* {
        width: 10rem;
        height: 7.5rem;
      }
    }

    @media (max-width: 1365px) {

      .region-container {
        margin-bottom: 30px;
        padding-left: 0;
        flex-wrap: wrap;
      }

      #home-globe {
        height: 578px;
        /* reduce overall container height */
      }

      #home-globe .outer {
        max-width: 800px;
        height: 800px;
      }

      #home-globe .fill,
      #home-globe .fill canvas {
        width: 550px;
        height: 550px;
      }

      #home-globe .fill.globe {
        width: 550px;
        height: 550px;
        -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
        mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
      }

      .circle-container {
        width: 900px;
        height: 600px;
        --radius: 25rem;
        transform: translateX(-60px) translateY(-10px);
      }

      .circle-container>* {
        width: 8rem;
        height: 6rem;
      }

      .circle-container img {
        max-width: 70px;
      }
    }

    @media (max-width: 1023px) {
      .region-container {
        margin-bottom: 50px;
        padding-left: 0;
        gap: 6px;
      }

      #home-globe {
        height: 560px;
        /* smaller container */
      }

      #home-globe .outer {
        max-width: 650px;
        height: 650px;
      }

      #home-globe .fill,
      #home-globe .fill canvas {
        width: 420px;
        height: 420px;
      }

      #home-globe .fill.globe {
        width: 420px;
        height: 420px;
        -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
        mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
      }

      .circle-container {
        width: 680px;
        height: 460px;
        --radius: 20rem;
        transform: translateX(-55px) translateY(0px);
      }

      .circle-container>* {
        width: 6.5rem;
        height: 5rem;
      }

      .circle-container img {
        max-width: 72px;
      }


    }

    @media (min-width: 768px) {
      .client-map-logo-container {
        display: none
      }
    }

    @media (max-width: 767px) {
      .home-orbit {
        display: none
      }

      #home-globe {
        height: auto;
      }

      .region-logos .container-sm {
        padding-right: 0;
        margin-left: auto;
        max-width: unset
      }


      .region-container {
              padding-left: 0;
        justify-content: flex-start;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
        list-style: none;
        background: rgba(255, 255, 255, 0.80);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: 0px; 
        padding-bottom: 0.5rem;

      }

      .region-container .globe-button {
        flex: 1 0 auto;
        text-align: center;
        white-space: nowrap;
      }

      .client-map-logo-container {
        padding: 24px 24px 40px 24px;
        background: var(--Brand-25, #F4FAFF);
      }

      .client-map-logo {
        display: none;
        grid-template-columns: repeat(auto-fill, minmax(159px, 1fr));
        gap: 8px;
        transition: opacity 0.4s ease, transform 0.4s ease;
      }

      .client-map-logo.grid-list-active {
        display: grid
      }

      .client-logo-wrap.visible {
        opacity: 1;
        transform: translateY(0);
      }

      .client-logo-wrap {
        min-height: 93px;
        display: flex;
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 16px;
        background: linear-gradient(0deg, var(--Colors-Background-bg-primary, #FFF) 0%, var(--Colors-Background-bg-primary, #FFF) 100%), radial-gradient(90.59% 75.09% at 98.47% 2.1%, #E5F3FF 0%, #FFF 100%);
        box-shadow: 0 6.944px 33.333px 0 rgba(153, 198, 255, 0.20);
      }

      .client-logo-wrap img {
        max-width: 76px;
        height: auto;
        display: block;
      }
.client-logo-wrap.logo-width img{
    max-width: 94px;
 }
      .client-map-logo-container .client-map-logo .client-logo-wrap {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.4s ease, transform 0.4s ease;
      }

      /* visible state */
      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap {
        opacity: 1;
        transform: translateY(0);
      }

      /* stagger using nth-child */
      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(1) {
        transition-delay: 0.1s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(2) {
        transition-delay: 0.2s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(3) {
        transition-delay: 0.3s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(4) {
        transition-delay: 0.4s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(5) {
        transition-delay: 0.5s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(6) {
        transition-delay: 0.6s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(7) {
        transition-delay: 0.7s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(8) {
        transition-delay: 0.8s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(9) {
        transition-delay: 0.9s;
      }

      .client-map-logo-container .client-map-logo.grid-list-active .client-logo-wrap:nth-child(10) {
        transition-delay: 1s;
      }

    }


    .cta-band-content {
      max-width: 1020px;
    }

    @media (max-width: 1600px) {
      .hero-section .lottie-wrapper {
        display: none !important
      }
    }

    @media (min-width: 1601px) {
      :root {
        --hero-banner-img-width: 500px;
      }

      .hero-section .lottie-wrapper {
        display: block !important;
        max-width: 500px !important;
      }


      .hero-section .lottie-wrapper {
        right: -15%;

      }

      .lottie-wrapper.lottie-wrapper-left>dotlottie-player:nth-child(1) {
        display: none !important;
      }

      .lottie-wrapper>dotlottie-player:nth-child(1) {
        display: none !important;
      }

      .hero-section .lottie-wrapper {
        top: 0 !important;
        transform: none !important;
      }

      section.hero-section {
        overflow: unset !important;
      }

     .hero-section .lottie-wrapper.lottie-wrapper-left {
        left: -5% !important;
 	  z-index: -1;
      }
    }
    
    @media screen and (min-width: 1600px) {
  .cta-band .container-sm {
    max-width: 1200px !important;
  }

  .cta-band .container-sm .cta-band-content {
    max-width: unset !important;
    margin-inline: auto !important;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {
  .cta-band .container-sm {
    max-width: 1000px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .cta-band .container-sm {
    max-width: 800px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cta-band .container-sm {
    max-width: 700px;
  }
}


 
@media (min-width: 768px){
  .our-client-section{
  position: relative
}
.our-client-section::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 160px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}
}
@media (max-width: 1365px){
  .our-client-section::after{
    height: 96px;
  }
}

.hero-section.align-center .hdng-wrapper{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.hero-section.align-center .hdng-wrapper .text-xl{
	font-weight: 400;
    max-width: 840px;
 	 margin-inline: auto
}
@media (max-width: 1600px){
    .hero-section.align-center .hdng-wrapper{
           gap: 24px
    }
}
@media (max-width: 767px){
    .hero-section.align-center .hdng-wrapper{
           gap: 16px
    }
}

@media (min-width: 1601px){
section.hero-section[class*="section"] {
    padding-block: var(--hero-section-padding-block) calc(var(--hero-section-padding-block) - 20px) !important;
}
}