@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: #000;
    background: #0B0C10 !important;
    font-family: "Poppins", sans-serif;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Poppins", sans-serif;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

:root {
  --shiny-cta-bg: #000;
  --shiny-cta-bg-subtle: #1a1818;
  --shiny-cta-fg: #ffffff;
  --shiny-cta-highlight: #e99b1b;
  --shiny-cta-highlight-subtle: #e99b1b;
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-angle-offset {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-percent {
  syntax: "<percentage>";
  initial-value: 5%;
  inherits: false;
}

@property --gradient-shine {
  syntax: "<color>";
  initial-value: white;
  inherits: false;
}

.shiny-cta {
  --animation: gradient-angle linear infinite;
  --duration: 3s;
  --shadow-size: 2px;
  isolation: isolate;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  outline-offset: 4px;
  padding: 0.75rem 2.5rem;
    font-size: 16px;
  font-family: inherit;
  font-size: 1.125rem;
  line-height: 1.0;
  border: 1px solid transparent;
  border-radius: 360px;
  color: var(--shiny-cta-fg);
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
      padding-box,
    conic-gradient(
        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
        transparent,
        var(--shiny-cta-highlight) var(--gradient-percent),
        var(--gradient-shine) calc(var(--gradient-percent) * 2),
        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
        transparent calc(var(--gradient-percent) * 4)
      )
      border-box;
  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);

  &::before,
  &::after,
  span::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1;
  }

  &:active {
    translate: 0 1px;
  }
}
a.shiny-cta {
    text-align: center;
}
/* Dots pattern */
.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    )
    padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  );
  border-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

/* Inner shimmer */
.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  );
  mask-image: radial-gradient(circle at bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;

  &::before {
    --size: calc(100% + 1rem);
    width: var(--size);
    height: var(--size);
    box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
    opacity: 0;
  }
}

/* Animate */
.shiny-cta {
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent,
    --gradient-shine;

  &,
  &::before,
  &::after {
    animation: var(--animation) var(--duration),
      var(--animation) calc(var(--duration) / 0.4) reverse paused;
    animation-composition: add;
  }

  span::before {
    transition: opacity var(--transition);
    animation: calc(var(--duration) * 1.5) breathe linear infinite;
  }
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);

  &,
  &::before,
  &::after {
    animation-play-state: running;
  }

  span::before {
    opacity: 1;
  }
}

@keyframes gradient-angle {
  to {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  to {
    rotate: 360deg;
  }
}

@keyframes breathe {
  from,
  to {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
}

.capability-description {
    font-size: 16px;
        color: #fff;
    font-weight: 300;
    line-height: 28px;
    margin-top: 5px;
}

.capablity-inner-content ul{
    color: #fff;
    padding-left: 0px;
    margin-top: 10px;
    list-style: none;
}

.capablity-inner-content ul li{
    font-size: 16px;
    font-weight: 300;
}

.smooth-scroll{
   scroll-behavior: smooth;
   overflow: auto; 
}






.hero-title-container,
.hero-background,
.start-hero-bg{
  position: fixed !important;
  opacity: 1;
  transition: opacity 400ms ease; /* adjust duration/timing as needed */
  will-change: opacity;
}

/* target state: fade out to 0 */
.hero-title-container.op-z-on-scl,
.hero-background.op-z-on-scl,
.start-hero-bg.op-z-on-scl{
  opacity: 0;
  pointer-events: none; /* optional: ignore pointer when invisible */
}






header.top-header{
    position: fixed;
    width: 100%;
    top: 30px;
    z-index: 99;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent dark background */
    box-shadow: 0 2px 17px rgb(0 0 0 / 30%);
        backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(24px); /* For Safari support */
    width: 100%;
    max-width: 1530px;
    margin: 0 auto;
    border-radius: 50px;
    border: 1px solid #ffffff17;
}

.navbar-logo  {
        width: 185px;
}

/* Logo Styling */
.navbar-logo a {
    color: #ffaa00; /* Yellow-orange color for logo */
    font-size: 24px;
    text-decoration: none;
    font-weight: bold;
}

/* Navigation Links List */
.navbar-links {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.navbar-links li {
    margin: 0 25px;
}


.navbar .cta-button-wrapper{
    width: 188px;
    margin: 0px 0 0px;
}

.navbar .cta-button{
    padding: 11px 19px;
}

.navbar .cta-button .cta-button-text{
    font-size: 14px;
}

.navbar .cta-button .cta-button-text svg{
    width: 18px;
    height: 18px;
}

/* Link Styling */
.navbar-links a {
    color: #fff;
    text-decoration: none;
    padding-bottom: 5px;
    transition: color 0.3s, border-bottom 0.3s;
        font-size: 14px;
}

/* Active Link Styling (mimics the underline from the image) */
.navbar-links li.active a,
.navbar-links a:hover {
    color: #ffaa00;
    border-bottom: 2px solid #ffaa00;
}

/* CTA Button Styling */
.navbar-cta-button {
    background-color: #333;
    color: #ffaa00;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    /* Optional: Add a gradient effect similar to the image */
    background: linear-gradient(90deg, #333, rgba(255, 170, 0, 0.3));
    border: 1px solid #ffaa00;
    transition: background 0.3s;
}

.navbar-cta-button:hover {
    background: linear-gradient(90deg, #444, rgba(255, 170, 0, 0.5));
}

/* Hamburger Icon (Hidden on Desktop) */
.hamburger {
    display: none;
    background: none;
    border: none;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.m-responsive-btn{
    display: none !important;   
}


/* --- Responsive Mobile Styles (Media Query) --- */
@media (max-width: 768px) {

    .d-responsive-btn{
        display: none !important;       
    }

    .m-responsive-btn{
        display: block !important;   
    }
    /* Show the hamburger icon */
    .hamburger {
        display: block;
            font-size: 22px;
    }

    /* Hide the main link list by default */
    .navbar-links {
        display: none;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 60px; /* Adjust based on navbar height */
        left: 0;
        background-color: #2a2a2a; /* Slightly lighter background for the menu */
        z-index: 10;
        padding: 10px 0;
        border-top: 1px solid #333;
    }

    /* Show the menu when the 'active' class is toggled by JS */
    .navbar-links.active {
        display: flex;
    }

    .navbar-links li {
        text-align: center;
        margin: 0;
    }

    .navbar-links a {
        display: block;
        padding: 10px 20px;
        width: 100%;
        border-bottom: 1px solid #333; /* Separator lines */
    }

    /* Move CTA button to the links list or adjust its position */
    .navbar-cta-button {
        display: none; /* Can be hidden or moved into the mobile menu */
    }

    /* Adjust navbar to ensure logo and hamburger are on the same line */
    .navbar {
        justify-content: space-between;
    }

    header.top-header{
        padding: 0 14px;
    }

    .navbar-logo {
       width: 140px;
    }
}





#thmembutton{
    position: fixed;
    bottom: 50px;
    z-index: 9999;
    left: 50px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 80px;
    overflow: hidden;
    border: none;
}

#thmembutton .night {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background-color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

#thmembutton .night svg {
    fill: #000;
    width: 100%;
    height: 100%;
}

#thmembutton .moon {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background-color: #000;
    display: none;
    width: 100%;
    height: 100%;
    border: none;
}

#thmembutton .moon svg {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    fill: #f0f0f0;
}

body.v-light #thmembutton .moon{
     display: block;
}

body.v-light #thmembutton .night {
    display: none;
}

body.v-light{
    background-color: #fff !important;
}

.v-light nav ul li a{
    /* filter: invert(1); */
}

.v-light .main-heading span,
.v-light .section-subtitle,
.v-light h3 span,
.v-light p{
    color: #000000 !important;
}

.v-light .bottom-blur-layer{
    mask: linear-gradient(180deg, #0b0c1000 0%, #ffffff 69.68961148648648%) add;
}

.v-light a.shiny-cta{
    background: #000000fa;
}

.v-light .not-just-text,
.v-light .section-title,
.v-light .why-partner-title,
.v-light .industries-title,
.v-light .business-text-container p{
    background: linear-gradient(180deg, #000000 50%, #4E4E4E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.v-light .consultation-title{
    background: linear-gradient(180deg, #000000 50%, #E99B1B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.v-light .consultation-background{
    background: linear-gradient(to bottom, #f3f3f3 0%, #efefef 100%);
}
.light-versionimg{
     display: none;
}
.v-light .hide-on-light-version{
     display: none;
}
.v-light .light-versionimg{
     display: block;
}

.v-light .large-title,
.v-light .workspace-title{
    opacity: 2%;
    color: #000 !important;
}

.v-light .ai-text{
   color: #fff !important;
    text-shadow: unset;
    background: linear-gradient(358deg, #f1c844 58%, #e4951f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.v-light .what-we-build-section{
   background-image: url('launch-images/build-bg-light.png');
}

.v-light .capability-content:hover h3,
.v-light .capability-content:hover p,
.v-light .step-card:hover h3,
.v-light .step-card:hover p,
.v-light .client-type-card:hover h3,
.v-light .client-type-card:hover p,
.v-light .capability-content:hover ul,
.v-light footer p{
   color: #fff !important;
}

.v-light .client-type-content,
.v-light .benefit-content{
    background: #0000000d;
}

.v-light .client-divider,
.v-light .benefit-divider{
    border-left: 1px solid rgb(0 0 0 / 10%);
}

.v-light .stats-divider, 
.v-light .divider-line{
    border-color: #00000014;
}

.v-light .client-type-title,
.v-light .healthcare-title,
.v-light .industry-title,
.v-light .finance-title,
.v-light .construction-title,
.v-light .stat-item span,
.v-light .step-title,
.v-light .capability-title,
.v-light .capablity-inner-content ul,
.v-light .comparison-header,
.v-light .comparison,
.v-light .highlight{
   color: #000;
}

.v-light .highlight{
    background: linear-gradient(180deg, #18161400, #ddcab0);
}

.v-light .stat-item img{
    filter: invert(1);
}

.v-light .capability-card{
    background: #1818180a;
}

.v-light .industries-background .industries-grid{
        opacity: 17%;
}

.v-light .comparison{
    background: #00000008;
}




.ai-workspace-page nav ul li{
    position: relative !important;
}

.page-container {
    padding: 0 1px;
}

body:has(.footer:is(:in-view)) .bottom-blur-layer {
  display: none !important;
}

.bottom-blur-layer{
    -webkit-backdrop-filter: blur(4px);
    -webkit-mask: linear-gradient(180deg, #0b0c1000 0%, #0B0C10 69.68961148648648%) add;
    backdrop-filter: blur(4px);
    bottom: 0;
    flex: none;
    height: 180px !important;
    left: calc(50.00000000000002% - 100% / 2);
    mask: linear-gradient(180deg, #0b0c1000 0%, #0B0C10 69.68961148648648%) add;
    overflow: hidden;
    position: fixed;
    width: 100vw;
    z-index: 9999;
}

.ai-page {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: stretch;
}

@media (max-width: 991px) {
    .ai-page {
        max-width: 100%;
        padding-top: 0px;
    }
}

.main-content {
}

@media (max-width: 991px) {
    .main-content {
        max-width: 100%;
    }
}

.hero-section {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 327px;
    width: 100%;
    padding-bottom: 137px;
    align-items: stretch;
    padding-top: 417px;
}

@media (max-width: 991px) {
    .hero-section {
        max-width: 100%;
        padding-bottom: 100px;
    }
}

.hero-background {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    top: 287px;
}

.hero-content {
    position: relative;
    z-index: 10;
    display: flex;
    margin-top: -110px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991px) {
    .hero-content {
        max-width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 600px) {
    .hero-content {
       margin-top: -200px;
    }
}

.top-round-grd{
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    width: 840px;
    margin: 0 auto;
}

.hero-logo-bg-gd{
    position: absolute;
    z-index: -9;
}

.hero-title-container {
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
    top: 234px;
}

.title-row {
    gap: 20px;
    display: flex;
    justify-content: center;
}

@media (max-width: 991px) {
    .title-row {
        gap: 10px;
    }
}

.title-column-left {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    line-height: normal;
    margin-left: 0px;
}

@media (max-width: 991px) {
    .title-column-left {

    }
}

.not-just-text {
    font: 500 102px/1.2 Karla, -apple-system, Roboto, Helvetica, sans-serif;
    background: linear-gradient(180deg, #ffffff 50%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.not-just-text.bold{
    font-weight: 700;
    width: max-content;
}

@media (max-width: 991px) {
    .not-just-text {
        margin-top: 36px;
        font-size: 40px;
    }
}

.title-column-right {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    line-height: normal;
    margin-left: 20px;
}

@media (max-width: 991px) {
    .title-column-right {
       margin-left: 0px;
    }
}

.ai-text {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 24px rgba(233, 155, 27, 0.85);
    text-transform: uppercase;
    font: 500 102px/1.2 Karla, -apple-system, Roboto, Helvetica, sans-serif;
}

.ai-text.bold{
    font-weight: 600;
}

@media (max-width: 991px) {
    .ai-text {
        margin-top: 36px;
        font-size: 40px;
    }
}

.hero-logo {
    aspect-ratio: 1.05;
    object-fit: contain;
    object-position: center;
    width: 1242px;
    max-width: 100%;
    z-index: 9;
    animation: floatY 6s ease-in-out infinite;
    margin-top: -8px;
}

@keyframes floatY {
  0%, 100% {
    transform: translateY(0);     /* original position */
  }
  50% {
    transform: translateY(-20px); /* move up */
  }
}

.start-hero-bg{
    position: absolute;
    top: 0;
    width: 100%;
}

.business-text-container {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    font: 500 40px/1 Karla, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: -393px;
        z-index: 9;
}

.large-title {
    position: relative;
    text-transform: uppercase;
    align-self: center;
    margin: -302px 0 -27px;
    font: 800 212px/1 Karla, -apple-system, Roboto, Helvetica, sans-serif;
    color: #fff;
    opacity: 1.5%;
}

.business-text-container p{
    font: 500 40px/1 Karla, -apple-system, Roboto, Helvetica, sans-serif;
    background: linear-gradient(180deg, #ffffff 50%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  
    padding-bottom: 6px;
}

@media (max-width: 600px) {
    .business-text-container p{
       font-size: 24px;
    }
}

@media (max-width: 991px) {
    .large-title {
        max-width: 100%;
        font-size: 40px;
        margin: -200px 0 10px;
    }
}

.hero-bottom {
    position: relative;
    display: flex;
    margin-top: 103px;
    padding-bottom: 237px;
    padding-top: 75px;
    flex-direction: column;
    align-items: center;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    color: rgba(255, 255, 255, 1);
    justify-content: start;
}

@media (max-width: 991px) {
    .hero-bottom {
        max-width: 100%;
        margin-top: 40px;
        padding: 80px 20px;
    }
}

.hero-bottom-stats-wrapper{
    display: flex;
    align-items: center;
    gap: 150px;
}

.hero-bottom-stats-wrapper .stats-block .main-heading,
.hero-bottom-stats-wrapper .stats-block .hero-description{
    width: auto;
}

.main-heading {
    font-size: 46px;
    font-weight: 500;
    line-height: 67px;
    letter-spacing: 1px;
    text-align: center;
    z-index: 0;
    width: 1000px;
}

@media (max-width: 991px) {
    .main-heading {
        max-width: 100%;
        font-size: 24px;
        line-height: 48px;
    }

    .main-heading span{
        font-size: 28px !important;
    }

    h3{
        font-size: 28px !important;
    }

    p{
    font-size: 14px !important;
    line-height: 30px !important;
    }

    h3.step-title{
            font-size: 20px !important;
    }

    p.step-description{
        line-height: 25px !important;
        margin-top: -4px;
    }
}

.hero-description {
    color: rgba(255, 254, 254, 1);
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    z-index: 0;
    margin-top: 30px;
    width: 1101px;
}

.hero-description-bt{
    text-align: center;
    font-size: 22px !important;
    margin-top: 57px;
    width: 740px;
    line-height: 35px !important;
}

@media (max-width: 991px) {
    .hero-description {
        max-width: 100%;
    }
}

.cta-button-container {
    border-radius: 999px;
    z-index: 0;
    display: flex;
    margin-top: 35px;
    width: 375px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
    font: 600 16px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

.cta-button-container-center-align{
    margin: 36px auto 0;
}

.cta-button-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 999px;
    position: relative;
    z-index: 10;
    aspect-ratio: 3.958;
    min-height: 54px;
    width: 100%;
    align-items: start;
    justify-content: start;
    margin: -11px 0 -6px;
}

@media (max-width: 991px) {
    .cta-button-wrapper {
        margin-right: -6px;
    }
}

.cta-button {
    position: relative;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, 0.18) ;
    display: flex;
    min-height: 54px;
    width: 100%;
    align-items: center;
    gap: 18px;
    justify-content: center;
    padding: 18px 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}

.cta-button img.btn-right-shine{
    position: absolute;
    top: -12px;
    right: -6px;
    width: 115%;
}

@media (max-width: 991px) {
    .cta-button {
        padding: 0 20px;
    }
}

.cta-button-text {
    align-self: stretch;
    margin: auto 0;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
}

.cta-button-text svg{
    width: 18px;
    height: 18px;
}

.hero-decoration {
    aspect-ratio: 3.06;
    object-fit: contain;
    object-position: center;
    width: 904px;
    align-self: start;
    position: absolute;
    z-index: -9;
    max-width: 100%;
    right: 0;
    bottom: 9px;
    height: 296px;
    left: 0;
    margin: 0 auto;
}

.why-section {
    z-index: 10;
    display: flex;
    width: 100%;
    padding-top: 60px;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

@media (max-width: 991px) {
    .why-section {
        max-width: 100%;
        padding: 70px 20px;
    }
}

.why-header {
    width: 733px;
    max-width: 100%;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    text-align: center;
}

.section-title {
    font-size: 54px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: 30px !important;
    background: linear-gradient(180deg, #ffffff 50%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {
    .section-title {
        max-width: 100%;
        font-size: 30px;
    }

    .client-type-title{
        font-size: 20px !important;
    }

    .healthcare-content h3,
    .recruitment-content h3,
    .finance-content h3,
    .construction-content h3{
        font-size: 24px !important;
    }

    .healthcare-content p.healthcare-description,
    .recruitment-content p.industry-description,
    .finance-content p.finance-description,
    .construction-content p.construction-description{
        margin-top: 6px;
    }

    .healthcare-button-container,
    .industry-button-container,
    .industry-button-container,
    .construction-button-container{
        width: 250px !important; 
    }
}

.section-subtitle {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 7px rgba(233, 155, 27, 0.95);
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 3px;
    margin-top: 19px;
}

@media (max-width: 991px) {
    .section-subtitle {
        max-width: 100%;
    }
}

.why-content {
    display: flex;
    margin-top: 83px;
    align-items: center;
    gap: 40px 54px;
    justify-content: start;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .why-content {
        max-width: 100%;
        margin-top: 40px;
    }
}

.why-image-container {
    border-radius: 0px 0px 0px 0px;
    align-self: stretch;
    min-width: 240px;
    padding-top: 22px;
    width: 719px;
    margin: auto 0;
}

@media (max-width: 991px) {
    .why-image-container {
        max-width: 100%;
    }
}

.why-image-card {
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px 0 0;
}

@media (max-width: 991px) {
    .why-image-card {
        max-width: 100%;
        padding: 0 0px;
    }
}

.why-image-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    align-items: start;
}

@media (max-width: 991px) {
    .why-image-wrapper {
        padding-top: 100px;
    }
}

.why-image-bottom {
    position: relative;
    border-radius: 0px 0px 24px 24px;
    display: flex;
    margin-right: -111px;
    flex-direction: column;
    align-items: center;
    padding: 191px 70px 0;
}

@media (max-width: 991px) {
    .why-image-bottom {
        max-width: 100%;
        padding: 100px 20px 0;
    }
}

.decorative-line {
    width: 143px;
    flex-shrink: 0;
    height: 1px;
}

.why-text-content {
    align-self: stretch;
    display: flex;
    min-width: 240px;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    width: 642px;
    margin: auto 0;
}

@media (max-width: 991px) {
    .why-text-content {
        max-width: 100%;
    }
}

.ai-everywhere-text {
    color: rgba(255, 254, 254, 1);
    font: 600 40px/2 Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    line-height: 57px;
}

@media (max-width: 991px) {
    .ai-everywhere-text {
        max-width: 100%;
    }
}


.spline-anim-1{
    position: absolute;
    z-index: 99;
    width: 100%;
}

.challenge-text {
    color: rgba(255, 254, 254, 1);
    margin-top: 0px;
    font: 300 24px/2 Poppins, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
    .challenge-text {
        max-width: 100%;
    }
}

.tools-description {
    color: rgba(255, 254, 254, 1);
    margin-top: 19px;
    font: 300 18px/31px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
}

.tools-description strong{
    font-weight: 600;
}

@media (max-width: 991px) {
    .tools-description {
        max-width: 100%;
    }
}

.divider-line {
    min-height: 1px;
    margin-top: 19px;
    max-width: 100%;
    width: 631px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.tools-logos {
    align-self: start;
    display: flex;
    margin-top: 19px;
    align-items: center;
    gap: 30px;
    justify-content: start;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .tools-logos {
        max-width: 100%;
    }
}

.tool-logo {
    object-fit: contain;
    object-position: center;
    align-self: stretch;
    flex-shrink: 0;
    margin: auto 0;
}

.tool-logo-1 {
    aspect-ratio: 5.49;
    width: 88px;
}

.tool-logo-2 {
    aspect-ratio: 2.33;
    width: 42px;
}

.tool-logo-3 {
    aspect-ratio: 4.74;
    width: 95px;
}

.tool-logo-4 {
    aspect-ratio: 7.09;
    width: 99px;
}

.tool-logo-5 {
    aspect-ratio: 3.46;
    width: 76px;
}


.points-list-wrap{
   margin-top: 17px;
   list-style: none;
   color: #fff;
}

.points-list-wrap li{
   margin-top: 5px;
}


.step-in-section {
    display: flex;
    margin-top: 225px;
    margin-bottom: 150px;
    width: 1455px;
    max-width: 100%;
    align-items: center;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    color: rgba(255, 254, 254, 1);
    justify-content: space-between;
}

@media (max-width: 991px) {
    .step-in-section {
        margin-top: 40px;
        flex-direction: column-reverse;
    }
}

.step-in-text {
    align-self: stretch;
    position: relative;
    min-width: 240px;
    width: 642px;
    margin: auto 0;
}

@media (max-width: 991px) {
    .step-in-text {
        max-width: 100%;
    }
}

.thats-text {
    font-size: 40px;
    font-weight: 500;
    line-height: 2;
    z-index: 0;
}

@media (max-width: 991px) {
    .thats-text {
        max-width: 100%;
    }
}

.team-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 31px;
    z-index: 0;
    margin-top: 12px;
}

@media (max-width: 991px) {
    .team-description {
        max-width: 100%;
    }
}

.stats-divider {
    z-index: 0;
    min-height: 1px;
    margin-top: 12px;
    max-width: 100%;
    width: 631px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.stats-divider-spacer{
    margin-bottom: 25px;
    margin-top: 20px;
}

.stat-item {
    z-index: 0;
    display: flex;
    margin-top: 12px;
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
}

@media (max-width: 991px) {
    .stat-item {
        padding: 0 0px;
    }
}

.stat-number {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7;
}

.stat-description {
    font-size: 16px;
    font-weight: 275;
    line-height: 31px;
    flex-grow: 1;
    flex-shrink: 1;
    margin: auto 0;
}

.sec-cta-wrapper{
    width: 280px;
    margin-top: 40px;
}

.sec-cta-wrapper .cta-button .cta-button-text svg{
    width: 18px;
    height: 18px;
}

.sec-cta-wrapper .cta-button .cta-button-text{
    font-size: 14px;
}

.where-we-step-text {
    font-size: 24px;
    font-weight: 300;
    line-height: 2;
}

.why-image-wrapper .img-frnt{
    position: relative;
    z-index: 9;
    max-width: 105%;
    margin-left: -5%;
}

.why-image-wrapper .img-frnt.right_s{
    margin-left: 0%;
    margin-right: -5%;
}

.why-image-wrapper .img-back-gd{
    position: absolute;
    /* width: 1040px; */
    min-width: 950px;
    height: unset;
    left: -170px;
    top: -170px;
    animation: floatxy 3s ease-in-out infinite;
}
@keyframes floatxy {
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(0px, 60px); }
  50%  { transform: translate(-60, 0px); }
  75%  { transform: translate( 0px, -60px); }
  100% { transform: translate(0, 0); }
}

.why-image-wrapper .img-back-gd.flip-horizontal{
   transform: scaleX(-1);
}

.step-in-image {
    aspect-ratio: 1.36;
    object-fit: contain;
    object-position: center;
    width: 662px;
    border-radius: 0px 0px 0px 0px;
    align-self: stretch;
    min-width: 240px;
    margin: auto 0;
}

@media (max-width: 991px) {
    .step-in-image {
        max-width: 100%;
    }

    .why-image-wrapper .img-frnt.right_s{
        margin-left: -5%;
        margin-right: 0;
    }
}

.decorative-lines {
    align-self: center;
    display: flex;
    margin-top: -713px;
    width: 835px;
    max-width: 100%;
    flex-direction: column;
}

@media (max-width: 991px) {
    .decorative-lines {
        margin-top: -200px;
    }
}

.decorative-line-top {
    width: 143px;
    flex-shrink: 0;
    height: 1px;
}

.decorative-line-bottom {
    align-self: end;
    margin-top: 577px;
    width: 143px;
    flex-shrink: 0;
    height: 1px;
}

@media (max-width: 991px) {
    .decorative-line-bottom {
        margin-top: 40px;
    }
}

.workspace-section {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media (max-width: 991px) {
    .workspace-section {
        max-width: 100%;
        margin-top: 40px;
    }
}

.workspace-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    font: 800 112px/1 Karla, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: -80px;
}

@media (max-width: 991px) {
    .workspace-header {
        max-width: 100%;
        font-size: 40px;
    }
}

.workspace-title-container {
   position: relative;
    width: 100%;
    text-align: center;
}

@media (max-width: 991px) {
    .workspace-title-container {
        font-size: 40px;
    }
}

.workspace-logo {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 580px;
    align-self: center;
    z-index: 0;
    max-width: 100%;
    animation: spin 40s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.workspace-title {
    position: absolute;
    z-index: -99;
    left: 0px;
    top: 357px;
    font-size: 5.6vw;
    text-align: center;
    opacity: 2.5%;
        right: 0;
}

@media (max-width: 991px) {
    .workspace-title {
        max-width: 100%;
        font-size: 40px;
    }
}

.approach-section {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    justify-content: center;
}

@media (max-width: 991px) {
    .approach-section {
        max-width: 100%;
        padding: 80px 20px;
    }
}

.approach-header {
    align-self: center;
    max-width: 100%;
    text-align: center;
}

.approach-subtitle {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 7px rgba(233, 155, 27, 0.95);
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 3px;
    margin-top: 18px;
}

@media (max-width: 991px) {
    .approach-subtitle {
        max-width: 100%;
    }
}

.approach-steps {
    display: flex;
    margin-top: 82px;
    width: 100%;
    align-items: center;
    gap: 30px 77px;
    color: rgba(255, 254, 254, 1);
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .approach-steps {
        max-width: 100%;
        margin-top: 40px;
    }
}

.approach-steps .approach-steps-line{
   display: flex;
   justify-self: center;
   gap: 77px
}

@media (max-width: 600px) {
    .approach-steps .approach-steps-line{
        flex-direction: column;
            gap: 30px;   
    }
    .approach-steps {
      flex-direction: column;
    }
    .step-text{
       padding: 22px 0;
    }

    .capability-title {
       font-size: 20px !important;
    }

    .stat-description{
        font-size: 15px;
    }

    .stat-number {
        font-size: 22px;
    }
}

.approach-steps-line1{
   margin-left: -40px;
}

.approach-steps-line2{
   margin-right: -40px;
}

@media (max-width: 600px) {
.approach-steps-line1{
   margin-left: 0px;
}

.approach-steps-line2{
   margin-right: 0px;

}
}

.step-card {
    border-radius: 24px;
    align-self: stretch;
    min-width: 240px;
    margin: auto 0;
    cursor: pointer;
}

.step-card:hover {
    background-image: url('launch-images/aproach-cards-bg-hover.png');
    background-size: cover;
}

.step-card-discover {
    text-align: right;
    flex-grow: 1;
    flex-shrink: 1;
    width: 600px;
    padding: 0px;
}

@media (max-width: 991px) {
    .step-card-discover {
        max-width: 100%;
                width: 100%;
    }
}

.step-card-design {
    flex-grow: 1;
    flex-shrink: 1;
    width: 533px;
    padding: 0 2px;
}

@media (max-width: 991px) {
    .step-card-design {
        max-width: 100%;
    }
}

.step-card-validate {
    display: flex;
    align-items: center;
    gap: 37px;
    text-align: right;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 1;
    width: 490px;
    padding: 24px 0 38px;
}

@media (max-width: 991px) {
    .step-card-validate {
        max-width: 100%;
    }
}

.step-card-scale {
    flex-grow: 1;
    flex-shrink: 1;
    width: 467px;
}

@media (max-width: 991px) {
    .step-card-scale {
        max-width: 100%;
    }
}

.step-content {
    border-radius: 24px;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    padding: 31px 27px;
}

@media (max-width: 991px) {
    .step-content {
        padding: 0 20px;
    }
}

.step-content .consultation-line{
    width: 1px;
    height: 75px;
    background: linear-gradient(to bottom, rgba(233, 154, 27, 0) 0%, /* solid orange */ rgba(233, 155, 27, 1) 52%, /* still solid orange */ rgba(233, 154, 27, 0) 100% /* fade to transparent */);
}

.step-content-left{
  padding-right: 0;  
  background: linear-gradient( 90deg, #31344200 0%,  #3134422a 100% );
}

.step-content-right{
  padding-left: 0;
  background: linear-gradient( 90deg, #3134422a 0%,  #31344200 100% );
}

.step-text {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.step-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 41px;
    align-self: end;
}

.step-description {
    font-size: 18px;
    font-weight: 200;
    line-height: 31px;
    margin-top: 7px;
}

.step-text.step-text-right .step-title,
.step-text.step-text-right .step-description{
    align-self: start;
    text-align: left;
}


.step-icon {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 68px;
    border-radius: 46px;
    box-shadow: 0px -15px 30px rgba(228, 149, 32, 0.3);
    align-self: stretch;
    flex-shrink: 0;
    margin: auto 0;
}

.step-spacer {
    align-self: stretch;
    width: -26px;
    flex-shrink: 0;
    height: 75px;
    margin: auto 0;
}

.design-step-container {
    display: flex;
    flex-direction: column;
    border-radius: 27px;
    position: relative;
    min-height: 172px;
}

@media (max-width: 991px) {
    .design-step-container {
        max-width: 100%;
    }
}

.design-step-content {
    position: relative;
    border-radius: 24px;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    width: 100%;
}

@media (max-width: 991px) {
    .design-step-content {
        max-width: 100%;
    }
}

.design-step-inner {
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    position: relative;
    min-height: 172px;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 31px 0;
}

.design-step-spacer {
    position: relative;
    align-self: stretch;
    width: 1px;
    flex-shrink: 0;
    height: 75px;
    margin: auto 0;
}

.design-step-text {
    position: relative;
    align-self: stretch;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media (max-width: 991px) {
    .design-step-text {
        max-width: 100%;
        margin-right: -3px;
    }
}

.design-step-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 41px;
    align-self: start;
}

.design-step-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 31px;
    margin-top: 7px;
}

@media (max-width: 991px) {
    .design-step-description {
        max-width: 100%;
    }
}

.validate-step-text {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media (max-width: 991px) {
    .validate-step-text {
        max-width: 100%;
    }
}

.validate-step-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 41px;
    align-self: end;
}

.validate-step-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 31px;
    margin-top: 7px;
}

@media (max-width: 991px) {
    .validate-step-description {
        max-width: 100%;
    }
}

.validate-step-spacer {
    align-self: stretch;
    width: 1px;
    flex-shrink: 0;
    height: 75px;
    margin: auto 0;
}

.scale-step-content {
    border-radius: 24px;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: stretch;
    gap: 20px;
    justify-content: space-between;
    padding: 19px 0 43px;
}

.scale-step-spacer {
    align-self: end;
    margin-top: 30px;
    width: 1px;
    flex-shrink: 0;
    height: 80px;
}

.scale-step-text {
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media (max-width: 991px) {
    .scale-step-text {
        max-width: 100%;
        margin-right: -10px;
    }
}

.scale-step-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 41px;
    align-self: start;
}

.scale-step-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 31px;
    margin-top: 7px;
}

@media (max-width: 991px) {
    .scale-step-description {
        max-width: 100%;
    }
}

.what-we-build-section {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    justify-content: center;
    padding: 200px 0;
    background-image: url('launch-images/build-bg.png');
    background-size: contain;
}

@media (max-width: 991px) {
    .what-we-build-section {
        max-width: 100%;
        padding: 134px 0;
    }
}

.what-we-build-slider {
    width: 80%;
    margin: 0 auto;
}

.what-we-build-slider .next-container{
    right: 0;
}

.what-we-build-slider .swiper-container{
    padding-bottom: 40px;
}

.what-we-build-background {
    aspect-ratio: 1.56;
    object-fit: contain;
    object-position: center;
    width: 1921px;
    position: absolute;
    z-index: 0;
    max-width: 100%;
    right: 0px;
    bottom: 0px;
    height: 1230px;
}

.what-we-build-header {
    align-self: center;
    z-index: 0;
    width: 774px;
    max-width: 100%;
    text-align: center;
    margin-bottom: 65px;
}

.what-we-build-subtitle {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 7px rgba(233, 155, 27, 0.95);
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 3px;
    margin-top: 19px;
}

@media (max-width: 991px) {
    .what-we-build-subtitle {
        max-width: 100%;
    }

    .what-we-build-header{
        width: 100%;
        padding: 0 20px;
        margin-bottom: 20px;
    }
}

.capabilities-grid {
    z-index: 0;
    display: flex;
    margin-top: 42px;
    width: 100%;
    align-items: start;
    gap: 42px 66px;
    color: rgba(255, 254, 254, 1);
    justify-content: start;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .capabilities-grid {
        max-width: 100%;
        margin-top: 40px;
    }
}

.capabilities-grid{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.capabilities-grid-track{
  display: flex;
  gap: 66px;
  width: calc(200%); 
  animation: scroll 20s linear infinite;
  align-items: stretch;
}

.capabilities-grid-track .capability-card,
.capabilities-grid-track2 .capability-card{
  min-width: 646px;
}

@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* moves half (since duplicated) */
}

.capabilities-grid-track2{
  display: flex;
  gap: 66px;
  width: calc(200%); 
  animation: scrolll 20s linear infinite;
  align-items: stretch;    
}

@keyframes scrolll {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); } /* moves half (since duplicated) */
}

@media (max-width: 991px) {
    .capabilities-grid-track .capability-card,
    .capabilities-grid-track2 .capability-card{
    min-width: 300px;
    }
}


.capabilities-grid:hover .capabilities-grid-track,
.capabilities-grid:hover .capabilities-grid-track2 {
  animation-play-state: paused;
}

.capability-card {
    border-radius: 24px;
    background: #1818181f;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
}

.capability-card-small {
    flex-grow: 1;
    flex-shrink: 1;
    width: 379px;
}

@media (max-width: 991px) {
    .capability-card-small {
        max-width: 100%;
    }
}

.capability-card-large {
    flex-grow: 1;
    flex-shrink: 1;
    width: 589px;
}

@media (max-width: 991px) {
    .capability-card-large {
        max-width: 100%;
    }
}

.capability-content {
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    padding: 0px;
    box-shadow: inset 0 0px 74px rgb(255 255 255 / 8%);
    height: 100%;
    gap: 15px;
    position: relative;
    justify-content: end;
    overflow: hidden;
}

.capability-content:hover{
    background: linear-gradient(36deg,rgba(0, 0, 0, 0.6) 0%,rgba(90, 106, 179, 0.6) 100%);
}

.capability-content img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    position: absolute;
    left: 0;
    top: 0px;
}

.capablity-inner-content{
    padding: 213px 28px 40px;
    z-index: 9;
    background: linear-gradient(355deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0.925) 50%, rgb(0 0 0 / 0%) 100%);
        height: 100%;
}

.capability-content-large {
    padding: 59px 51px;
}

.capability-content-medium {
    padding: 56px 0 56px 51px;
}

.capability-content-alt {
    padding: 56px 80px 56px 0;
}

@media (max-width: 991px) {
    .capability-content {
        max-width: 100%;
        padding: 16px 16px 40px;
        flex-direction: column;
    }

    .capability-content-large {
        padding: 0 20px;
    }

    .capability-content-medium {
        padding-left: 20px;
    }

    .capability-content-alt {
        padding-right: 20px;
    }

    .capability-content img{
        width: 100%;
        height: 120px;
        border-radius: 20px 20px 0 0;
    }

    .capablity-inner-content{
        padding: 0;
    }
}

.capability-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 41px;
}

.capability-title-large {
    align-self: start;
}

@media (max-width: 991px) {
    .capability-title-large {
        max-width: 100%;
    }
}

.capability-description {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 5px;
}

.capability-description-large {
    margin-top: 13px;
}

.capability-description-medium {
    margin-top: 19px;
}

.capability-description-alt {
    margin-top: 18px;
}

@media (max-width: 1780px) {
    .what-we-build-slider {
        width: 90%;
    }
}

@media (max-width: 1580px) {
    .what-we-build-slider {
        width: 90%;
    }

    .capability-title{
        height: 68px;
        line-height: 33px;
    }
}

@media (max-width: 1300px) {
    .capability-description {

    }
}

@media (max-width: 991px) {
    .capability-description {
        max-width: 100%;
        height: unset;
    }

    .capability-title{
        height: unset;
    }

    .what-we-build-slider {
        width: 90%;
    }
}


.who-we-work-section {
    z-index: 10;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0 0;
}

@media (max-width: 991px) {
    .who-we-work-section {
        max-width: 100%;
        padding: 100px 20px 0;
    }
}

.who-we-work-header {
    width: 879px;
    max-width: 100%;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

.who-we-work-subtitle {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 7px rgba(233, 155, 27, 0.95);
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 3px;
    margin-top: 18px;
}

@media (max-width: 991px) {
    .who-we-work-subtitle {
        max-width: 100%;
    }
}

.client-types {
    display: flex;
    margin-top: 78px;
    width: 100%;
    max-width: 100%;
    align-items: stretch;
    gap: 30px;
    justify-content: center;
    padding: 0 45px;
}

@media (max-width: 991px) {
    .client-types {
        margin-top: 70px;
        padding: 0;
        flex-direction: column;
    }
}

.client-type-card {
    align-self: stretch;
    border-radius: 24px;
    width: 26%;
    position: relative;
    overflow: visible;
    border: 1px solid rgba(255,255,255,0.08);
    transition: transform .35s cubic-bezier(.25,1,.5,1), box-shadow .35s ease, background .35s ease;
}

.client-type-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 60px rgba(0,0,0,.35);
}

/* subtle lift */
.client-type-card::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        transparent 20%,
        rgba(233, 155, 27, 0) 40%,
        rgba(233, 155, 27, 0.6) 50%,
        rgba(233, 155, 27, 1) 55%,
        rgba(233, 155, 27, 0.6) 60%,
        rgba(233, 155, 27, 0) 70%,
        transparent 80%,
        transparent 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    transform: translateX(-100%);
    transition: transform .6s cubic-bezier(.25,1,.5,1);
    pointer-events: none;
}

.client-type-card:hover::before{ transform: translateX(100%); }

/* inner glow on hover */
.client-type-card::after{
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(233,155,27,.08), rgba(233,155,27,.04) 50%, rgba(233,155,27,.08));
    opacity: 0;
    transition: opacity .35s ease;
    z-index: 0;
}

.client-type-card:hover::after{ opacity: .9; }

/* keep inner content above glow */
.client-type-card > .client-type-content{ position: relative; z-index: 1; overflow: visible; }

/* Light theme tweaks */
.v-light .client-type-card{ border-color: rgba(0,0,0,0.08); }
.v-light .client-type-card::after{ background: linear-gradient(135deg, rgba(212,163,60,.08), rgba(212,163,60,.04) 50%, rgba(212,163,60,.08)); }
.v-light .client-type-card::before{ background: linear-gradient(90deg, transparent 0%, transparent 20%, rgba(212,163,60,0) 40%, rgba(212,163,60,.5) 50%, rgba(212,163,60,1) 55%, rgba(212,163,60,.5) 60%, rgba(212,163,60,0) 70%, transparent 80%, transparent 100%); }

.client-type-content {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 0 22px 44px;
    border-radius: 24px;
    box-shadow: inset 0 0px 74px rgb(255 255 255 / 8%);
    height: 100%;
}

.client-type-content .consultation-line{
    width: 116px;
    margin: 0 auto;
}

.client-type-content .icon-boxes-top{
    box-shadow: 0px -15px 30px rgba(228, 149, 32, 0.3);
    border-radius: 50%;
    width: 72px;
    margin-top: -20px;
}

.client-type-content-alt {
    background-color: rgba(24, 24, 24, 0.2);
    padding: 0 1px;
}

.client-type-content-enterprise {
    background-color: rgba(11, 11, 11, 0.8);
}

@media (max-width: 991px) {
    .client-type-content {
        max-width: 100%;
        padding: 0 20px 40px;
    }
}

.client-type-icon-container {
    z-index: 10;
    display: flex;
    margin-top: -15px;
    width: 116px;
    max-width: 100%;
    align-items: stretch;
}

.client-type-icon-container-alt {
    align-items: end;
    width: 117px;
}

@media (max-width: 991px) {
    .client-type-icon-container {
        padding-right: 20px;
    }
}

.client-type-spacer {
    align-self: end;
    flex-shrink: 0;
    height: 1px;
    margin: 15px -92px 0 0;
}

.client-type-spacer-alt {
    margin: 15px -115px 0 0;
}

.client-type-spacer-alt2 {
    margin: 15px -95px 0 0;
}

.client-type-icon {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 68px;
    border-radius: 46px;
    box-shadow: 0px -15px 30px rgba(228, 149, 32, 0.3);
    flex-shrink: 0;
}

.client-type-icon-alt {
    align-self: stretch;
}

.client-type-title {
    color: rgba(255, 254, 254, 1);
    text-align: center;
    margin-top: 18px;
    font: 500 24px/41px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
}

.client-type-title-alt {
    margin: 18px 12px 0;
}

@media (max-width: 991px) {
    .client-type-title-alt {
        margin: 0 10px;
    }
}

.client-type-description {
    color: rgba(255, 254, 254, 1);
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    text-align: center;
    align-self: stretch;
    margin-top: 6px;
    font-family: "Poppins", sans-serif;
}

.client-type-description-alt {
    margin-top: 6px;
}

.client-divider {
    align-self: stretch;
    width: 0px;
    height: 130px;
    margin: auto 0;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

@media (max-width: 991px) {
    .growing-business-content {
        max-width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 600px) {
   .client-divider {
    align-self: stretch;
    width: 60%;
    height: 1px;
    margin: 16px auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   }
}


.growing-business-content {
    border-radius: 24px;
    background-color: rgba(24, 24, 24, 0.2);
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    padding: 0 43px 44px;
}

@media (max-width: 991px) {
    .growing-business-content {
        max-width: 100%;
        padding: 0 20px;
    }
}

.enterprise-card {
    border-radius: 0px 0px 0px 0px;
    align-self: stretch;
    min-width: 240px;
    padding-top: 15px;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    color: rgba(255, 254, 254, 1);
    flex-grow: 1;
    flex-shrink: 1;
    width: 426px;
    margin: auto 0;
}

@media (max-width: 991px) {
    .enterprise-card {
        max-width: 100%;
    }
}

.enterprise-content {
    border-radius: 24px;
    background-color: rgba(11, 11, 11, 0.8);
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 43px 41px;
}

@media (max-width: 991px) {
    .enterprise-content {
        max-width: 100%;
        padding: 0 20px;
    }
}

.enterprise-icon {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 68px;
    border-radius: 46px;
    box-shadow: 0px -15px 30px rgba(228, 149, 32, 0.3);
    z-index: 10;
    margin-top: -15px;
}

.enterprise-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 41px;
    text-align: right;
    margin-top: 18px;
}

.enterprise-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    text-align: center;
    align-self: stretch;
    margin-top: 6px;
}

.floating-card {
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    align-self: end;
    position: relative;
    min-height: 221px;
    width: 426px;
    max-width: 100%;
    align-items: center;
    margin: -342px 263px 0 0;
    padding: 0 80px 220px;
}

@media (max-width: 991px) {
    .floating-card {
        margin: -200px 10px 0 0;
        padding: 0 20px 100px;
    }
}

.floating-card-content {
    position: relative;
    margin-bottom: -44px;
    width: 116px;
    max-width: 100%;
}

@media (max-width: 991px) {
    .floating-card-content {
        margin-bottom: 10px;
    }
}

.floating-card-line1 {
    flex-shrink: 0;
    height: 1px;
}

.floating-card-line2 {
    z-index: 10;
    flex-shrink: 0;
    height: 1px;
}

.industries-section {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: visible !important;
    align-items: center;
    justify-content: start;
    height: 3300px;
    padding-top: 300px;
    padding-bottom: 200px;
}

@media (max-width: 991px) {
    .industries-section {
        max-width: 100%;
        margin: 0px 0px 0 0;
        height: unset;
        padding: 140px 20px 100px;
    }
}

.industries-section .step-icon{
    margin: 0 auto 10px;
}

.industries-background {
    border-radius: 0px 0px 0px 0px;
    z-index: -9999;
    display: flex;
    width: 100%;
    max-width: 1920px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
    position: fixed;
    top: 0;
    height: 100%;
    opacity: 0;
}

@media (max-width: 991px) {
    .industries-background {
        max-width: 100%;
        padding: 100px 20px;
        display: none;
    }
}

.industries-grid {
    display: flex;
    margin-bottom: -56px;
    width: 100%;
    align-items: stretch;
    gap: 207px;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .industries-grid {
        max-width: 100%;
        margin-bottom: 10px;
    }
}

.industries-grid-left {

}

.industries-grid-left img{
    transform: scaleX(-1) !important;
}

.industry-card {
    border-radius: 24px;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    display: flex;
    width: 487px;
    flex-shrink: 0;
    max-width: 100%;
    height: 379px;
}

.industry-spacer {
    width: 1px;
    flex-shrink: 0;
    height: 143px;
    margin: auto 0;
}

.industry-card-right {
}

@media (max-width: 991px) {
    .industry-card-right {

    }
}

.industry-spacer-right {
    width: 1px;
    flex-shrink: 0;
    height: 143px;
}

.recruitment-content {
    z-index: 0;
    display: flex;
    margin-top: 230px;
    width: 692px;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
    color: rgba(255, 254, 254, 1);
    justify-content: start;
    font: 300 17px/29px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {

}

.industry-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 68px;
    text-align: center;
}

@media (max-width: 991px) {
    .industry-title {
        max-width: 100%;
    }
}

.industry-description {
    text-align: center;
    margin-top: 19px;
}

.industry-description-alt {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

@media (max-width: 991px) {
    .industry-description {
        max-width: 100%;
    }
}

.industry-button-container {
    border-radius: 999px;
    align-self: center;
    display: flex;
    margin-top: 19px;
    width: 220px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
    color: rgba(255, 255, 255, 1);
    font: 600 16px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

.industry-button-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 999px;
    position: relative;
    z-index: 10;
    aspect-ratio: 3.437;
    min-height: 54px;
    width: 100%;
    align-items: start;
    justify-content: start;
    margin: -11px 0 -6px;
}

@media (max-width: 991px) {
    .industry-button-wrapper {
        margin-right: -6px;
    }
}

.industry-button {
    position: relative;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, 0.18);
    display: flex;
    min-height: 54px;
    width: 100%;
    align-items: center;
    gap: 18px;
    justify-content: center;
    padding: 18px 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

@media (max-width: 991px) {
    .industry-button {
        padding: 0 20px;
    }
}

.industry-button-text {
    align-self: stretch;
    margin: auto 0;
}

.finance-content {
    z-index: 0;
    display: flex;
    margin-top: 230px;
    width: 412px;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
    color: rgba(255, 254, 254, 1);
    justify-content: start;
    font: 300 17px/29px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
    .finance-content {

    }
}

.finance-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 68px;
    text-align: center;
}

.finance-description {
    text-align: center;
    margin-top: 10px;
}

.finance-description.des-alt{
    margin-bottom: 20px;
}

.construction-content {
    z-index: 0;
    display: flex;
    margin-top: 230px;
    width: 749px;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
    color: rgba(255, 254, 254, 1);
    justify-content: start;
    font: 300 17px/29px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
    .healthcare-content,
    .recruitment-content,
    .finance-content,
    .construction-content{
        margin-top: 140px !important;   
    }
}

.construction-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 68px;
    text-align: center;
}

@media (max-width: 991px) {
    .construction-title {
        max-width: 100%;
    }
}

.construction-description {
    text-align: center;
    margin-top: 18px;
}

.construction-description-alt {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.shiny-cta span img{
    margin-left: 4px;
}

@media (max-width: 991px) {
    .construction-description {
        max-width: 100%;
    }
}

.construction-button-container {
    border-radius: 999px;
    align-self: center;
    display: flex;
    margin-top: 18px;
    width: 220px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
    color: rgba(255, 255, 255, 1);
    font: 600 16px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

.construction-button-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 999px;
    position: relative;
    z-index: 10;
    aspect-ratio: 3.754;
    margin-top: -11px;
    min-height: 54px;
    width: 100%;
    align-items: start;
    justify-content: start;
}

@media (max-width: 991px) {
    .construction-button-wrapper {
        margin-right: -6px;
    }
}

.industries-header {
    align-self: center;
    z-index: 0;
    display: flex;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    text-align: center;
    justify-content: start;
}

.industries-title {
    font-size: 54px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
        background: linear-gradient(180deg, #ffffff 50%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {
    .industries-title {
        max-width: 100%;
        font-size: 30px;
    }
}

.industries-subtitle {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 7px rgba(233, 155, 27, 0.95);
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 3px;
    margin-top: 18px;
}

@media (max-width: 991px) {
    .industries-subtitle {
        max-width: 100%;
    }
}

.healthcare-content {
    align-self: center;
    z-index: 0;
    display: flex;
    width: 583px;
     margin-top: 230px;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    color: rgba(255, 254, 254, 1);
    justify-content: start;
    font: 300 17px/29px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
}

.healthcare-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 2;
    text-align: center;
}

@media (max-width: 991px) {
    .healthcare-title {
        max-width: 100%;
    }
}

.healthcare-description {
    margin-top: 18px;
    text-align: center;
}

@media (max-width: 991px) {
    .healthcare-description {
        max-width: 100%;
    }
}

.healthcare-compliance {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .healthcare-compliance {
        max-width: 100%;
    }
}

.healthcare-button-container {
    border-radius: 999px;
    align-self: center;
    display: flex;
    margin-top: 18px;
    width: 220px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
    color: rgba(255, 255, 255, 1);
    font: 600 16px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

.healthcare-button-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 999px;
    position: relative;
    z-index: 10;
    aspect-ratio: 3.437;
    min-height: 54px;
    width: 100%;
    align-items: start;
    justify-content: start;
    margin: -11px 0 -6px;
}

@media (max-width: 991px) {
    .healthcare-button-wrapper {
        margin-right: -6px;
    }
}

.section-divider {
    object-fit: contain;
    object-position: center;
    width: 100%;
}

@media (max-width: 991px) {
    .section-divider {
        max-width: 100%;
        margin-top: 40px;
    }
}

.why-partner-section {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    text-align: center;
    justify-content: center;
    padding: 140px 0 100px;
}

@media (max-width: 991px) {
    .why-partner-section {
        max-width: 100%;
        padding: 130px 20px;
    }
}

.why-partner-header {
    width: 1101px;
    max-width: 100%;
}

.why-partner-title {
    font-size: 54px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;
    background: linear-gradient(180deg, #ffffff 50%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {
    .why-partner-title {
        max-width: 100%;
        font-size: 30px;
    }
}

.why-partner-description {
    color: rgba(255, 254, 254, 1);
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    margin-top: 14px;
}

@media (max-width: 991px) {
    .why-partner-description {
        max-width: 100%;
    }
}

.why-partner-subtitle {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 7px rgba(233, 155, 27, 0.95);
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 4px;
    margin-top: 14px;
}

@media (max-width: 991px) {
    .why-partner-subtitle {
        max-width: 100%;
    }
}

.benefits-grid {
    display: flex;
    margin-top: 100px;
    width: 1530px;
    max-width: 100%;
    align-items: center;
    gap: 27px;
    font-size: 18px;
    color: rgba(255, 254, 254, 1);
    font-weight: 400;
    line-height: 31px;
    justify-content: start;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .benefits-grid {
        margin-top: 40px;
        flex-direction: column;
    }
}

.benefit-card {
    border-radius: 24px;
    align-self: stretch;
    width: 30%;
    margin: auto 0;
    position: relative;
    box-shadow: inset 0 0px 74px rgb(255 255 255 / 8%);
}

.benefit-card .consultation-line{
   width: 116px;
   margin: 0 auto;
}

.benefit-card-alt {
    width: 384px;
}

.benefits-grid .benefit-card:last-child .benefit-content{
   padding-bottom: 107px;
}

.benefit-content {
    border-radius: 24px;
    background-color: rgba(24, 24, 24, 0.2);
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 30px 39px 80px;
}

.benefit-content-alt {
    padding: 30px 38px 107px;
}

@media (max-width: 991px) {
    .benefit-content {
        padding: 0 20px;
    }
}

@media (max-width: 991px) {
    .benefit-card {
        width: 100%;
    }
}

.benefit-line {
    align-self: center;
    width: 116px;
    flex-shrink: 0;
    height: 1px;
}

.benefit-text {
    margin-top: 14px;
    width: 100%;
}

.benefit-text-alt {
    margin-top: 14px;
}

.benefit-text-full {
    margin-top: 14px;
}

@media (max-width: 991px) {
    .benefit-text {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 16px !important;
    }

    .benefit-text-alt {
        margin-top: 40px;
        margin-bottom: 65px;
        font-size: 16px !important;
    }

    .benefit-text-full {
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 16px !important;
    }
}

.benefit-divider {
    align-self: stretch;
    width: 0px;
    height: 100px;
    margin: auto 0;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

@media (max-width: 600px) {
    .benefit-divider{
        width: 60%;
        height: 1px;
        margin: 16px auto;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
}

.floating-icon {
    width: 68px;
    border-radius: 46px;
    box-shadow: 0px -15px 30px rgba(228, 149, 32, 0.3);
    align-self: center;
    z-index: 10;
    position: absolute;
    bottom: -31px;
    margin: 0 auto;
    left: 0;
    right: 0;
}






.bottom-table{
    padding: 180px 0 180px;
}

.bottom-table .benefits-grid{
    width: 1530px;
}

.bottom-table .benefits-grid .benefit-card{
    width: 100%;
}

.bottom-table .benefits-grid .benefit-card .benefit-content{
    padding: 40px !important;
}

    .comparison {
      width: 100%;
    background: #0000001f;
      border-radius: 10px;
      overflow: hidden;
    }

    .comparison-header,
    .comparison-row {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
      padding: 16px 20px;
      align-items: center;
    }

    .comparison-header {
      font-weight: bold;
      font-size: 14px;
      color: #ffffff;
      border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .comparison-row {
      font-size: 15px;
    }

    .highlight {
      background: linear-gradient(180deg, #18161400, #201404);
      color: white;
      font-weight: bold;
      font-size: 16px;
      border-radius: 0 0 10px 10px;
    }

    .highlight div {
    }






.consultation-section {
    align-self: center;
    position: relative;
    display: flex;
    margin-top: 0px;
    margin-bottom: 245px;
    width: 100%;
    max-width: 1610px;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 0 90px;
}

@media (max-width: 991px) {
    .consultation-section {
        max-width: 100%;
        margin-top: 40px;
        padding: 0 20px;
        margin-bottom: 110px;
    }
}

.consultation-background {
    border-radius: 32px;
    position: absolute;
    z-index: 0;
    display: flex;
    width: 95%;
    flex-direction: column;
    overflow: hidden;
    left: 0;
    bottom: -90px;
    height: 434px;
    background: linear-gradient(to bottom, rgba(4, 4, 5, 1) 0%, rgba(4, 4, 5, 0.9) 100%);
    right: 0;
    margin: 0 auto;
}

.consultation-background-inner {
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    padding: 1px 0 1px 80px;
}

@media (max-width: 1480px) {
  .consultation-background {
        bottom: -54px;
  }  
}

@media (max-width: 991px) {

    .consultation-background{
        top: 0;
        height: 100%;
        width: 94%;
        margin: 0 3%;
        justify-content: space-between;
    }

    .consultation-background-inner {
        max-width: 100%;
        padding-left: 20px;
        height: 100%;
        justify-content: space-between;
    }
}

.consultation-line {
    align-self: center;
    width: 440px;
    flex-shrink: 0;
    max-width: 100%;
    height: 1px;
        background: linear-gradient(to right, rgba(233, 154, 27, 0) 0%, /* solid orange */ rgba(233, 155, 27, 1) 52%, /* still solid orange */ rgba(233, 154, 27, 0) 100% /* fade to transparent */);
}

.consultation-image {
    /* aspect-ratio: 1.55; */
    /* object-fit: cover; */
    /* object-position: center; */
    width: 833px;
    /* background-blend-mode: overlay; */
    border-radius: 0px 30px 30px 0px;
    align-self: end;
    max-width: 100%;
    opacity: 10%;
}

.consultation-content {
    z-index: 0;
    display: flex;
    width: 100%;
    align-items: end;
    gap: 40px 0px;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    justify-content: start;
}

@media (max-width: 991px) {
    .consultation-content {
        max-width: 100%;
        padding: 20px 20px 50px;
        gap: 0;
        flex-wrap: wrap;
    }
}

.consultation-text {
    min-width: 240px;
    flex-grow: 1;
    flex-shrink: 1;
    width: 60%;
}

@media (max-width: 991px) {
    .consultation-text {
        max-width: 100%;
    }
}

.consultation-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1px;

    background: linear-gradient(180deg, #ffffff 50%, #E99B1B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {
    .consultation-title {
        max-width: 100%;
        font-size: 30px;
        line-height: 40px;
    }
}

.consultation-description {
    color: rgba(255, 254, 254, 1);
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    margin-top: 17px;
}

@media (max-width: 991px) {
    .consultation-description {
        max-width: 100%;
    }
}

.consultation-button-container {
    border-radius: 999px;
    display: flex;
    margin-top: 30px;
    width: 284px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
    color: rgba(255, 255, 255, 1);
    font: 600 16px/1.2 Urbanist, -apple-system, Roboto, Helvetica, sans-serif;
}

.consultation-button-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 999px;
    position: relative;
    z-index: 10;
    aspect-ratio: 4.162;
    min-height: 61px;
    width: 100%;
    align-items: start;
    justify-content: start;
    margin: 4px 0 -6px;
}

.consultation-button-wrapper .cta-button {
    width: 322px;
}

@media (max-width: 991px) {
    .consultation-button-wrapper {
        margin-right: -6px;
    }
}

.consultation-button {
    position: relative;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, 0.41);
    display: flex;
    min-height: 61px;
    width: 100%;
    align-items: center;
    gap: 18px;
    justify-content: center;
    padding: 21px 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

@media (max-width: 991px) {
    .consultation-button {
        padding: 0 20px;
    }
}

.consultation-button-text {
    align-self: stretch;
    margin: auto 0;
}

.consultation-image-right {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 40%;
    min-width: 240px;
    flex-grow: 1;
    flex-shrink: 1;
    margin-bottom: -90px;
}

.cta-bg-top-shine{
    position: absolute;
    top: -140px;
    z-index: -9;
    right: 0;
    margin: 0 auto;
    width: 70%;
    left: 0;
}

.footer-image {
    aspect-ratio: 3.94;
    object-fit: contain;
    object-position: center;
    width: 100%;
    margin-top: 296px;
}

@media (max-width: 991px) {
    .footer-image {
        max-width: 100%;
        margin-top: 40px;
    }
}

@media (max-width: 600px) {
.cta-bg-top-shine{
        top: -90px;
            width: 100%;
}
}

.swiper-wrapper {
  cursor: grab;
}
.swiper-wrapper:active {
  cursor: grabbing;
}

/* --- Slider Container --- */
.swiper-container {
    position: relative;
    width: 100vw;
    max-width: 1510px;
    padding: 0 50px; /* Space for buttons */
}

.swiper-wrapper {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* --- Individual Slides (Cards) --- */
.swiper-slide {
    flex-shrink: 0;
    width: calc(100% / 2.5); /* Adjust to show 3 cards at a time */
    padding: 20px;
    box-sizing: border-box;
}

.aif-item {
    display: flex;
    justify-content: center;
    align-items: center;
    /* For the image in the card */
    position: relative;
    overflow: hidden;
}

/* --- Navigation Buttons --- */
.prev-container,
.next-container {
    position: absolute;
    top: -10%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    font-size: 2em;
    color: #666;
    transition: color 0.3s;
}

.prev-container:hover,
.next-container:hover {
    color: #fff;
}

.v-light .prev-container:hover,
.v-light .next-container:hover {
    color: #000000;
}

.prev-container svg,
.next-container svg{
    width: 30px;
    height: 30px;
}

.prev-container {
    left: 0;
}

.next-container {
    right: 0;
}

/* Parallax effect for buttons on hover, as requested */
[data-dsn="parallax"] {
    transition: transform 0.3s ease-out;
}

.prev-container:hover [data-dsn="parallax"] {
    transform: translateX(-5px);
}

.next-container:hover [data-dsn="parallax"] {
    transform: translateX(5px);
}



    footer {
      background: #1a1a1a;
      padding: 110px 0px;
      display: flex;
      justify-content: center;
    }

    .footer-wrapper{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      max-width: 1480px;
      width: 100%;
    }

    .footer-logo{
      width: 230px;
    }

    .footer-logo img {
      width: 90px;
    }

    .footer-column {
      flex: 1;
      margin: 10px 20px;
    }

    .footer-column h4 {
      font-size: 14px;
      letter-spacing: 1px;
      margin-bottom: 15px;
      position: relative;
    }

    .footer-column h4::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -5px;
      width: 40px;
      height: 2px;
      background: #d4a33c; /* golden line */
    }

    .footer-column ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-column ul li {
      margin-bottom: 8px;
    }

    .footer-column ul li a {
      text-decoration: none;
      color: #ccc;
      transition: 0.3s;
    }

    .footer-column ul li a:hover {
      color: #fff;
    }

    .footer-column p {
      margin: 5px 0;
      color: #ccc;
    }

    .footer-column p strong {
      color: #fff;
    }

    .footer-bottom {
      background: #111;
      text-align: center;
      padding: 35px;
      font-size: 13px;
      color: #aaa;
    }





@media (max-width: 600px) {

    .hero-logo{
       max-width: 140%;
    }

    .hero-title-container{
        position: unset !important;
    }

    .hero-background, .start-hero-bg{
        position: absolute !important;
    }

    .navbar .cta-button-wrapper{
        margin: 20px auto 0;
    }

    .navbar .cta-button-wrapper,
    .cta-button-wrapper .cta-button.shiny-cta{
            min-height: unset;
    }

    .title-row{
        flex-direction: column;
        align-items: center;
    }

    .title-row .not-just-text,
    .title-row .ai-text{
        margin-top: 0px;
    }

    .business-text-container{
        margin-top: -113px;
    }

    p {
        font-size: 16px !important;
    }

    .hero-description-bt{
        font-size: 22px !important;
    }

    .cta-button{
        padding: 18px 20px;
    }

    .hero-description-bt{
        width: 100%;
    }

    .cta-button .cta-button-text{
        font-size: 14px;
    }

    .cta-button .cta-button-text svg{
        width: 20px;
        height: 20px;
    }

    .hero-bottom-stats-wrapper{
        flex-direction: column;
        gap: 30px;
    }

    .hero-bottom-stats-wrapper .stats-block .hero-description{
        margin-top: 2px;
    }

    .hero-background{
        z-index: -9;
    }

    .footer-wrapper{
        flex-direction: column;
    }

    .footer-logo{
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .bottom-table{
        padding: 20px 0 120px;
    }

    .consultation-button-container,
    .consultation-button-wrapper .cta-button{
        width: 100%;
    }

    .table-responsive{
       overflow: scroll;
    }

    .bottom-table .benefits-grid{
       padding: 0 20px;
    }

    .bottom-table .benefits-grid .benefit-card .benefit-content{
        padding: 30px !important;
    }

    .table-responsive .comparison{
       width: 685px;
    }

    .swiper-slide{
        width: calc(100% / 1);
    }

    .prev-container, .next-container{
        top: auto;
        bottom: -10%;
    }

    .next-container{
        right: 11% !important;
    }

    .benefits-grid .benefit-card:last-child .benefit-content{
        padding-bottom: 25px;
    }

    .why-partner-section .client-type-title{
        margin-top: 38px;
    }

    .why-partner-section .benefit-text-full,
    .why-partner-section .benefit-text-alt,
    .why-partner-section .benefit-text{
        margin-top: 20px;
    }

    .step-content{
        padding: 0 20px !important;
    }

    .step-content.step-content-left{
        flex-direction: column-reverse;
    }

    .step-content.step-content-right{
        flex-direction: column;
    }

    .step-content .step-icon{
        align-self: center;
    }

    .step-content .step-text{
        padding: 20px;
    }

    .step-content .step-text p{
        text-align: center !important;
    }

    .step-content .step-text{
        text-align: center;
    }

    .step-content .step-title{
        align-self: center !important;
    }

    .step-content.step-content-right{
        flex-direction: column;
    }

    .step-content .consultation-line{
        width: 75px;
        height: 1px;
        background: linear-gradient(to right, rgba(233, 154, 27, 0) 0%, /* solid orange */ rgba(233, 155, 27, 1) 52%, /* still solid orange */ rgba(233, 154, 27, 0) 100% /* fade to transparent */);
    }
}









/* css for career page */
.title--row{

    gap: 20px;
text-align: center;
    margin-left: 0px;
}
.head-text-size .not-just-text{
    font-size: 40px;
}
.head-text-size .ai-text{
    font-size: 100px;
}

.hero-logo {
	aspect-ratio: 1.6 !important;
}
.business-text-container{
    margin-top: -193px;
}
.globe-career img{
    bottom: -121px !important; 
}

/* Join Our Team Section */
.join-our-team-section {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991px) {
    .join-our-team-section {
        padding: 100px 20px;
    }
}

.join-our-team-header {
    width: 879px;
    max-width: 100%;
    font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .join-our-team-header {
        margin-bottom: 40px;
    }
}

.join-our-team-subtitle {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 7px rgba(233, 155, 27, 0.95);
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 3px;
    margin-top: 18px;
}

.vacancies-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    max-width: 1530px;
    width: 100%;
    padding: 0 45px;
}

@media (max-width: 1300px) {
    .vacancies-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .vacancies-container {
        grid-template-columns: 1fr;
        padding: 0;
        gap: 30px;
    }
}

.vacancy-card {
    background: linear-gradient(135deg, rgba(15, 15, 20, 0.9) 0%, rgba(20, 20, 25, 0.7) 100%);
    backdrop-filter: blur(12px);
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Animated border sweep - Right to Left */
.vacancy-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        transparent 20%,
        rgba(233, 155, 27, 0) 40%,
        rgba(233, 155, 27, 0.6) 50%,
        rgba(233, 155, 27, 1) 55%,
        rgba(233, 155, 27, 0.6) 60%,
        rgba(233, 155, 27, 0) 70%,
        transparent 80%,
        transparent 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transform: translateX(-100%);
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
}

.vacancy-card:hover::before {
    transform: translateX(100%);
}

/* Glowing background on hover */
.vacancy-card::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 16px;
    background: linear-gradient(135deg, 
        rgba(233, 155, 27, 0.08) 0%, 
        rgba(233, 155, 27, 0.04) 50%, 
        rgba(233, 155, 27, 0.08) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
    filter: blur(8px);
}

.vacancy-card:hover::after {
    opacity: 1;
}

.vacancy-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 24px 64px rgba(233, 155, 27, 0.35);
    border-color: rgba(233, 155, 27, 0.3);
    background: linear-gradient(135deg, rgba(20, 20, 25, 0.95) 0%, rgba(25, 25, 30, 0.85) 100%);
}

/* Inner content padding */
.vacancy-card-inner {
    padding: 38px 32px;
    position: relative;
    z-index: 1;
}

.vacancy-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    gap: 16px;
}

.vacancy-title {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    background: linear-gradient(180deg, #ffffff 70%, #e6e6e6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3;
}

.vacancy-experience {
    font-size: 13px;
    color: #E99B1B;
    font-weight: 600;
    padding: 8px 16px;
    background: rgba(233, 155, 27, 0.08);
    border-radius: 6px;
    border: 1px solid rgba(233, 155, 27, 0.25);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.vacancy-category {
    margin-bottom: 25px;
}

.category-badge {
    display: inline-block;
    font-size: 13px;
    color: rgba(233, 155, 27, 1);
    padding: 8px 18px;
    background: linear-gradient(135deg, rgba(233, 155, 27, 0.12) 0%, rgba(233, 155, 27, 0.06) 100%);
    border-radius: 8px;
    border: 1px solid rgba(233, 155, 27, 0.25);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.vacancy-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.skill-pill {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    padding: 9px 17px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
    backdrop-filter: blur(5px);
    font-weight: 400;
    cursor: default;
}

/* .skill-pill:hover {
    background: rgba(233, 155, 27, 0.12);
    border-color: rgba(233, 155, 27, 0.35);
    transform: translateY(-2px);
    color: #fff;
    box-shadow: 0 6px 16px rgba(233, 155, 27, 0.2);
} */

/* Light theme styles for join our team section */
.v-light .vacancy-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.v-light .vacancy-card:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

.v-light .vacancy-title {
    color: #000;
    background: linear-gradient(180deg, #000000 50%, #4E4E4E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.v-light .vacancy-experience {
    color: #d4a33c;
    background: rgba(212, 163, 60, 0.15);
    border: 1px solid rgba(212, 163, 60, 0.3);
}

.v-light .category-badge {
    color: #000;
    background: rgba(212, 163, 60, 0.15);
    border: 1px solid rgba(212, 163, 60, 0.3);
}

.v-light .skill-pill {
    color: #000;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.v-light .skill-pill:hover {
    background: rgba(212, 163, 60, 0.15);
    border-color: rgba(212, 163, 60, 0.3);
}

@media (max-width: 991px) {
    .vacancy-card-inner {
        padding: 32px 24px;
    }
    
    .vacancy-title {
        font-size: 20px;
    }
    
    .vacancy-experience {
        font-size: 12px;
        padding: 5px 12px;
    }
    
    .skill-pill {
        font-size: 12px;
        padding: 6px 14px;
    }
}

.key-skills-title {
	font-size: 19px;
	color: #ffffff59;
	margin-bottom: 20px;
}

.skills-section-title{
    margin-bottom: 20px;
}
.category-section{
    margin-bottom: 40px;
}

/* Technologies Section */
.technologies-section{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 160px 0 140px;
}

.technologies-header{
    width: 100%;
    max-width: 980px;
    text-align: center;
    margin: 0 auto 50px;
}

.technologies-subtitle{
    color: #fff;
    text-shadow: 0 0 7px rgba(233,155,27,.95);
    font-size: 18px;
    letter-spacing: 3px;
}

.technologies-description{
    max-width: 980px;
    margin: 16px auto 0;
}

.technologies-grid{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(9, minmax(90px, 1fr));
    gap: 16px;
    padding: 0 30px;
}

@media (max-width: 1200px){
    .technologies-grid{
        grid-template-columns: repeat(6, minmax(90px, 1fr));
    }
}

@media (max-width: 768px){
    .technologies-grid{
        grid-template-columns: repeat(3, minmax(90px, 1fr));
        padding: 0 20px;
    }
}

.tech-badge{
    position: relative;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(120px 120px at 30% 30%, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: inset 0 0 40px rgba(255,255,255,0.06), 0 8px 32px rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transform: translateY(10px);
    opacity: 0;
    animation: tech-pop .7s cubic-bezier(.25,1,.5,1) forwards;
    animation-delay: var(--delay, 0s);
    --trace-color: rgba(233,155,27,1);
    --trace-soft: rgba(233,155,27,.45);
}

/* border sweep glow on hover */
.tech-badge::before{
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: conic-gradient(from 90deg, transparent 0 65%, var(--trace-soft) 70%, var(--trace-color) 75%, var(--trace-soft) 80%, transparent 85%);
    filter: blur(6px);
    opacity: .0;
    transition: opacity .35s ease;
}

/* continuous border trace ring */
.tech-badge::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px; /* ring thickness */
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        var(--trace-color) 40deg,
        transparent 80deg
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    animation: trace-rotate 4.2s linear infinite;
    opacity: .85;
}

.tech-badge:hover::before{ opacity: .9; }
.tech-badge:hover::after{ animation-duration: 2.2s; opacity: 1; }

.tech-badge span{
    font-size: 13px;
    color: rgba(255,255,255,.9);
    letter-spacing: .6px;
}

@keyframes tech-pop{
    to{ transform: translateY(0); opacity: 1; }
}

@keyframes trace-rotate{
    to{ transform: rotate(360deg); }
}

/* Light mode adjustments */
.v-light .technologies-subtitle{ color: #000; text-shadow: none; }
.v-light .tech-badge{ background: radial-gradient(120px 120px at 30% 30%, rgba(0,0,0,0.04), rgba(0,0,0,0.02)); border-color: rgba(0,0,0,0.08); }
.v-light .tech-badge{ --trace-color: #d4a33c; --trace-soft: rgba(212,163,60,.45); }
.v-light .tech-badge span{ color: rgba(0,0,0,.85); }

/* tech icons inside badges */
.tech-badge img{
    width: 58%;
    height: 58%;
    object-fit: contain;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
    transition: transform .35s cubic-bezier(.25,1,.5,1), filter .35s ease;
}

.tech-badge:hover img{
    transform: scale(1.06);
    filter: drop-shadow(0 4px 14px rgba(233,155,27,.25));
}

/* make hover glow lighter and spread more, linked with trace */
.tech-badge::before{
    content: "";
    position: absolute;
    inset: -3px; /* spread more */
    border-radius: inherit;
    background: radial-gradient(120px 120px at 50% 50%, rgba(233,155,27,.06), rgba(233,155,27,.02) 60%, transparent 70%),
                conic-gradient(from 90deg, transparent 0 65%, var(--trace-soft) 70%, var(--trace-color) 75%, var(--trace-soft) 80%, transparent 85%);
    filter: blur(10px); /* softer & wider */
    opacity: .0;
    transition: opacity .35s ease;
}

.tech-badge:hover::before{ opacity: .55; }

/* lighten the rotating ring on hover */
.tech-badge::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: conic-gradient(from 0deg, transparent 0deg, var(--trace-color) 40deg, transparent 80deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    animation: trace-rotate 4.2s linear infinite;
    opacity: .75; /* lighter */
}

.tech-badge:hover::after{ animation-duration: 2.2s; opacity: .95; }

/* Section divider overlay */
.section-divider-wrap{
    position: relative;
}

.section-divider-wrap .section-divider{
    display: block;
}

.section-divider-text{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.divider-label{
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    backdrop-filter: blur(6px);
    background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.35));
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: 0 6px 24px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.06);
}

.v-light .divider-label{
    color: #000;
    background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.65));
    border-color: rgba(0,0,0,.08);
}

/* AI counters background */
.ai-counters-background{
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: -1;
}

/* subtle grid overlay */
.ai-grid-overlay{
    position: absolute;
    inset: 0;
    background-image:
       radial-gradient(circle at 50% 50%, rgba(233,155,27,0.08), transparent 40%),
       linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
       linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 100% 100%, 80px 80px, 80px 80px;
    mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 40%, rgba(0,0,0,0) 75%);
    pointer-events: none;
}

/* floating orbs */
.ai-orb{
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(120px 120px at 40% 40%, rgba(233,155,27,.25), rgba(233,155,27,.06));
    filter: blur(12px);
    animation: orb-float 12s ease-in-out infinite;
}

.ai-orb.orb-1{ top: -40px; left: -40px; animation-delay: 0s; }
.ai-orb.orb-2{ right: -60px; bottom: -60px; animation-delay: 2s; }

@keyframes orb-float{
  0%,100%{ transform: translate(0,0); }
  50%{ transform: translate(20px,-18px); }
}

/* Counter card refresh */
.hero-bottom-stats-wrapper{
    position: relative;
    z-index: 1;
    gap: 80px;
}

.hero-bottom-stats-wrapper .stats-block{
    position: relative;
    padding: 22px 28px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 32px rgba(0,0,0,.35), inset 0 0 40px rgba(255,255,255,.04);
    backdrop-filter: blur(6px);
    min-width: 260px;
    text-align: center;
}

.hero-bottom-stats-wrapper .stats-block::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: conic-gradient(from 0deg, transparent 0deg, rgba(233,155,27,1) 36deg, transparent 72deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: .7;
    animation: trace-rotate 6s linear infinite;
}

.hero-bottom-stats-wrapper .main-heading span{
    background: linear-gradient(180deg, #ffffff 70%, #e6e6e6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 30px rgba(233,155,27,.25);
}

.hero-bottom-stats-wrapper .hero-description{
    margin-top: 8px;
    letter-spacing: .5px;
    opacity: .9;
}

.v-light .ai-grid-overlay{ background-image: radial-gradient(circle at 50% 50%, rgba(212,163,60,0.08), transparent 40%), linear-gradient(rgba(0,0,0,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.06) 1px, transparent 1px); }
.v-light .ai-orb{ background: radial-gradient(120px 120px at 40% 40%, rgba(212,163,60,.22), rgba(212,163,60,.06)); }
.v-light .hero-bottom-stats-wrapper .stats-block{ background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.02)); border-color: rgba(0,0,0,.08); }

/* Overrides: remove grid and card animation in counters section */
.ai-grid-overlay{ display: none !important; }
.hero-bottom-stats-wrapper .stats-block::after{ content: none !important; animation: none !important; }

/* Remove yellow orbs and add a unique diagonal band */
.ai-orb{ display: none !important; }

.ai-diagonal-band{
    position: absolute;
    inset: -20% -10% auto -10%;
    height: 70%;
    transform: skewY(-8deg);
    background: linear-gradient(90deg, rgba(233,155,27,.08), rgba(233,155,27,.02));
    border: 1px solid rgba(255,255,255,.05);
    box-shadow: 0 20px 80px rgba(0,0,0,.25) inset;
    pointer-events: none;
}

.v-light .ai-diagonal-band{
    background: linear-gradient(90deg, rgba(212,163,60,.10), rgba(212,163,60,.03));
    border-color: rgba(0,0,0,.06);
}

/* Slight accent under each card to anchor visually */
.hero-bottom-stats-wrapper .stats-block{ position: relative; }
.hero-bottom-stats-wrapper .stats-block .card-underline{ display: none; }
.hero-bottom-stats-wrapper .stats-block::before{
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 10px;
    height: 2px;
    background: linear-gradient(90deg, rgba(233,155,27,.0), rgba(233,155,27,.5), rgba(233,155,27,.0));
    filter: blur(0.5px);
}

.v-light .hero-bottom-stats-wrapper .stats-block::before{
    background: linear-gradient(90deg, rgba(212,163,60,.0), rgba(212,163,60,.6), rgba(212,163,60,.0));
}

/* Overrides: remove yellow background band and neutralize accents */
.ai-diagonal-band{ display: none !important; }
.hero-bottom-stats-wrapper .stats-block::before{
    background: linear-gradient(90deg, rgba(248, 175, 67, 0), rgb(187, 134, 56), rgba(178, 128, 54, 0)) !important;
}
.v-light .hero-bottom-stats-wrapper .stats-block::before{
    background: linear-gradient(90deg, rgba(0,0,0,.0), rgba(0,0,0,.2), rgba(0,0,0,.0)) !important;
}

/* Override: remove border sweep animation on hover */
.client-type-card::before,
.vacancy-card::before{ content: none !important; animation: none !important; transition: none !important; }