body {
    padding-top: 70px;
}

.platform-section {
  position: relative;
  width: 100%;
  /* height: calc(100vh - 80px); */
  background: #000;
}

/* Change name only for mobile */
.heading-one_mobile{
  color: #FFF;
font-size: 24px;
font-weight: 600;
line-height: normal;
/*margin-bottom: 10px;*/
}

.main-heading-box .desc{
  color: #D2D2D2;
font-size: 16px;
font-weight: 400;
line-height: 20px; /* 177.778% */
}
.svg-banner-section{
  display: flex;
  position: relative;
  /* height: 100vh; */
  overflow-x: hidden;
}

/* Background/Left SVG wrapper */
.svg-side {
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  transition: transform 1.8s cubic-bezier(.19, 1, .22, 1);
  will-change: transform;
}

.svg-side svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Interactive Content Area */
.content-side{
  position:absolute;
  right:0;
  top:0;
  z-index:2;
  height: 100%;
}

/* ==========================================================================
   3. SVG INFRASTRUCTURE PATH REVEALS
   ========================================================================== */
.svg-animated {
  width: 100%;
  height: 60vh;
  display: flex;
  overflow: visible;
  position: relative;
  transition: transform 5s cubic-bezier(.19,1,.22,1);
  will-change: transform;
}

.svg-animated svg {
  width: 100%;
  overflow: visible;
  display: block;
}

.svg-animated svg path {
  transform-box: fill-box;
  transform-origin: left center;
  clip-path: inset(0 100% 0 -100%);
  opacity: 0;
  animation: pathReveal 2.5s cubic-bezier(.19, 1, .22, 1) forwards;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, .35)) drop-shadow(0 0 8px currentColor);
  will-change: clip-path, opacity, filter;
}

/* Stagger Delays for Paths */
.svg-animated svg path:nth-child(1)  { animation-delay: 0s; }
.svg-animated svg path:nth-child(2)  { animation-delay: .05s; }
.svg-animated svg path:nth-child(3)  { animation-delay: .1s; }
.svg-animated svg path:nth-child(4)  { animation-delay: .15s; }
.svg-animated svg path:nth-child(5)  { animation-delay: .2s; }
.svg-animated svg path:nth-child(6)  { animation-delay: .25s; }
.svg-animated svg path:nth-child(7)  { animation-delay: .3s; }
.svg-animated svg path:nth-child(8)  { animation-delay: .35s; }
.svg-animated svg path:nth-child(9)  { animation-delay: .4s; }
.svg-animated svg path:nth-child(10) { animation-delay: .45s; }

@keyframes pathReveal {
  0% {
    clip-path: inset(0 100% 0 -100%);
    opacity: 0;
    filter: brightness(1) drop-shadow(0 0 2px rgba(255, 255, 255, .2));
  }
  10% {
    opacity: 1;
  }
  50% {
    filter: brightness(2) drop-shadow(0 0 10px rgba(255, 255, 255, .7)) drop-shadow(0 0 18px currentColor);
  }
  100% {
    clip-path: inset(0 0 0 -100%);
    opacity: 1;
    filter: brightness(1.1) drop-shadow(0 0 2px rgba(255, 255, 255, .35)) drop-shadow(0 0 8px currentColor);
  }
}

.svg-side.svg-animated:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 130px;
    height: 130px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, #6B9AC6 0%, #4F7FAE 20%, #041E43 40%, rgba(4, 30, 67, 0.6) 65%, rgba(4, 30, 67, 0.3) 80%, transparent 100%);
    filter: blur(16px);
    z-index: 1;
    pointer-events: none;
}

/* Glowing Circle Node inside SVG */
.svg-animated svg .circle {
  transform-origin: center;
  opacity: 0;
  transform: scale(.5);
  animation: circleIn .8s ease forwards, pulse 2s ease-in-out infinite;
  animation-delay: 2.8s, 3.6s;
  will-change: transform, opacity, filter;
}

@keyframes circleIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ==========================================================================
   4. SERVICE ITEMS & ANTIMATION STATES
   ========================================================================== */
.service-item {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: transform 0.6s cubic-bezier(.19, 1, .22, 1), opacity 0.6s ease;
  will-change: transform, opacity;
  position: absolute;
    right: 0;
    width: 200px;
    top: 0;
    padding-right: 20px;
}

/* NODE ALIGNMENTS */
.service-item:nth-child(1){top:2vh;}
.service-item:nth-child(2){top:14vh;}
.service-item:nth-child(3){ top:28vh;}
.service-item:nth-child(4){top:40vh;}
.service-item:nth-child(5){top:53vh;}
/* .service-item:nth-child(6){ top:72%;} */
/* PHASE 1: Icons fade in directly at the center */
.service-item.show-icon {
  opacity: 1;
}

/* line segment */
.service-item:not(:last-child)::after {
    content: "";
    position: absolute;
  /*  center of icon */
  left: calc(30px); /* half of icon width */

  /*  start from icon center */
  top: 40px;

  /*  stretch dynamically */
  bottom: -4.5rem;
    width: 1px;
    /* height: 100%; */
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
}


.service-item.move-final:not(:last-child)::after {
  animation: lineGrow 0.8s ease forwards;
  animation-delay: var(--delay);
  opacity: 1;
}
.service-item:nth-child(1) { --delay: 2s; }
.service-item:nth-child(2) { --delay: 2.3s; }
.service-item:nth-child(3) { --delay: 2.6s; }
.service-item:nth-child(4) { --delay: 2.9s; }

@keyframes lineGrow {
  to {
    transform: scaleY(1);
  }
}



.blue-item::after {
  background: linear-gradient(to bottom, #6B9AC6, #679C8A);
}

.green-item::after {
  background: linear-gradient(to bottom, #679C8A, #FFC857);
}

.gold-item::after {
  background: linear-gradient(to bottom, #E2B476, #82669B);
}

.purple-item::after {
  background: linear-gradient(to bottom, #82669B, #55A1AF);
}



.service-item.show-text  .icon-circle{
   transform: translateX(0);
}

.service-item:hover .icon-circle {
  background: #222;
}



/* PHASE 2: Typography Hidden Setup */
.service-item .content-box {
  opacity: 0;
  transition:  opacity 0.6s ease,transform 0.6s ease-in-out;
  will-change:  opacity,transform;
  position: relative;
  padding-right: 20px;
  transform: translateX(100px);
}
.service-item.show-text .content-box {
  opacity: 1;
  width: 100%;
   transform: translateX(0);
}

.text .title {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #fff;

}

.service-item .content-box .number{
  display: inline;
  font-size: 14px;
}

.text-blue{
 color: #6B9AC6;
}
.text-green{
  color: #679C8A;
}
.text-gold{
color: #E2B476;
}

.text-purple{
  color: #82669B;
}

.text-aqua{
  color: #55A1AF;
}


.transform-heading-box .heading-one{
  font-size: 24px;
  line-height: 30px;
  color: #fff;
}



/* Marquee logos */
/* pause on hover */
.marquee-logos__container:hover {
  animation-play-state: paused;
}

.marquee-logos {
    width: 100%;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.marquee-logos__container {
  display: flex;
  gap: 30px;
  width: max-content;
  will-change: transform;
}

.marquee-logos__container img {
    width: 11rem;
    height: 4.375rem;
    min-height: 4.375rem;
    min-width: 11rem;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transition: all 0.5s ease-in-out;
}
.no-filter img{
  filter: none;
}
.marquee-logos__container .client-logo:hover img {
    filter: brightness(1) invert(0);
}

.marquee-logos__fade {
  z-index: 1;
  width: 7rem;
  background-image: linear-gradient(90deg, rgba(0, 0, 18, 0), #000012);
  position: absolute;
}
.marquee-logos__fade-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 18, 0), #000012);
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}
.marquee-logos__fade-right {
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.award-logos .marquee-logos__container img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  filter: none;
  width: auto;
}

.award-logos .marquee-logos__container{
  display: flex;
  align-items: center;
  gap: 40px;
}

/* FIX: uniform box */
.award-logos .marquee-logos__container .client-logo{
  width: 140px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ai-comptency-box */
.ai-comptency-box{
    padding: 20px 16px;
border-radius: 10px;
border: 1px solid rgba(14, 16, 26, 0.66);
background: #292929;

}


.ai-comptency-box  ul.explore-list li{
  position: relative;
}

.ai-comptency-box  ul.explore-list li .icon{
  border-radius: 50%;
  border: 0.5px solid #FFF;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.ai-comptency-box  ul.explore-list li a:after{
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M13.5 8v4.5a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1H6m4 0h3.5V4m0-3.5L7 7'/%3E%3C/svg%3E") no-repeat;
     margin-left: auto;
}
/* enterprise-eng-section */

.enterprise-eng-section  ul.explore-list li .icon,.modern-commerce-section ul.explore-list li .icon{
  border: none;
  border-radius: 0;
  width: auto;
  height: auto;
}

.modern-commerce-section ul.explore-list li .icon img{
  filter: brightness(0) invert(1);
  width: 40px;
}

/* modern-commerce-section */
.modern-commerce-section{
/*  filter: drop-shadow(0 0 4px rgba(252, 153, 0, 0.36));*/
}

/* digital-growth-section */

.digital-growth-section .ai-comptency-box {
    background: 
        url('../img/cloud-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.consult-section .ai-comptency-box{
  border-radius: 10px;
background: var(--black);
}

/* news-blog-section */

.news-blog-section .blog-item .image{
  position: relative;
  padding-top: calc(180/350*100%);
}
.news-blog-section .blog-item .image img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-blog-section .blog-item  .content{
    display: flex;
    flex-direction: column;
/*    height: calc(100% - 150px);*/
    justify-content: space-between;
}

.news-blog-section .blog-item .content .desc {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.center-arrow-line{
  position: relative;
  text-align: center;
}

.center-arrow-line span{
  width: 70px;
  height: 70px;
}

.center-arrow-line::before,.center-arrow-line::after{
  content: '';
  width: calc(50% - 16px);
  height: 2px;
  background: var(--white);
  display: inline-block;
  position: absolute;
  top: 27px;
}

.center-arrow-line::before{
  left: 0;

}
.center-arrow-line::after{
  right: 0;
}

/*SECTION 1: FIVE COMPETENCIES CONNECTED SYSTEM PLACE THIS IMMEDIATELY AFTER CLIENT LOGOS SECTION*/

    /* =====================================================
       FUTURESOFT - FIVE COMPETENCIES SECTION
       All classes are uniquely scoped to avoid conflicts
       with existing homepage CSS.
       ===================================================== */

    .fs-five-competencies-section {
      position: relative;
      width: 100%;
      padding: 90px 20px 100px;
      background:
        radial-gradient(
          circle at 50% 0%,
          rgba(0, 229, 255, 0.08),
          transparent 45%
        ),
        #05070d;
      overflow: hidden;
    }

    .fs-five-competencies-wrap {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
    }

    /* ---------- Intro ---------- */

    .fs-five-competencies-intro {
      width: 100%;
/*      max-width: 900px;*/
      margin: 0 auto 65px;
      text-align: center;
    }

    .fs-five-competencies-title {
      margin: 0 0 24px;
      color: #ffffff;
      font-size: clamp(30px, 4vw, 52px);
      line-height: 1.12;
      font-weight: 500;
      letter-spacing: -0.02em;
    }

    .fs-five-competencies-copy {
/*      max-width: 850px;*/
      margin: 0 auto;
      color: rgba(255, 255, 255, 0.78);
      font-size: clamp(15px, 1.35vw, 18px);
      line-height: 1.8;
      font-weight: 300;
    }

    .fs-five-competencies-copy + .fs-five-competencies-copy {
      margin-top: 18px;
    }

    .fs-five-competencies-tagline {
      margin-top: 28px !important;
      color: #00e5ff;
      font-size: clamp(16px, 1.5vw, 20px);
      line-height: 1.6;
      font-weight: 400;
    }

    /* =====================================================
       DESKTOP CONNECTED SYSTEM
       ===================================================== */

    .fs-competencies-scroll {
      position: relative;
      width: 100%;
      overflow: visible;
    }

    .fs-competencies-system {
      position: relative;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 24px;
      align-items: stretch;
    }

    /*
      Continuous horizontal connection line.
      It sits behind all five competency cards.
    */
    .fs-competencies-system::before {
      content: "";
      position: absolute;
      left: 7%;
      right: 7%;
      top: 50%;
      height: 1px;
      background: linear-gradient(
        90deg,
        rgba(0, 229, 255, 0),
        rgba(0, 229, 255, 0.45) 12%,
        rgba(0, 229, 255, 0.45) 88%,
        rgba(0, 229, 255, 0)
      );
      z-index: 0;
    }

    /* ---------- Cards ---------- */

    .fs-competency-card {
      position: relative;
      z-index: 1;
      min-width: 0;
      min-height: 220px;
      padding: 30px 22px;

      display: flex;
      align-items: center;
      justify-content: center;

      text-align: center;

      border: 1px solid rgba(255, 255, 255, 0.10);
      border-radius: 22px;

      background: rgba(12, 16, 27, 0.95);

      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);

      transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
    }

    .fs-competency-card:hover {
      transform: translateY(-8px);
      border-color: rgba(0, 229, 255, 0.45);
      background: rgba(15, 23, 38, 0.98);
      box-shadow: 0 20px 55px rgba(0, 0, 0, 0.35);
    }

    .fs-competency-card a {
      width: 100%;
      height: 100%;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      color: inherit;
      text-decoration: none;
    }

    /* ---------- Connection Node ---------- */

    .fs-competency-node {
      position: relative;

      width: 16px;
      height: 16px;

      margin-bottom: 20px;

      flex: 0 0 auto;

      border-radius: 50%;
      background: #00e5ff;

      box-shadow:
        0 0 0 7px rgba(0, 229, 255, 0.08),
        0 0 25px rgba(0, 229, 255, 0.45);
    }

    /*
      Small horizontal connector on desktop.
      Each card visually joins the next card.
    */
    .fs-competency-card:not(:last-child)::after {
      content: "";
      position: absolute;

      width: 24px;
      height: 1px;

      right: -24px;
      top: 50%;

      background: rgba(0, 229, 255, 0.45);

      z-index: -1;
    }

    /* ---------- Labels ---------- */

    .fs-competency-label {
      display: block;

      min-height: 22px;

      margin-bottom: 12px;

      color: #00e5ff;

      font-size: 11px;
      line-height: 1.4;

      font-weight: 600;

      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .fs-competency-name {
      margin: 0;

      color: #ffffff;

      font-size: clamp(17px, 1.45vw, 22px);
      line-height: 1.35;

      font-weight: 500;
    }

    /* ---------- Individual Node Colors ---------- */

    .fs-competency-card:nth-child(1) .fs-competency-node {
      background: #2563eb;
      box-shadow:
        0 0 0 7px rgba(37, 99, 235, 0.10),
        0 0 25px rgba(37, 99, 235, 0.5);
    }

    .fs-competency-card:nth-child(2) .fs-competency-node {
      background: #22c55e;
      box-shadow:
        0 0 0 7px rgba(34, 197, 94, 0.10),
        0 0 25px rgba(34, 197, 94, 0.5);
    }

    .fs-competency-card:nth-child(3) .fs-competency-node {
      background: #f59e0b;
      box-shadow:
        0 0 0 7px rgba(245, 158, 11, 0.10),
        0 0 25px rgba(245, 158, 11, 0.5);
    }

    .fs-competency-card:nth-child(4) .fs-competency-node {
      background: #a855f7;
      box-shadow:
        0 0 0 7px rgba(168, 85, 247, 0.10),
        0 0 25px rgba(168, 85, 247, 0.5);
    }

    .fs-competency-card:nth-child(5) .fs-competency-node {
      background: #38bdf8;
      box-shadow:
        0 0 0 7px rgba(56, 189, 248, 0.10),
        0 0 25px rgba(56, 189, 248, 0.5);
    }


    /* =====================================================
       TABLET / iPAD LANDSCAPE
       ===================================================== */

    @media (max-width: 1100px) and (min-width: 769px) {

      .fs-five-competencies-section {
        padding: 75px 20px 85px;
      }

      .fs-competencies-system {
        gap: 16px;
      }

      .fs-competency-card {
        min-height: 205px;
        padding: 26px 16px;
      }

      .fs-competency-card:not(:last-child)::after {
        width: 16px;
        right: -16px;
      }

      .fs-competency-label {
        font-size: 10px;
        letter-spacing: 0.09em;
      }

      .fs-competency-name {
        font-size: 17px;
      }
    }


    /* =====================================================
       iPAD PORTRAIT
       Horizontal scroll starts here.
       
       IMPORTANT:
       We DO NOT squeeze five cards into one row.
       Cards retain readable width and user can swipe.
       ===================================================== */

    @media (max-width: 768px) {

      .fs-five-competencies-section {
        padding: 70px 0 75px;
      }

      .fs-five-competencies-intro {
        padding: 0 18px;
        margin-bottom: 45px;
      }

      /*
        Horizontal scroll container.
        Prevents page-wide horizontal overflow.
      */
      .fs-competencies-scroll {
        width: 100%;
        overflow-x: auto;
        overflow-y: visible;

        padding: 10px 18px 25px;

        -webkit-overflow-scrolling: touch;

        overscroll-behavior-x: contain;

        scrollbar-width: thin;
      }

      /*
        Five cards stay in one connected horizontal system.
      */
      .fs-competencies-system {
        display: flex;
        flex-wrap: nowrap;

        width: max-content;
        min-width: max-content;

        gap: 16px;
      }

      /*
        Remove desktop background line.
        Mobile uses card-to-card connector instead.
      */
      .fs-competencies-system::before {
        display: none;
      }

      /*
        IMPORTANT:
        Fixed responsive card width keeps competency names
        readable instead of shrinking them.
      */
      .fs-competency-card {
        flex: 0 0 280px;

        width: 280px;
        min-width: 280px;

        min-height: 205px;

        padding: 28px 22px;

        border-radius: 20px;
      }

      /*
        Connected line between cards.
      */
      .fs-competency-card:not(:last-child)::after {
        display: block;

        width: 16px;
        right: -16px;

        top: 50%;

        background: rgba(0, 229, 255, 0.45);
      }

      .fs-competency-name {
        font-size: 20px;
        line-height: 1.35;
      }

      .fs-competency-label {
        font-size: 10px;
        letter-spacing: 0.10em;
      }

      /*
        Make the first card start flush enough to clearly
        indicate that more cards exist to the right.
      */
      .fs-competencies-scroll::after {
        content: "";
        display: block;
        min-width: 18px;
      }
    }


    /* =====================================================
       MOBILE
       ===================================================== */

    @media (max-width: 575px) {

      .fs-five-competencies-section {
        padding: 58px 0 65px;
      }

      .fs-five-competencies-intro {
        padding: 0 15px;
        margin-bottom: 32px;
      }

      .fs-five-competencies-title {
        font-size: 30px;
        line-height: 1.18;
      }

      .fs-five-competencies-copy {
        font-size: 15px;
        line-height: 1.7;
      }

      .fs-five-competencies-tagline {
        font-size: 16px;
        line-height: 1.55;
      }

      /*
        Mobile horizontal swipe area.
      */
      .fs-competencies-scroll {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 22px;
      }

      /*
        Card width is intentionally NOT tiny.
        This follows the DOC requirement:
        "Do not reduce competency names to unreadable sizes."
      */
      .fs-competency-card {
        flex-basis: min(78vw, 285px);
        width: min(78vw, 285px);
        min-width: min(78vw, 285px);

        min-height: 175px;

        padding: 25px 20px;

        border-radius: 18px;
      }

      .fs-competency-node {
        width: 13px;
        height: 13px;

        margin-bottom: 15px;
      }

      .fs-competency-label {
        margin-bottom: 9px;

        font-size: 9px;
        letter-spacing: 0.08em;
      }

      .fs-competency-name {
        font-size: 19px;
        line-height: 1.35;
      }

      .fs-competency-card:not(:last-child)::after {
        width: 14px;
        right: -14px;
      }
    }


    /* =====================================================
       VERY SMALL PHONES
       ===================================================== */

    @media (max-width: 360px) {

      .fs-five-competencies-title {
        font-size: 27px;
      }

      .fs-competency-card {
        flex-basis: 255px;
        width: 255px;
        min-width: 255px;

        min-height: 165px;
      }

      .fs-competency-name {
        font-size: 18px;
      }
    }


    /* =====================================================
       ACCESSIBILITY
       ===================================================== */

    @media (prefers-reduced-motion: reduce) {

      .fs-competency-card {
        transition: none;
      }
    }

/* SECTION 2: CLOSE THE COMPETENCY JOURNEY - CTA PLACE THIS IMMEDIATELY AFTER DIGITAL GROWTH & ENGAGEMENT */
    .fs-competency-cta-section {
      position: relative;
      width: 100%;
      padding: 25px 20px 90px;
      background: #05070d;
      overflow: hidden;
    }

    .fs-competency-cta-section::before {
      content: "";
      position: absolute;
      width: 600px;
      height: 600px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background: rgba(0, 229, 255, 0.055);
      filter: blur(90px);
      pointer-events: none;
    }

    .fs-competency-cta-wrap {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 65px 50px;
      text-align: center;
      border: 1px solid rgba(0,229,255,0.18);
      border-radius: 28px;
      background:
        linear-gradient(
          135deg,
          rgba(0,229,255,0.07),
          rgba(255,255,255,0.025) 50%,
          rgba(0,229,255,0.045)
        );
      box-shadow: 0 25px 80px rgba(0,0,0,0.35);
    }

    .fs-competency-cta-title {
/*      max-width: 850px;*/
      margin: 0 auto 20px;
      color: #ffffff;
      font-size: clamp(28px, 3.5vw, 40px);
      line-height: 1.15;
      font-weight: 500;
      letter-spacing: -0.02em;
    }

    .fs-competency-cta-text {
      max-width: 800px;
      margin: 0 auto;
      color: rgba(255,255,255,0.78);
      font-size: clamp(16px, 1.4vw, 20px);
      line-height: 1.7;
      font-weight: 300;
    }

    .fs-competency-cta-actions {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 15px;
      margin-top: 35px;
    }

    .fs-competency-cta-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 210px;
      min-height: 52px;
      padding: 13px 25px;
      border-radius: 999px;
      border: 1px solid rgba(0,229,255,0.55);
      color: #ffffff;
      background: rgba(0,229,255,0.10);
      text-decoration: none;
      font-size: 15px;
      line-height: 1.2;
      font-weight: 500;
      transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
    }

    .fs-competency-cta-button:hover {
      transform: translateY(-3px);
      color: #ffffff;
      background: rgba(0,229,255,0.18);
      border-color: #00e5ff;
      box-shadow: 0 12px 35px rgba(0,229,255,0.14);
    }

    .fs-competency-cta-button-primary {
      color: #031014;
      background: #00e5ff;
      border-color: #00e5ff;
    }

    .fs-competency-cta-button-primary:hover {
      color: #031014;
      background: #00e5ff;
      box-shadow: 0 12px 35px rgba(0,229,255,0.25);
    }

    @media (max-width: 800px) {
      .fs-competency-cta-section {
        padding: 20px 18px 70px;
      }

      .fs-competency-cta-wrap {
        padding: 55px 30px;
        border-radius: 24px;
      }
    }

    @media (max-width: 575px) {
      .fs-competency-cta-section {
        padding: 15px 15px 55px;
      }

      .fs-competency-cta-wrap {
        padding: 42px 20px;
        border-radius: 20px;
      }

      .fs-competency-cta-title {
        font-size: 29px;
        line-height: 1.2;
      }

      .fs-competency-cta-text {
        font-size: 15px;
        line-height: 1.7;
      }

      .fs-competency-cta-actions {
        flex-direction: column;
        width: 100%;
        margin-top: 28px;
      }

      .fs-competency-cta-button {
        width: 100%;
        min-width: 0;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .fs-competency-cta-button {
        transition: none;
      }
    }

.custom-let-talkbutton button {
    background: none !important;
    padding: 0px !important;
    box-shadow: none;
}

.custom-let-talkbutton .ipx-submit:hover{
box-shadow: none;
}