.wrapmxwd1920 {
    max-width: 1920px;
    margin: auto;
    padding: 0px 80px;
}

/* hero banner specific styles based on new-index requirements */
.pillars-ban.newban p{
    font-size: 22px!important;
}
.hero-banner-section {
    position: relative;
    padding: 180px 0 60px;
    /* Adjust as per navigation overlap */
    background-color: transparent;
    /* Changed to accommodate video */
    overflow: hidden;
}

html.sticky .navbar {
    background-color: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .1);
}

.banner-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
    opacity: 1;
    filter: blur(10px);
    /* Slight opacity adjustment if blending with background color */
}

/* Base overlay to ensure text remains readable if video is dynamic or colorful */
.hero-banner-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    background: radial-gradient(circle at 10% 20%, rgba(200, 230, 255, 0.45) 0%, rgba(255, 255, 255, 0) 60%),
        radial-gradient(circle at 90% 80%, rgba(255, 220, 230, 0.35) 0%, rgba(255, 255, 255, 0) 60%);
}


.hero-heading-wrapper {
   max-width: calc(100% - 450px);
    margin-bottom: 40px;
    z-index: 2;
    position: relative;
}

.wining-software-sl {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #444;
    margin-bottom: 20px;
    font-weight: 500;
}

.pillars-ban.newban.hero-banner-section .hero-heading-wrapper h1 {
    font-size: 62px;
    line-height: 1.25;
    font-weight: 700;
    color: #0d283c;
    margin: 0;
   
    font-family: "Manrope", sans-serif;
}

.hero-heading-wrapper h1 span{
     font-style: italic;
}

.hero-top-content .hero-heading-bcx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
}

/* ── #headline-media: anchor div that JS measures as the video's starting position ── */
#headline-media {
    width: 450px;
    height: 225px;
    flex: 0 0 450px;
    margin-top: 100px;
}

.hero-top-content .hero-heading-bcx .videobcx {
    width: 100%;
    height: 100%;
}

/* Inner video always fills the container, keeps aspect ratio */
.hero-top-content .hero-heading-bcx .videobcx video.hero-side-video,
#videoBlock video.hero-side-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* videoBlock: fixed position is set by JS; z-index keeps it above other content */
#videoBlock {
    overflow: hidden;
    z-index: 90;
    will-change: top, left, width, height;
}

/* ── #fullscreenSection: the sticky zone the video "lands" in ── */
#fullscreenSection {
    position: relative;
    /* Make the section tall enough for a full scroll-through */
    height: 100vh;
    overflow: hidden;
}

.fullscreen-video-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

/* video inside fullContainer fills all edges */
.fullscreen-video-container #videoBlock {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
}

.fullscreen-video-container #videoBlock video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.hero-stats-text-wrapper {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 150px;
    margin-bottom: 50px;
    z-index: 2;
    position: relative;
}

.hero-stats {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.stat-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.stat-avatars {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 15px;
}

.stat-avatars img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /*border: 3px solid #fff;*/
    margin-left: -15px;
    position: relative;
    background: #ccc;
    object-fit: cover;
}

.stat-avatars img:first-child {
    margin-left: 0;
    z-index: 3;
}

.stat-avatars img:nth-child(2) {
    z-index: 2;
}

.stat-avatars img:nth-child(3) {
    z-index: 1;
}

.badge-10k {
       background: #004BCA;
    color: white;
    font-size: 11px;
    font-weight: 700;
    /* padding: 6px 10px; */
    border-radius: 20px;
    position: relative;
    margin-left: -12px;
    z-index: 4;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
        font-family: "Inter", sans-serif;
}

.stat-info strong {
    display: block;
    font-size: 16px;
    color: #111;
    font-weight: 800;
}

.stat-info span {
    font-size: 13px;
    color: #666;
}

.stat-icon-up {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eef4ff;
    color: #004BCA;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.hero-text-right {
    max-width: 780px;
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    background: none;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 60px;
    z-index: 2;
    position: relative;
}

.btn-primary-blue {
    background: #0253DB;
    color: #fff !important;
    padding: 20px 32px;
    border-radius: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: background 0.3s, transform 0.2s;
    font-size: 18px;
    box-shadow: 0px 26.82px 27.12px -7.95px #00A0F733;
    transition: all 500ms linear;

}

.btn-primary-blue:hover {
    background: #fff;
    color: #0253DB !important;
    text-decoration: none;
    transition: all 500ms linear;
}

.btn-primary-blue:hover svg {
    transform: rotate(45deg);
    transition: all 500ms linear;
}

.clutch-rating-box {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #EDEDED;
    border: 1.48px solid #C2C6D91A;
    padding: 10px 24px;
    border-radius: 30px;
}

.rating-stars {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    padding-left: 15px;
    border-left: 1px solid #C2C6D94D;
}

.rating-stars .stars {
    color: #ffb800;
    font-size: 14px;
    letter-spacing: 1px;
}

.rating-stars span {
    font-size: 10px;
    font-weight: 700;
    color: #666;
    letter-spacing: 0.5px;
}

.grey-scale-logos img {
    filter: grayscale(100%) opacity(0.4);
    transition: filter 0.3s;
}

.grey-scale-logos img:hover {
    filter: grayscale(0%) opacity(1);
}

/* Common Spacing Utility Classes */
.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

/* Responsive Adjustments */


/* =========================================
   Global Innovation Stats Section
   ========================================= */
.global-innovation-stats {
    padding: 80px 0px;
    background: #F7F9FB;

}

.global-innovation-stats h2 {
    font-size: 60px;
    line-height: 60px;
    color: #191C1E;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "Manrope", sans-serif;
}

.global-innovation-stats h2 span {
    color: #2087F0;
}

.global-innovation-stats p {
    color: #424656;
    font-size: 23px;
    line-height: 35px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.stat-card-white {
    background: #ffffff;
    border-radius: 24px;
    padding: 35px 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.stat-card-white:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);
}

.stat-icon-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #DBE1FF;
    /* Light blue circular background for the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Adjusting row spacing for the stats cards */
.stats-cards-row {
    margin-top: 80px;
    margin-left: -15px;
    margin-right: -15px;
}

.stats-cards-row>[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

.stat-card-white h3 {
    font-size: 65px;
    font-weight: 800;
    color: #191C1E;
    font-family: "Manrope", sans-serif;
}

.stat-card-white p {
    font-size: 18px;
    font-weight: 500;
    color: #424656;
    font-family: "Inter", sans-serif;
}

/* =========================================
   Innovative Digital Ecosystems Section
   ========================================= */
.digital-ecosystems-section {
    padding: 80px 0px;
    background: linear-gradient(180deg, #EAF8FF 0%, #C5EBFF 100%);
}

.digital-ecosystems-section .section-title {
    font-size: 65px;
    font-weight: 700;
    color: #191c1e;
    font-family: "Manrope", sans-serif;
    margin-bottom: 0;
}

.digital-ecosystems-section .section-title span {
    color: #0150D5;
}

.digital-ecosystems-section .section-subtitle {
    font-size: 18px;
    color: #2D2D2D;
    max-width: 90%;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    margin-top: 10px;
}

.digital-ecosystems-section a.get-touch-btn {
    margin-top: 20px;
    font-size: 19px;
    line-height: 29px;
    background: #0253DB;
    border: 1px solid #0253DB;
    box-shadow: 0px 26.82px 27.12px -7.95px #00A0F733;

}

.digital-ecosystems-section a.get-touch-btn:hover {
    background: #fff;
    color: #0253DB;
}

.digital-ecosystems-section a.get-touch-btn:hover span.common-get-arrow {
    background: url(../home-img/abstract-arw.svg) no-repeat;
    background-size: 18px;
}

.ecosystem-cards-wrapper {
    margin-top: 80px;
}

.ecosystem-card {
    border-radius: 30px;
    padding: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
}

.card-mobile-app {
  
    background: url('../home-img/ecosystem-mobile-bg.webp') center/cover no-repeat;
    background-color: #2b005e;
    border-radius: 40px;
    color: #fff;
    min-height: 420px;
}
.card-body-wrapper{
      position: relative;
      height: 100%;
}

.card-mobile-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%);
    pointer-events: none;
    z-index: 1;
}

.card-data-driven {
    background: #004BCA;
    color: #fff;
    min-height: 380px;
    border-radius: 40px;
    box-shadow: 0px 11.99px 14.99px -8.99px #0000001A;
    box-shadow: 0px 29.98px 37.48px -7.5px #0000001A;

}

.card-ui-ux,
.card-cloud {
    background: #ffffff;
    color: #191c1e;
    min-height: 340px;
    border-radius: 40px;
}

.bg-grey {
    background: #515F740D !important;
}

.card-content-bottom {
    display: flex;
    flex-direction: column;
  /*  position: absolute;
    bottom: 0px;*/
}

.heading23{
    color: #232323!important;
}

.card-content-bottom h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "Figtree", sans-serif;
    color: #fff;
}

.card-content-bottom p {
    font-size: 20px;
    color: #DEDEDE;
    line-height: 1.6;
    margin-bottom: 0;
    max-width: 100%;
    font-family: "Inter", sans-serif;
}

.card-content-bottom.cardbco p {
    color: #2D2D2D;
}

/* Badges */
.card-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    background: #D9D9D9;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 20px;
    letter-spacing: 0.5px;
    z-index: 2;
    font-family: "Inter", sans-serif;
}

.card-badges {
    position: absolute;
    top: 30px;
    right: 30px;
    display: flex;
    gap: 10px;
    z-index: 2;
}

.card-badge-grey {
    background: #D9D9D9;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 20px;
    letter-spacing: 0.5px;
    font-family: "Inter", sans-serif;
}

/* Icons within cards */
.card-icon-circle-white {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-bottom: 40px;
}

.card-icon-circle-blur {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-bottom: 40px;
}

.card-icon-circle-light {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f4f6fb;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-bottom: 40px;
}

.mb20 {
    margin-bottom: 30px !important;
}


/* =========================================
   Specialized Digital Service Ecosystems Section
   ========================================= */
.specialized-services-section {
    padding: 80px 0;
    background: #F8F9FB;
}

.specialized-services-section .discover-text {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #004BCA;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    display: block;
    margin-bottom: 12px;
}

.specialized-section-title {
    font-size: 75px;
    font-weight: 700;
    color: #191c1e;
    font-family: "Manrope", sans-serif;
    line-height: 1.1;
    margin-bottom: 0;
}

.specialized-section-title span {
    color: #004BCA;
}

.specialized-section-subtitle {
    font-size: 20px;
    color: #424656;
    font-family: "Inter", sans-serif;
    line-height: 1.6;
    max-width: 400px;
    margin-left: auto;
    margin-top: 40px;
}

.specialized-cards-wrapper {
    margin-top: 80px;
}

.service-ecosystem-card {
    position: relative;
    background: #ffffff;
    border-radius: 30px;
    padding: 40px 40px 80px 40px;
    height: 100%;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
}

.service-ecosystem-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);
}

.service-icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #EAF2FF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-icon-circle svg,
.service-icon-circle img {
    width: 24px;
    height: auto;
}

.service-ecosystem-card h3 {
    font-size: 28px;
    font-weight: 700;
    color: #191C1E;
    font-family: "Manrope", sans-serif;
}

.service-ecosystem-card p {
    font-size: 20px;
    color: #515F74;
    line-height: 1.6;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.service-link {
    position: absolute;
    bottom: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #004BCA;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    transition: color 0.2s;
}


.service-link:hover {
    color: #003bb3;
    text-decoration: none;
}


/* =========================================
   CTA Precision Section
   ========================================= */
.cta-precision-section {
    padding: 80px 0;
}

.cta-precision-box {
    background: url(../home-img/pillar-bg.webp)center center no-repeat;
    border-radius: 40px;
    position: relative;
    overflow: visible;
    background-size: 100%;
    padding: 80px;
    z-index: 2;
}

.cta-text-content {
    position: relative;
    z-index: 2;
}

.cta-heading {
    font-size: 70px;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
    color: #fff;
    line-height: 1.2;
}

.cta-heading .text-yellow {
    color: #FFCC26;
}

.cta-btn-group {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

.btn-start-project {
    background: #004BCA;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 40px;
    border-radius: 40px;
    text-decoration: none;
    border: 1px solid #004BCA;
    transition: 0.3s;
    font-family: "Inter", sans-serif;
}

.btn-start-project:hover {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    text-decoration: none;
}

.btn-contact-sales {
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 40px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none;
    transition: 0.3s;
    font-family: "Inter", sans-serif;
}

.btn-contact-sales:hover {
    background: #004BCA;
    color: #fff;
    border-color: #004BCA;
    text-decoration: none;
}

.cta-image-wrapper {
    position: absolute;
    bottom: 0px;
    right: -20px;
    z-index: 1;
    max-width: 700px;
    pointer-events: none;
}

.cta-man-img {
    width: 100%;
    display: block;
}


/* =========================================
   AI Services Section
   ========================================= */
.ai-services-section {
    padding: 0px 0px 80px 0px;
    background: #fff;
    /* Soft light background matching the screenshot */
}


.ai-services-header .section-title {
    font-size: 75px;
    color: #D2D2D2;
    line-height: 1.2;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
}

.ai-services-header .section-title span.text-black {
    color: #191C1E;
}

.ai-services-header .section-title span.text-blue {
    color: #004BCA;
}

.ai-services-header .text-light-grey {
    color: #D2D2D2;
    /* Light pale gray */
}

.ai-services-header .section-subtitle {
    font-size: 20px;
    color: #424656;
    font-family: "Inter", sans-serif;
    line-height: 1.6;
    max-width: 50%;
    margin: 20px auto;
}

.expert-call-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-size: 20px;
    margin: 40px 0px;
    color: #004BCA;
    text-decoration: none;
    transition: 0.2s;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
}

.expert-call-link:hover {
    text-decoration: none;
    color: #0036a1;
}

/* Nav Pills */
.ai-nav-pills {
    border-bottom: 0;
    gap: 15px;
    flex-wrap: wrap;
}

.ai-nav-pills .nav-link {
    background: #F2F4F6;
    color: #424656;
    border-radius: 40px;
    padding: 12px 24px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #BFBFBF;
    transition: all 0.3s ease;
    margin-right: 15px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    /* Added spacing in case of no gap support */
}

.ai-nav-pills .nav-link.active,
.ai-nav-pills .nav-link:hover {
    background: #004BCA;
    color: #fff;
    border-color: #004BCA;
}

/* Pillar Card */
.ai-pillar-card {
    background: url(../home-img/service-big-bg.webp)no-repeat;
    background-size: 100% 100%;
    border-radius: 30px;
    padding: 50px;
    /* position: relative; */
    overflow: hidden;
    /* min-height: 550px; */
    /* box-shadow: 0px 37.04px 74.09px -17.78px #00000040; */
}

.ai-pillar-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #A0AABF;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 6px 14px;
    border-radius: 20px;
    text-transform: uppercase;
}

.blue-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #004BCA;
    margin-right: 8px;
}

.ai-pillar-title {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
}

.ai-pillar-desc {
    font-size: 20px;
    line-height: 45px;
    color: #FFFFFFCC;
    line-height: 1.8;
}

.ai-card-glow {
    position: absolute;
    bottom: 0%;
    right: 5%;
    width: 150px;
    height: 150px;
    background: rgba(0, 75, 202, 0.5);
    filter: blur(50px);
    border-radius: 50%;
    pointer-events: none;
}

.ai-trusted-by {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 45px;
    margin-top: 20px;
}

.avatar-count {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #004BCA;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid #111A2C;
    margin-left: -10px;
    z-index: 10;
    position: relative;
}

.trusted-text {
    font-size: 20px;
    line-height: 29px;
    color: #FFFFFF99;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

/* Use Cases */
.use-cases-title {
    font-size: 32px;
    color: #191C1E;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    position: relative;
    padding-bottom: 10px;
}

.title-underline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #004BCA;
    border-radius: 5px;
}

.use-case-item {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 20px 25px;
    border-radius: 60px;
    margin-bottom: 20px;
    box-shadow: 0 15px 35px rgba(0, 75, 202, 0.08);
        transition: all 0.5s ease-in-out;

}

.use-case-item:hover {
    
    box-shadow: 0 15px 35px rgba(0, 75, 202, 0.08);
    transform: translateY(-2px);
        background: #004bca;
        transition: all 0.5s ease-in-out;
}
.use-case-item:hover .use-case-text {
    color: #fff;
}
.use-case-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #F0F4FF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.use-case-text {
    font-size: 22px;
    line-height: 40px;
    color: #191c1e;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
}

/* Premium Soft Crossfade Animation */
#ai-pills-tabContent {
    position: relative;
}

#ai-pills-tabContent .tab-pane {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    pointer-events: none;
}

#ai-pills-tabContent .tab-pane.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
}

.ai-services-section .tab-content {
    margin-top: 40px;
}

@media (max-width:1580px) {}

@media (max-width:1380px) {}

@media(max-width: 991px) {}




@media (max-width:1580px) {}


/* =============================================================
   READY TO START YOUR PROJECT — CTA BANNER SECTION
   Design: vivid blue gradient pill/capsule with white text on
   the left and a white pill button on the right.
   The pill shape is achieved with a large border-radius value.
   The layout uses flexbox: space-between on desktop,
   column-centred on mobile.
============================================================= */

/* ── Section outer wrapper ─────────────────────────────────
   Provides consistent vertical spacing above and below the pill.
   White background so the blue pill floats cleanly.
── */
.cta-banner-section {
    padding: 80px 0 0px;
    background: #ffffff;
    margin-bottom: 80px;
}

.cta-banner-pill {
    background: #0061FF;
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 50px;
    box-shadow: 0 10px 40px rgba(29, 111, 244, 0.22);
    transition: box-shadow 0.3s ease;
    overflow: hidden;
    position: relative;
}

/* Optional lift effect when the whole banner is hovered */
.cta-banner-pill:hover {
    box-shadow: 0 20px 60px rgba(29, 111, 244, 0.32);
}

/* ── Decorative right-side circle glow (pseudo-element) ────
   Adds a subtle radial light bloom on the right edge of the
   pill, giving depth without any image assets.
── */
.cta-banner-pill::after {
    content: '';
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
    /* don't block clicks */
    border-radius: 50%;
}

/* ── Left text block ────────────────────────────────────── */
.cta-banner-text {
    /* Allow the text to grow and take available space,
       but leave enough room for the button on the right */
    flex: 1;
    padding-right: 40px;
    /* gap between text and button */
}

/* Primary heading — "Ready to start your project?" */
.cta-banner-heading {
    font-size: 50px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px;
    line-height: 1.25;
    font-family: "Manrope", sans-serif;
}

/* Subtitle text below the heading */
.cta-banner-subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #F1F2FFCC;
    line-height: 1.55;
    margin: 0;
    font-family: "Inter", sans-serif;
    max-width: 480px;/
}

/* ── Right action area (button wrapper) ─────────────────── */
.cta-banner-action {
    /* flex-shrink: 0 stops the button from being squished by the heading */
    flex-shrink: 0;
}

/* ── The white pill button ──────────────────────────────── */
.cta-banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #004BCA;
    border-radius: 50px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    text-decoration: none !important;
    transition: background 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;
    box-shadow: 0px 29.64px 37.04px -7.41px #0000001A;
    white-space: nowrap;
}


@media (max-width:1580px) {
    .cta-banner-heading {
        font-size: 42px;
    }
}

@media (max-width: 1380px) {
    .cta-banner-pill {
        /* padding: 36px 44px; */
        /* slightly tighter horizontal padding */
    }

    .cta-banner-heading {
        font-size: 36px;
    }
}

/* 991px — tablet: keep flex-row but tighten spacing */
@media (max-width: 991px) {
    .cta-banner-pill {
        padding: 32px 36px;
        border-radius: 20px;
        /* slightly softer radius on tablet */
    }

    .cta-banner-text {
        padding-right: 24px;
    }

    .cta-banner-heading {
        font-size: 22px;
    }

    .cta-banner-subtitle {
        font-size: 14px;
    }

    .cta-banner-btn {
        padding: 14px 24px;
        font-size: 14px;
    }
}

/* 767px — mobile: stack text above button, centred layout */
@media (max-width: 767px) {
    .cta-banner-section {
        padding: 20px 0 0px;
    }
   

    .cta-banner-pill {
        /* Switch to column layout: heading on top, button below */
        flex-direction: column;
        align-items: flex-start;
        /* left-align both items */
        gap: 24px;
        /* space between text and button */
        padding: 30px 28px;
        border-radius: 18px;
    }

    .cta-banner-text {
        padding-right: 0;
        /* remove right padding on column layout */
    }

    .cta-banner-heading {
        font-size: 22px;
    }

    .cta-banner-subtitle {
        max-width: 100%;
        /* allow full width on mobile */
    }

    .cta-banner-btn {
        width: 100%;
        /* full-width button on mobile */
        justify-content: center;
        padding: 15px 24px;
    }
}

/* 575px — small phones: further reduce heading size */
@media (max-width: 575px) {
    .cta-banner-pill {
        padding: 24px 20px;
        border-radius: 16px;
    }

    .cta-banner-heading {
        font-size: 20px;
    }

    .cta-banner-subtitle {
        font-size: 13px;
    }
}

/* =============================================================
   OUR RECENT WORK SECTION
   Matches the design in the screenshot:
   – White background section with large heading
   – 3-column card grid where the centre card is taller
   – Card 1 (Gilligan's): warm orange gradient
   – Card 2 (Airefrig): dark navy blue (featured / taller)
   – Card 3 (OneRound): dark charcoal / deep background
   – Each card has a phone mockup image + bottom info panel
   – All colours, radii, and font sizes defined here
============================================================= */

/* ── Section wrapper ── */
.our-recent-work-section {
    padding: 80px 0 80px;
    background: linear-gradient(180deg, rgba(231, 240, 254, 1) 0%, rgba(240, 240, 240, 1) 100%);
    overflow: hidden;
}

/* ── Section heading area ── */
.recent-work-header {
    margin-bottom: 50px;
    /* space between header and cards */
}

/* Main "Our Recent Work" title */
.recent-work-title {
    font-size: 60px;
    font-weight: 600;
    color: #0d1c2e;
    /* very dark navy for strong contrast */
    line-height: 1.1;
    margin-bottom: 18px;
    font-family: "Manrope", sans-serif;
}

/* Subtitle / description text below the title */
.recent-work-subtitle {
    font-size: 18px;
    color: #424656;
    /* medium grey */
    line-height: 1.65;
    max-width: 580px;
    /* keep subtitle narrow for readability */
    font-family: "Inter", sans-serif;
    margin: 0;
}

.recent-work-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    align-items: end;
}

/* ── Base card styles (shared by all three cards) ── */
.rw-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    cursor: pointer;
    min-height: 400px;

    /* base height for side cards */
}


/* ── Card top area (logo badges and feature pills sit here) ── */
.rw-card-top {
    padding: 24px 24px 0;
    /* top inner padding */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 2;
}

/* ── Logo badge (small rounded square behind app icon) ── */
.rw-card-logo-badge {
    background: rgba(255, 255, 255, 0.25);
    /* translucent white overlay */
    backdrop-filter: blur(8px);
    border-radius: 14px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Logo image inside the badge */
.rw-logo-img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    border-radius: 8px;
}

/* Dark variant of the logo badge (for dark-background cards) */
.rw-card-logo-badge--dark {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

/* "Featured" pill shown on the centre card */
.rw-featured-pill {
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 20px;
    letter-spacing: 0.5px;
    font-family: "Inter", sans-serif;
}

/* ── Phone Mockup container ── */
.rw-card-mockup {
    display: flex;
    align-items: flex-end;
    /* image sits at the bottom of this container */
    justify-content: center;
    padding: 20px 20px 0;
    flex: 1;
    /* takes up all remaining vertical space */
    position: relative;
    z-index: 1;
}

/* Default mockup image sizing */
.rw-mockup-img {
    max-height: 280px;
    /* maximum height for side card phone images */
    width: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.25));
    /* phone shadow */
    transition: transform 0.4s ease;
}

/* Slight scale on card hover so mockup "pops" */
.rw-card:hover .rw-mockup-img {
    transform: scale(1.04) translateY(-4px);
}

/* Featured card mockup is taller */
.rw-mockup-img--featured {
    max-height: 360px;
}

/* ── Bottom info panel ── */
.rw-card-info {
    padding: 24px 28px 28px;
    /* inner padding inside info area */
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: 0px 0px 70px 70px;
}

/* Dark variant of info panel (for navy / charcoal cards) */
.rw-card-info--dark {
    background: rgba(0, 0, 0, 0.18);
}

/* ── Location tag ── */
.rw-location-tag {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: #004BCA;
    /* dark text on light-background card */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "Inter", sans-serif;
}

/* Light variant of location tag for dark-background cards */
.rw-location-tag--light {
    color: rgba(255, 255, 255, 0.65);
}

/* ── Project / app name heading ── */
.rw-project-name {
    font-size: 28px;
    font-weight: 700;
    color: #191C1E;
    margin: 16px 0px;
    line-height: 1.15;
    font-family: "Manrope", sans-serif;
}

/* White variant for dark-background cards */
.rw-project-name--white {
    color: #ffffff;
}

/* ── View Case Study link ── */
.rw-case-study-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #424656;
    padding: 20px 0px;
    text-decoration: none;
    letter-spacing: 0.3px;
    transition: gap 0.25s ease, opacity 0.25s ease;
    font-family: "Inter", sans-serif;
}

.rw-case-study-link:hover {
    gap: 14px;
    /* arrow slides right on hover */
    text-decoration: none;
    opacity: 0.85;
}

/* Arrow SVG inside the link */
.rw-arrow-icon {
    flex-shrink: 0;
    transition: transform 0.25s ease;
}

.rw-case-study-link:hover .rw-arrow-icon {
    transform: translateX(4px);
}

/* White variant of case study link for dark cards */
.rw-case-study-link--white {
    color: rgba(255, 255, 255, 0.9);
}

/* ────────────────────────────────────
   CARD THEME COLOURS
   Each card has its own gradient/colour
──────────────────────────────────── */

/* Card 1: Gilligan's — warm orange gradient */
.rw-card--gilligan {
    /* background: linear-gradient(160deg, #ff8c42 0%, #ff5e14 55%, #e8420a 100%); */
    /* background: url(../home-img/card-img1.webp)no-repeat;
    background-size: 100% 100%; */
}


/* ── CTA row below the grid ── */
.recent-work-cta-row {
    display: flex;
    justify-content: flex-start;
    /* left-aligned like the screenshot */
    margin-top: 40px;
}

.rw-card-img img {
    width: 100%;
}

/* "View All Case Studies" button */
.rw-view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #0d1c2e;
    text-decoration: none;
    padding: 14px 32px;
    border: 1.5px solid #dde3ea;
    border-radius: 30px;
    transition: background 0.3s ease, color 0.3s ease, gap 0.25s ease, border-color 0.3s ease;
    font-family: "Inter", sans-serif;
}

.rw-view-all-btn:hover {
    background: #0d1c2e;
    color: #ffffff;
    border-color: #0d1c2e;
    gap: 16px;
    /* arrow slides right on hover */
    text-decoration: none;
}

/* ── RESPONSIVE BREAKPOINTS ──────────────────────────────── */

/* 1580px — slightly reduce title and card size */
@media (max-width: 1580px) {
    .recent-work-title {
        font-size: 52px;
    }

    #headline-media{
           width: 350px;
    height: 200px;
    flex: 0 0 350px;
    }

    .rw-mockup-img--featured {
        max-height: 320px;
    }

    .rw-card--airefrig {
        min-height: 480px;
    }
}

/* 1380px — compact sizes */
@media (max-width: 1380px) {
    .recent-work-title {
        font-size: 46px;
    }

    .rw-project-name {
        font-size: 24px;
    }

    .rw-mockup-img {
        max-height: 240px;
    }

    .rw-mockup-img--featured {
        max-height: 300px;
    }

    .rw-card--airefrig {
        min-height: 440px;
    }
}



/* 767px — single column stack */
@media (max-width: 767px) {
    .recent-work-title {
        font-size: 32px;
    }

    .recent-work-grid {
        grid-template-columns: 1fr;
        /* single column */
        gap: 20px;
    }

    /* All cards same min-height on mobile */
    .rw-card,
    .rw-card--airefrig {
        min-height: 360px;
        flex-direction: column;
        /* reset to column */
    }

    .rw-card--airefrig {
        grid-column: auto;
    }

    .rw-mockup-img,
    .rw-mockup-img--featured {
        max-height: 220px;
    }

    .recent-work-cta-row {
        justify-content: center;
        /* centre CTA on mobile */
    }
}

/* 575px — extra small phones */
@media (max-width: 575px) {
    .our-recent-work-section {
        padding: 40px 0;
    }

    .recent-work-title {
        font-size: 28px;
    }

    .rw-project-name {
        font-size: 22px;
    }

    .rw-card-info {
        padding: 18px 20px 22px;
    }

    .rw-card-top {
        padding: 18px 18px 0;
    }

    .rw-mockup-img,
    .rw-mockup-img--featured {
        max-height: 200px;
    }
}


/* =========================================
   Partner Testimonials Section
   ========================================= */

.testimonial-heading {
    background-color: white;
    padding: 0px 0 20px 0;
    margin-bottom: 50px;

}

.testimonial-heading .partners-sub-heading {
    margin-bottom: 30px;
}

.partner-testimonials-section {
    padding: 0px 0px 80px 0px;
    background: linear-gradient(180deg, #F7F9FB 0%, #F2F4F6 100%);
    position: relative;
    overflow: hidden;
    margin-top: 80px;
}

.trusted-globally-label {
    font-size: 16px;
    font-weight: 700;
    color: #004BCA;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    font-family: "Inter", sans-serif;
}

.partners-heading {
    font-size: 60px;
    font-weight: 600;
    color: #0d283c;
    line-height: 1.1;
    margin-bottom: 25px;
    max-width: 800px;
    font-family: "Manrope", sans-serif;
}

.partners-heading .blue-highlight {
    color: #004BCA;
}

.partners-sub-heading {
    font-size: 18px;
    color: #424656;
    max-width: 600px;
    line-height: 1.6;
    margin-bottom: 60px;
    font-family: "Inter", sans-serif;
}

.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.testimonial-card-white {
    background: #ffffff;
    border-radius: 71px;
    padding: 50px 40px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 29.64px 74.09px 0px #00000008;

}

.testimonial-card-white:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 85, 255, 0.08);
}

.testimonial-profile-img-wrap {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #0061FF1A;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    box-shadow: 0px 29.64px 74.09px 0px #00000008;
}

.testimonial-profile-img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border: 5.93px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0px 29.64px 74.09px 0px #00000008;


}

.rating-stars-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 25px;
}

.rating-stars-row .rating-stars {
    width: 16px;
    margin-right: 2px;
    display: inline-block;
}


.rating-number {
    position: relative;
    top: 7px;
    font-size: 18px;
    font-weight: 700;
    color: #2d2d2d;
}

.testimonial-quote {
       font-size: 21px;
    color: #424656;
    margin-bottom: 40px;
    line-height: 32px;
    font-family: "Inter", sans-serif;
    flex-grow: 1;
}

.testimonial-author-name {
    font-size: 24px;
    font-weight: 800;
    color: #191C1E;
    margin-bottom: 8px;
    font-family: "Manrope", sans-serif;
}

.testimonial-author-role {
    font-size: 17px;
    font-weight: 400;
    color: #004BCA;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: "Inter", sans-serif;
}

/* =========================================
   Dynamic Stats Section
   ========================================= */
.dynamic-stats-section {
    padding-top: 30px;
    padding-bottom: 50px;
    background: #ffffff;
}

.stats-bar-container {
    background: #004BCA;
    border-radius: 71px;
    padding: 70px 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #ffffff;
    box-shadow: 0 20px 40px rgba(0, 85, 255, 0.15);
}

.stats-item {
    text-align: center;
    flex: 1;

}

.stats-item:last-child {
    border-right: none;
}

.stats-label {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF99;
    display: block;
    margin-bottom: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
}

.stats-value {
    font-size: 50px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    font-family: "Manrope", sans-serif;
}

/* =========================================
   Premium FAQ Section
   ========================================= */
.premium-faq-section {
    padding: 80px 0;
    background: #f8fafc;
}

.faq-header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

/*.faq-title-area {
    max-width: 600px;
}*/

.precision-support-tag {
    font-size: 16px;
    font-weight: 700;
    color: #004BCA;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    font-family: "Inter", sans-serif;
}

.premium-faq-section h2 {
    font-size: 80px;
    font-weight: 800;
    color: #191C1E;
    line-height: 1.1;
    font-family: "Manrope", sans-serif;
}

.premium-faq-section h2 span {
    color: #cbd5e178;
    display: block;
}

.faq-desc-text {
    font-size: 20px;
    color: #515F74;
    max-width: 550px;
    line-height: 1.6;
    font-family: "Inter", sans-serif;
}

.faq-main-wrapper {
    display: flex;
    gap: 40px;
}

.faq-accordion-side {
    flex: 1;
}

/* Override Bootstrap card styles for FAQ */
.faq-accordion-side .card {
    background: #ffffff;
    border-radius: 40.42px !important;
    padding: 15px 10px;
    margin-bottom: 20px;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
}

.faq-accordion-side .card:hover {
    box-shadow: 0 10px 30px rgba(0, 85, 255, 0.05);
}

.faq-accordion-side .card-header {
    background: transparent;
    border: none;
    padding: 15px 20px 15px 20px;
}

.faq-accordion-side .btn-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none !important;
    color: #191C1E !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 0;
    text-align: left;
    width: 100%;
    line-height: 32px;
    font-family: "Manrope", sans-serif;
}

.faq-accordion-side .card-body {
    padding: 0px 25px 10px 25px;
}

.faq-accordion-side .card-body p {
    position: relative;
    top: 0px;
    font-size: 20px;
    color: #515F74;
    line-height: 32px;
    margin: 0;
    font-family: "Inter", sans-serif;
}

.faq-toggle-arrow {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230055ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    transition: transform 0.3s ease;
}

.faq-accordion-side .btn-link:not(.collapsed) .faq-toggle-arrow {
    transform: rotate(180deg);
}

/* Sidebar CTA */
.faq-cta-sidebar {
    position: relative;
    width: 380px;
}

.faq-cta-blue {
    position: relative;
    background: #0061FF;
    border-radius: 47.42px;
    padding: 150px 40px 60px 40px;
    color: #ffffff;
    text-align: center;
    position: sticky;
    top: 100px;
    box-shadow: 0px 37.04px 74.09px -17.78px #004BCA1A;
}

.faq-cta-blue .faq-cta-icon-box {
    position: absolute;
    left: 40px;
    top: 40px;
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
}

.faq-cta-blue h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    font-family: "Manrope", sans-serif;
    text-align: left;
}

.faq-cta-blue p {
    font-size: 18px;
    color: #F1F2FFCC;
    line-height: 1.6;
    margin-bottom: 40px;
    font-family: "Inter", sans-serif;
    text-align: left;
}

.faq-book-call-btn {
    background: #ffffff;
    color: #004BCA !important;
    padding: 16px 30px;
    border-radius: 50px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s ease;
    font-family: "Inter", sans-serif;

}

.faq-book-call-btn svg {
    position: relative;
    top: 3.5px;
    width: 20px;
    height: 20px;
}

.faq-book-call-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.experts-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
}

.expert-avatars-row {
    display: flex;
}

.expert-avatars-row img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /*border: 2px solid #004BCA;*/
    margin-left: -10px;
    /*background: #ccc;*/
}

.expert-avatars-row img:first-child {
    margin-left: 0;
}

.online-txt {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.95);
    font-family: "Inter", sans-serif;
    text-align: left;
    display: inline-block;
    line-height: 24px;
    margin-left: 10px;
}


/* =========================================
   Premium Footer CTA Section
   ========================================= */
.premium-footer-cta {
    padding: 80px 0;
    background: #ffffff;
}

.cta-gradient-box {
    background: linear-gradient(135deg, #004BCA 0%, #0033cc 100%);
    border-radius: 50px;
    padding: 100px 40px 140px 40px;
    text-align: center;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 85, 255, 0.15);
}

.cta-tag-pill {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 30px;
    display: inline-block;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    backdrop-filter: blur(17.781204223632812px);
    border: 1.48px solid #FFFFFF33;
}

.cta-tag-pill .dot {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 100%;
    margin-right: 8px;
}

.cta-tag-pill i {
    color: #4ade80;
    margin-right: 8px;
    font-size: 10px;
}

.premium-footer-cta h2 {
    font-size: 80px;
    font-weight: 700;
    line-height: 100px;
    margin-bottom: 30px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
}

.cta-subtitle {
    font-size: 20px;
    color: #B4C5FF;
    font-weight: 400;
    max-width: 650px;
    margin: 0 auto 50px;
    line-height: 1.6;

    font-family: "Inter", sans-serif;
}

.cta-button-group {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 70px;
}

.cta-btn-white {
    background: #ffffff;
    color: #004BCA !important;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    box-shadow: 0px 37.04px 74.09px -17.78px #00000033;

}

.cta-btn-outline {
    background: transparent;
    color: #ffffff !important;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none !important;
    transition: all 0.3s ease;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    backdrop-filter: blur(5.927067756652832px);
    border: 1.48px solid #FFFFFF4D;
}

.cta-btn-white:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.cta-btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
}

.cta-features-flex {
    display: flex;
    justify-content: center;
    gap: 40px;
    opacity: 0.8;
}

.feature-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    font-family: "Inter", sans-serif;
}

.feature-pill img {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
}

/* Floating Assets */
.floating-ui-asset {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 320px;
    opacity: 0.1;
    pointer-events: none;
    transform: rotate(-10deg);
}

.active-deploy-badge {
    position: absolute;
    bottom: 50px;
    right: 50px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 25px 25px;
    border-radius: 45px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.pulse-circle {
    width: 22px;
    height: 22px;
    background: #4ade80;
    border-radius: 50%;
    position: relative;
}

/* .pulse-circle::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #4ade80;
    border-radius: 50%;
    animation: pulse-green 2.5s infinite;
} */

@keyframes pulse-green {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    100% {
        transform: scale(3.5);
        opacity: 0;
    }
}

.deploy-lbl {
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    font-family: "Inter", sans-serif;
}

@media (max-width: 1580px) {

    /* Partner Testimonials */
    .partners-heading {
        font-size: 54px;
    }
}

@media (max-width: 1200px) {
    .partners-heading {
        font-size: 44px;
    }

    .premium-faq-section h2 {
        font-size: 36px;
    }

    .faq-accordion-side .card-body p {
        font-size: 18px;
    }

    /* Partner Testimonials */
    .testimonial-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stats-label {
        font-size: 18px;
    }

    .faq-desc-text {
        max-width: 450px;
    }

    .faq-accordion-side .btn-link {
        font-size: 18px
    }

    .faq-cta-blue h3 {
        font-size: 24px
    }

    .online-txt br {
        display: none;
    }

    /* Dynamic Stats */
    .stats-value {
        font-size: 32px;
    }
}

@media (max-width: 1024px) {
    .faq-desc-text br {
        display: none;
    }
}

@media (max-width: 991px) {

    /* Partner Testimonials */
    .partners-heading {
        font-size: 42px;
    }

    .faq-desc-text br {
        display: none;
    }

    .testimonial-card-white {
        padding: 30px 20px;
        border-radius: 30px;
    }

    .testimonial-quote {
        font-size: 20px;
        line-height: 32px;
    }

    .testimonial-profile-img-wrap {
        width: 110px;
        height: 110px;
    }

    .faq-accordion-side .card-header {
        padding: 15px 10px 15px 10px
    }

    .testimonial-profile-img {
        width: 100px;
        height: 100px;
    }

    .testimonial-author-name {
        font-size: 20px;
    }

    .stats-label {
        font-size: 18px;
    }

    .testimonial-author-role {
        font-size: 16px;
    }

    /* Dynamic Stats */
    .stats-bar-container {
        flex-wrap: wrap;
        padding: 40px 20px;
        border-radius: 40px;
    }

    .stats-item {
        flex: 0 0 50%;
        margin: 20px 0;
        border-right: none;
    }

    .stats-item:nth-child(even) {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 767px) {

    /* Partner Testimonials */
    .testimonial-grid {
        grid-template-columns: 1fr;
    }

    .partners-heading {
        font-size: 32px;
    }

    .partner-testimonials-section {
        padding: 40px 0;
    }
}

@media (max-width: 575px) {

    /* Dynamic Stats */
    .dynamic-stats-section {
        padding-bottom: 50px;
    }

    .stats-item {
        flex: 0 0 100%;
        border-left: none !important;
        margin: 15px 0;
    }

    .stats-value {
        font-size: 28px;
    }
}

/* Premium FAQ Responsive */
@media (max-width: 1200px) {
    .faq-main-wrapper {
        flex-direction: column;
    }

    .faq-cta-sidebar {
        width: 100%;
    }

    .faq-cta-blue {
        position: static;
        padding: 120px 30px 50px 30px;
    }
}

@media (max-width: 991px) {
    .faq-header-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .premium-faq-section h2 {
        font-size: 30px;
    }

    .faq-toggle-arrow {
        width: 30px;

    }

    .faq-accordion-side .card {
        border-radius: 30px !important;
    }

    .faq-cta-blue h3 {
        font-size: 24px;
    }

    .cta-tag-pill {
        font-size: 16px;
    }

    .expert-avatars-row {
        justify-content: center;
    }

    .experts-footer {
        display: block;
    }

    .experts-footer .online-txt {
        margin-top: 10px;
        text-align: left;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .premium-faq-section {
        padding: 60px 0;
    }

    .premium-faq-section h2 {
        font-size: 34px;
    }

    .faq-accordion-side .btn-link {
        font-size: 16px!important;
        line-height: 26px;
    }
}

/* Premium Footer CTA Responsive */
@media (max-width: 1200px) {
    .premium-footer-cta h2 {
        font-size: 44px;
        line-height: 70px;
    }

    .active-deploy-badge {
        bottom: 30px;
        right: 30px;
        padding: 15px 15px;
    }

  /*  .deploy-lbl {
        font-size: 18px;
    }*/

    .pulse-circle {
        width: 18px;
        height: 18px;
    }

    .pulse-circle {
        width: 20px;
        height: 20px;
    }

    .testimonial-quote {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .cta-gradient-box {
        padding: 80px 20px;
        border-radius: 40px;
    }

    .pulse-circle {
        width: 18px;
        height: 18px;
    }

    .premium-footer-cta h2 {
        font-size: 42px;
    }

    .cta-features-flex {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .floating-ui-asset {
        display: none;
    }
}

@media (max-width: 767px) {
    .wrapmxwd1920 {
        padding: 0px 20px;
    }

    .cta-tag-pill {
        font-size: 14px;
    }

    .cta-tag-pill .dot {
        top: 0px;
    }

    .premium-footer-cta h2 {
        font-size: 36px;
        line-height: 44px;
    }

    .deploy-lbl {
        font-size: 18px;
    }

    .cta-button-group {
        flex-direction: column;
        align-items: stretch;
    }

    .active-deploy-badge {
        position: static;
        margin-top: 40px;
        justify-content: center;
        width: 100%;
    }
}

/* ============= Footer Form ============== */
.pillars7-get-touch {
    background: radial-gradient(134.33% 149.77% at 0% 0%, #00174B 0%, #191C1E 100%);
}

.conversation-section-content .conver-head {
    font-family: "Manrope", sans-serif;
}

.conversation-form {
    position: relative;
    background-image: url(../home-img/glass-bg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 70px;
    background-color: #FFFFFF08;
    border: 1.48px solid #FFFFFF1A;
}

.seched {
    font-size: 20px;
    color: #B4C5FF;
    padding: 10px 25px;
    background: #004BCA1A;
    display: inline-block;
    border-radius: 100px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "Inter", sans-serif;
}

/* .bluetop {
    width: 150px;
    height: 150px;
    background: #004BCA33;
    backdrop-filter: blur(88.90602111816406px)
} */

/* ============ Footer Form ============= */