:root {
            --primary-color: #00CC83;
            --secondary-color: #2E0641;
            --bg-light: #f8f9fa;
            --text-dark: #1a1a1a;
            --text-muted: #6c757d;
            --purple-light: #F1EAFD;
            --purple-accent: #6F42C1;
        }

        body {
            font-family: 'Lato', sans-serif;
            color: var(--text-dark);
            overflow-x: hidden;
        }

        .why-sec-cont {
            background: #F8F9FA;
            padding: 2.4rem;
            border: 1px solid #E9ECEF;
            border-radius: 10px;
        }

        /* Navbar */
        .navbar {
            padding: 1rem 0;
            background: transparent;
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 1050;
            transition: background 0.4s ease, box-shadow 0.4s ease, padding 0.3s ease;
        }
        .image-full img{
            max-width: 100%;
            width: 100%;
        }
        .navbar.scrolled {
            background: #2e0641;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
            padding: 0.6rem 0;
        }
        .desk-hid{
            display: none;
        }
        .mob-hid{
            display: block;
        }
        .navbar .navbar-brand span,
        .navbar .nav-link {
            color: #1a1a1a;
            font-weight: 500;
            margin: 0 6px;
            transition: color 0.3s ease;
        }
   .btn-secondary-custom img {
    margin-bottom: 7px;
}
.btn-primary-custom img {
    margin-bottom: 7px;
}
        .navbar.scrolled .navbar-brand span,
        .navbar.scrolled .nav-link {
            color: #fff;
        }
        .pf-bd-dk .desc {
    font-size: 12px !important;
    width: 100% !important;
}
.pf-bd-dk .pct {
    font-size: 16px !important;
}


        .navbar .nav-link:hover {
            color: var(--primary-color) !important;
        }

        .navbar .nav-link.active-link {
            color: var(--primary-color) !important;
        }

        .cta-section .btn-secondary-custom {
            background: #6610F2;
        }

        .navbar-toggler {
            border: none;
            outline: none;
            box-shadow: none !important;
            padding: 0.25rem 0.4rem;
        }

        .navbar-toggler .bi {
            font-size: 1.6rem;
            line-height: 1;
            color: #1a1a1a;
        }

        .navbar.scrolled .navbar-toggler .bi {
            color: #000000;
        }

        .navbar-toggler .icon-close {
            display: none;
        }

        .navbar-toggler.is-open .icon-open {
            display: none;
        }

        .navbar-toggler.is-open .icon-close {
            display: inline-block;
        }

        .feature-icon img {
            width: 40px !important;
            margin-right: 0px !important;
            border-radius: 0px;
        }

        .solution-icon img {
            width: 40px !important;
            margin-right: 0px !important;
            border-radius: 0px;
        }

        .get-start-cta p {
            margin-bottom: 0px;
        }
        .navbar .dropdown-menu {
    border-radius: 0px !important;
}
    .navbar .dropdown-item {
        color: #fff;
        padding: 0.25rem 0.5rem;
        border: 0px solid;
        font-size: 12px;
    }
.navbar-toggler .bi {
    color: #000000;
}


@media(max-width:1400px) and (min-width:991px){
    
.pf-s2{
    left: 35.5% !important;
}
.pf-s1 {
    left: 37.7% !important;
}
.pf-l2-1{
    top: 292px !important;
}

.pf-l2-c1 {
    top: 280px !important;
    left: calc(50% - 18px) !important;
    width: 20px !important;
    height: 14px !important;
}
.pf-l3-c1 {
    top: 111px !important;
    left: calc(73.1% - 18px) !important;
    width: 61px !important;
    height: 64px !important;

}
.pf-l3-2 {
    top: 176px !important;
    left: 76.4% !important;
    height: 117px !important;
}
.pf-s3-c1 {
    top: 297px !important;
    left: calc(87.8% - 14px) !important;
}
.pf-s3-2 {
    top: 205px !important;
    left: 89.93% !important;
    height: 94px !important;
}
.pf-col-2 .pf-node-bottom {
    bottom: 19px !important;
    left: 52% !important;
}
.pf-col-4 .pf-node-bottom {
    left: 64.5% !important;
}


}


.get-start-cta {
    background-image: url("https://mcusercontent.com/f07c3ea7a804576c2ecb0238e/images/fb6ac7fb-57c0-efdc-58b4-fdb79785ea8c.png");
            padding: 4rem 3rem 3rem 3rem;
            width: 100%;
            margin: 0 auto;
        }

        li.nav-item.dropdown a::after {
            margin-left: 8px;
        }

        .btn-contact {
            background-color: #ffffff;
            color: #000000;
            border: none;
            padding: 0.5rem 1.5rem;
            border-radius: 0px;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 0.02em;
            transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
            box-shadow: 0 2px 8px rgba(0, 210, 137, 0.2);
        }

        .btn-contact:hover {
            background-color: #00bd7b;
            transform: translateY(-2px);
            box-shadow: 0 4px 16px rgba(0, 210, 137, 0.35);
        }

        /* Dropdown menus */
        .navbar .dropdown-menu {
            border: none;
            border-radius: 10px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
            animation: dropdownFade 0.2s ease;
            margin-top: 0;
        }

        @media (min-width: 992px) {
            .navbar .dropdown:hover .dropdown-menu {
                display: block;
            }

            .navbar .dropdown:hover .nav-link {
                color: var(--primary-color) !important;
            }
        }
        @media(max-width:1300px)and (min-width:1200px){
            .related-services-grid {
    grid-template-columns: repeat(3, 305px) !important;
            }
        }
        @media(max-width:1200px)and (min-width:992px){
            a.navbar-brand.d-flex.align-items-center {
    width: 19% !important;
}
a.navbar-brand img {
    width: 100% !important;
}
        }
        @media(max-width:575px){
            .input-group {
    flex-wrap: nowrap !important;
    display: contents;
}
.input-group-text {
    width: 10% !important;
}
.btn-schedule {
    width: 57% !important;
    padding: 0.6rem 0.2rem !important;
}
        }
        @media (max-width: 991.98px) {
            .navbar {
        background: #dff1ee;
        padding: 0.7rem 0;
    
            }
            img.imag-wid {
    width: 30% !important;
}

            .navbar .nav-link {
                color: #fff;
                padding: 0.65rem 0;
            }

            .navbar .navbar-collapse {
                background: #2e0641;
                margin-top: 0.6rem;
                padding: 0.75rem 0.5rem 0.5rem;
                border-top: 1px solid rgba(255, 255, 255, 0.12);
            }

            .navbar .dropdown-menu {
                position: static !important;
                transform: none !important;
                float: none;
                width: 100%;
                margin-top: 0.35rem;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: rgba(255, 255, 255, 0.06);
                box-shadow: none;
                animation: none;
            }

            .navbar .dropdown-menu.show {
                display: block;
            }

            .navbar .dropdown-item {
                color: #fff;
                padding: 0.5rem 0.75rem;
            }

            .navbar .dropdown-item:hover,
            .navbar .dropdown-item:focus {
                background: rgba(255, 255, 255, 0.14);
                color: #fff;
            }
        }

        @keyframes dropdownFade {
            from {
                opacity: 0;
                transform: translateY(-8px);
            }

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

        /* Hero Section */
        .hero-section {
            background: linear-gradient(135deg, #e0f2fe 0%, #f3e8ff 50%, #e0e7ff 100%);
    padding: 150px 0 80px;
            position: relative;
            overflow: hidden;
        }
        .text-left {
    text-align: left;
}
svg {
    margin-right: 4px;
}
        .hero-grid {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("https://mcusercontent.com/f07c3ea7a804576c2ecb0238e/images/c4f0d81c-baaa-703a-2948-66aa9301de6e.png");
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 0;
        }

        .hero-content {
            position: relative;
            z-index: 1;
        }

        .hero-title {
            font-size: 48px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 1rem;
        }

        .hero-subtitle {
            font-size: 16px;
            color: #4b5563;
            margin-bottom: 1.5rem;
            max-width: 495px;
            /* margin-left: auto;
            margin-right: auto; */
        }

        /* Trust Markers (below hero) */
        .trust-markers-section {
    background: #ffffff;
    padding: 0.5rem 0 3rem;
}

        .trust-markers-card {
            position: relative;
            background: #F8F9FA;
            border: 1px solid #DEE2E6;
            border-radius: 10px;
            min-height: 326px;
            padding: 28px 28px 28px 24px;
            overflow: hidden;
        }
        .trust-left-media {
            width: 100%;
            max-width: 519px;
            height: 270px;
            border-radius: 7px;
            background: url("images/home/talent-image-4.png") center/cover no-repeat;
            border: 1px solid #DEE2E6;
        }
        .trust-green-vector {
            position: absolute;
            width: 70px;
            height: 70px;
            background: #00CC83;
            transform: rotate(-26.94deg);
            left: 50%;
            top: 0;
            margin-left: -65px;
        }
      .trust-markers-title {
    font-size: 24px;
    font-weight: 600;
    color: #212529;
    margin: 6px 0 8px 0px;
            line-height: 1.46;
        }
        .trust-markers-desc {
            font-size: 16px;
            color: #343A40;
            line-height: 1.64;
            margin: 0;
            max-width: 590px;
        }
        .trust-stats-row {
            margin-top: 34px;
            /*gap: 42px;*/
        }
        .trust-stat-num {
            font-size: 48px;
            font-weight: 600;
            color: #212529;
            line-height: 1.36;
            margin-bottom: 0;
        }
        .trust-stat-label {
            font-size: 16px;
            color: #343A40;
            line-height: 1.64;
        }
        .trust-markers-content {
            max-width: 590px;
        }
        .trust-stats-row > [class*="col-"] {
            flex: 0 0 auto;
            width: auto;
            margin: 0 !important;
        }
        .trust-stat-wide {
            min-width: 211px;
        }
        .trust-markers-card .desk-hid {
    width: 26%;
    margin: 0 0 0 auto;
}
        @media (max-width: 767.98px) {
            .trust-markers-card {
                padding: 20px 16px;
            }
            .skills-section {
                padding: 4.25rem 10px 4.75rem 10px;
            }
            .hero-section .d-flex {
    flex-wrap: wrap;
}
.desk-hid{
    display: block;
}
.mob-hid{
    display: none;
}
            .trust-markers-content {
                max-width: 100%;
            }
            .trust-markers-desc {
                text-align: left;
            }
            .trust-stat-num {
                font-size: 36px;
            }
            .trust-stats-row {
                gap: 18px;
                margin-top: 22px;
            }
            .trust-left-media {
                max-width: 100%;
                height: 220px;
            }
            .trust-green-vector {
                display: none;
            }
        }
        @media (max-width: 991.98px) {
            .trust-markers-card {
                min-height: 0;
            }
            .trust-stats-row > [class*="col-"] {
                width: calc(50% - 12px);
            }
            .trust-stat-wide {
                width: 100% !important;
            }
        }

        /* Developer Skills & Talent Pool */
        .skills-section {
    padding: 4.25rem 0 4.75rem;
    background: #ffffff;
}
        .skills-head {
            max-width: 552px;
            margin: 0 auto 2rem;
        }
        .skills-head .section-tag {
            background: #F0E8FF;
            color: #6F42C1;
            border-radius: 0;
            padding: 10px 14px;
            font-size: 14px;
            font-weight: 600;
        }
        .skills-head h2 {
            font-size: 32px;
            line-height: 1.36;
            color: #000000;
            margin-bottom: 0.2rem;
        }
        .skills-head p {
            font-size: 16px;
            line-height: 1.64;
            color: #343A40;
            margin: 0;
        }
        .skills-grid {
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 32px;
        }
        .skills-card {
            border: 1px solid #DEE2E6;
            background: #F8F9FA;
            min-height: 291px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 0 0 24px;
            transition: transform 0.28s ease;
        }

        /* Scroll-triggered animation for Skills + Capabilities sections */
        .skills-section .skills-card,
        .fullstack-capabilities-section .fullstack-capability-card,
        .right-talent-section .right-talent-card,
        .related-services-section .related-service-link,
        .related-services-section .related-services-title,
        .blog-article-section .blog-animate {
            opacity: 0;
            transform: translateY(18px);
            transition: opacity 0.55s ease, transform 0.55s ease, box-shadow 0.28s ease, border-color 0.28s ease;
            will-change: opacity, transform;
        }
        /* Only parent blog section animates; children stay static */
        .blog-article-section {
            opacity: 0;
            transform: translateY(18px);
            transition: opacity 0.45s ease, transform 0.45s ease;
            will-change: opacity, transform;
        }
        .blog-article-section.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        .blog-article-section .blog-animate {
            opacity: 1;
            transform: none;
            transition: none;
            will-change: auto;
        }

        .skills-section.is-visible .skills-card,
        .fullstack-capabilities-section.is-visible .fullstack-capability-card,
        .right-talent-section.is-visible .right-talent-card,
        .related-services-section.is-visible .related-service-link,
        .related-services-section.is-visible .related-services-title,
        .blog-article-section.is-visible .blog-animate {
            opacity: 1;
            transform: translateY(0);
        }

        .skills-grid .skills-card:nth-child(1),
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(1) { transition-delay: 0.04s; }
        .skills-grid .skills-card:nth-child(2),
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(2) { transition-delay: 0.08s; }
        .skills-grid .skills-card:nth-child(3),
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(3) { transition-delay: 0.12s; }
        .skills-grid .skills-card:nth-child(4),
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(4) { transition-delay: 0.16s; }
        .skills-grid .skills-card:nth-child(5),
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(5) { transition-delay: 0.20s; }
        .skills-grid .skills-card:nth-child(6),
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(6) { transition-delay: 0.24s; }
        .skills-grid .skills-card:nth-child(7),
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(7) { transition-delay: 0.28s; }
        .skills-grid .skills-card:nth-child(8),
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(8) { transition-delay: 0.32s; }
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(9) { transition-delay: 0.36s; }
        .fullstack-capabilities-grid .fullstack-capability-card:nth-child(10) { transition-delay: 0.40s; }
        .right-talent-grid .right-talent-card:nth-child(1) { transition-delay: 0.06s; }
        .right-talent-grid .right-talent-card:nth-child(2) { transition-delay: 0.12s; }
        .right-talent-grid .right-talent-card:nth-child(3) { transition-delay: 0.18s; }
        .right-talent-grid .right-talent-card:nth-child(4) { transition-delay: 0.24s; }
        .related-services-title { transition-delay: 0.03s; }
        .related-services-grid .related-service-link:nth-child(1) { transition-delay: 0.06s; }
        .related-services-grid .related-service-link:nth-child(2) { transition-delay: 0.10s; }
        .related-services-grid .related-service-link:nth-child(3) { transition-delay: 0.14s; }
        .related-services-grid .related-service-link:nth-child(4) { transition-delay: 0.18s; }
        .related-services-grid .related-service-link:nth-child(5) { transition-delay: 0.22s; }
        .related-services-grid .related-service-link:nth-child(6) { transition-delay: 0.26s; }
        .related-services-grid .related-service-link:nth-child(7) { transition-delay: 0.30s; }
        .related-services-grid .related-service-link:nth-child(8) { transition-delay: 0.34s; }
        .blog-article-section .blog-animate:nth-child(1),
        .blog-article-section .blog-animate:nth-child(2),
        .blog-article-section .blog-animate:nth-child(3),
        .blog-article-section .blog-animate:nth-child(4),
        .blog-article-section .blog-animate:nth-child(5),
        .blog-article-section .blog-animate:nth-child(6),
        .blog-article-section .blog-animate:nth-child(7),
        .blog-article-section .blog-animate:nth-child(8),
        .blog-article-section .blog-animate:nth-child(9),
        .blog-article-section .blog-animate:nth-child(10),
        .blog-article-section .blog-animate:nth-child(11),
        .blog-article-section .blog-animate:nth-child(12) { transition-delay: 0s; }
        
.submit-btn {
    background: #111726;
    color: white;
    padding: 9px;
    border-radius: 0px;
}
div#navbarNav {
    justify-content: center;
}
.scrolled path:first-child {
    fill: white;
}
button.btn-contact path {
    fill: black !important;
}
.footer .form-control {
    background: none;
    border: none;
}
.flex-wor {
    display: flex;
    align-items: center;
    background: #f9fafb;
    padding: 0px 7px;
    border: 1px solid #e4e4e4;
}
        /* .skills-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 24px rgba(0, 0, 0, 0.06);
        } */
        /* .skills-card-visual {
            position: relative;
            height: 109px;
            border-bottom: 1px solid #DEE2E6;
            overflow: hidden;
        } */
        /* .skills-card-visual::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.16;
            background: #CEDFF6;
        } */
        .skills-card-window {
            position: absolute;
            left: 18px;
            right: 18px;
            top: 16px;
            height: 93px;
            background: #FFFFFF;
            border-radius: 6px 6px 0 0;
            box-shadow: 0 -8px 7px 6px rgba(0, 0, 0, 0.02);
            border: 1px solid #DEE2E6;
        }
        .skills-window-top {
            height: 13px;
            border-radius: 6px 6px 0 0;
            background: #0D6EFD;
            opacity: 0.8;
            position: relative;
        }
        .skills-window-dots {
            position: absolute;
            top: 3px;
            right: 9px;
            display: flex;
            gap: 3px;
        }
        .skills-window-dots span {
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background: rgba(248, 249, 250, 0.9);
        }
        .skills-window-body {
            padding: 8px;
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 8px;
            height: calc(100% - 13px);
        }
        .skills-lines {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        .skills-lines span {
            height: 2px;
            background: #DEE2E6;
            display: block;
        }
        .skills-lines span.w30 { width: 30%; }
        .skills-lines span.w80 { width: 80%; }
        .skills-lines span.w20 { width: 20%; }
        .skills-lines span.w74 { width: 74%; }
        .skills-lines span.w25 { width: 25%; }
        .skills-lines span.w24 { width: 24%; }
        .skills-lines span.w13 { width: 13%; }
        .skills-lines span.w50 { width: 50%; }
        .skills-mini-box {
            border: 1px solid #DEE2E6;
            background: #fff;
        }
        .skills-card-content {
            padding: 0 18px;
        }
        .skills-card-content h4 {
            font-size: 16px;
            line-height: 1.36;
            font-weight: 700;
            color: #000;
            margin: 0 0 16px;
        }
        .skills-chip-wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 6px;
        }
        .skills-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 4px 10px;
            min-height: 28px;
            border-radius: 12px;
            background: rgba(222, 226, 230, 0.4);
            font-size: 14px;
            line-height: 1.46;
            color: #212529;
            white-space: nowrap;
        }
        .skills-theme-blue .skills-card-visual::before { background: #CEDFF6; }
        .skills-theme-blue .skills-window-top { background: #CEDFF6; }
        .skills-theme-violet .skills-card-visual::before { background: #6610F2; }
        .skills-theme-violet .skills-window-top { background: #6610F2; }
        .skills-theme-orange .skills-card-visual::before { background: #FD7E14; }
        .skills-theme-orange .skills-window-top { background: #FD7E14; }
        .skills-theme-green .skills-card-visual::before { background: #198754; }
        .skills-theme-green .skills-window-top { background: #198754; }
        .skills-theme-black .skills-card-visual::before { background: #000000; }
        .skills-theme-black .skills-window-top { background: #000000; }
        .skills-theme-mint .skills-card-visual::before { background: #00CC83; }
        .skills-theme-mint .skills-window-top { background: #00CC83; }
        .skills-theme-deep .skills-card-visual::before { background: #2E0641; }
        .skills-theme-deep .skills-window-top { background: #2E0641; }
        @media (max-width: 1399.98px) {
            .skills-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
            .skills-card-content {
    padding: 0 10px;
}
.pf-container {
    padding: 0 40px !important;
}
        }
        @media (max-width: 991.98px) {
            .skills-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 24px;
            }
        }
        @media (max-width: 575.98px) {
            .skills-head h2 {
                font-size: 28px;
            }
            .skills-grid {
                grid-template-columns: 1fr;
            }
        }

        /* Capabilities of Full-stack Developers */
        .fullstack-capabilities-section {
            background: #FFFFFF;
            padding: 64px 0;
        }

        .fullstack-capabilities-head {
            max-width: 1280px;
            margin: 0 auto 54px;
            text-align: center;
        }

        .fullstack-capabilities-tag {
            box-sizing: border-box;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 10px 14px;
            gap: 10px;
            min-width: 100px;
            min-height: 39px;
            background: #F0E8FF;
            color: #6F42C1;
            font-weight: 600;
            font-size: 14px;
            line-height: 1.36;
            text-align: center;
        }

        .fullstack-capabilities-head h2 {
            margin: 12px 0 8px;
            font-weight: 700;
            font-size: 32px;
            line-height: 1.36;
            text-align: center;
            color: #000000;
        }

        .fullstack-capabilities-head p {
            margin: 0 auto;
            max-width: 1280px;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.64;
            text-align: center;
            color: #343A40;
        }

        .fullstack-capabilities-grid {
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
        }

        .fullstack-capability-card {
            background: #F8F9FA;
            min-height: 203px;
            padding: 30px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 30px;
            border: 1px solid #E9ECEF;
            transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
        }

        .fullstack-capability-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08);
            border-color: #DEE2E6;
        }

        .fullstack-capability-card h3 {
            margin: 0;
            width: 100%;
            font-weight: 700;
            font-size: 24px;
            line-height: 1.46;
            color: #000000;
        }

        .fullstack-capability-card p {
            margin: 0;
            width: 100%;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.64;
            color: #343A40;
        }

        @media (max-width: 1199.98px) {
            .fullstack-capabilities-grid {
                gap: 16px;
            }

            .fullstack-capability-card {
                min-height: 0;
                padding: 24px;
                gap: 20px;
            }
        }

        @media (max-width: 767.98px) {
            .fullstack-capabilities-section {
                padding: 48px 0;
            }

            .fullstack-capabilities-head {
                margin-bottom: 32px;
            }

            .fullstack-capabilities-head h2 {
                font-size: 28px;
            }

            .fullstack-capabilities-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }

            .fullstack-capability-card {
                padding: 22px 18px;
                gap: 16px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .skills-section .skills-card,
            .fullstack-capability-card,
            .right-talent-card,
            .related-service-link,
            .related-services-title,
            .blog-animate {
                opacity: 1;
                transform: none;
                transition: none;
            }

            .fullstack-capability-card:hover {
                transform: none;
                box-shadow: none;
            }

            .right-talent-card:hover {
                transform: none;
                box-shadow: none;
            }

            .related-service-link:hover {
                transform: none;
                box-shadow: none;
            }
        }

        /* Find the Right Talent for Every Project */
        .right-talent-section {
            background: #FFFFFF;
            padding: 64px 0;
            min-height: 863px;
        }

        .right-talent-head {
            max-width: 1045px;
            margin: 0 auto 54px;
            text-align: center;
        }

        .right-talent-tag {
            box-sizing: border-box;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 10px 14px;
            gap: 10px;
            min-width: 97px;
            min-height: 39px;
            background: #F0E8FF;
            color: #6F42C1;
            font-weight: 600;
            font-size: 14px;
            line-height: 1.36;
            text-align: center;
        }

        .right-talent-head h2 {
            margin: 12px 0 8px;
            font-weight: 700;
            font-size: 32px;
            line-height: 1.36;
            text-align: center;
            color: #000000;
        }

        .right-talent-head p {
            margin: 0 auto;
            max-width: 1045px;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.64;
            text-align: center;
            color: #343A40;
        }

        .right-talent-grid {
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
        }

        .right-talent-card {
            min-height: 255px;
            padding: 30px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 30px;
            border: 1px solid transparent;
            transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
        }

        .right-talent-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08);
            border-color: rgba(0, 0, 0, 0.06);
        }

        .right-talent-card h3 {
            margin: 0;
            width: 100%;
            font-weight: 700;
            font-size: 24px;
            line-height: 1.46;
            color: #000000;
        }

        .right-talent-card p {
            margin: 0;
            width: 100%;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.64;
            color: #343A40;
        }

        .right-talent-blue { background: rgba(13, 110, 253, 0.16); }
        .right-talent-violet { background: rgba(102, 16, 242, 0.16); }
        .right-talent-green { background: rgba(0, 204, 131, 0.16); }
        .right-talent-orange { background: rgba(253, 126, 20, 0.16); }

        @media (max-width: 1199.98px) {
            .right-talent-grid {
                gap: 16px;
            }

            .right-talent-card {
                min-height: 0;
                padding: 24px;
                gap: 20px;
            }

            .right-talent-card h3 {
                font-size: 22px;
            }
        }

        @media (max-width: 767.98px) {
            .right-talent-section {
                padding: 48px 0;
            }

            .right-talent-head {
                margin-bottom: 32px;
            }

            .right-talent-head h2 {
                font-size: 28px;
            }

            .right-talent-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }

            .right-talent-card {
                padding: 22px 18px;
                gap: 16px;
            }

            .right-talent-card h3 {
                font-size: 20px;
            }
        }

        .related-services-section {
            background: #212529;
            padding: 64px 0;
            min-height: 358px;
        }

        .related-services-title {
            margin: 0 0 54px;
            font-family: 'Lato', sans-serif;
            font-weight: 700;
            font-size: 32px;
            line-height: 1.36;
            text-align: center;
            color: #FFFFFF;
        }

        .related-services-grid {
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(4, 305px);
            justify-content: center;
            gap: 20px;
        }

        .related-service-link {
            box-sizing: border-box;
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            width: 305px;
            /* height: 56px; */
            padding: 15px;
            border: 1px solid #0D6EFD;
            text-decoration: none;
            color: #FFFFFF;
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.64;
            transition: background 0.2s ease, transform 0.25s ease, box-shadow 0.25s ease;
        }

        .related-service-link.is-active {
            background: transparent;
            color: #FFFFFF;
        }

        .related-service-link:hover {
            background: #0D6EFD;
            color: #FFFFFF;
            transform: translateY(-2px);
            box-shadow: 0 10px 22px rgba(13, 110, 253, 0.25);
        }

        .related-service-link > span:first-child {
            flex: 1;
            text-align: center;
            white-space: nowrap;
        }

        .related-service-link .arrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 25px;
            height: 25px;
            border-top: 2px solid #FFFFFF;
            border-right: 2px solid #FFFFFF;
            transform: rotate(45deg);
            flex-shrink: 0;
            margin-right: 2px;
            font-size: 0;
        }

        @media (max-width: 1200px) {
            .related-services-grid {
                grid-template-columns: repeat(2, minmax(280px, 1fr));
            }

            .related-service-link {
                width: 100%;
            }
        }

        @media (max-width: 767.98px) {
            .related-services-section {
                padding: 48px 0;
            }

            .related-services-title {
                font-size: 28px;
                margin-bottom: 30px;
            }

            .related-services-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }
        }

        /* Blog Article Section */
        .blog-article-section {
            background: #FFFFFF;
            padding: 64px 0 15px 0;
        }

        .blog-article-wrap {
            max-width: 1280px;
            margin: 0 auto;
        }

        .blog-title {
            width: 100%;
            max-width: 765px;
            margin: 0 auto 26px;
            text-align: center;
            font-family: 'Lato', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 50px;
            line-height: 1.36;
            color: #000000;
        }

        .blog-meta-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px 27px;
            margin-bottom: 18px;
        }

        .blog-byline {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 26px;
            line-height: 1.46;
            font-weight: 600;
            color: #000000;
        }

        .blog-byline .author {
            color: #0D6EFD;
            font-weight: 700;
        }

        .blog-trust {
            display: inline-flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0;
            min-height: 20px;
            font-size: 13px;
            line-height: 20px;
            color: #455065;
            font-weight: 900;
        }

        .blog-trust .verified {
            display: inline-flex;
            align-items: center;
            color: #057663;
            font-weight: 900;
            margin-right: 0;
        }

        .blog-trust .verified i {
            color: #057663;
            font-size: 16px;
            margin-right: 4px;
        }

        .blog-trust .sep {
            display: none;
        }

        .blog-trust .exp {
            display: none;
        }

        .blog-trust .exp i {
            color: #204ECF;
            font-size: 16px;
        }


        .blog-submeta {
            margin-bottom: 24px;
        }

        .blog-submeta h4 {
            font-size: 20px;
            line-height: 1.46;
            font-weight: 700;
            color: #000000;
            margin: 0 0 15px;
        }

        .blog-tags {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .blog-tag {
            box-sizing: border-box;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 8px 18px;
            min-height: 39px;
            border: 1px solid #0D6EFD;
            border-radius: 1000px;
            font-size: 16px;
            line-height: 1.46;
            font-weight: 500;
            color: #000000;
        }

        .blog-role-label {
            font-size: 20px;
            line-height: 1.46;
            font-weight: 700;
            color: #000000;
            margin: 0 0 8px;
        }

        .blog-role {
            font-size: 16px;
            line-height: 1.46;
            font-weight: 600;
            color: #000000;
            margin: 0;
        }

        .blog-intro {
            font-size: 16px;
            line-height: 1.64;
            color: #343A40;
            margin: 0 0 25px;
        }

        .blog-block {
            margin-bottom: 30px;
        }

        .blog-block h3 {
            margin: 0 0 25px;
            font-size: 32px;
            line-height: 1.36;
            font-weight: 700;
            color: #000000;
        }

        .blog-block p {
            margin: 0 0 12px;
            font-size: 16px;
            line-height: 1.64;
            color: #343A40;
        }

        .blog-block p:last-child {
            margin-bottom: 0;
        }

        @media (max-width: 991.98px) {
            .blog-title {
                font-size: 38px;
            }

            .blog-byline {
                font-size: 22px;
            }

            .blog-block h3 {
                font-size: 28px;
            }
        }

        @media (max-width: 767.98px) {
            .blog-article-section {
                padding: 48px 0;
            }

            .blog-title {
                font-size: 30px;
                margin-bottom: 18px;
            }

            .blog-byline {
                font-size: 18px;
            }

            .blog-submeta h4,
            .blog-role-label {
                font-size: 18px;
            }

            .blog-tag {
                font-size: 14px;
                min-height: 34px;
                padding: 6px 14px;
            }

            .blog-block {
                margin-bottom: 24px;
            }

            .blog-block h3 {
                font-size: 24px;
                margin-bottom: 16px;
            }
        }

        /* Cost & Engagement Models */
        .engagement-models-section {
            background: #F9F9FF;
            padding: 64px 0 72px;
        }

        .engagement-models-head {
            text-align: center;
            width: 100%;
            max-width: 515px;
            margin: 0 auto 54px;
        }

        .engagement-badge {
            display: inline-block;
            background: #F0E8FF;
            color: #6F42C1;
            font-size: 14px;
            font-weight: 600;
            line-height: 1.36;
            padding: 10px 14px;
            border-radius: 0;
            margin-bottom: 12px;
        }

        .engagement-title {
            font-size: 32px;
            line-height: 1.36;
            font-weight: 700;
            margin: 0 0 4px;
            color: #000000;
            letter-spacing: 0;
        }

        .engagement-subtitle {
            color: #343A40;
            font-size: 16px;
            line-height: 1.64;
            margin: 0;
        }

        .engagement-models-section .row.g-4 {
            --bs-gutter-x: 24px;
            --bs-gutter-y: 24px;
            justify-content: center;
            max-width: 936px;
            margin-left: auto;
            margin-right: auto;
        }

        .engagement-models-section .row.g-4 > [class*="col-"] {
            flex: 0 0 296px;
            max-width: 296px;
        }

        .eng-card {
            background: #fff;
            border: 1px solid #DEE2E6;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .eng-card-top {
            padding: 24px 20px 18px;
            border-bottom: 1px solid #DEE2E6;
            min-height: 144px;
            background: #F8F9FA;
        }

        .eng-tag {
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.46;
            padding: 4px 12px;
            border-radius: 0;
            margin-bottom: 14px;
        }

        .eng-tag.blue {
            color: #0D6EFD;
            background: rgba(13, 110, 253, 0.1);
        }

        .eng-tag.green {
            color: #198754;
            background: rgba(25, 135, 84, 0.1);
        }

        .eng-tag.purple {
            color: #6610F2;
            background: rgba(102, 16, 242, 0.1);
        }

        .eng-price {
            font-size: 32px;
            line-height: 1.36;
            font-weight: 700;
            color: #000000;
            margin: 0;
        }

        .eng-price small {
            font-size: 14px;
            line-height: 1.46;
            font-weight: 400;
            color: #6C757D;
            margin-left: 4px;
        }

        .eng-price-fixed {
            font-size: 32px;
            line-height: 1.36;
            font-weight: 700;
            color: #000000;
            margin: 0;
        }

        .eng-card-body {
            padding: 18px 20px 20px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            gap: 18px;
        }

        .eng-list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .eng-list li {
            color: #343A40;
            font-size: 16px;
            display: flex;
            align-items: flex-start;
            gap: 7px;
            line-height: 1.64;
        }

        .eng-check {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #198754;
            color: #fff;
            font-size: 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 5px;
        }

        .eng-cta {
            margin-top: auto;
            width: 100%;
            min-height: 45px;
            border: 1px solid #DEE2E6;
            border-radius: 6px;
            background: #fff;
            color: #212529;
            font-size: 16px;
            font-weight: 600;
            line-height: 19px;
            padding: 13px 16px;
            transition: all 0.2s ease;
        }
        span.eng-cost-text {
    font-weight: 600;
}
        .eng-cta:hover {
            border-color: #DEE2E6;
            background: #fafafa;
        }

        .eng-cta:hover {
            background: #000000;
            border-color: #000000;
            color: #fff;
        }

        .eng-cta:hover{
            background: #111111;
            border-color: #111111;
        }

        .eng-cost-factors {
            margin: 24px auto 0;
            background: #fff;
            border: 1px solid #DEE2E6;
            padding: 10px 16px 10px 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            width: 100%;
            max-width: 441px;
            min-height: 52px;
            flex-wrap: nowrap;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .eng-cost-factors .bi-info-circle-fill {
            color: #6C757D;
            font-size: 16px;
        }

        .eng-cost-factors > * {
            min-width: 0;
        }

        .eng-cost-factors > .eng-cost-text {
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }

        .eng-cost-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            background: #FFFFFF;
            color: #343A40;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.46;
            padding: 6px 9px;
            border-radius: 4px;
            white-space: nowrap;
            flex: none;
        }

        .eng-cost-text {
            color: #212529;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.46;
        }

        @media (max-width: 991.98px) {
            .engagement-models-head {
                margin-bottom: 36px;
            }
            .insight-content {
    padding: 2rem 2.2rem !important;
}
            .engagement-models-section .row.g-4 > [class*="col-"] {
                flex: 0 0 calc(50% - 12px);
                max-width: calc(50% - 12px);
            }

            .eng-card-top {
                min-height: auto;
            }

            .eng-cost-factors {
                max-width: 100%;
                white-space: normal;
                flex-wrap: wrap;
                justify-content: flex-start;
            }
        }

        @media (max-width: 767.98px) {
            .engagement-models-section {
                padding: 52px 0 56px;
            }

            .engagement-title {
                font-size: 28px;
            }

            .engagement-subtitle {
                font-size: 15px;
            }

            .engagement-models-section .row.g-4 > [class*="col-"] {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .eng-list li,
            .eng-cta,
            .eng-cost-text,
            .eng-cost-pill {
                font-size: 0.9rem;
            }
        }

        /* Remote Developers vs In-House Teams */
        .remote-vs-section {
            position: relative;
            /* background: #212529; */
            color: #fff;
            padding: 74px 0 70px;
            overflow: hidden;
        }

        .remote-vs-grid-bg {
            position: absolute;
            inset: 0;
            pointer-events: none;
          
            background-image: url("https://mcusercontent.com/f07c3ea7a804576c2ecb0238e/images/af2857a3-80f3-7418-ac28-7e945a41d4a7.png");
        }

        @keyframes remoteVsGridFade {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .remote-vs-head {
            text-align: center;
            margin: 0 auto 44px;
            width: 100%;
            /* max-width: 552px; */
            position: relative;
            z-index: 1;
        }

        .remote-vs-badge {
            display: inline-block;
            background: #F1EAFD;
            color: #6610F2;
            font-size: 14px;
            font-weight: 600;
            line-height: 1.36;
            padding: 10px 14px;
            border-radius: 0;
            margin-bottom: 12px;
        }

        .remote-vs-title {
            font-size: 32px;
            font-weight: 700;
            line-height: 1.36;
            color: #fff;
            margin: 0 0 4px;
            letter-spacing: 0;
        }

        .remote-vs-subtitle {
            font-size: 16px;
            color: #DEE2E6;
            line-height: 1.64;
            margin: 0;
            max-width: 640px;
            margin-left: auto;
            margin-right: auto;
        }

        .remote-vs-section .row.g-4 {
            --bs-gutter-x: 0;
            --bs-gutter-y: 0;
            max-width: 831px;
            margin-left: auto;
            margin-right: auto;
            background: #212529;
            border: 1px solid #343A40;
        }

        .remote-vs-section .row.g-4 > [class*="col-"] {
            flex: 0 0 277px;
            max-width: 277px;
            padding: 0;
        }

        .rvc-card {
            position: relative;
            height: 279px;
            border: 0;
            border-right: 1px solid #343A40;
            border-radius: 0;
            padding: 46px 36px;
            overflow: hidden;
            z-index: 1;
            transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
        }

        .rvc-card::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: -1;
            opacity: 0.92;
            transition: opacity 0.35s ease;
        }

        .rvc-card:hover {
            transform: translateY(-4px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
            border-color: #343A40;
        }

        .rvc-card:hover::before {
            opacity: 1;
        }

        .rvc-blue::before {
            background: linear-gradient(180.61deg, #0D6EFD -27.64%, #202328 57.84%);
        }

        .rvc-green::before {
            background: linear-gradient(180deg, #198754 -29.21%, #202328 57.89%);
        }

        .rvc-purple::before {
            background: linear-gradient(180deg, #6610F2 -27.96%, #202328 57.89%);
        }

        .rvc-icon-square {
            width: 42px;
            height: 42px;
            border-radius: 0;
            /* background: #fff; */
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 19px;
            box-shadow: none;
        }

        .rvc-icon-square i {
            font-size: 24px;
        }

        .rvc-blue .rvc-icon-square i {
            color: #2563eb;
        }

        .rvc-green .rvc-icon-square i {
            color: #16a34a;
        }

        .rvc-purple .rvc-icon-square:not(.rvc-triple) i {
            color: #7c3aed;
        }

        .rvc-icon-square.rvc-triple {
            gap: 3px;
        }

        .rvc-purple .rvc-icon-square.rvc-triple i:nth-child(1) {
            color: #ef4444;
        }

        .rvc-purple .rvc-icon-square.rvc-triple i:nth-child(2) {
            color: #22c55e;
        }

        .rvc-purple .rvc-icon-square.rvc-triple i:nth-child(3) {
            color: #3b82f6;
        }

        .rvc-card h3 {
            font-size: 16px;
            font-weight: 700;
            color: #fff;
            margin: 0 0 10px;
            line-height: 1.36;
        }

        .rvc-card p {
            font-size: 16px;
            line-height: 1.64;
            color: #fff;
            margin: 0;
        }

        @media (max-width: 1199.98px) {
            .remote-vs-title {
                font-size: 30px;
            }
        }

        @media (max-width: 991.98px) {
            .remote-vs-section .row.g-4 {
                max-width: 100%;
                border: 0;
                gap: 16px;
            }

            .remote-vs-section .row.g-4 > [class*="col-"] {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .rvc-card {
                border: 1px solid #343A40;
                height: auto;
                min-height: 230px;
            }
        }

        @media (max-width: 767.98px) {
            .remote-vs-section {
                padding: 52px 0;
            }

            .remote-vs-title {
                font-size: 26px;
            }

            .remote-vs-subtitle {
                font-size: 15px;
            }

            .rvc-card:hover {
                transform: translateY(-2px) scale(1.01);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .remote-vs-grid-bg {
                animation: none;
                opacity: 1;
            }

            .rvc-card {
                transition: none;
            }

            .rvc-card:hover {
                transform: none;
            }
        }

        .btn-primary-custom {
            background-color: var(--primary-color);
            color: white;
            border: none;
            padding: 0.75rem 1.2rem;
            border-radius: 0px;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        /* FAQ Section (above footer) */
       .faq-help-section {
    background: #ffffff;
    padding: 4rem 0 2rem;
}

        .faq-help-head {
            text-align: center;
            max-width: 515px;
            margin: 0 auto 54px;
        }

        .faq-help-badge {
            display: inline-block;
            background: #F0E8FF;
            color: #6F42C1;
            font-size: 14px;
            font-weight: 600;
            line-height: 1.36;
            padding: 10px 14px;
            border-radius: 0;
            margin-bottom: 12px;
        }

        .faq-help-title {
            font-size: 32px;
            line-height: 1.36;
            font-weight: 700;
            color: #000000;
            margin: 0;
        }

        .faq-help-layout {
            display: grid;
            grid-template-columns: minmax(0, 952px) minmax(0, 296px);
            gap: 32px;
            justify-content: center;
            align-items: start;
            max-width: 1280px;
            margin: 0 auto;
        }

        .faq-accordion {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .faq-item {
            border: 1px solid #DEE2E6;
            background: #fff;
        }

        .faq-item--hidden {
            display: none;
        }

        .faq-item--enter {
            animation: faqItemReveal 0.5s ease forwards;
        }

        @keyframes faqItemReveal {
            from {
                opacity: 0;
                transform: translateY(18px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .faq-toggle {
            width: 100%;
            border: 0;
            background: transparent;
            padding: 20px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            text-align: left;
            cursor: pointer;
        }

        .faq-question {
            font-size: 18px;
            line-height: 1.64;
            font-weight: 600;
            color: #212529;
        }

        .faq-icon {
            width: 24px;
            height: 24px;
            position: relative;
            flex: none;
        }

        .faq-icon::before,
        .faq-icon::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            background: #212529;
            transform: translate(-50%, -50%);
            transition: transform 0.25s ease, opacity 0.25s ease;
        }

        .faq-icon::before {
            width: 14px;
            height: 2px;
        }

        .faq-icon::after {
            width: 2px;
            height: 14px;
        }

        .faq-toggle[aria-expanded="true"] .faq-icon::after {
            opacity: 0;
            transform: translate(-50%, -50%) rotate(90deg);
        }

        .faq-collapse {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease;
        }

        .faq-item.is-open .faq-collapse {
            max-height: 150px;
        }

        .faq-answer {
            padding: 0 24px 20px;
            font-size: 16px;
            line-height: 1.64;
            color: #343A40;
        }

        .faq-show-more-btn {
            margin-bottom: 18px;
            width: 165px;
            height: 47px;
            padding: 14px 35px;
            gap: 6px;
            border: 0;
            background: #2E0641;
            color: #FFFFFF;
            font-family: 'Lato', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 19px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease, transform 0.25s ease;
        }

        .faq-show-more-btn:hover {
            background: #250535;
            transform: translateY(-1px);
        }

        .faq-help-card {
            background: #F8F9FA;
            border: 1px solid #DEE2E6;
            min-height: 337px;
            padding: 24px 20px 20px;
            display: flex;
            flex-direction: column;
        }

        .faq-help-card h3 {
            font-size: 24px;
            line-height: 1.46;
            font-weight: 600;
            color: #000000;
            margin: 0 0 14px;
        }

        .faq-help-card p {
            font-size: 14px;
            line-height: 1.46;
            font-weight: 500;
            color: #343A40;
            margin: 0 0 22px;
        }

        .faq-contact-btn {
            margin-top: auto;
            width: 100%;
            min-height: 45px;
            border: 1px solid #DEE2E6;
            border-radius: 6px;
            background: #fff;
            color: #000;
            font-size: 16px;
            line-height: 19px;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            transition: background 0.25s ease;
        }

        .faq-contact-btn:hover {
            background: #f5f5f5;
        }

        @media (max-width: 1199.98px) {
            .faq-help-layout {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .faq-help-card {
                min-height: 0;
            }
        }

        @media (max-width: 767.98px) {
           .faq-help-section {
    background: #ffffff;
    padding:2.5rem 0 0rem 0 !important;
}
.get-start-cta {
    padding: 3rem 2rem 2rem 2rem;
}

            .faq-help-title {
                font-size: 28px;
            }

            .faq-toggle {
                padding: 16px 16px;
            }

            .faq-answer {
                padding: 0 16px 16px;
                font-size: 15px;
            }

            .faq-question {
                font-size: 16px;
                line-height: 1.5;
            }

            .faq-show-more-btn {
                width: 151px;
                height: 47px;
                padding: 14px 35px;
                font-size: 16px;
            }
        }

        .btn-primary-custom:hover {
            background-color: #00bd7b;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 210, 137, 0.3);
        }

        section.contact-section p {
            color: #343A40 !important;
            font-size: 16px !important;
        }

        .btn-secondary-custom {
            background-color: var(--secondary-color);
            color: white;
            border: none;
            padding: 0.75rem 1.2rem;
            border-radius: 0px;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .th-ts-inner img {
            width: 50%;
        }


        .btn-secondary-custom:hover {
            background-color: #230739;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(49, 10, 78, 0.3);
        }


        .email-form {
            max-width: 500px;
            margin: 3rem auto 1rem;
            background: white;
            padding: 0.5rem;
            border-radius: 0px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            transition: box-shadow 0.3s ease;
            border: 1px solid #d8d8d8;
        }

        .email-form:focus-within {
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        }

        .email-form input {
            border: none;
            box-shadow: none;
            font-size: 16px;
        }

        .email-form input:focus {
            box-shadow: none;
        }

        button.btn.btn-dark {
            background: #212529;
            border-radius: 0px;
            padding: 0.5rem 1.2rem;
        }

        .btn-schedule {
            background-color: #343A40;
            color: white;
            border: none;
            padding: 0.6rem 1.5rem;
            border-radius: 0px;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }

        .btn-schedule:hover {
            background-color: #000;
        }

        .stats-text {
            font-size: 0.875rem;
            color: #4b5563;
            font-weight: 500;
        }
        .chies {
    color: #bababa9e;
    font-size: 31px;
    font-weight: 800;
}
       

        .play-button-container:hover {
            transform: translateY(-55%);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
        }

        .play-button-container i {
            transition: transform 0.3s ease;
        }

        .play-button-container:hover i {
            transform: scale(1.1);
        }

        /* Logos Section - Auto-scroll marquee */
        .logos-section {
            padding: 5rem 0 2.5rem 0;
            background: white;
            border-bottom: 1px solid #f3f4f6;
            overflow: hidden;
        }

        .logos-section .intro-label {
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.08em;
            color: #6C757D;
            text-transform: uppercase;
            text-align: center;
            position: relative;
            margin-bottom: 1.75rem;
        }

        .logos-track-wrapper {
            position: relative;
            overflow: hidden;
        }

        /* Fade edges */
        .logos-track-wrapper::before,
        .logos-track-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            width: 180px;
            height: 100%;
            z-index: 2;
            pointer-events: none;
        }

        .logos-track-wrapper::before {
            left: 0;
            background: linear-gradient(to right, #e8e5f3 0%, transparent 100%);
        }

        .logos-track-wrapper::after {
            right: 0;
            background: linear-gradient(to left, #f0eff7d6 0%, transparent 100%);
        }

        .logos-track {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            width: max-content;
            animation: marqueeScroll 28s linear infinite;
        }
        .navbar .navbar-brand span, .navbar .nav-link {
    font-size: 14px;
    margin: 0 3px;
        }

        .logos-track:hover {
            animation-play-state: paused;
        }

        @keyframes marqueeScroll {
            from {
                transform: translateX(0);
            }

            to {
                transform: translateX(-50%);
            }
        }

        .logo-item {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            opacity: 1;
            transition: opacity 0.3s ease;
            white-space: nowrap;
            flex-shrink: 0;
            /* border-left: 1px solid #a9a9a9; */
        }

        .logo-item:hover {
            opacity: 1;
        }

        .logo-item img {
            height: 54px;
            width: auto;
            object-fit: contain;
        }

        .logo-item .logo-text {
            font-size: 1rem;
            font-weight: 700;
            color: #374151;
            letter-spacing: -0.02em;
        }

        /* Value Proposition - 3-column layout */
        .value-prop-section {
            padding: 4rem 0;
            background: #ffffff;
        }

        .badge-custom {
            background-color: var(--purple-light);
            color: var(--purple-accent);
            padding: 0.4rem 1rem;
            border-radius: 0px;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 0.04em;
            margin-bottom: 1rem;
            display: inline-block;
        }

        .section-title {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .section-subtitle {
            color: var(--text-muted);
            max-width: 620px;
            margin: 0 auto 1rem;
            font-size: 16px;
            line-height: 1.75;
        }

        /* 3-column value cards */
        .value-col-card {
            background: #F8F9FA;
            border-radius: 16px;
            padding: 2rem;
            height: 100%;
            border: 1px solid #DEE2E6;
            transition: transform 0.35s ease, box-shadow 0.35s ease;
            display: flex;
            flex-direction: column;
        }
        .pf-bd-bl.disp-fle {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: 7px;
}
        .value-col-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 36px rgba(139, 92, 246, 0.1);
        }

        .value-col-icon {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            margin-bottom: 1.25rem;
            flex-shrink: 0;
        }

        .value-col-icon.green {
            background: #d1fae5;
            color: #059669;
        }

        .value-col-icon.blue {
            background: #dbeafe;
            color: #2563eb;
        }

        .value-col-icon.orange {
            background: #ffedd5;
            color: #ea580c;
        }

        .value-col-card h4 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 0.85rem;
            color: #111827;
        }

        .pf-card>div:last-child {
            border-radius: 16px;
            background: #ffffff;
        }


        section#animated-process {
            background-image: url("https://mcusercontent.com/f07c3ea7a804576c2ecb0238e/images/5098b546-cf8a-ebae-9be5-aa0d210b691b.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .value-col-card .card-desc {
            font-size: 0.88rem;
            color: #6b7280;
            line-height: 1.65;
            margin-bottom: 1.25rem;
        }

        .value-point-list {
            list-style: none;
            padding: 0;
            margin: 0 0 1.5rem;
            flex-grow: 1;
        }

        .value-point-list li {
            font-size: 0.875rem;
            color: #374151;
            display: flex;
            align-items: flex-start;
            gap: 0.6rem;
            margin-bottom: 0.65rem;
        }

        .value-point-list li .point-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            margin-top: 6px;
            flex-shrink: 0;
        }

        img.abs-ico-center {
            position: absolute;
            bottom: 60px;
            text-align: center;
            align-items: center;
            justify-content: center;
            place-content: center;
            z-index: 9;
            margin-left: -23px;
        }

        img.abs-ico-leftb {
            align-items: flex-start;
            margin: 0;
            position: absolute;
            left: 3%;
        }

        div#insights-pills-tabContent {
            position: relative;
        }

        .point-dot.green {
            background: #059669;
        }

        .point-dot.blue {
            background: #2563eb;
        }

        .point-dot.orange {
            background: #ea580c;
        }

        .value-col-illustration {
            border-radius: 12px;
            height: 160px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem;
            opacity: 0.8;
            margin-top: auto;
        }

        .vc-ill-green {
            background: linear-gradient(135deg, #d1fae5, #a7f3d0);
        }

        .vc-ill-blue {
            background: linear-gradient(135deg, #dbeafe, #bfdbfe);
        }

        .vc-ill-orange {
            background: linear-gradient(135deg, #ffedd5, #fed7aa);
        }

        /* keep old card-img-placeholder for other sections */
        .card-img-placeholder {
            background: #e5e7eb;
            border-radius: 8px;
            height: 200px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #9ca3af;
        }

        /* Why Talentskape */
        .why-section {
            padding: 2rem 0;
            background: white;
        }

        .feature-card {
            /* border-radius: 12px; */
            padding: 2rem;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: end;
            justify-content: space-between;
        }

        .feature-card.bg-green {
            background-color: #C7FFEB;
        }


        .feature-card.bg-white {
            background-color: white;
            border: 1px solid #e5e7eb;
        }

        .feature-card.bg-purple {
            background-color: #F0E8FF;
        }

        .feature-icon {
            width: 40px;
            height: 40px;
            background: white;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
            color: var(--primary-color);
        }

        .feature-card h4 {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

        a.navbar-brand img {
            width: 65%;
        }

        .navbar.scrolled img {
            filter: invert(1);
        }

        .feature-card p {
            color: #4b5563;
            font-size: 16px;
            margin-bottom: 0;
        }

        .feature-illustration {
            position: absolute;
            right: 1rem;
            bottom: 1rem;
            width: 120px;
            opacity: 0.8;
        }

        /* Comparison Table */
        .comparison-section {
            padding: 3rem 0;
            background: #ffffff;
        }

        .cmp-table-wrap {
            border: 1px solid #e5e7eb;
            /* border-radius: 16px; */
            overflow: hidden;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
        }

        .cmp-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }

        /* Column widths */
        .cmp-table .col-factor {
            width: 22%;
        }

        .cmp-table .col-ts {
            width: 41%;
        }

        .cmp-table .col-agency {
            width: 37%;
        }

        /* Header row */
        .cmp-table thead tr th {
            padding: 1.6rem 1.8rem;
            border-bottom: 1px solid #e5e7eb;
            vertical-align: middle;
        }

        .cmp-table thead .th-factor {
            background: #F2F3F5;
            font-size: 0.95rem;
            font-weight: 600;
            color: #374151;
        }

        /* Talentskape header – purple gradient */
        .cmp-table thead .th-ts {
            padding-left: 65px;
            background: linear-gradient(180deg, #c8a9ff 0%, #ffffff 60%);
            border-left: 2px solid #cdafff;
            border-right: 2px solid #cdafff;
            border-top: 2px solid #bc93ff;
        }

        .th-ts-inner {
            display: flex;
            /* align-items: center;
            justify-content: center; */
            gap: 0.65rem;
        }

        .th-ts-inner .ts-label {
            font-size: 1.15rem;
            font-weight: 700;
            color: white;
            letter-spacing: -0.01em;
        }

        .cmp-table thead .th-agency {
            background: #F2F3F5;
            font-size: 0.95rem;
            font-weight: 600;
            color: #374151;
        }

        /* Body rows */
        .cmp-table tbody tr td {
            padding: 1.5rem 1.8rem;
            border-bottom: 1px solid #e5e7eb;
            vertical-align: top;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .cmp-table tbody tr:last-child td {
            border-bottom: none;
        }

        /* Factor column */
        .cmp-table tbody .td-factor {
            background: #F8F9FA;
            font-weight: 600;
            color: #1f2937;
            font-size: 0.9rem;
        }

        /* Talentskape column */
        .cmp-table tbody .td-ts {
            background: #ffffff;
            border-left: 2px solid #bc93ffa3;
            border-right: 2px solid #bc93ffa3;
            color: #374151;
        }

        .td-ts-content {
            display: flex;
            align-items: baseline;
            gap: 0.7rem;
        }

        .td-ts-content .chk-icon {
            flex-shrink: 0;
            width: 17px;
            height: 17px;
            background: #198754;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 2px;
        }

        .td-ts-content .chk-icon i {
            color: white;
            font-size: 0.7rem;
            line-height: 1;
        }

        /* Agency column */
        .cmp-table tbody .td-agency {
            background: #F8F9FA;
            color: #4b5563;
        }

        /* Responsive */
        @media (max-width: 767.98px) {
            .cmp-table-wrap {
                overflow-x: auto;
            }


            .navbar-brand {
    width: 80%;
}
br {
    display: none;
}
.feature-card {
    padding: 1.5rem;
}
.cmp-table thead tr th {
    padding: 1rem 1rem !important;
}
.cmp-table tbody tr td {
    padding: 1rem !important;
}
.feature-card h4 {
    font-size: 18px !important;
}
.feature-card p {
    font-size: 14px;
}
.story-content h4 {
    font-size: 20px !important;
    min-height: 75px !important;
}
/* .story-image {
    height: 75px !important;
} */
.testimonial-section .d-flex {
    align-items: flex-start !important;
}
.cta-section.aos-init.aos-animate .d-flex {
    flex-wrap: wrap;
    margin-top: 10px;
}
            .cmp-table {
                min-width: 600px;
            }
        }

        /* How It Works */
        .how-it-works-section {
            background-color: #13151f;
            color: white;
            padding: 5rem 0 6rem;
            position: relative;
            overflow: hidden;
        }

        /* subtle dark grid */
        .how-it-works-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 60px 60px;
            pointer-events: none;
        }

        /* Simple Process badge */
        .hiw-badge {
            display: inline-block;
            padding: 0.35rem 1.1rem;
            border: 1.5px solid #8b5cf6;
            border-radius: 6px;
            color: #c4b5fd;
            font-size: 0.82rem;
            font-weight: 600;
            letter-spacing: 0.05em;
            margin-bottom: 1.25rem;
            background: transparent;
        }

        /* Slider wrapper */
        .hiw-steps-container {
            width: 100%;
            overflow-x: auto;
            padding-bottom: 2rem;
            scrollbar-width: thin;
            -webkit-overflow-scrolling: touch;
        }

        .hiw-steps-container::-webkit-scrollbar {
            height: 6px;
        }

        .hiw-steps-container::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 10px;
        }

        .hiw-steps-container::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 10px;
        }

        .hiw-steps-container::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        /* Steps row wrapper */
        .hiw-steps {
            display: inline-flex;
            gap: 1.5rem;
            align-items: start;
            position: relative;
            margin-top: 3.5rem;
            min-width: max-content;
        }

        /* Dashed connecting path behind cards */
        .hiw-path {
            position: absolute;
            top: 35%;
            left: 120px;
            width: calc(100% - 240px);
            height: 40px;
            border-bottom: 2px dashed rgba(255, 255, 255, 0.2);
            border-left: 2px solid #2563eb;
            border-bottom-left-radius: 12px;
            z-index: 0;
            pointer-events: none;
        }

        /* Individual step */
        .hiw-step {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            position: relative;
            z-index: 1;
            width: 260px;
            /* Force slider width */
        }

        /* Complex Connectors to match image */
        .connector-down {
            position: absolute;
            right: -24px;
            top: 38%;
            width: 24px;
            height: 40px;
            border-top: 2px solid #2563eb;
            border-right: 2px solid #2563eb;
            border-top-right-radius: 8px;
            z-index: 0;
        }

        .connector-up-left {
            position: absolute;
            left: -24px;
            bottom: -32px;
            width: 24px;
            height: 40px;
            border-left: 2px dashed rgba(255, 255, 255, 0.2);
            border-bottom: 2px dashed rgba(255, 255, 255, 0.2);
            border-bottom-left-radius: 8px;
            z-index: 0;
        }

        .connector-up-straight {
            position: absolute;
            left: 50%;
            bottom: -30px;
            width: 2px;
            height: 30px;
            background: #2563eb;
            z-index: 0;
        }

        .connector-up-straight.dashed {
            background: none;
            border-left: 2px dashed rgba(255, 255, 255, 0.2);
        }

        /* Single baseline spanning cards via pseudo elements is complicated in responsive, so we rely on hiw-path */

        /* Connector dot */
        .hiw-dot {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #fff;
            border: 3px solid #13151f;
            outline: 2px solid rgba(255, 255, 255, 0.35);
            position: absolute;
            z-index: 2;
        }

        /* Ensure specific placements */
        .hiw-dot.dot-right {
            right: -7px;
            top: 38%;
        }

        .hiw-dot.dot-left {
            left: -7px;
            top: 38%;
        }

        .hiw-dot.dot-bottom-center {
            left: 50%;
            transform: translateX(-50%);
            bottom: -7px;
        }

        .hiw-dot.dot-bottom-left {
            left: 40px;
            bottom: -7px;
        }

        .hiw-dot.dot-top-left {
            left: -7px;
            top: 20%;
        }

        /* Mockup card shell */
        .hiw-card {
            background: #1e2231;
            border-radius: 12px;
            padding: 0.85rem;
            width: 100%;
            text-align: left;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
            position: relative;
            margin-bottom: 1.25rem;
            min-height: 220px;
        }

        .hiw-card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.6rem;
        }

        .hiw-card-label {
            font-size: 0.65rem;
            font-weight: 700;
            letter-spacing: 0.07em;
            color: #9ca3af;
            text-transform: uppercase;
        }

        .hiw-dots-menu {
            display: flex;
            gap: 3px;
        }

        .hiw-dots-menu span {
            width: 4px;
            height: 4px;
            background: #4b5563;
            border-radius: 50%;
            display: block;
        }

        /* Step 1 card content */
        .hiw-step1-top {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.75rem;
        }

        .hiw-step1-top .req-label {
            font-size: 0.72rem;
            color: #e5e7eb;
            font-weight: 600;
        }

        .hiw-step1-top .req-sub {
            font-size: 0.6rem;
            color: #6b7280;
            display: block;
        }

        .hiw-avatar-row {
            display: flex;
            align-items: center;
            gap: 0.4rem;
            margin-bottom: 0.6rem;
        }

        .hiw-avatar {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #374151;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.55rem;
            color: #9ca3af;
        }

        .hiw-bubble {
            background: #2563eb;
            border-radius: 8px 8px 8px 2px;
            padding: 0.6rem 0.75rem;
            font-size: 0.72rem;
            color: white;
            line-height: 1.5;
            font-style: italic;
        }

        /* Step 2 card */
        .hiw-match-row {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            padding: 0.4rem 0.6rem;
            background: #2563eb;
            border-radius: 8px;
            margin-bottom: 0.6rem;
        }

        .hiw-match-avatar {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: #93c5fd;
            flex-shrink: 0;
        }

        .hiw-match-info .name {
            font-size: 0.72rem;
            font-weight: 700;
            color: white;
        }

        .hiw-match-info .role {
            font-size: 0.58rem;
            color: #bfdbfe;
        }

        .hiw-check-badge {
            margin-left: auto;
            width: 18px;
            height: 18px;
            background: #10b981;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hiw-check-badge i {
            font-size: 0.6rem;
            color: white;
        }

        .hiw-percent {
            font-size: 1.6rem;
            font-weight: 800;
            color: white;
            line-height: 1;
            margin-bottom: 0.15rem;
        }

        .hiw-percent-sub {
            font-size: 0.62rem;
            color: #6b7280;
            margin-bottom: 0.5rem;
        }

        .hiw-skeleton-line {
            height: 5px;
            background: #374151;
            border-radius: 3px;
            margin-bottom: 4px;
        }

        .hiw-skeleton-line.w80 {
            width: 80%;
        }

        .hiw-skeleton-line.w60 {
            width: 60%;
        }

        .hiw-skeleton-line.w70 {
            width: 70%;
        }

        /* Step 3 card */
        .hiw-stat-box {
            background: #2563eb;
            border-radius: 8px;
            padding: 0.6rem 0.75rem;
            margin-bottom: 0.6rem;
        }

        .hiw-stat-box .stat-num {
            font-size: 1.4rem;
            font-weight: 800;
            color: white;
        }

        .hiw-stat-box .stat-label {
            font-size: 0.62rem;
            color: #bfdbfe;
        }

        img.pos-rel-des {
            position: absolute;
            left: 3%;
        }


        .hiw-delivery-text {
            font-size: 0.72rem;
            color: #d1d5db;
            margin-bottom: 0.5rem;
            line-height: 1.5;
        }

        .hiw-person-row {
            display: flex;
            flex-direction: column;
        }

        .hiw-person-row .pname {
            font-size: 0.7rem;
            font-weight: 700;
            color: #e5e7eb;
        }

        .hiw-person-row .prole {
            font-size: 0.6rem;
            color: #6b7280;
        }

        /* Step 4 card */
        .hiw-icon-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.75rem;
        }

        .hiw-icon-circle {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: #2d3748;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            flex-shrink: 0;
        }

        .hiw-cta-box {
            background: #2563eb;
            border-radius: 8px;
            padding: 0.65rem 0.75rem;
            font-size: 0.75rem;
            font-weight: 700;
            color: white;
            line-height: 1.45;
        }

        /* Step label below */
        .hiw-step-label h4 {
            font-size: 1rem;
            font-weight: 700;
            color: white;
            margin-bottom: 0.3rem;
        }

        .hiw-step-label p {
            font-size: 0.83rem;
            color: #9ca3af;
            margin: 0;
            line-height: 1.5;
        }
        @media(min-width:991px){
            .get-start-cta-content-w{
                width:55% ;
            }
            .width-85 {
    width: 85%;
}
            .navbar .dropdown-menu {
    background: #e9f5f3;
}
.navbar .dropdown-item {
    color: #000000;
    padding: 5px 10px;
}
ul.dropdown-menu li a:hover {
    color: #11cf8b;
}
        }
        /* Responsive */
        @media (max-width: 991.98px) {
            .hiw-steps {
                padding: 1rem 0;
            }
            .feature-card {
    flex-wrap: wrap;
        padding: 15px !important;
    }
.img-feature img {
    width: 100% !important;
}
.img-feature {
    margin: 0 0 0 auto;
}
            .navbar.scrolled {
                background: #bddddb !important;
            }
            .get-start-cta {
                flex-wrap: wrap;
            }
            .navbar.scrolled img {
            filter: invert(0) !important;
            }
        }

        @media (max-width: 575.98px) {
            .hiw-step {
                width: 280px;
            }
        }

        /* Solutions */
        .solutions-section {
    padding: 4rem 0;
    background: #F8F9FA;
}

        .solution-card {
            padding: 2rem;
            border-radius: 0px;
            height: 100%;
        }

        .solution-card.bg-blue {
            background-color: #D8E8FF;
        }

        .solution-card.bg-purple {
            background-color: #E7D9FD;
        }

        .solution-card.bg-orange {
            background-color: #FFEAD9;
        }
        .solution-card.bg-lgreen {
            background-color: #D0F2E7;
        }

        .solution-card.bg-dgreen {
            background-color: #D4E7DF;
        }

        .solution-card.bg-grey {
            background-color: #E6E9EC;
        }
        i.bi.bi-star-fill {
            color: #D8A42C;
        }

        i.bi.bi-star-half {
            color: #D8A42C;
        }

        .solution-card.bg-green {
            background-color: #DAECE4;
        }

        .solution-icon {
            width: 40px;
            height: 40px;
            /* background: white; */
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
        }

        .footer p {
            color: #6C757D;
            font-size: 14px;
        }

        .solution-card h4 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .solution-card p {
            font-size: 16px;
            color: #4b5563;
            margin-bottom: 0;
        }

        /* Common Slider Container */
        .swiper {
            width: 100%;
            height:fit-content;
            padding-bottom: 2rem;
            overflow: hidden;
            /* remove overflow scrollbar */
        }

        .hero-section .form-control {
            background: #ffffff;
        }

        .test-mboi {
            font-size: 16px;
            color: #6C757D;
            margin-top: 5px;
        }

        .swiper-slide {
            height: auto;
        }

        .swiper-slide-standard {
            width: 280px;
        }

        .p-12 {
            font-size: 12px;
            margin-top: 18px;
            color: #CED4DA;
        }

        .insight-content i {
            color: #CED4DA;
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 18px;
        }

        .contac-box {
            background: #F8F9FA;
            padding: 3%;
            border-radius: 10px;
            border: 1px solid #E9ECEF;
        }

        @media (max-width: 575.98px) {
            .swiper-slide-standard {
                width: 85vw;
            }
        }

        .feature-card-cont {
            margin-bottom: 35px;
        }

        /* Success Stories */
        .success-section {
            padding: 5rem 0;
            background: #ffffff;
        }

        .story-card {
            background: #1f2937;
            color: white;
            border-radius: 0px;
            overflow: hidden;
            /* height: 100%; */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .story-content {
            padding: 5px 15px 15px 15px;
        }

        .story-image-cont p {
            background: black;
            padding: 5px 10px;
            font-size: 14px;
            margin-bottom: 0;
        }

        .story-image-cont {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            padding: 15px 15px;
        }

        .story-content h4 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 1rem;
            line-height: 1.4;
            min-height: 136px;
        }

        .story-meta {
            display: flex;
            gap: 1rem;
            font-size: 0.75rem;
            color: #9ca3af;
        }

        .story-meta span {
            font-size: 12px;
            border: 1px solid #4b5563;
            padding: 0.25rem 0.5rem;
            border-radius: 4px;
        }

        .story-image img {
    width: 100%;
    height: inherit;
    object-fit: cover;
}
.story-image {
    /* height: 130px; */
            background: #1f2937;
            /* margin-top: auto;/ */
        }

        /* Testimonial */
        .testimonial-section {
            background-color: #1f2937;
            color: white;
            padding: 5rem 0rem 3rem 0rem;
            position: relative;
        }

        .testimonial-grid {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("https://mcusercontent.com/f07c3ea7a804576c2ecb0238e/images/2cd343ab-65dd-1fcc-23b3-55cf3c40421e.png");
            background-size: cover;
            z-index: 0;
            background-repeat: no-repeat;
        }

        img.pos-rel-desu {
            position: absolute;
            right: 0;
        }

        .testimonial-swiper {
            width: 80%;
        }

        .testimonial-content {
            position: relative;
            z-index: 1;
        }

        .swiper-slide-large {
            width: 800px;
        }

        @media (max-width: 900px) {
            .swiper-slide-large {
                width: 90vw;
            }
        }

        .testimonial-quote {
            font-size: 1.1rem;
            font-style: italic;
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }

        .testimonial-author {
            font-size: 16px;
            color: #9ca3af;
        }

        /* CTA Section */
        .cta-section {
            /* background-color: #1f2937; */
            color: white;
            padding: 4rem 0;
        }

        .cta-title {
            font-size: 2rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        /* Insights */
        .insights-section {
            padding: 4rem 0;
            background: #f9fafb;
        }

        section.insights-section .btn {
            padding: 4px 13px;
            border-radius: 0px;
        }

        .nav-pills .nav-link {
            background: white;
        }

        /* Custom styled tabs to match pills */
        .nav-pills .nav-link {
            color: #6b7280;
            border-radius: 0;
            padding: 0.7rem 1.5rem;
            font-weight: 600;
        }

        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            color: #fff;
            background-color: #111827;
        }

        .insight-content {
            padding: 2rem 1.2rem;
        }

        .insight-card {
            background: #212529;
            color: white;
            border-radius: 0px;
            overflow: hidden;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        /* 
        .insight-content {
            padding: 2rem;
        } */

        .insight-content h4 {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .full-box-compa {
            border: 1px solid #DEE2E6;
            border-radius: 10px;
            padding: 4rem 6rem;
        }


        .insight-content p {
            font-size: 14px;
            color: #9ca3af;
            margin-bottom: 0rem;
        }

       .insight-image img {
    object-fit: cover;
    width: 100%;
    height: inherit;
}
.insight-image {
    height: 130px;
            background: #DED6EF;
            /* light purple from image */
            margin-top: auto;
        }

        section.hero-section.text-center .text-success {
            color: #00CC83 !important;
        }

        /* Contact Section */
        .contact-section {
            padding: 4rem 0;
            background: #ffffff;
        }

        .contact-form {
            background: white;
            padding: 3rem 2rem;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        }

        .form-control {
            border-radius: 0px !important;
        }

        .input-group {
            border-radius: 0px !important;
        }

        span.input-group-text {
            border-radius: 0px;
        }

        .form-select {
            border-radius: 0px;
        }

        .form-control,
        .form-select {
            background-color: #f9fafb;
            border: 1px solid #e5e7eb;
            padding: 0.5rem;
        }

        .btn-submit {
            background-color: #111827;
            color: white;
            width: 100%;
            padding: 1rem;
            border: none;
            border-radius: 6px;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .btn-submit:hover {
            background-color: #000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        img.small-ico {
            width: 20px;
            margin-right: 6px;
        }

        /* Responsive Breakpoints */
        @media (max-width: 991.98px) {
            .hero-section {
        padding: 100px 0 20px;
    }
    .insights-section {
        padding: 3rem 0;
    }
    .contact-section {
        padding: 3rem 0;
    }
    .logos-section {
        padding: 3rem 0 2.5rem 0;
    }
            .hero-title {
                font-size: 3rem;
            }

            .play-button-container {
                display: none !important;
            }
            .full-box-compa {
    padding: 2rem 1rem;
}
            .section-title,
            .cta-title {
                font-size: 22px !important;
            }
        }

        @media (max-width: 767.98px) {
            .hero-title {
                font-size: 2.25rem;
            }
            .why-sec-cont .d-flex {
    flex-wrap: wrap;
}
.why-sec-cont {
    padding: 1.4rem;
}
/*.pf-container img {*/
/*    width: 111px !important;*/
/*}*/
.th-ts-inner img {
    width: 80%;
}
            .hero-subtitle {
                font-size: 1rem;
            }
            .full-box-compa {
    padding: 2rem 1rem;
}
            .btn-primary-custom,
            .btn-secondary-custom {
                width: 100%;
                margin-bottom: 0.5rem;
            }

            .d-flex.justify-content-center.gap-3.mb-4 {
                flex-direction: column;
                gap: 0.5rem !important;
            }

            .email-form .input-group {
                flex-direction: column;
            }

            .email-form .input-group-text,
            .email-form .form-control,
            .email-form .btn-schedule {
                width: 100%;
                border-radius: 0px !important;
                margin-bottom: 0.5rem;
            }

            .email-form .btn-schedule {
                margin-bottom: 0;
            }

            .contact-section h2 {
                font-size: 24px !important;
            }

            .contact-section .pe-md-5 {
                margin-bottom: 3rem;
            }
            .contact-section .input-group {
        flex-wrap: nowrap !important;
        display: flex !important;
    }

        }

        ul.value-point-list li {
            align-items: baseline;
        }


        /* Footer */
        .footer {
            background: white;
            padding: 4rem 0 0rem 0;
            border-top: 1px solid #e5e7eb;
        }

        .success-section .btn {
            padding: 1px 15px;
            border-radius: 0px;
            font-size: 18px;
        }

        .footer-title {
            font-weight: 600;
            margin-bottom: 1.5rem;
            font-size: 1rem;
        }

        .img-feature img {
            width: 60%;
        }

        .img-feature {
            width: 50%;
            text-align: right;
        }

        button.btn-contact img {
            filter: invert(0) !important;
        }

        .footer-links {
            list-style: none;
            padding: 0;
        }

        .footer-links li {
            margin-bottom: 0.5rem;
        }

        .footer-links a {
            color: #6C757D;
            text-decoration: none;
            font-size: 0.9rem;
        }

        .footer-links a:hover {
            color: var(--primary-color);
        }

        .footer-bottom {
            background: black;
            color: white;
            padding: 1rem 0;
            font-size: 0.875rem;
        }
        .skills-card-visual img {
    width: 100%;
}
.svg-width {
    width: 215px;
    height: 40px;
}