/* ============================================================
   GLOBAL OVERRIDE — Paragraphs + Poppins Font
============================================================ */

        /* Poori website par sirf Poppins */
        body  {
            font-family: 'Poppins', sans-serif;
        }

        /* Saare paragraphs — 16px, weight 400, max-width 1000px */
        p,
        .sd--paragraph,
        .ps-sub,
        .ent-desc,
        .exp-desc,
        .cta-desc,
        .sd-hv2-desc,
        .sd-vs-subtitle,
        .sd-strat-subtitle,
        .sec-header p,
        .dl-pane p,
        .sd-vs-item p,
        .exp-stat-text p,
        .t-item p,
        .counter-item p,
        .sd__faqcard .card-body p {
            font-size: 16px !important;
            font-weight: 400 !important;
            max-width: 1000px !important;
            line-height: 1.7 !important;
        }

        /* Center-aligned sections mein paragraph center rahe */
        .text-center p,
        .sd--paragraph,
        .ps-sub,
        .ent-desc,
        .exp-desc {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        /* ============================================================
   GLOBAL RESETS & VARIABLES
============================================================ */
        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        :root {
            --teal: #1ea8aa;
            --teal-dark: #0f6e56;
            --teal-light: #e1f5ee;
            --teal-mid: #9fe1cb;
            --text-primary: #111827;
            --text-secondary: #4b5563;
            --text-muted: #9ca3af;
            --bg-white: #ffffff;
            --bg-soft: #f8fafc;
            --bg-nav: #f1f5f9;
            --border: #e2e8f0;
            --border-hover: #cbd5e1;

            --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 16px;
        }


        /* ============================================================
   TYPOGRAPHY — UNIVERSAL FONT SIZES
============================================================ */

        /* ===== FONT FIX: poora sd-vs section Poppins mein ===== */
        .sd-vs,
        .sd-vs h2,
        .sd-vs h3,
        .sd-vs h4,
        .sd-vs p,
        .sd-vs div,
        .sd-vs span,
        .sd-vs strong,
        .sd-vs small,
        .sd-vs em,
        .sd-vs b,
        .sd-vs a,
        .sd-vs button {
            font-family: 'Poppins', sans-serif !important;
        }

        h1.hero-title {
            font-size: 56px !important;
            line-height: 1.12 !important;
            font-weight: 700;
        }

        @media (max-width:1600px) {
            h1.hero-title {
                font-size: 48px !important;
            }
        }

        @media (max-width:1440px) {
            h1.hero-title {
                font-size: 40px !important;
                line-height: 1.2 !important;
            }
        }

        @media (max-width:1366px) {
            h1.hero-title {
                font-size: 38px !important;
            }
        }

        @media (max-width:1199px) {
            h1.hero-title {
                font-size: 36px !important;
            }
        }

        @media (max-width:991px) {
            h1.hero-title {
                font-size: 32px !important;
                text-align: center;
            }
        }

        @media (max-width:767px) {
            h1.hero-title {
                font-size: 28px !important;
                line-height: 1.25 !important;
                letter-spacing: -0.3px;


            }

            .section-wrapper {
                padding-bottom: 0px;
            }

            h1.hero-title br {
                display: none !important;
            }
        }

        @media (max-width: 400px) {
            h1.hero-title {
                font-size: 26px !important;
            }
        }

        .display-h2,
        h2 {
            font-size: 40px;
        }

        @media (max-width:1440px) {

            .display-h2,
            h2 {
                font-size: 34px;
            }
        }

        @media (max-width:1366px) {

            .display-h2,
            h2 {
                font-size: 30px;
            }
        }

        @media (max-width:991px) {
            .display-h2 {
                font-size: 28px;
                line-height: 1.3;
            }
        }

        @media (max-width:767px) {

            .display-h2,
            h2 {
                font-size: 24px;
                line-height: 1.3;
            }

            .display-h2 br {
                display: none;
            }
        }

        @media (max-width: 400px) {
            .display-h2 {
                font-size: 22px;
            }
        }

        p {
            font-size: 17px;
            line-height: 1.7;
        }

        @media (max-width: 767px) {

            p,
            .sd--paragraph {
                font-size: 14px;
            }
        }

        @media (max-width: 767px) {
            .sd-awards-v2 .row.mb-3 {
                margin-bottom: 30px !important;
                padding-top: 0px !important;
            }

            .sd-home-banner {
                padding-top: 10px !important;
                padding-bottom: 10px !important;
            }
        }

        /* ============================================================
   NAVBAR POLISH (1024px - 1366px)
============================================================ */
        @media (min-width:1024px) and (max-width:1366px) {

            .navbar .container,
            .navbar .container-fluid {
                max-width: 100%;
                padding-left: 14px;
                padding-right: 14px;
            }

            .navbar-nav {
                display: flex;
                flex-wrap: nowrap !important;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                gap: 6px;
            }

            .navbar-nav .nav-item {
                margin: 0;
                flex: 0 0 auto;
            }

            .navbar-nav .nav-link {
                font-size: 13px;
                font-weight: 500;
                padding: 8px 6px !important;
                line-height: 1.2;
                white-space: nowrap;
            }

            .navbar-nav .dropdown-toggle::after {
                margin-left: 4px;
                vertical-align: middle;
            }

            .navbar-brand img,
            .logo img {
                max-width: 115px;
                height: auto;
            }

            .google-partner img,
            .partner-logo img {
                max-width: 48px;
                height: auto;
            }

            .navbar-nav .btn {
                font-size: 13px;
                padding: 10px 14px !important;
                line-height: 1.2;
                border-radius: 4px;
                white-space: nowrap;
                margin-left: 4px;
            }

            .navbar-nav .d-none.d-md-flex {
                gap: 8px;
                margin-left: 8px;
            }

            .navbar .dropdown-menu {
                min-width: 250px;
            }

            .navbar .dropdown-item {
                font-size: 14px;
                padding: 9px 16px;
                white-space: nowrap;
            }
        }

        @media (min-width:1200px) and (max-width:1326px) {
            .navbar-nav .nav-link {
                font-size: 12.5px;
                padding: 8px 5px !important;
            }

            .navbar-nav .btn {
                font-size: 12px;
                padding: 9px 12px !important;
            }

            .navbar-brand img,
            .logo img {
                max-width: 105px;
            }
        }

        /* ============================================================
   MOBILE BUTTONS POLISH
============================================================ */
        @media (max-width: 991px) {

            .navbar .btn,
            .navbar a.btn {
                font-size: 12px !important;
                padding: 7px 12px !important;
                border-radius: 6px !important;
            }

            .sd--btn-home {
                font-size: 13px !important;
                padding: 10px 20px !important;
                border-radius: 6px !important;
            }

            .sd-pricing-card .btn {
                font-size: 12px !important;
                padding: 8px 12px !important;
                border-radius: 6px !important;
            }

            .top-tabs .nav-link,
            .sd-mobile-tabs .nav-link {
                font-size: 12px !important;
                padding: 7px 14px !important;
                border-radius: 6px !important;
            }

            .sd--hyperlink {
                font-size: 12px !important;
                padding: 6px 10px !important;
                border-radius: 5px !important;
            }
        }

        @media (max-width: 767px) {

            .navbar .btn,
            .navbar a.btn {
                font-size: 11.5px !important;
                padding: 7px 10px !important;
                border-radius: 5px !important;
            }

            .scroll-btn .btn {
                font-size: 11px !important;
                padding: 6px 10px !important;
                border-radius: 5px !important;
            }

            .sd--btn-home {
                font-size: 12.5px !important;
                padding: 9px 18px !important;
                border-radius: 6px !important;
            }

            .sd-pricing-card .btn {
                font-size: 11.5px !important;
                padding: 7px 10px !important;
                border-radius: 5px !important;
            }

            .top-tabs .nav-link {
                font-size: 11.5px !important;
                padding: 6px 12px !important;
                border-radius: 5px !important;
                margin: 3px;
            }

            .top-tabs .nav {
                gap: 6px !important;
            }

            .sd-mobile-tabs .nav-link {
                font-size: 12px !important;
                padding: 6px 12px !important;
                border-radius: 5px !important;
                margin-right: 6px !important;
            }

            .sd--hyperlink {
                font-size: 11.5px !important;
                padding: 5px 9px !important;
                border-radius: 5px !important;
                margin-bottom: 6px !important;
            }

            .case-card,
            .sd--awrded-card,
            .sd-pricing-card,
            .sd-award-card,
            .sd-principle-card,
            .sd__faqcard {
                border-radius: 8px !important;
            }

            .img-container,
            .swiper-slide-container,
            .analytics-img {
                border-radius: 8px !important;
                overflow: hidden;
            }

            .sd--callto-action .text-center {
                border-radius: 10px !important;
            }
        }

        @media (max-width: 400px) {

            .navbar .btn,
            .navbar a.btn {
                font-size: 11px !important;
                padding: 6px 8px !important;
            }

            .sd--btn-home {
                font-size: 12px !important;
                padding: 9px 16px !important;
            }

            .top-tabs .nav-link,
            .sd-mobile-tabs .nav-link {
                font-size: 11px !important;
                padding: 6px 10px !important;
            }
        }

        /* ============================================================
   HERO V2 SECTION
============================================================ */
        .sd-hv2 {
            position: relative;
            padding: 60px 40px 50px;
            background: linear-gradient(180deg, #fafbfc 0%, #f4f6f9 100%);
            overflow: hidden;
            font-family: 'Poppins', sans-serif;
        }

        .sd-hv2::before,
        .sd-hv2::after {
            content: '';
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
            z-index: 0;
        }

        .sd-hv2::before {
            width: 460px;
            height: 460px;
            background: radial-gradient(circle, rgba(245, 89, 37, 0.08) 0%, transparent 65%);
            top: -180px;
            left: -180px;
        }

        .sd-hv2::after {
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(30, 168, 170, 0.07) 0%, transparent 65%);
            bottom: -200px;
            right: -200px;
        }

        .sd-hv2-grid {
            position: relative;
            z-index: 1;
            max-width: 1500px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        .sd-hv2-left {
            min-width: 0;
        }

        .sd-hv2-title {
            font-size: 52px;
            font-weight: 800;
            line-height: 1.12;
            color: #111827;
            letter-spacing: -0.02em;
            margin: 0 0 22px;
        }

        .sd-hv2-title .sd-hv2-accent {
            color: #f55925;
        }

        .sd-hv2-desc {
            font-size: 16px;
            line-height: 1.75;
            color: #4b5563;
            margin: 0 0 30px;
            max-width: 560px;
        }

        .sd-hv2-cta1 {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            background: #27b63f;
            color: #fff !important;
            font-family: 'Poppins';
            font-size: 15px;
            font-weight: 500;
            padding: 14px 28px;
            border-radius: 100px;
            text-decoration: none !important;
            box-shadow: 0 6px 20px rgba(245, 89, 37, 0.25);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            margin-bottom: 32px;
            border: none;
            cursor: pointer;
        }

        /* New pill-style CTA with circular arrow */
        .sd-hv2-cta {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            background: #f55925;
            color: #fff !important;
            font-family: 'Poppins';
            font-size: 15px;
            font-weight: 500;
            padding: 14px 28px;
            border-radius: 100px;
            text-decoration: none !important;
            box-shadow: 0 6px 20px rgba(245, 89, 37, 0.25);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            margin-bottom: 32px;
            border: none;
            cursor: pointer;
        }

        .sd-hv2-cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 28px rgba(245, 89, 37, 0.4);
            color: #fff !important;
            background: #e04a18;
        }

        .sd-hv2-cta1:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 28px rgba(245, 89, 37, 0.4);
            color: #fff !important;
            background: #27b63f;
        }


        .sd-hv2-cta-arrow {
            width: 26px;
            height: 26px;
            background: rgba(255, 255, 255, 0.22);
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            line-height: 1;
            transition: background 0.2s ease;
        }

        .sd-hv2-cta:hover .sd-hv2-cta-arrow {
            background: rgba(255, 255, 255, 0.35);
        }

        /* Mobile */
        @media (max-width: 767px) {
            .sd-hv2-cta {
                padding: 12px 22px;
                font-size: 14px;
                gap: 10px;
            }

            .sd-hv2-cta-arrow {
                width: 22px;
                height: 22px;
                font-size: 12px;
            }
        }

        .sd-hv2-recog-label {
            font-size: 16px;
            color: #4b5563;
            font-weight: 500;
            margin: 0 0 14px;
        }

        .sd-hv2-recog-logos {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }

        .sd-hv2-recog-logos img {
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 10px;
            padding: 10px 18px;
            height: 56px;
            width: auto;
            object-fit: contain;
            transition: all 0.2s ease;
            max-width: 140px;
        }

        .sd-hv2-recog-logos img:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
            border-color: #d1d5db;
        }

        .sd-hv2-right {
            position: relative;
            min-width: 0;
        }

        .sd-hv2-image-wrap {
            position: relative;
            border-radius: 14px;
            overflow: visible;
            box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12), 0 4px 14px rgba(15, 23, 42, 0.05);
            border: 8px solid #ffffff;
            background: #fff;
        }

        .sd-hv2-image-wrap .sd-hv2-team-img {
            border-radius: 8px;
            overflow: hidden;
        }

        .sd-hv2-team-img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
            object-fit: cover;
        }

        .sd-hv2-stamp {
            position: absolute;
            top: 15px;
            right: 10px;
            width: 145px;
            height: 145px;
            z-index: 5;
            filter: drop-shadow(0 8px 18px rgba(245, 89, 37, 0.25));
        }

        .sd-hv2-stamp-svg {
            width: 100%;
            height: 100%;
            animation: sd-hv2-spin 22s linear infinite;
        }

        @keyframes sd-hv2-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        .sd-hv2-stamp-svg text {
            fill: #111827;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2.4px;
        }

        .sd-hv2-stamp-core {
            position: absolute;
            inset: 22px;
            background: #ffffff;
            border: 2px solid #f55925;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .sd-hv2-stamp-num {
            font-size: 36px;
            font-weight: 800;
            color: #f55925;
            line-height: 1;
        }

        .sd-hv2-stamp-label {
            font-size: 10px;
            font-weight: 700;
            color: #f55925;
            letter-spacing: 2.2px;
            text-transform: uppercase;
            margin-top: 3px;
        }

        @media (max-width: 1440px) {
            .sd-hv2-title {
                font-size: 44px;
            }

            .sd-hv2-stamp {
                width: 120px;
                height: 120px;
                top: 10px !important;
                right: 10px !important;
            }

            .sd-hv2-stamp-num {
                font-size: 30px;
            }
        }

        @media (max-width: 1199px) {
            .sd-hv2-grid {
                gap: 35px;
            }

            .sd-hv2-title {
                font-size: 38px;
            }

            .sd-hv2-stamp {
                width: 110px;
                height: 110px;
                top: 8px !important;
                right: 8px !important;
            }

            .sd-hv2-stamp-num {
                font-size: 26px;
            }

            .sd-hv2-stamp-core {
                inset: 18px;
            }
        }

        @media (max-width: 991px) {
            .sd-hv2 {
                padding: 45px 24px 35px;
            }

            .sd-hv2-grid {
                grid-template-columns: 1fr;
                gap: 40px;
                text-align: center;
            }

            .sd-hv2-title {
                font-size: 34px;
            }

            .sd-hv2-desc {
                margin-left: auto;
                margin-right: auto;
            }

            .sd-hv2-recog-logos {
                justify-content: center;
            }

            .sd-hv2-right {
                max-width: 600px;
                margin: 0 auto;
            }
        }

        @media (max-width: 767px) {
            .sd-hv2 {
                padding: 32px 16px 28px;
            }

            .sd-hv2-title {
                font-size: 28px;
                line-height: 1.2;
            }

            .sd-hv2-desc {
                font-size: 14.5px;
                text-align: center !important;
                line-height: 1.7;
            }

            .sd-hv2-cta {
                padding: 12px 24px;
                font-size: 14px;
            }

            .sd-hv2-recog-logos img {
                height: 44px;
                padding: 8px 12px;
            }

            .sd-hv2-stamp {
                width: 90px;
                height: 90px;
                top: 5px;
                right: 5px;
            }

            .sd-hv2-stamp-num {
                font-size: 22px;
            }

            .sd-hv2-stamp-label {
                font-size: 8px;
                letter-spacing: 1.5px;
            }

            .sd-hv2-stamp-core {
                inset: 14px;
            }

            .sd-hv2-stamp-svg text {
                font-size: 9px;
                letter-spacing: 1.8px;
            }
        }

        @media (max-width: 480px) {
            .sd-hv2-title {
                font-size: 24px;
            }

            .sd-hv2-recog-logos img {
                height: 38px;
                padding: 6px 10px;
            }
        }

        /* ============================================================
   COUNTER SECTION
============================================================ */
        .sd-counter-section {
            padding: 40px 0;
            background: transparent;
        }

        .sd-counter-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            border-radius: 18px;
            padding: 28px 20px;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
        }

        .sd-counter-wrapper {
            min-height: 130px;
            contain: layout style;
        }

        .counter-item .counter-number {
            min-height: 36px;
            contain: layout style;
        }

        .counter-item {
            flex: 1;
            text-align: center;
            border-right: 1px solid #ececec;
            padding: 10px 15px;
            transition: 0.3s ease;
        }

        .counter-item:hover {
            transform: translateY(-4px);
        }

        .counter-item .counter-number {
            font-size: 34px;
            font-weight: 800;
            color: #111;
            margin-bottom: 6px;
            line-height: 1;
        }

        .counter-item .counter-number {
            min-height: 36px;
            min-width: 80px;
            display: inline-block;
            text-align: center;
            contain: layout style;
        }

        .counter-item .counter-number span {
            color: #ff6b00;
        }

        .counter-item p {
            margin: 0;
            font-size: 13px;
            font-weight: 600;
            color: #777;
            text-transform: uppercase;
            letter-spacing: .6px;
        }

        .border-0 {
            border-right: none;
        }

        @media(max-width:991px) {
            .sd-counter-wrapper {
                flex-wrap: wrap;
                gap: 20px;
            }

            .counter-item {
                width: 30%;
                border-right: none;
                border-bottom: 1px solid #eee;
                padding-bottom: 20px;
            }
        }

        /* ============================================================
   AWARDS SECTION (NEW GRID)
============================================================ */
        .sd--awards-new {
            font-family: 'Manrope', sans-serif;
            background: #fff;
        }

        .sd--awards-new .sd--eyebrow {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            color: #ff6b2b;
            margin-bottom: 0.6rem;
        }

        .sd--awards-new .display-h2 {
            font-family: 'Manrope', sans-serif;
            font-size: clamp(1.6rem, 3.5vw, 2.4rem);
            font-weight: 800;
            color: #111827;
            line-height: 1.15;
            letter-spacing: -0.02em;
            margin-bottom: 0.9rem;
        }

        .sd--awards-new .display-h2 span {
            color: #ff6b2b;
        }

        .sd--awards-new .sd--paragraph {
            font-size: 16px;
            color: #6b7280;
            line-height: 1.8;
            font-weight: 400;
            max-width: 1000px;
            margin: 0 auto;
        }

        .sd--awrded-grid-new {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: #e5e7eb;
            border: 1px solid #e5e7eb;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 4px 28px rgba(0, 0, 0, 0.07);
            margin-top: 2.5rem;
        }

        /* ============================================================
   AWARDS CARD — VERTICAL (Logo top, text bottom)
============================================================ */
        .sd--awrded-card-new {
            background: #ffffff;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            /* gap: 14px; */
            padding: 28px 20px;
            position: relative;
            transition: background 0.18s ease, transform 0.2s ease;
            cursor: default;
        }

        .sd--awrded-card-new::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: #ff6b2b;
            opacity: 0;
            transition: opacity 0.2s ease;
            border-radius: 0 2px 2px 0;
        }

        .sd--awrded-card-new:hover {
            background: #fffaf7;
            transform: translateY(-3px);
        }

        .sd--awrded-card-new:hover::after {
            opacity: 1;
        }

        .sd--awrded-card-new:hover .sd--awrded-logo-new img {
            filter: grayscale(0) opacity(1);
        }

        /* Logo box on top */
        .sd--awrded-logo-new {
            width: 100px;
            height: 80px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: none;
            padding: 12px;
            overflow: hidden;
            margin-bottom: 4px;
        }

        .sd--awrded-logo-new img {
            max-width: 136%;
            max-height: 136%;
            width: auto;
            height: auto;
            object-fit: contain;
            filter: grayscale(0.1) opacity(0.92);
            transition: filter 0.2s ease;
        }

        .sd--awrded-content-new .lead {
            font-size: 16px;
            font-weight: 700;
            color: #111827;
            margin-bottom: 6px;
            line-height: 1.3;
            display: block;
            white-space: normal;
            overflow: visible;
            text-overflow: unset;
        }

        .sd--awrded-content-new .sd--paragraph {
            font-size: 14px;
            color: #6b7280;
            font-weight: 400;
            line-height: 1.5;
            display: block;
            max-width: none;
            margin: 0;
        }

        /* Text content below logo
        .sd--awrded-content-new {
            text-align: center;
            width: 100%;
        }

        .sd--awrded-content-new .lead {
            font-size: 16px;
            font-weight: 700;
            color: #111827;
            margin-bottom: 6px;
            line-height: 1.3;
            display: block;
            white-space: normal;
            overflow: visible;
            text-overflow: unset;
        }

        .sd--awrded-content-new .sd--paragraph {
            font-size: 13px;
            color: #6b7280;
            font-weight: 400;
            line-height: 1.5;
            display: block;
            max-width: none;
            margin: 0;
        } */

        /* Responsive */
        @media (max-width: 900px) {
            .sd--awrded-grid-new {
                grid-template-columns: repeat(2, 1fr);
            }

            /* .sd--awards-new {
                padding: 4rem 0 3.5rem;
            } */
        }

        @media (max-width: 600px) {
            /* .sd--awards-new {
                padding: 3rem 0 3rem;
            } */

            .sd--awrded-grid-new {
                grid-template-columns: repeat(2, 1fr);
                border-radius: 10px;
            }

            .sd--awrded-card-new {
                padding: 20px 14px;
                gap: 10px;
            }

            .sd--awrded-logo-new {
                width: 70px;
                height: 60px;
                padding: 8px;
            }

            .sd--awrded-content-new .lead {
                font-size: 14px;
            }

            .sd--awrded-content-new .sd--paragraph {
                font-size: 12px;
            }

            /* .sd--awards-new .display-h2 {
                font-size: 1.4rem;
            } */

            .sd--awards-new .sd--paragraph {
                font-size: 13px;
            }
        }

        @media (max-width: 480px) {
            .sd--awrded-grid-new {
                grid-template-columns: repeat(2, 1fr);
                border-radius: 10px;
            }

            .sd--awrded-card-new {
                padding: 16px 10px;
            }

            .sd--awrded-logo-new {
                width: 64px;
                height: 54px;
            }

            .sd--awrded-content-new .lead {
                font-size: 13px;
            }
        }

        @media (max-width: 900px) {
            .sd--awrded-grid-new {
                grid-template-columns: repeat(2, 1fr);
            }

            /* .sd--awards-new {
                padding: 4rem 0 3.5rem;
            } */
        }

        @media (max-width: 600px) {
            /* .sd--awards-new {
                padding: 3rem 0 3rem;
            } */

            .sd--awrded-grid-new {
                grid-template-columns: repeat(2, 1fr);
                border-radius: 10px;
            }

            .sd--awrded-card-new {
                padding: 1.25rem 1rem;
                gap: 12px;
            }

            .sd--awrded-logo-new {
                width: 64px;
                height: 54px;
                padding: 8px;
            }

            .sd--awrded-content-new .lead {
                font-size: 13px;
                white-space: normal;
            }

            .sd--awrded-content-new .sd--paragraph {
                font-size: 11.5px;
            }



            .sd--awards-new .display-h2 {
                font-size: 1.4rem;
            }

            .sd--awards-new .sd--paragraph {
                font-size: 13px;
            }
        }

        @media (max-width: 480px) {
            .sd--awrded-grid-new {
                grid-template-columns: 1fr;
                border-radius: 10px;
            }

            .sd--awrded-card-new {
                padding: 1.1rem 1rem;
                gap: 14px;
            }

            .sd--awrded-logo-new {
                width: 70px;
                height: 58px;
            }

            .sd--awrded-content-new .lead {
                white-space: normal;
                font-size: 14px;
            }

            .sd--awards-new .display-h2 {
                font-size: 1.3rem;
            }
        }

        /* ============================================================
   PRICING CARDS
============================================================ */
        .ps {
            padding: 2rem 0;
        }

        .ps-title {
            font-size: 28px;
            font-weight: 600;
            text-align: center;
            color: #111;
            margin-bottom: 0.5rem;
        }

        .ps-sub {
            font-size: 14px;
            color: #666;
            text-align: center;
            max-width: 540px;
            margin: 0 auto 2rem;
            line-height: 1.7;
        }

        .pg {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 12px;
            padding-top: 50px !important;
        }

        .pc {
            background: #fff;
            border: 1px solid #e5e5e5;
            border-radius: 12px;
            padding: 1.1rem 0.85rem 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transition: border-color 0.2s, box-shadow 0.2s;
        }

        .pc:hover {
            border-color: #1D9E75;
            box-shadow: 0 2px 12px rgba(29, 158, 117, 0.08);
        }

        .pc.featured {
            border: 2px solid #1ea8aa;
        }

        .badge {
            font-size: 10px;
            font-weight: 600;
            background: #E1F5EE;
            color: #085041;
            padding: 2px 10px;
            border-radius: 20px;
            margin-bottom: 8px;
            display: inline-block;
            letter-spacing: 0.04em;
        }

        .iw {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #E1F5EE;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
            flex-shrink: 0;
        }

        .iw svg {
            width: 20px;
            height: 20px;
            stroke: #0F6E56;
            fill: none;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .ct {
            font-size: 16px;
            font-weight: 600;
            color: #111;
            line-height: 1.2;
        }

        .cs {
            font-size: 12px;
            color: #000000;
            margin-top: 2px;
            min-height: 16px;
        }

        .sl {
            font-size: 10px;
            color: #000000;
            text-transform: uppercase;
            letter-spacing: 0.07em;
            margin-bottom: 4px;
        }

        .pr {
            font-size: 24px;
            font-weight: 600;
            color: #111;
            line-height: 1.2;
        }

        .pr small {
            font-size: 12px;
            font-weight: 400;
            color: #888;
        }

        .btns {
            width: 100%;
            margin-top: 14px;
            display: flex;
            flex-direction: column;
            gap: 7px;
        }

        .be,
        .bc {
            display: block;
            width: 100%;
            padding: 8px 0;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            line-height: 1.3;
            transition: background 0.15s, color 0.15s;
        }

        .be,
        .be:hover,
        .be:focus {
            color: #fff;
            text-decoration: none;
        }

        .be {
            background: #1ea8aa;
            color: #fff;
            border: none;
        }

        .be:hover {
            background: #085041;
        }

        .bc,
        .bc:hover,
        .bc:focus,
        .bc:active {
            text-decoration: none;
            color: var(--teal-dark);
            background: #fff;
        }

        .bc {
            background: transparent;
            color: #1ea8aa;
            border: 1px solid #1ea8aa;
        }

        .bc:hover {
            background: var(--teal-soft);
            border-color: var(--teal);
        }

        @media (max-width: 768px) {
            .pg {
                grid-template-columns: repeat(3, 1fr);
            }
        }

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

            .pc.featured {
                grid-column: span 2;
                max-width: 200px;
                margin: 0 auto;
                width: 100%;
            }
        }

        /* ============================================================
   ENTERPRISE LOGOS GRID
============================================================ */
        .ent-section {
            font-family: 'poppins';
            background: #fff;
            position: relative;
        }

        .ent-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, #d0d0d0, transparent);
        }

        .ent-header {
            text-align: center;
            margin-bottom: 56px;
        }

        .ent-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: #888;
            margin-bottom: 20px;
        }

        .ent-eyebrow::before,
        .ent-eyebrow::after {
            content: '';
            display: block;
            width: 28px;
            height: 1px;
            background: #ccc;
        }

        .ent-title {
            font-family: 'Playfair Display', serif;
            font-size: clamp(28px, 4vw, 42px);
            font-weight: 600;
            color: #111;
            margin: 0 0 20px;
            line-height: 1.2;
            letter-spacing: -0.02em;
        }

        .ent-desc {
            max-width: 1000px;
            margin: 0 auto;
            font-size: 16px;
            line-height: 1.85;
            color: #666;
            font-weight: 400;
        }

        .ent-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 0;
            border-top: 0.5px solid #e0e0e0;
            border-left: 0.5px solid #e0e0e0;
            max-width: 1100px;
            margin: 0 auto;
        }

        .logo-cell {
            border-right: 0.5px solid #e0e0e0;
            border-bottom: 0.5px solid #e0e0e0;
            padding: 30px 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 120px;
            transition: background 0.2s ease;
        }

        .logo-cell:hover {
            background: #f8f8f8;
        }

        .logo-cell:hover img {
            opacity: 1;
            transform: scale(1.06);
        }

        .logo-cell img {
            max-width: 100%;
            max-height: 100px;
            width: auto;
            height: auto;
            object-fit: contain;
            opacity: 0.75;
            transition: opacity 0.2s ease, transform 0.2s ease;
            display: block;
        }

        @media (max-width: 768px) {
            .ent-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 480px) {
            .ent-section {
                padding: 0 16px;
            }

            .ent-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        /* ============================================================
   CLIENT LOGO CARDS (Mid-Size)
============================================================ */
        .sd--awrded-card {
            height: 140px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            overflow: hidden;
        }

        .sd--awrded-card .w-100 {
            width: 100% !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .sd--awrded-card img {
            max-width: 72% !important;
            max-height: 120px !important;
            width: auto;
            height: auto;
            object-fit: contain;
            transition: all .3s ease;
        }

        .sd--awrded-card:hover img {
            transform: scale(1.04);
        }

        @media (max-width:1366px) {
            .sd--awrded-card {
                height: 125px;
            }

            .sd--awrded-card img {
                max-width: 80% !important;
                max-height: 90px !important;
            }
        }

        @media (max-width:767px) {
            .sd--awrded-card {
                height: 90px;
            }

            .sd--awrded-card img {
                max-width: 75% !important;
                max-height: 45px !important;
            }
        }

        /* ============================================================
   CASE STUDIES TABS
============================================================ */
        .top-tabs {
            padding: 15px 0;
            text-align: center;
        }

        .top-tabs .nav {
            justify-content: center;
            gap: 15px;
        }

        .top-tabs .nav-link {
            background: #1ea8aa;
            color: #fff;
            border-radius: 4px;
            padding: 10px 22px;
            font-weight: 600;
        }

        a.sd--interlinking {
            color: #f55925;
        }

        .top-tabs .nav-link.active {
            background: #1f8f8d;
        }

        .case-card {
            border-radius: 0px;
            padding: 30px;
            border: 1px solid #1ea8aa;
            background: linear-gradient(45deg, #fcffff, #16a0851a);
        }

        .site-badge {
            background: #f3dede;
            color: #333;
            padding: 6px 12px;
            border-radius: 6px;
            display: inline-block;
            font-size: 14px;
            margin-bottom: 20px;
        }

        .section-title {
            font-weight: 700;
            font-size: 22px;
            margin-bottom: 10px;
            color: #222;
        }

        .result-number {
            color: #1da5a7;
            font-size: 45px;
            font-weight: 800;
            margin-bottom: 10px;
        }

        .keyword-table {
            background: #1ea8aa14;
            border-radius: 0px;
            overflow: hidden;
        }

        .keyword-table .row {
            padding: 10px 15px;
            border-bottom: 1px solid #1ea8aa;
            font-size: 15px;
            margin: 0;
        }

        .keyword-table .row.header {
            font-weight: 700;
            background: #1ea8aa;
            color: #ffffff;
        }

        .case-link {
            color: #1ea7a9;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            margin-top: 15px;
        }

        .case-link:hover {
            text-decoration: underline;
            color: #1ea7a9;
        }

        .flag {
            width: 70px;
            float: right;
        }

        .analytics-img {
            width: 100%;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
        }

        @media (max-width: 767px) {
            .case-card {
                padding: 14px;
            }

            .section-wrapper {
                padding-bottom: 0px;
            }

            .flag {
                float: none;
                margin-bottom: 10px;
            }

            .top-tabs .nav {
                flex-wrap: wrap;
            }
        }

        /* ============================================================
   TESTIMONIALS SWIPER
============================================================ */
        .swiper-container {
            width: 100%;
            height: 100%;

        }

        .swiper-slide-container {
            font-size: 15px;
            background: #fff;

            border-radius: 0px;
        }

        .img-container {
            position: relative;
            border-radius: 0px;
            width: 100%;
            height: 250px;
            background-size: cover !important;
        }

        .img-container:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: inline-block;
            border-radius: 15px;
            background: linear-gradient(to bottom, rgba(243, 251, 255, 0) 0, rgba(0, 0, 0, .644) 100%);
        }

        .name-video {
            position: absolute;
            top: 80%;
            left: 0;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
        }

        .name-video .title {
            color: #fff;
            padding-left: 10px;
            padding-right: 10px;
        }

        .video-play-button {
            transform: translateX(-50%) translateY(0);
            box-sizing: content-box;
            display: block;
            width: 10px;
            height: 18px;
            border-radius: 50%;
            padding: 5px 13px 5px 14px;
        }

        .video-play-button:after,
        .video-play-button:before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
        }

        .video-play-button:hover:after {
            background-color: #fff;
        }

        .video-play-button:before {
            z-index: 0;
            display: block;
            animation: 1.5s ease-out infinite pulse-border;
        }

        .video-play-button:after {
            z-index: 1;
            display: block;
            transition: .2s;
        }

        .video-play-button span {
            display: block;
            position: relative;
            z-index: 3;
            width: 0;
            height: 0;
            border-left: 15px solid #1ea8aa;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
        }

        @keyframes pulse-border {
            0% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                opacity: 1;
            }

            100% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                opacity: 0;
            }
        }

        .swiper-button-next,
        .swiper-button-prev {
            color: #000;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            background: #1ea8aa;
            padding: 10px;
            font-size: 23px;
            color: #fff;
        }

        /* ============================================================
   VIDEO MODAL
============================================================ */
        .modal,
        .modal-open {
            overflow: hidden;
        }

        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            display: none;
            outline: 0;
        }

        .modal-open .modal {
            overflow-x: hidden;
            overflow-y: auto;
        }

        .modal-dialog {
            position: relative;
            width: auto;
            margin: .5rem;
            pointer-events: none;
        }

        .modal.fade .modal-dialog {
            transition: transform .3s ease-out;
            transform: translate(0, -25%);
        }

        .modal.show .modal-dialog {
            transform: translate(0, 0);
        }

        .modal-content {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            pointer-events: auto;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: .3rem;
            outline: 0;
            background-color: #fff;
        }

        .modal-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000;
        }

        .modal-backdrop.fade {
            opacity: 0;
        }

        .modal-backdrop.show {
            opacity: .5;
        }

        .modal-body {
            position: relative;
            flex: 1 1 auto;
            padding: 1rem;
        }

        .youtube-video .modal-dialog,
        iframe#youtubevideo {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
        }

        .youtube-video .modal-dialog {
            right: 0;
            bottom: 0;
            margin: auto;
            padding: 0 15px;
            max-width: 1000px !important;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        #video-container {
            position: relative;
            padding-bottom: 50%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
        }

        .youtube-video .modal-content {
            background: 0 0 !important;
            border: 0;
        }

        button#dismiss-video {
            width: 50px;
            height: 50px;
            background: #0000003b;
            opacity: 1;
            border-radius: 100px;
            border: 1px solid #fff;
            color: #fff;
            z-index: 1;
        }

        @media(max-width:678px) {
            button#dismiss-video {
                position: absolute;
                top: -40px;
                left: 50%;
                transform: translate(-50%, 0);
                background: #000;
            }
        }

        @media(min-width:576px) {
            .modal-dialog {
                max-width: 500px;
                margin: 1.75rem auto;
            }
        }

        /* ============================================================
   EXPERTS SECTION
============================================================ */
        .experts-section {
            padding: 0 60px;
            background: #fff;
            font-family: 'Outfit', sans-serif;
            position: relative;
            overflow: hidden;
        }

        .experts-section::before {
            content: '';
            position: absolute;
            top: -120px;
            right: -120px;
            width: 420px;
            height: 420px;
            background: radial-gradient(circle, #edf9f810 0%, transparent 70%);
            pointer-events: none;
        }

        .exp-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: #e07b39;
            margin-bottom: 18px;
        }

        .exp-tag::before,
        .exp-tag::after {
            content: '';
            display: block;
            width: 24px;
            height: 1px;
            background: #e07b39;
            opacity: 0.5;
        }

        .exp-title {
            font-family: " Poppins";
            font-size: clamp(32px, 4.5vw, 52px);
            font-weight: 700;
            color: #111;
            line-height: 1.15;
            margin: 0 0 24px;
            letter-spacing: -0.01em;
        }

        .exp-title .underline-accent {
            position: relative;
            display: inline-block;
            color: #111;
        }

        .exp-title .underline-accent::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #e07b39, #f5b97e);
            border-radius: 2px;
        }

        .exp-desc {
            max-width: 680px;
            margin: 0 auto 14px;
            font-size: 15px;
            line-height: 1.85;
            color: #666;
            font-weight: 300;
        }

        .exp-desc a {
            color: #e07b39;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        .exp-body {
            display: grid;
            grid-template-columns: 1fr 1.8fr;
            gap: 28px;
            max-width: 1200px;
            margin: 0 auto;
            align-items: stretch;
        }

        .exp-stats {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .exp-stat-card {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 24px 28px;
            border-radius: 16px;
            position: relative;
            overflow: hidden;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
            cursor: default;
        }

        .exp-stat-card:hover {
            transform: translateX(6px);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
        }

        .exp-stat-card.teal {
            background: #edf9f8;
        }

        .exp-stat-card.green {
            background: #f5faef;
        }

        .exp-stat-card.yellow {
            background: #fffaea;
        }

        .exp-stat-card::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            border-radius: 4px 0 0 4px;
        }

        .exp-stat-card.teal::before {
            background: #3ecfbf;
        }

        .exp-stat-card.green::before {
            background: #7cc94b;
        }

        .exp-stat-card.yellow::before {
            background: #f5c842;
        }

        .exp-stat-icon {
            width: 60px;
            height: 60px;
            flex-shrink: 0;
            object-fit: contain;
        }

        .exp-stat-text h3 {
            font-family: 'Outfit', sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: #1a1a1a;
            margin: 0 0 4px;
            line-height: 1.3;
        }

        .exp-stat-text p {
            font-size: 13px;
            color: #888;
            margin: 0;
            font-weight: 300;
        }

        .exp-visual {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            min-height: 400px;
        }

        .exp-visual-bg {
            width: 100%;
            height: 100%;
            min-height: 420px;
            background: url('../website-img/seodiscovery-building.webp') center center / cover no-repeat;
            position: relative;
        }

        .exp-visual-bg::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.12) 100%);
            z-index: 1;
        }

        .exp-badge {
            position: absolute;
            top: 24px;
            left: 24px;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            color: #fff;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.06em;
            padding: 8px 16px;
            border-radius: 100px;
            z-index: 3;
        }

        .exp-play-wrap {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 3;
        }

        .exp-new-play-btn {
            all: unset !important;
            box-sizing: border-box !important;
            width: 76px !important;
            height: 76px !important;
            background: rgba(255, 255, 255, 0.22) !important;
            backdrop-filter: blur(14px) !important;
            -webkit-backdrop-filter: blur(14px) !important;
            border: 2.5px solid rgba(255, 255, 255, 0.55) !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            transition: transform 0.2s ease, background 0.2s ease !important;
            text-decoration: none !important;
        }

        .exp-new-play-btn:hover {
            transform: scale(1.12) !important;
            background: rgba(255, 255, 255, 0.34) !important;
        }

        a.exp-new-play-btn.video-play-button::before,
        a.exp-new-play-btn.video-play-button::after {
            display: none !important;
        }

        a.exp-new-play-btn.video-play-button span {
            display: block !important;
            position: relative !important;
            z-index: 3 !important;
            width: 0 !important;
            height: 0 !important;
            border-left: 18px solid #ffffff !important;
            border-top: 12px solid transparent !important;
            border-bottom: 12px solid transparent !important;
            margin-left: 4px !important;
        }

        .exp-new-play-btn .exp-play-triangle {
            display: block !important;
            width: 0 !important;
            height: 0 !important;
            border-style: solid !important;
            border-width: 13px 0 13px 24px !important;
            border-color: transparent transparent transparent #ffffff !important;
            margin-left: 6px !important;
            flex-shrink: 0 !important;
        }

        .exp-strip {
            position: absolute;
            bottom: 24px;
            left: 24px;
            right: 24px;
            display: flex;
            gap: 12px;
            z-index: 3;
        }

        .exp-strip-item {
            flex: 1;
            background: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.22);
            border-radius: 12px;
            padding: 14px 16px;
            text-align: center;
            color: #fff;
        }

        .exp-strip-item strong {
            display: block;
            font-size: 22px;
            font-weight: 700;
            font-family: 'Cormorant Garamond', serif;
            line-height: 1;
            margin-bottom: 5px;
        }

        .exp-strip-item span {
            font-size: 11px;
            font-weight: 400;
            opacity: 0.85;
            letter-spacing: 0.04em;
        }

        @media (max-width: 900px) {
            .exp-body {
                grid-template-columns: 1fr;
            }

            .exp-visual {
                min-height: 320px;
            }

            .experts-section {
                padding: 0 24px;
            }
        }

        /* ============================================================
   CTA BOX (Free Consultation)
============================================================ */
        @keyframes ctaBlink {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.3;
            }
        }

        .cta-box {
            background: linear-gradient(135deg, #0f1923 0%, #1a2a3a 50%, #0f1923 100%);
            border-radius: 24px;
            padding: 56px 48px;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            gap: 48px;
            flex-wrap: wrap;
        }

        .cta-glow-1 {
            position: absolute;
            top: -80px;
            right: -80px;
            width: 320px;
            height: 320px;
            background: radial-gradient(circle, rgba(230, 100, 60, 0.18) 0%, transparent 70%);
            pointer-events: none;
        }

        .cta-glow-2 {
            position: absolute;
            bottom: -60px;
            left: -60px;
            width: 240px;
            height: 240px;
            background: radial-gradient(circle, rgba(59, 130, 246, 0.12) 0%, transparent 70%);
            pointer-events: none;
        }

        .cta-left {
            flex: 1;
            min-width: 0;
            position: relative;
            z-index: 1;
        }

        .cta-right {
            flex-shrink: 0;
            width: 280px;
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .cta-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: rgba(230, 100, 60, 0.15);
            border: 1px solid rgba(230, 100, 60, 0.4);
            border-radius: 100px;
            padding: 5px 14px;
            font-size: 12px;
            font-weight: 500;
            color: #e6643c;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .cta-title {
            font-family: 'Playfair Display', serif;
            font-size: 38px;
            font-weight: 600;
            color: #f0ece4;
            line-height: 1.2;
            margin: 0 0 16px;
        }

        .cta-title span {
            color: #e6643c;
        }

        .cta-desc {
            font-size: 15px;
            font-weight: 300;
            color: rgba(240, 236, 228, 0.6);
            line-height: 1.75;
            margin: 0 0 28px;
            max-width: 420px;
        }

        .cta-features {
            display: flex;
            padding-top: 20px;
            gap: 16px;
            flex-wrap: wrap;
            margin-bottom: 32px;
        }

        .cta-feat {
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: 13px;
            color: rgba(240, 236, 228, 0.7);
        }

        .cta-feat-icon {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: rgba(230, 100, 60, 0.2);
            border: 1px solid rgba(230, 100, 60, 0.4);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: #e6643c;
            flex-shrink: 0;
        }

        .cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #e6643c;
            color: #fff !important;
            font-family: 'poppins';
            font-size: 15px;
            font-weight: 500;
            padding: 14px 30px;
            border-radius: 100px;
            text-decoration: none !important;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .cta-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 32px rgba(230, 100, 60, 0.35);
        }

        .cta-btn-arrow {
            width: 22px;
            height: 22px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
        }

        .cta-img {
            width: 100%;
            max-width: 270px;
            height: auto;
            object-fit: contain;
            margin: 0 auto 16px;
            display: block;
        }

        .cta-tagline {
            font-size: 13px;
            color: rgba(240, 236, 228, 0.55);
            margin-bottom: 20px;
            line-height: 1.5;
        }

        .cta-stats {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .cta-stat {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 14px;
            padding: 14px 10px;
            text-align: center;
        }

        .cta-stat-num {
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-weight: 600;
            line-height: 1;
            margin-bottom: 4px;
        }

        .cta-stat-num.accent {
            color: #e6643c;
        }

        .cta-stat-num.white {
            color: #f0ece4;
        }

        .cta-stat-label {
            font-size: 10px;
            color: rgba(240, 236, 228, 0.45);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        @media (max-width: 991px) {
            .cta-box {
                flex-direction: column !important;
                padding: 40px 32px !important;
                gap: 32px !important;
            }

            .cta-right {
                width: 100% !important;
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 24px;
                flex-wrap: wrap;
                justify-content: center;
            }

            .cta-stats {
                min-width: 200px;
                flex: 1;
            }
        }

        @media (max-width: 767px) {
            .cta-box {
                padding: 32px 20px !important;
                border-radius: 16px !important;
                gap: 24px !important;
            }

            .cta-title {
                font-size: 26px !important;
            }

            .cta-right {
                flex-direction: column !important;
                width: 100% !important;
            }

            .cta-stats {
                width: 100%;
                grid-template-columns: 1fr 1fr;
            }
        }

        /* ============================================================
   "How We Drive Leads" SECTION (dl-card tabs)
============================================================ */
        .section-wrapper {
            max-width: 1160px;
            margin: 0 auto;
        }

        .sec-header {
            text-align: center;
            margin-bottom: 48px;
        }

        .sec-header h2 {
            font-family: var(--font-head);
            font-size: 36px;
            font-weight: 700;
            color: var(--text-primary);
            line-height: 1.25;
            margin-bottom: 14px;
            letter-spacing: -0.5px;
        }

        .sec-header h2 .highlight {
            position: relative;
            display: inline-block;
            color: var(--teal-dark);
        }

        .sec-header h2 .highlight::after {
            content: '';
            position: absolute;
            bottom: -3px;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--teal), var(--teal-mid));
            border-radius: 2px;
        }

        .sec-header p {
            font-size: 16px;
            color: var(--text-secondary);
            line-height: 1.75;
            max-width: 620px;
            margin: 0 auto;
        }

        .sec-header p a {
            color: var(--teal);
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        .dl-card {
            background: var(--bg-white);
            border-radius: var(--radius-lg);
            border: 1px solid var(--border);
            overflow: hidden;
            display: grid;
            grid-template-columns: 240px 1fr;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
        }

        .dl-nav {
            background: var(--bg-nav);
            border-right: 1px solid var(--border);
            padding: 12px 0;
        }

        .dl-nav button {
            display: block;
            width: 100%;
            text-align: left;
            padding: 11px 20px;
            font-family: var(--font-body);
            font-size: 13.5px;
            font-weight: 400;
            color: var(--text-secondary);
            background: transparent;
            border: none;
            border-left: 3px solid transparent;
            cursor: pointer;
            line-height: 1.4;
            transition: all 0.18s ease;
            position: relative;
        }

        .dl-nav button:hover {
            color: var(--text-primary);
            background: rgba(30, 168, 170, 0.06);
            border-left-color: var(--teal-mid);
        }

        .dl-nav button.active {
            color: var(--teal-dark);
            font-weight: 600;
            background: var(--bg-white);
            border-left-color: var(--teal);
        }

        .dl-nav button.active::after {
            content: '';
            position: absolute;
            right: -1px;
            top: 0;
            bottom: 0;
            width: 1px;
            background: var(--bg-white);
        }

        .dl-content {
            padding: 32px 36px;
            min-height: 420px;
            overflow-y: auto;
        }

        .dl-pane {
            display: none;
            animation: fadeIn 0.2s ease;
        }

        .dl-pane.active {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(6px);
            }

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

        .dl-pane h3 {
            font-family: var(--font-head);
            font-size: 14.5px;
            font-weight: 600;
            color: var(--text-primary);
            margin-top: 22px;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .dl-pane h3:first-child {
            margin-top: 0;
        }

        .dl-pane h3::before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            background: var(--teal);
            border-radius: 50%;
            flex-shrink: 0;
        }

        .dl-pane p {
            font-size: 14px;
            color: var(--text-secondary);
            line-height: 1.75;
            padding-left: 14px;
        }

        .dl-pane p a {
            color: var(--teal);
            text-decoration: underline;
            text-underline-offset: 2px;
        }

        .dl-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 20px;
            padding-left: 14px;
        }

        .dl-chip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-family: var(--font-body);
            font-size: 12.5px;
            font-weight: 500;
            color: var(--teal-dark);
            background: var(--teal-light);
            border: 1px solid var(--teal-mid);
            border-radius: 100px;
            padding: 5px 12px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.15s;
        }

        .dl-chip:hover {
            background: var(--teal-mid);
            color: #04342c;
            border-color: var(--teal);
            transform: translateY(-1px);
        }

        .dl-chip svg {
            width: 11px;
            height: 11px;
            stroke: currentColor;
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .dl-mob-tabs {
            display: none;
            overflow-x: auto;
            gap: 8px;
            margin-bottom: 16px;
            padding-bottom: 4px;
            scrollbar-width: none;
        }

        .dl-mob-tabs::-webkit-scrollbar {
            display: none;
        }

        .dl-mob-tabs button {
            white-space: nowrap;
            flex-shrink: 0;
            font-family: var(--font-body);
            font-size: 13px;
            font-weight: 500;
            padding: 7px 16px;
            border-radius: 100px;
            border: 1px solid var(--border);
            background: var(--bg-white);
            color: var(--text-secondary);
            cursor: pointer;
            transition: all 0.15s;
        }

        .dl-mob-tabs button.active {
            background: var(--teal);
            color: #fff;
            border-color: var(--teal);
        }

        @media (max-width: 768px) {
            .sec-header h2 {
                font-size: 26px;
            }

            .dl-card {
                grid-template-columns: 1fr;
            }

            .dl-nav {
                display: none;
            }

            .dl-mob-tabs {
                display: flex;
            }

            .dl-content {
                padding: 20px;
                min-height: auto;
            }
        }

        @media (max-width: 480px) {
            .sec-header h2 {
                font-size: 22px;
            }

            .sec-header p {
                font-size: 14px;
            }
        }

        /* ============================================================
   COMPARISON SECTION (sd-vs)
============================================================ */
        .sd-vs {
            background: linear-gradient(180deg, #fafbfc 0%, #f1f3f5 100%);
            font-family: 'poppins';
            position: relative;
            overflow: hidden;
            padding: 80px 0;
        }

        .sd-vs-header {
            text-align: center;
            max-width: 820px;
            margin: 0 auto 50px;
            position: relative;
            z-index: 1;
        }

        .sd-vs-eyebrow {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: #f55925;
            background: rgba(245, 89, 37, 0.08);
            padding: 6px 14px;
            border-radius: 100px;
            margin-bottom: 18px;
        }

        .sd-vs-title {
            font-size: clamp(26px, 3.5vw, 38px);
            font-weight: 800;
            color: #111827;
            line-height: 1.2;
            letter-spacing: -0.02em;
            margin: 0 0 16px;
        }

        .sd-vs-accent {
            color: #f55925;
            position: relative;
            display: inline-block;
        }

        .sd-vs-accent::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: -3px;
            height: 3px;
            background: linear-gradient(90deg, #f55925, #ffb088);
            border-radius: 2px;
        }

        .sd-vs-subtitle {
            font-size: 15px;
            line-height: 1.75;
            color: #4b5563;
            margin: 0;
        }

        .sd-vs-link {
            color: #f55925;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        .sd-vs-body {
            display: grid;
            grid-template-columns: 1.1fr 1fr;
            gap: 36px;
            align-items: stretch;
        }

        .sd-vs-proof {
            background: #ffffff;
            border-radius: 18px;
            padding: 18px;
            box-shadow: 0 4px 28px rgba(15, 23, 42, 0.08);
            border: 1px solid #e5e7eb;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .sd-vs-proof-img {
            border-radius: 12px;
            overflow: hidden;
            background: #f8fafc;
            border: 1px solid #e5e7eb;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .sd-vs-proof-img img {
            width: 100%;
            height: auto;
            display: block;
            max-width: 100%;
        }

        .sd-vs-proof-banner {
            background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
            color: #ffffff;
            text-align: center;
            padding: 16px 20px;
            border-radius: 12px;
            font-size: 15px;
            font-weight: 700;
            letter-spacing: 0.01em;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .sd-vs-proof-icon {
            color: #f5b800;
            font-size: 18px;
            line-height: 1;
        }

        .sd-vs-cards {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .sd-vs-card {
            background: #ffffff;
            border-radius: 16px;
            padding: 24px;
            border: 1.5px solid;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
            position: relative;
            overflow: hidden;
        }

        .sd-vs-card:hover {
            transform: translateY(-3px);
        }

        .sd-vs-card-us {
            border-color: #16a34a;
            background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 60%);
            box-shadow: 0 8px 28px rgba(22, 163, 74, 0.10);
        }

        .sd-vs-card-us:hover {
            box-shadow: 0 14px 36px rgba(22, 163, 74, 0.18);
        }

        .sd-vs-card-them {
            border-color: #fecaca;
            background: linear-gradient(135deg, #fef2f2 0%, #ffffff 60%);
            box-shadow: 0 4px 18px rgba(220, 38, 38, 0.06);
            opacity: 0.95;
        }

        .sd-vs-card-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 16px;
            margin-bottom: 16px;
            border-bottom: 1px solid #e5e7eb;
        }

        .sd-vs-card-titleWrap {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .sd-vs-check,
        .sd-vs-cross {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: 700;
            color: #ffffff;
            flex-shrink: 0;
        }

        .sd-vs-check {
            background: #16a34a;
            box-shadow: 0 4px 10px rgba(22, 163, 74, 0.3);
        }

        .sd-vs-cross {
            background: #ef4444;
            box-shadow: 0 4px 10px rgba(239, 68, 68, 0.25);
        }

        .sd-vs-card-name {
            font-size: 18px;
            font-weight: 700;
            color: #111827;
            margin: 0;
            line-height: 1;
        }

        .sd-vs-badge {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            padding: 5px 11px;
            border-radius: 100px;
        }

        .sd-vs-badge-win {
            background: #dcfce7;
            color: #14532d;
        }

        .sd-vs-badge-lose {
            background: #fee2e2;
            color: #7f1d1d;
        }

        .sd-vs-list {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .sd-vs-item {
            padding: 12px 14px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.6);
            border: 1px solid rgba(229, 231, 235, 0.7);
        }

        .sd-vs-card-us .sd-vs-item {
            border-left: 3px solid #16a34a;
        }

        .sd-vs-card-them .sd-vs-item {
            border-left: 3px solid #ef4444;
        }

        .sd-vs-item h4 {
            font-size: 14px;
            font-weight: 700;
            color: #111827;
            margin: 0 0 5px;
            line-height: 1.3;
        }

        .sd-vs-item p {
            font-size: 13px;
            line-height: 1.6;
            color: #4b5563;
            margin: 0;
        }

        @media (max-width: 991px) {
            .sd-vs {
                margin-top: 50px !important;
                padding: 50px 0 !important;
            }

            .sd-vs-body {
                grid-template-columns: 1fr;
                gap: 24px;
            }
        }

        @media (max-width: 767px) {
            .sd-vs {
                margin-top: 30px !important;
                padding: 40px 0 !important;
                border-radius: 20px !important;
            }

            .sd-vs-header {
                margin-bottom: 30px !important;
            }

            .sd-vs-title {
                font-size: 22px !important;
                line-height: 1.3 !important;
            }

            .sd-vs-body {
                gap: 20px !important;
            }

            .sd-vs-card {
                padding: 18px;
            }

            .sd-vs-card-head {
                flex-wrap: wrap;
                gap: 10px;
            }

            .sd-vs-proof {
                padding: 12px;
            }

            .sd-vs-proof-banner {
                font-size: 13px;
                padding: 12px 16px;
            }
        }

        @media (max-width: 480px) {
            .sd-vs {
                margin-top: 20px !important;
                padding: 30px 0 !important;
            }

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

        /* ============================================================
   FAQ ACCORDION (works on BOTH #accordionExample + #accordionExample10)
============================================================ */
        .sd__webtestingFaq .row,
        #accordionExample .row {
            margin-left: -8px !important;
            margin-right: -8px !important;
        }

        .sd__webtestingFaq .col-md-6,
        #accordionExample .col-md-6 {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

        .sd__webtestingFaq .col-md-6>.sd--headingh5 {
            font-family: 'poppins';
            font-size: 16px !important;
            font-weight: 700 !important;
            color: #f55925 !important;
            margin: 4px 0 14px !important;
            padding: 0 4px !important;
            letter-spacing: 0.02em !important;
            text-transform: uppercase !important;
            position: relative !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
        }

        .sd__webtestingFaq .col-md-6>.sd--headingh5::before {
            content: '' !important;
            display: inline-block !important;
            width: 22px !important;
            height: 2px !important;
            background: #f55925 !important;
            border-radius: 2px !important;
        }

        .sd__webtestingFaq .sd__faqcard,
        #accordionExample .sd__faqcard {
            background: #ffffff !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 12px !important;
            margin-bottom: 12px !important;
            overflow: hidden !important;
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
            transition: all 0.25s ease !important;
        }

        .sd__webtestingFaq .sd__faqcard:hover,
        #accordionExample .sd__faqcard:hover {
            border-color: #f55925 !important;
            box-shadow: 0 6px 18px rgba(245, 89, 37, 0.10) !important;
            transform: translateY(-1px) !important;
        }

        .sd__webtestingFaq .sd__faqcard .card-header,
        #accordionExample .sd__faqcard .card-header {
            background: transparent !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        .sd__webtestingFaq .sd__faqcard .card-header p,
        #accordionExample .sd__faqcard .card-header p {
            margin: 0 !important;
            padding: 0 !important;
        }

        .sd__webtestingFaq .sd__faqcard .btn-link,
        #accordionExample .sd__faqcard .btn-link {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 14px !important;
            width: 100% !important;
            padding: 16px 20px !important;
            background: transparent !important;
            color: #111827 !important;
            font-family: 'poppins' !important;
            font-size: 14.5px !important;
            font-weight: 600 !important;
            line-height: 1.4 !important;
            text-align: left !important;
            text-decoration: none !important;
            border: none !important;
            box-shadow: none !important;
            white-space: normal !important;
            transition: color 0.2s ease !important;
            position: relative !important;
        }

        .sd__webtestingFaq .sd__faqcard .btn-link:hover,
        .sd__webtestingFaq .sd__faqcard .btn-link:focus,
        #accordionExample .sd__faqcard .btn-link:hover,
        #accordionExample .sd__faqcard .btn-link:focus {
            color: #f55925 !important;
            text-decoration: none !important;
            box-shadow: none !important;
        }

        .sd__webtestingFaq .sd__faqcard .btn-link>*,
        #accordionExample .sd__faqcard .btn-link>* {
            flex: 1 1 auto !important;
            min-width: 0 !important;
        }

        .sd__webtestingFaq .sd__faqcard .btn-link::after,
        #accordionExample .sd__faqcard .btn-link::after {
            content: '+' !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex: 0 0 auto !important;
            width: 26px !important;
            height: 26px !important;
            background: #fef3eb !important;
            border-radius: 50% !important;
            color: #f55925 !important;
            font-size: 18px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            transition: all 0.25s ease !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
        }

        .sd__webtestingFaq .sd__faqcard .btn-link::before,
        #accordionExample .sd__faqcard .btn-link::before {
            display: none !important;
        }

        .sd__webtestingFaq .sd__faqcard .btn-link[aria-expanded="true"],
        #accordionExample .sd__faqcard .btn-link[aria-expanded="true"] {
            color: #f55925 !important;
            background: linear-gradient(135deg, #fff8f5 0%, #ffffff 60%) !important;
            border-bottom: 1px solid #fde0d3 !important;
        }

        .sd__webtestingFaq .sd__faqcard .btn-link[aria-expanded="true"]::after,
        #accordionExample .sd__faqcard .btn-link[aria-expanded="true"]::after {
            content: '−' !important;
            background: #f55925 !important;
            color: #ffffff !important;
            font-size: 22px !important;
        }

        .sd__webtestingFaq .sd__faqcard:has(.btn-link[aria-expanded="true"]),
        #accordionExample .sd__faqcard:has(.btn-link[aria-expanded="true"]) {
            border-color: #f55925 !important;
            box-shadow: 0 8px 22px rgba(245, 89, 37, 0.12) !important;
        }

        .sd__webtestingFaq .sd__faqcard .card-body,
        #accordionExample .sd__faqcard .card-body {
            padding: 18px 20px 20px !important;
            background: #fafbfc !important;
            border: none !important;
        }

        .sd__webtestingFaq .sd__faqcard .card-body p,
        .sd__webtestingFaq .sd__faqcard .card-body .sd--paragraph,
        #accordionExample .sd__faqcard .card-body p,
        #accordionExample .sd__faqcard .card-body .sd--paragraph {
            font-family: 'poppins';
            !important;
            font-size: 13.5px !important;
            line-height: 1.75 !important;
            color: #4b5563 !important;
            margin: 0 0 10px !important;
            max-width: 100% !important;
        }

        .sd__webtestingFaq .sd__faqcard .card-body p:last-child,
        #accordionExample .sd__faqcard .card-body p:last-child {
            margin-bottom: 0 !important;
        }

        .sd__webtestingFaq .sd__faqcard .card-body p b {
            color: #111827 !important;
            font-weight: 700 !important;
            display: inline !important;
            margin-right: 4px !important;
        }

        #accordionExample .sd__faqcard .card-body p b {
            color: #111827 !important;
            font-weight: 700 !important;
            display: block !important;
            margin-bottom: 4px !important;
        }

        .sd__webtestingFaq .sd__faqcard .card-body a,
        .sd__webtestingFaq .sd__faqcard .card-body .sd--interlinking,
        #accordionExample .sd__faqcard .card-body a,
        #accordionExample .sd__faqcard .card-body .sd--interlinking {
            color: #f55925 !important;
            text-decoration: underline !important;
            text-underline-offset: 2px !important;
            font-weight: 500 !important;
        }

        .sd__webtestingFaq .sd__faqcard .card-body a:hover,
        #accordionExample .sd__faqcard .card-body a:hover {
            color: #e04a18 !important;
        }

        .sd--faq h2.display-h2 {
            font-size: clamp(26px, 3.5vw, 38px) !important;
            font-weight: 800 !important;
            color: #111827 !important;
            line-height: 1.2 !important;
            letter-spacing: -0.02em !important;
            margin-bottom: 12px !important;
        }

        @media (max-width: 767px) {

            .sd__webtestingFaq .sd__faqcard .btn-link,
            #accordionExample .sd__faqcard .btn-link,
            .sd__faqcard .btn-link {
                font-size: 13.5px !important;
                padding: 14px 16px !important;
                line-height: 1.4 !important;
            }

            .sd__webtestingFaq .sd__faqcard .btn-link::after,
            #accordionExample .sd__faqcard .btn-link::after {
                width: 22px !important;
                height: 22px !important;
                font-size: 16px !important;
            }

            .sd__webtestingFaq .sd__faqcard .card-body,
            #accordionExample .sd__faqcard .card-body {
                padding: 14px 16px 16px !important;
            }

            .sd__webtestingFaq .sd__faqcard .card-body p,
            .sd__webtestingFaq .sd__faqcard .card-body .sd--paragraph,
            #accordionExample .sd__faqcard .card-body p,
            #accordionExample .sd__faqcard .card-body .sd--paragraph {
                font-size: 13px !important;
            }

            .sd__webtestingFaq .col-md-6>.sd--headingh5 {
                font-size: 14px !important;
            }
        }

        /* ============================================================
   RECENT AWARDS V2
============================================================ */
        .sd-awards-v2 {
            background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%) !important;
            font-family: 'Poppins', sans-serif !important;
        }

        .sd-awards-v2 .row.mb-3 {
            margin-bottom: 30px !important;
            /* padding-top: 60px; */

        }

        .sd-awards-v2 .text-dark.text-center {
            max-width: 820px;
            margin: 0 auto !important;
        }

        .sd-awards-v2 .display-h2 {
            font-size: clamp(26px, 3.5vw, 38px) !important;
            font-weight: 800 !important;
            color: #111827 !important;
            line-height: 1.2 !important;
            letter-spacing: -0.02em !important;
            margin-bottom: 16px !important;
        }

        .sd-awards-v2 .display-h2 .underLine-img {
            color: #f55925 !important;
            position: relative !important;
            display: inline-block !important;
        }

        .sd-awards-v2 .display-h2 .underLine-img::before {
            display: none !important;
        }

        .sd-awards-v2 .display-h2 .underLine-img::after {
            content: '' !important;
            position: absolute !important;
            left: 0 !important;
            right: 0 !important;
            bottom: -4px !important;
            height: 3px !important;
            background: linear-gradient(90deg, #f55925, #ffb088) !important;
            border-radius: 2px !important;
        }

        .sd-awards-v2>.container>.row.mb-3 .sd--paragraph {
            font-size: 15px !important;
            line-height: 1.75 !important;
            color: #4b5563 !important;
            max-width: 760px !important;
            margin: 0 auto !important;
        }

        .sd-awards-v2 .row.no-gutters {
            margin: 0 -10px !important;
            padding-top: 20px !important;
        }

        .sd-awards-v2 .row.no-gutters>[class*="col-"] {
            padding: 10px !important;
        }

        .sd-awards-v2 .sd-award-card.bg-light,
        .sd-awards-v2 .sd-award-card {
            background: #ffffff !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 16px !important;
            padding: 28px 26px !important;
            height: 100% !important;
            position: relative !important;
            overflow: hidden !important;
            display: flex !important;
            flex-direction: column !important;
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
        }

        .sd-awards-v2 .sd-award-card::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 3px !important;
            background: linear-gradient(90deg, #f55925, #ffb088) !important;
            transform: scaleX(0) !important;
            transform-origin: left !important;
            transition: transform 0.35s ease !important;
        }

        .sd-awards-v2 .sd-award-card:hover {
            border-color: #f55925 !important;
            transform: translateY(-4px) !important;
            box-shadow: 0 14px 32px rgba(245, 89, 37, 0.12) !important;
        }

        .sd-awards-v2 .sd-award-card:hover::before {
            transform: scaleX(1) !important;
        }

        .sd-awards-v2 .sd-award-card .sd--headingh5 {
            font-size: 17px !important;
            font-weight: 700 !important;
            color: #111827 !important;
            line-height: 1.3 !important;
            margin: 0 0 12px !important;
            letter-spacing: -0.01em !important;
            font-family: 'poppins' !important;
        }

        .sd-awards-v2 .sd-award-card .sd--paragraph {
            font-size: 13.5px !important;
            line-height: 1.7 !important;
            color: #4b5563 !important;
            margin: 0 0 22px !important;
            flex: 1 1 auto !important;
            max-width: 100% !important;
            font-family: 'poppins' !important;
        }

        .sd-awards-v2 .sd-award-card img {
            max-width: 110px !important;
            max-height: 40px !important;
            width: auto !important;
            height: auto !important;
            object-fit: contain !important;
            filter: grayscale(0.3) opacity(0.8) !important;
            transition: filter 0.3s ease !important;
            margin-top: auto !important;
            align-self: flex-start !important;
            display: block !important;
        }

        .sd-awards-v2 .sd-award-card:hover img {
            filter: grayscale(0) opacity(1) !important;
        }

        @media (max-width: 991px) {
            .sd-awards-v2 .sd-award-card {
                padding: 22px 20px !important;
            }
        }

        @media (max-width: 767px) {
            .sd-awards-v2 .sd-award-card {
                padding: 20px 18px !important;
            }

            .sd-awards-v2 .sd-award-card .sd--headingh5 {
                font-size: 16px !important;
            }

            .sd-awards-v2 .sd-award-card .sd--paragraph {
                font-size: 13px !important;
            }
        }

        /* ============================================================
   CORE PRINCIPLES CARDS
============================================================ */
        .sd-principle-card {
            background: #fff;
            border: 1px solid #1ea8aa;
        }

        .sd-principle-card .d-flex {
            gap: 13px;
            justify-content: start;
            align-items: start;
        }

        /* ============================================================
   PARTNERS SECTION (as-seen-v2)
============================================================ */
        .as-seen-v2 .col-md-5 {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
        }

        .as-seen-v2 {
            padding: 0 !important;
            background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
            position: relative !important;
            overflow: hidden !important;
            font-family: 'Poppins', sans-serif !important;
            border-top: 1px solid #f1f3f5 !important;
        }

        .as-seen-v2::before {
            content: '' !important;
            position: absolute !important;
            width: 480px !important;
            height: 480px !important;
            background: radial-gradient(circle, rgba(245, 89, 37, 0.05) 0%, transparent 65%) !important;
            top: -200px !important;
            right: -200px !important;
            border-radius: 50% !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }

        .as-seen-v2 .container {
            position: relative !important;
            z-index: 1 !important;
        }

        .as-seen-v2 .row.align-items-center {
            align-items: center !important;
        }

        /* PEHLE SE HAI — sirf flex lines add karo */
        .as-seen-v2 .col-md-6.mb-3 {
            margin-bottom: 0 !important;
            position: relative !important;
            display: flex !important;
            /* ADD */
            flex-direction: column !important;
            /* ADD */
            align-items: flex-start !important;
            /* ADD */
        }

        ' /* .as-seen-v2 .col-md-6.mb-3::before {
 content: 'OFFICIAL PARTNERS' !important;
        display: inline-block !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.18em !important;
        color: #f55925 !important;
        background: rgba(245, 89, 37, 0.08) !important;
        padding: 6px 14px !important;
        border-radius: 100px !important;
        margin-bottom: 16px !important;
        }

        ' */


        .as-seen-v2 h2.display-4 {
            font-family: 'Poppins', sans-serif !important;
            font-size: clamp(22px, 2.6vw, 30px) !important;
            font-weight: 800 !important;
            color: #111827 !important;
            line-height: 1.25 !important;
            letter-spacing: -0.02em !important;
            margin: 0 !important;
            max-width: 480px !important;
        }

        @media (max-width: 991px) {
            .as-seen-v2 h2.display-4 {
                max-width: 100% !important;
            }
        }

        @media (max-width: 767px) {
            .as-seen-v2 h2.display-4 {
                font-size: 22px !important;
            }

        }

        .as-seen-v2 h2.display-4 {
            font-size: clamp(22px, 2.6vw, 30px) !important;
        }

        .as-seen-v2 .sd-logoPartner {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 16px !important;
            width: 100% !important;
            align-items: stretch !important;
        }

        .as-seen-v2 .sd-logoPartner img {
            width: 100% !important;
            height: 90px !important;
            max-width: 100% !important;
            background: #ffffff !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 14px !important;
            padding: 18px 22px !important;
            object-fit: contain !important;
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
            transition: all 0.3s ease !important;
            filter: grayscale(0.15) opacity(0.95) !important;
        }

        .as-seen-v2 .sd-logoPartner img:hover {
            transform: translateY(-4px) !important;
            border-color: #f55925 !important;
            box-shadow: 0 12px 28px rgba(245, 89, 37, 0.14) !important;
            filter: grayscale(0) opacity(1) !important;
        }

        @media (max-width: 991px) {
            .as-seen-v2 {
                padding: 0 !important;
            }

            .as-seen-v2 .row.align-items-center>[class*="col-"] {
                margin-bottom: 24px;
            }

            .as-seen-v2 h3.display-4 {
                max-width: 100% !important;
            }

            .as-seen-v2 .sd-logoPartner img {
                height: 78px !important;
                padding: 14px 18px !important;
            }
        }

        @media (max-width: 767px) {
            .as-seen-v2 .col-md-6.mb-3::before {
                font-size: 10px !important;
                padding: 5px 12px !important;
            }

            .as-seen-v2 h3.display-4 {
                font-size: 22px !important;
            }

            .as-seen-v2 .sd-logoPartner {
                gap: 10px !important;
            }

            .as-seen-v2 .sd-logoPartner img {
                height: 64px !important;
                padding: 12px 14px !important;
                border-radius: 10px !important;
            }
        }

        /* ============================================================
   1200px+ adjustment
============================================================ */
        @media (min-width: 1200px) {
            .lp-adjustable {
                padding-left: calc((100% - 1620px) / 2 + 20px);
            }
        }

        /* .ps {
            padding-top: 80px;
        } */

        /* section.experts-section {
            margin-top: 30px;
        } */

        /* ============================================================
   GLOBAL FONT OVERRIDE — DM Sans everywhere
============================================================ */
        .ent-title,
        .ent-desc,
        .exp-title,
        .exp-title .underline-accent,
        .exp-tag,
        .exp-desc,
        .exp-stat-text h5,
        .exp-strip-item strong,
        .exp-strip-item span,
        .cta-title,
        .cta-desc,
        .cta-stat-num,
        .cta-stat-label,
        .cta-tagline,
        .experts-section,
        .ent-section,
        .cta-box,
        .cta-box * {
            font-family: 'Poppins', sans-serif !important;
        }

        /* ============================================================
   CLS PROTECTION & ASPECT RATIO SAFETY
============================================================ */
        img {
            height: auto;
            max-width: 100%;
        }

        .sd-client--slideshow {
            min-height: 350px;
        }

        .sd-hv2-team-img {
            aspect-ratio: 1000 / 564;
            background: #f3f4f6;
        }

        /* Prevent third-party logos from causing shifts */
        .logo-cell img,
        .sd--awrded-card img,
        .sd--awrded-logo-new img,
        .sd-hv2-recog-logos img {
            contain: layout style;
        }

        /* Font swap to prevent FOIT */
        body {
            font-display: swap;
        }

        /* Reserve space for hero stamp on mobile */
        @media (max-width: 767px) {
            .sd-hv2-image-wrap {
                padding-top: 10px;
            }
        }

        .sd-strategist-section {
            font-family: 'poppins';
        }

        .sd-strat-box {
            background: #002328;
            border-radius: 24px;
            padding: 40px 36px;
            color: #ffffff;
            box-shadow: 0 20px 50px rgba(11, 26, 46, 0.25);
        }

        /* Header */
        .sd-strat-header {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 18px;
        }

        .sd-strat-live-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            background: rgba(239, 68, 68, 0.12);
            border: 1px solid rgba(239, 68, 68, 0.45);
            padding: 5px 12px;
            border-radius: 999px;
        }

        .sd-strat-blink-dot {
            display: inline-block;
            width: 7px;
            height: 7px;
            background: #EF4444;
            border-radius: 50%;
            animation: sdStratBlink 1.4s ease-in-out infinite;
        }

        .sd-strat-blink-text {
            font-size: 11px;
            color: #FCA5A5;
            font-weight: 600;
            letter-spacing: 1.2px;
            animation: sdStratBlink 1.4s ease-in-out infinite;
        }

        .sd-strat-visitors {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.55);
        }

        @keyframes sdStratBlink {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.35;
            }
        }

        /* Title */
        .sd-strat-title {
            font-size: 28px;
            font-weight: 600;
            line-height: 1.25;
            margin: 0 0 8px;
            color: #ffffff !important;
            letter-spacing: -0.3px;
        }

        .sd-strat-accent {
            color: #25D366 !important;
        }

        .sd-strat-subtitle {
            font-size: 14px;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.6) !important;
            margin: 0 0 24px;
        }

        /* Grid */
        .sd-strat-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 14px;
            margin-bottom: 22px;
        }

        .sd-strat-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 14px;
            padding: 16px;
            text-decoration: none !important;
            transition: all 0.25s ease;
            display: block;
        }

        .sd-strat-card:hover {
            border-color: #25D366;
            background: rgba(37, 211, 102, 0.07);
            transform: translateY(-3px);
            text-decoration: none !important;
        }

        .sd-strat-card-head {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }

        .sd-strat-avatar-wrap {
            position: relative;
            width: 48px;
            height: 48px;
            flex-shrink: 0;
        }

        .sd-strat-avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            object-fit: cover;
            display: block;
            background: #1a2a3a;
        }

        .sd-strat-pulse-ring {
            position: absolute;
            inset: 0;
            border-radius: 50%;
            border: 2px solid #22C55E;
            animation: sdStratPulse 1.8s ease-out infinite;
            pointer-events: none;
        }

        @keyframes sdStratPulse {
            0% {
                transform: scale(1);
                opacity: 0.7;
            }

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

        .sd-strat-online-dot {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 13px;
            height: 13px;
            background: #22C55E;
            border: 2px solid #0B1A2E;
            border-radius: 50%;
            z-index: 2;
        }

        .sd-strat-name-wrap {
            min-width: 0;
            flex: 1;
        }

        .sd-strat-name {
            font-size: 14px;
            font-weight: 600;
            color: #fff !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 2px;
        }

        .sd-strat-role {
            font-size: 11px;
            color: rgba(255, 255, 255, 0.5) !important;
        }

        /* Status */
        .sd-strat-status {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 11px;
            margin-bottom: 12px;
            min-height: 16px;
        }

        .sd-strat-status-typing {
            color: #4ADE80;
        }

        .sd-strat-status-active {
            color: #4ADE80;
        }

        .sd-strat-status-replied {
            color: rgba(255, 255, 255, 0.55);
        }

        .sd-strat-typing-dots {
            display: inline-flex;
            gap: 3px;
            align-items: end;
            height: 10px;
        }

        .sd-strat-td {
            width: 4px;
            height: 4px;
            background: #4ADE80;
            border-radius: 50%;
            display: inline-block;
        }

        .sd-strat-td:nth-child(1) {
            animation: sdStratTypeBob 1.4s infinite 0s;
        }

        .sd-strat-td:nth-child(2) {
            animation: sdStratTypeBob 1.4s infinite 0.2s;
        }

        .sd-strat-td:nth-child(3) {
            animation: sdStratTypeBob 1.4s infinite 0.4s;
        }

        @keyframes sdStratTypeBob {

            0%,
            80%,
            100% {
                opacity: 0.3;
                transform: translateY(0);
            }

            40% {
                opacity: 1;
                transform: translateY(-2px);
            }
        }

        .sd-strat-active-dot {
            display: inline-block;
            width: 7px;
            height: 7px;
            background: #22C55E;
            border-radius: 50%;
        }

        .sd-strat-replied-dot {
            display: inline-block;
            width: 7px;
            height: 7px;
            background: #4ADE80;
            border-radius: 50%;
        }

        /* WhatsApp Button */
        .sd-strat-wa-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            background: #25D366;
            color: white !important;
            font-size: 13px;
            font-weight: 600;
            padding: 10px;
            border-radius: 8px;
            animation: sdStratSoftPulse 2s infinite;
        }

        @keyframes sdStratSoftPulse {

            0%,
            100% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
            }

            50% {
                box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
            }
        }

        /* Divider */
        .sd-strat-divider {
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 22px 0 16px;
        }

        .sd-strat-line {
            flex: 1;
            height: 1px;
            background: rgba(255, 255, 255, 0.1);
        }

        .sd-strat-divider-text {
            font-size: 10px;
            color: rgba(255, 255, 255, 0.4);
            text-transform: uppercase;
            letter-spacing: 1.4px;
            font-weight: 600;
        }

        /* Schedule Box */
        .sd-strat-schedule {
            text-decoration: none !important;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 14px;
            padding: 16px 18px;
            transition: all 0.25s ease;
        }

        .sd-strat-schedule:hover {
            border-color: rgba(224, 85, 46, 0.45);
            background: rgba(224, 85, 46, 0.05);
            text-decoration: none !important;
        }

        .sd-strat-sched-left {
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .sd-strat-sched-icon {
            width: 38px;
            height: 38px;
            border-radius: 10px;
            background: rgba(224, 85, 46, 0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .sd-strat-sched-title {
            font-size: 14px;
            font-weight: 600;
            color: #fff !important;
            margin-bottom: 3px;
        }

        .sd-strat-sched-sub {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.55) !important;
        }

        .sd-strat-slot-pulse {
            color: #FCA5A5;
            font-weight: 600;
            animation: sdStratBlink 1.8s infinite;
        }

        .sd-strat-sched-btn {
            background: #E0552E;
            color: white !important;
            font-size: 13px;
            font-weight: 600;
            padding: 10px 18px;
            border-radius: 8px;
            white-space: nowrap;
        }

        /* Footer */
        .sd-strat-footer {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
            padding-top: 18px;
            margin-top: 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            font-size: 12px;
            color: rgba(255, 255, 255, 0.55);
        }

        .sd-strat-rating {
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }

        .sd-strat-rating strong {
            color: #fff !important;
            font-weight: 600;
        }

        .sd-strat-feat {
            color: rgba(255, 255, 255, 0.55);
        }

        .sd-strat-encrypted {
            margin-left: auto;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }

        /* ============================================================
   RESPONSIVE
============================================================ */
        @media (max-width: 991px) {
            .sd-strat-box {
                padding: 32px 24px;
            }

            .sd-strat-title {
                font-size: 24px;
            }
        }

        @media (max-width: 767px) {
            .sd-strat-box {
                padding: 24px 18px;
                border-radius: 18px;
                margin-top: 0px !important;
            }

            .sd-strat-title {
                font-size: 20px;
                line-height: 1.3;
            }

            .sd-strat-subtitle {
                font-size: 13px;
            }

            .sd-strat-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .sd-strat-schedule {
                flex-direction: column;
                align-items: stretch;
                gap: 14px;
                text-align: left;
            }

            .sd-strat-sched-btn {
                text-align: center;
            }

            .sd-strat-footer {
                gap: 10px;
                font-size: 11px;
            }

            .sd-strat-encrypted {
                margin-left: 0;
                width: 100%;
            }
        }

        @media (max-width: 480px) {
            .sd-strat-header {
                gap: 8px;
            }

            .sd-strat-visitors {
                font-size: 11px;
            }

            .sd-strat-title {
                font-size: 18px;
            }
        }

        .sl1 {
            font-size: 10px;
            color: #000000;
            text-transform: uppercase;
            letter-spacing: 0.07em;
            margin-bottom: 4px;
            margin-top: 40px;

        }

        h2.display-4.mb-4 {
            text-align: start !important;
        }

        .as-seen-badge {
            display: block !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            letter-spacing: 0.18em !important;
            color: #f55925 !important;
            background: rgba(245, 89, 37, 0.08) !important;
            padding: 6px 14px !important;
            border-radius: 100px !important;
            margin-bottom: 16px !important;
            width: fit-content !important;
        }

        /* ============ PRICING SECTION (ps) ============ */
        .ps {
            --teal: #0e9488;
            --teal-dark: #0b7d73;
            --teal-soft: #e6f6f4;
            --mint: #eef9f4;
            --ink: #0f1b33;
            --muted: #5b6478;
            --line: #e6ebf1;
            font-family: 'Poppins', system-ui, sans-serif;
            background: linear-gradient(180deg, #f4f8f7 0%, #f7fafa 100%);
            padding: 70px 20px 60px;
            color: var(--ink);
        }

        .ps * {
            box-sizing: border-box;
            margin: 0
        }

        .ps-wrap {
            max-width: 1240px;
            margin: 0 auto
        }

        /* --- top badge --- */
        .ps-badge {
            display: flex;
            justify-content: center;
            margin-bottom: 22px;
        }

        .ps-badge span {
            background: #e9f4f0;
            border: 1px solid #d7ece6;
            color: var(--teal-dark);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: 10px 22px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .ps-badge .dot {
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: var(--teal-dark);
            display: inline-block
        }

        /* --- heading --- */
        .ps-title {
            text-align: center;
            font-size: clamp(30px, 4.4vw, 52px);
            font-weight: 800;
            line-height: 1.15;
            letter-spacing: -.02em;
            margin-bottom: 18px;
        }

        .ps-title .hl {
            color: var(--teal)
        }

        .ps-sub {
            text-align: center;
            max-width: 1000px;
            margin: 0 auto 46px;
            color: var(--muted);
            font-size: 16px;
            line-height: 1.65;
            font-weight: 400;
        }

        /* --- grid --- */
        .pg {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 18px;
            align-items: stretch;
        }

        @media(max-width:1100px) {
            .pg {
                grid-template-columns: repeat(3, 1fr)
            }
        }

        @media(max-width:760px) {
            .pg {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:520px) {
            .pg {
                grid-template-columns: 1fr
            }
        }

        /* --- card --- */
        .pc {
            position: relative;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 18px;
            padding: 28px 18px 22px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            box-shadow: 0 4px 18px rgba(15, 27, 51, .05);
            transition: transform .25s ease, box-shadow .25s ease;
        }

        .pc:hover {
            transform: translateY(-5px);
            box-shadow: 0 14px 30px rgba(14, 148, 136, .14)
        }

        .pc.featured {
            border: 2px solid var(--teal);
            box-shadow: 0 10px 32px rgba(14, 148, 136, .18);
        }

        .pc .badge {
            position: absolute;
            top: -13px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--teal);
            color: #fff;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .04em;
            padding: 5px 18px;
            border-radius: 999px;
            text-transform: capitalize;
        }

        /* icon */
        .iw {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: var(--teal-soft);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
        }

        .iw svg {
            width: 26px;
            height: 26px;
            fill: none;
            stroke: var(--teal);
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round
        }

        .ct {
            font-size: 18px;
            font-weight: 800;
            margin-bottom: 18px
        }

        /* USD block */
        .sl {
            font-size: 13.5px;
            color: var(--muted);
            font-weight: 600;
            margin-bottom: 8px
        }

        .usd-box {
            width: 100%;
            background: #f2f8f6;
            border-radius: 12px;
            padding: 12px 8px 10px;
            margin-bottom: 16px;
        }

        .usd {
            font-size: 27px;
            font-weight: 800;
            color: var(--teal)
        }

        .usd small {
            font-size: 14px;
            font-weight: 600;
            color: var(--muted)
        }

        .inr-approx {
            font-size: 13px;
            color: var(--muted);
            font-weight: 600;
            margin-top: 2px
        }

        .inr-approx b {
            color: var(--ink)
        }

        /* INR block */
        .pi-label {
            font-size: 13.5px;
            font-weight: 800;
            color: var(--teal-dark);
            padding-top: 14px;
            border-top: 1px solid var(--line);
            width: 100%;
            margin-bottom: 8px
        }

        .inr-box {
            width: 100%;
            background: var(--mint);
            border: 1px solid #dff0e8;
            border-radius: 12px;
            padding: 12px 8px 10px;
            margin-bottom: 20px;
        }

        .inr {
            font-size: 18px;
            font-weight: 800;
            color: var(--ink)
        }

        .inr small {
            font-size: 13px;
            font-weight: 700;
            color: var(--muted)
        }

        .tax {
            font-size: 12px;
            color: var(--muted);
            font-weight: 600;
            margin-top: 2px
        }

        /* buttons */
        .btns {
            width: 100%;
            margin-top: auto;
            display: flex;
            flex-direction: column;
            gap: 10px
        }

        .be,
        .bc {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            padding: 12px 10px;
            border-radius: 10px;
            font-size: 15px;
            font-weight: 700;
            text-decoration: none;
            transition: .2s;
        }

        .be {
            background: var(--teal);
            color: #fff
        }

        .be:hover {
            background: var(--teal-dark)
        }

        .bc {
            background: #fff;
            color: var(--teal-dark);
            border: 1.5px solid #cfe6e2
        }

        .bc:hover {
            border-color: var(--teal);
            background: var(--teal-soft)
        }

        .pc.featured .be {
            background: var(--teal-dark)
        }

        /* --- trust bar --- */
        .trust {
            margin-top: 34px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 16px;
            padding: 26px 28px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 22px;
            box-shadow: 0 4px 18px rgba(15, 27, 51, .04);
        }

        @media(max-width:900px) {
            .trust {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:520px) {
            .trust {
                grid-template-columns: 1fr
            }
        }

        .t-item {
            display: flex;
            align-items: flex-start;
            gap: 14px
        }

        .t-item+.t-item {
            border-left: 1px solid var(--line);
            padding-left: 22px
        }

        @media(max-width:900px) {
            .t-item+.t-item {
                border-left: none;
                padding-left: 0
            }
        }

        .t-ic {
            flex: 0 0 52px;
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background: var(--teal-soft);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--teal);
            font-size: 20px;
        }

        .t-item h4 {
            font-size: 15.5px;
            font-weight: 800;
            margin-bottom: 3px
        }

        .t-item p {
            font-size: 13.5px;
            color: var(--muted);
            font-weight: 500;
            line-height: 1.5
        }

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

            .pc,
            .be,
            .bc {
                transition: none
            }
        }

        span.one {
            font-size: 32px;
        }

        p a,
        .sd--paragraph a,
        .sd--interlinking {
            font-size: inherit;
            line-height: inherit;
            font-weight: 400;
        }

        /* ============================================================
   LINKS — TEXT JAISA COLOR + NORMAL UNDERLINE
============================================================ */
        a.sd--interlinking,
        .sd--interlinking,
        .sd--paragraph a,
        p a,
        .exp-desc a,
        .sec-header p a,
        .dl-pane p a,
        .sd-vs-link,
        .sd-vs-subtitle a,
        .sd__webtestingFaq .sd__faqcard .card-body a,
        .sd__webtestingFaq .sd__faqcard .card-body .sd--interlinking,
        #accordionExample .sd__faqcard .card-body a,
        #accordionExample .sd__faqcard .card-body .sd--interlinking {
            color: inherit;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        /* Hover pe bhi color same rahe */
        .sd__webtestingFaq .sd__faqcard .card-body a:hover,
        #accordionExample .sd__faqcard .card-body a:hover,
        p a:hover,
        .sd--interlinking:hover {
            color: inherit;
        }

        /* ============================================================
   COUNTER FIX — global p override se protect
============================================================ */
        .sd-counter-wrapper .sd-cnt-num,
        .counter-item .counter-number {
            font-size: 34px;
            font-weight: 700;
            color: #111;
            line-height: 1;
            margin: 0 0 6px;
        }

        .sd-cnt-label,
        .counter-item p {
            font-size: 14px;
            margin: 0;
        }


        .sd-counter-wrapper .sd-cnt-num span {
            font-size: inherit !important;
            font-weight: inherit !important;
            color: #ff6b00 !important;
        }

        .sd-counter-wrapper .sd-cnt-label {
            font-size: 13px !important;
            font-weight: 600 !important;
            color: #777 !important;
            text-transform: uppercase !important;
            letter-spacing: .6px !important;
            line-height: 1.4 !important;
            margin: 0 !important;
            max-width: none !important;
        }

        /* Card ke andar ke p tags — global 16px override se bachao */
        .ps .ct {
            font-size: 18px !important;
            font-weight: 800 !important;
            margin: 0 0 18px !important;
            max-width: none !important;
            line-height: 1.3 !important;
            color: var(--ink) !important;
        }

        .ps .sl {
            font-size: 13.5px !important;
            font-weight: 600 !important;
            color: var(--muted) !important;
            margin: 0 0 8px !important;
            max-width: none !important;
            line-height: 1.4 !important;
            text-transform: none !important;
            letter-spacing: normal !important;
        }

        .ps .pi-label {
            font-size: 13.5px !important;
            font-weight: 800 !important;
            color: var(--teal-dark) !important;
            padding-top: 14px !important;
            border-top: 1px solid var(--line) !important;
            width: 100% !important;
            margin: 0 0 8px !important;
            max-width: none !important;
            line-height: 1.4 !important;
        }

        .ps .ps-sub {
            font-size: 16px !important;
            font-weight: 400 !important;
            color: var(--muted) !important;
            max-width: 1000px !important;
            margin: 0 auto 46px !important;
            line-height: 1.65 !important;
        }

        /* Trust bar ke subtitles */
        .ps .trust .t-item p {
            font-size: 13.5px !important;
            font-weight: 500 !important;
            color: var(--muted) !important;
            line-height: 1.5 !important;
            margin: 0 !important;
            max-width: none !important;
        }

        .ps .trust .t-item h4 {
            font-size: 15.5px !important;
            font-weight: 800 !important;
            margin: 0 0 3px !important;
            color: var(--ink) !important;
        }

        /* ============================================================
   "How We Drive Leads & Sales" — Orange theme (links + h2)
============================================================ */

        /* H2 ka highlighted word — teal se orange */
        .sec-header h2 .highlight {
            color: #f55925 !important;
        }

        .sec-header h2 .highlight::after {
            background: linear-gradient(90deg, #f55925, #ffb088) !important;
        }

        /* Header paragraph ka link — orange */
        .sec-header p a {
            color: #f55925 !important;
        }

        /* Tab content ke andar sab links — orange */
        .dl-pane p a {
            color: #f55925 !important;
        }

        /* Left side nav — active/hover accent orange */
        .dl-nav button.active {
            color: #f55925 !important;
            border-left-color: #f55925 !important;
        }

        .dl-nav button:hover {
            border-left-color: #ffb088 !important;
        }

        /* Headings ke aage wala dot — orange */
        .dl-pane h3::before {
            background: #f55925 !important;
        }

        /* Chips (service buttons) — orange style */
        .dl-chip {
            color: #f55925 !important;
            background: #fef3eb !important;
            border-color: #fdd5c0 !important;
        }

        .dl-chip:hover {
            background: #fde0d3 !important;
            color: #c2410c !important;
            border-color: #f55925 !important;
        }

        /* Mobile tabs — active orange */
        .dl-mob-tabs button.active {
            background: #f55925 !important;
            border-color: #f55925 !important;
            color: #fff !important;
        }

        .heading {
            font-size: 45px;
            font-weight: 700;
            color: #f55925;
        }

        /* ===== HERO H1 RESPONSIVE (class nahi thi isliye direct target) ===== */
        .sd-hv2-left h1 {
            font-size: 44px;
            font-weight: 800;
            line-height: 1.12;
            color: #111827;
            letter-spacing: -0.02em;
            margin: 0 0 22px;
        }

        @media (max-width: 1600px) {
            .sd-hv2-left h1 {
                font-size: 48px;
            }
        }

        @media (max-width: 1440px) {
            .sd-hv2-left h1 {
                font-size: 40px;
                line-height: 1.2;
            }

            .sd-hv2-left h1 .heading {
                font-size: 40px;
            }
        }

        @media (max-width: 1366px) {
            .sd-hv2-left h1 {
                font-size: 38px;
            }

            .sd-hv2-left h1 .heading {
                font-size: 38px;
            }
        }

        @media (max-width: 1199px) {
            .sd-hv2-left h1 {
                font-size: 36px;
            }

            .sd-hv2-left h1 .heading {
                font-size: 36px;
            }
        }

        @media (max-width: 991px) {
            .sd-hv2-left h1 {
                font-size: 32px;
                text-align: center;
            }

            .sd-hv2-left h1 .heading {
                font-size: 32px;
            }
        }

        @media (max-width: 767px) {
            .sd-hv2-left h1 {
                font-size: 26px;
                line-height: 1.25;

                letter-spacing: -0.3px;
            }

            .col-12 {
                padding-top: 0 !important;
            }

            .sd-hv2-left h1 .heading {
                font-size: 26px;
            }
        }

        @media (max-width: 400px) {
            .sd-hv2-left h1 {
                font-size: 23px;
            }

            .sd-hv2-left h1 .heading {
                font-size: 23px;
            }
        }

        /* ===== BUTTONS WRAPPER — hamesha inline (side by side) ===== */
        .sd-hv2-btns {
            display: flex;
            flex-wrap: nowrap;
            gap: 12px;
            align-items: center;
            margin-bottom: 32px;
        }

        .sd-hv2-btns .sd-hv2-cta,
        .sd-hv2-btns .sd-hv2-cta1 {
            margin-bottom: 0;
            /* purana 32px margin hata diya, wahi stack karwa raha tha */
        }

        @media (max-width: 991px) {
            .sd-hv2-btns {
                justify-content: center;
            }

            /* center column layout me */
        }

        @media (max-width: 767px) {
            .sd-hv2-btns {
                gap: 8px;
            }

            .sd-hv2-btns .sd-hv2-cta,
            .sd-hv2-btns .sd-hv2-cta1 {
                padding: 11px 16px;
                font-size: 13px;
                gap: 8px;
                white-space: nowrap;
            }

            .sd-hv2-btns .sd-hv2-cta-arrow {
                width: 20px;
                height: 20px;
                font-size: 11px;
            }
        }

        @media (max-width: 380px) {

            .sd-hv2-btns .sd-hv2-cta,
            .sd-hv2-btns .sd-hv2-cta1 {
                padding: 10px 13px;
                font-size: 12px;
            }
        }

        /* ===== PRICING: Image-1 style USD + INR line ===== */
        .ps .usd-box {
            background: transparent !important;
            border: none !important;
            padding: 4px 0 0 !important;
            margin-bottom: 18px !important;
            text-align: left;
            width: 100%;
        }

        .ps .usd {
            font-size: 40px !important;
            font-weight: 800 !important;
            color: #111 !important;
            line-height: 1 !important;
            letter-spacing: -0.02em;
        }

        .ps .usd .cur {
            font-size: 22px;
            vertical-align: super;
            font-weight: 800;
            margin-right: 1px;
        }

        .ps .usd small {
            font-size: 16px !important;
            font-weight: 500 !important;
            color: #9ca3af !important;
            margin-left: 2px;
        }

        .ps .inr-line {
            font-size: 13px !important;
            color: #9ca3af !important;
            font-weight: 500 !important;
            margin-top: 8px !important;
            max-width: none !important;
            line-height: 1.4 !important;
            border-top: 1px solid #e6ebf1;
            padding-top: 8px;
        }

        .ps .inr-line b {
            color: #111 !important;
            font-weight: 700 !important;
        }

        .ps .inr-line span {
            color: #9ca3af !important;
        }

        /* =================================================
   PRICING MOBILE — FINAL FIX (sabse last me rakhna)
   ================================================= */
        @media (max-width: 767px) {

            /* Grid ko force karo 1 column me — har possible selector cover kiya */
            section.price .ps .pg,
            .price .pg,
            .ps .pg,
            .pg {
                display: block !important;
                width: 100% !important;
                padding: 0 16px !important;
                box-sizing: border-box !important;
            }

            /* Har card full width, ek ke neeche ek */
            section.price .ps .pc,
            .price .pc,
            .ps .pc,
            .pc {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                margin: 0 0 16px 0 !important;
                transform: none !important;
                box-sizing: border-box !important;
                padding: 24px 20px !important;
            }

            /* Popular card ka zoom/scale hatao */
            section.price .ps .pc.featured,
            .pc.featured {
                transform: none !important;
                scale: 1 !important;
                margin-top: 20px !important;
            }

            /* Section khud overflow na kare */
            section.price {
                width: 100% !important;
                left: 0 !important;
                margin-left: 0 !important;
                overflow-x: hidden !important;
            }

            section.price .ps {
                width: 100% !important;
                padding: 40px 0 !important;
            }

            .ps .ps-wrap {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0 !important;
                box-sizing: border-box !important;
            }

            html,
            body {
                overflow-x: hidden !important;
            }
        }

        @media (max-width: 767px) {
            .ps .usd {
                font-size: 32px !important;
            }

            .ps .inr-line {
                font-size: 12px !important;
            }
        }

        /* Pricing section full width background */
        section.price {
            width: 100vw;
            position: relative;
            left: 50%;
            margin-left: -50vw;
            padding: 0 !important;
        }

        body {
            overflow-x: hidden;
        }

        /* Drive Leads section — link text jaisa color + underline */
        .section-wrapper .sec-header p a,
        .dl-content a,
        .dl-pane p a {
            color: inherit !important;
            text-decoration: underline !important;
            text-underline-offset: 3px;
        }

        .section-wrapper .sec-header p a:hover,
        .dl-content a:hover,
        .dl-pane p a:hover {
            color: inherit !important;
        }

        /* Mobile — price center */
        @media (max-width: 767px) {
            .ps .pc {
                text-align: center;
            }

            .ps .usd-box {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .ps .usd,
            .ps .inr-line {
                justify-content: center !important;
                text-align: center !important;
                width: 100%;
            }
        }

        /* Desktop — INR price line light background */
        .ps .inr-line {
            background: #eef7f5 !important;
            /* halka teal-grey background */
            color: #444 !important;
            padding: 4px 12px;
            border-radius: 20px;
            width: fit-content;
            margin: 6px auto 0;
            display: inline-block;
        }

        .ps .inr-line b,
        .ps .inr-line strong,
        .ps .inr-line span {
            background: transparent !important;
            color: inherit !important;
        }

        :root {
            --ink: #0E2233;
            --teal: #12A5A0;
            --teal-dark: #0C7C78;
            --mint: #EDF8F7;
            --muted: #5B6B75;
            --card: #FFFFFF;
            --line: #DCEAE9;
            --radius: 18px;
        }

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

        body {
            font-family: 'Inter', sans-serif;
            color: var(--ink);
            background:
                radial-gradient(900px 400px at 85% -10%, rgba(18, 165, 160, .10), transparent 60%),
                radial-gradient(700px 400px at 0% 110%, rgba(18, 165, 160, .08), transparent 60%),
                var(--mint);
        }

        .principles {
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 24px
        }

        /* ---------- Header: search-bar motif ---------- */
        .head {
            max-width: 720px;
            margin: 0 auto;
            text-align: center
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--teal-dark);
            background: rgba(18, 165, 160, .10);
            border: 1px solid rgba(18, 165, 160, .25);
            padding: 7px 14px;
            border-radius: 999px;
        }

        .eyebrow::before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--teal)
        }

        h2 {
            font-family: 'Sora', sans-serif;
            font-size: clamp(30px, 4.4vw, 46px);
            line-height: 1.14;
            font-weight: 700;
            margin: 20px 0 14px;
        }

        h2 em {
            font-style: normal;
            color: var(--teal);
            position: relative;
            white-space: nowrap
        }

        h2 em::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 2px;
            height: 9px;
            background: rgba(18, 165, 160, .18);
            border-radius: 4px;
            z-index: -1;
        }

        .lede {
            color: var(--muted);
            font-size: 16.5px;
            line-height: 1.7
        }

        /* fake search bar — the section's signature */
        .searchbar {
            margin: 34px auto 10px;
            max-width: 560px;
            display: flex;
            align-items: center;
            gap: 12px;
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: 14px 22px;
            box-shadow: 0 10px 30px -14px rgba(14, 34, 51, .20);
            text-align: left;
        }

        .searchbar svg {
            flex: none
        }

        .searchbar .q {
            font-size: 15px;
            color: var(--ink);
            font-weight: 500
        }

        .caret {
            display: inline-block;
            width: 2px;
            height: 18px;
            background: var(--teal);
            vertical-align: -3px;
            margin-left: 2px;
            animation: blink 1.1s steps(1) infinite
        }

        @keyframes blink {
            50% {
                opacity: 0
            }
        }

        .results-note {
            font-size: 13px;
            color: var(--muted);
            margin-top: 12px
        }

        .results-note b {
            color: var(--teal-dark);
            font-weight: 600
        }

        /* ---------- Cards as ranked results ---------- */
        .grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 26px;
            margin-top: 44px;
        }

        .card {
            position: relative;
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 34px 32px 30px;
            transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
            overflow: hidden;
        }

        .card::after {
            /* teal baseline that grows on hover */
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            height: 4px;
            width: 0;
            background: linear-gradient(90deg, var(--teal), #4CC9C4);
            transition: width .35s ease;
        }

        .card:hover {
            transform: translateY(-6px);
            border-color: rgba(18, 165, 160, .45);
            box-shadow: 0 24px 44px -20px rgba(14, 34, 51, .25)
        }

        .card:hover::after {
            width: 100%
        }

        .card-top {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px
        }

        .icon {
            width: 54px;
            height: 54px;
            border-radius: 14px;
            flex: none;
            background: linear-gradient(140deg, rgba(18, 165, 160, .14), rgba(18, 165, 160, .05));
            border: 1px solid rgba(18, 165, 160, .28);
            display: grid;
            place-items: center;
            color: var(--teal-dark);
        }

        .rank {
            margin-left: auto;
            font-family: 'Sora', sans-serif;
            font-size: 12px;
            font-weight: 600;
            color: var(--teal-dark);
            background: rgba(18, 165, 160, .10);
            border: 1px solid rgba(18, 165, 160, .25);
            padding: 5px 11px;
            border-radius: 999px;
            letter-spacing: .05em;
        }

        .card h3 {
            font-family: 'Sora', sans-serif;
            font-size: 21px;
            font-weight: 600
        }

        .card p {
            color: var(--muted);
            font-size: 15px;
            line-height: 1.75
        }

        .card p strong {
            color: var(--ink);
            font-weight: 600
        }

        /* ---------- Proof strip ---------- */
        .proof {
            margin-top: 52px;
            background: var(--ink);
            border-radius: var(--radius);
            padding: 34px 28px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .stat {
            text-align: center;
            position: relative
        }

        .stat+.stat::before {
            content: "";
            position: absolute;
            left: -10px;
            top: 12%;
            height: 76%;
            width: 1px;
            background: rgba(255, 255, 255, .14);
        }

        .stat .num {
            font-family: 'Sora', sans-serif;
            font-size: clamp(24px, 3vw, 34px);
            font-weight: 700;
            color: #fff;
        }

        .stat .num span {
            color: #4CC9C4
        }

        .stat .lbl {
            font-size: 13px;
            color: rgba(255, 255, 255, .65);
            margin-top: 6px;
            line-height: 1.5
        }

        /* reveal on scroll */
        .reveal {
            opacity: 0;
            transform: translateY(22px);
            transition: opacity .6s ease, transform .6s ease
        }

        .reveal.in {
            opacity: 1;
            transform: none
        }

        @media (prefers-reduced-motion: reduce) {
            .reveal {
                opacity: 1;
                transform: none;
                transition: none
            }

            .card,
            .card::after {
                transition: none
            }

            .caret {
                animation: none
            }
        }

        @media (max-width:860px) {
            .grid {
                grid-template-columns: 1fr
            }

            .proof {
                grid-template-columns: repeat(2, 1fr);
                row-gap: 30px
            }

            .stat:nth-child(3)::before {
                display: none
            }
        }

        @media (max-width:480px) {
            .principles {
                padding: 0 18px
            }

            .proof {
                grid-template-columns: 1fr
            }

            .stat::before {
                display: none !important
            }
        }

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

        /* Swiper ka reserved khaali space hatao */
        .swiper-container {
            min-height: auto !important;
            height: auto !important;
            margin: 10px auto 0 !important;
        }

        .swiper-slide-container {
            height: auto !important;
        }

        /* .row.sd-pt-100 {
            margin-top: 60px;
        } */

        /* ===== CENTER FIX ===== */
        .exp-header {
            text-align: center !important;
        }

        .exp-header h2 {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        /* Orange underline center me lao */
        .exp-header h2::after,
        .exp-header .heading-underline {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        /* "OUR TEAM" label + dashes center */
        .exp-header .section-tag,
        .exp-header .sub-heading {
            justify-content: center !important;
            text-align: center !important;
        }

        /* ===== PRICING CENTER FIX ===== */
        .ps .pc {
            align-items: center !important;
            text-align: center !important;
        }

        .ps .pc .iw {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .ps .usd-box {
            text-align: center !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            width: 100% !important;
        }

        .ps .usd,
        .ps .inr-line {
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .ps .sl,
        .ps .ct {
            text-align: center !important;
            width: 100% !important;
        }

        /* ===== EXPERTS SECTION MOBILE FIX (400+/20+/30+ strip) ===== */
        @media (max-width: 767px) {

            /* Image wala box thoda lamba karo taki strip fit ho */
            .exp-visual {
                min-height: 380px !important;
            }

            .exp-visual-bg {
                min-height: 380px !important;
            }

            /* Strip — chhoti, tight aur neeche properly set */
            .exp-strip {
                left: 10px !important;
                right: 10px !important;
                bottom: 10px !important;
                gap: 6px !important;
            }

            .exp-strip-item {
                padding: 8px 6px !important;
                border-radius: 8px !important;
            }

            .exp-strip-item strong {
                font-size: 16px !important;
                margin-bottom: 3px !important;
            }

            .exp-strip-item span {
                font-size: 9px !important;
                line-height: 1.3 !important;
                display: block !important;
            }

            /* HQ badge bhi chhota karo */
            .exp-badge {
                top: 10px !important;
                left: 10px !important;
                font-size: 10px !important;
                padding: 5px 10px !important;
            }

            /* Play button chhota */
            .exp-new-play-btn {
                width: 56px !important;
                height: 56px !important;
            }

            .exp-new-play-btn .exp-play-triangle {
                border-width: 10px 0 10px 18px !important;
                margin-left: 4px !important;
            }
        }

        /* Bahut chhoti screen (400px se kam) — strip ko vertical stack karo */
        @media (max-width: 400px) {
            .exp-strip {
                flex-direction: row !important;
                gap: 5px !important;
            }

            .exp-strip-item {
                padding: 6px 4px !important;
            }

            .exp-strip-item strong {
                font-size: 14px !important;
            }

            .exp-strip-item span {
                font-size: 8px !important;
            }
        }

        /* ===== PARTNER LOGOS FINAL FIX (ID se target) ===== */
        @media (max-width: 767px) {

            /* Row ko vertical stack karo */
            #mainseen .row {
                display: flex !important;
                flex-direction: column !important;
            }

            /* Logos wala column — position hatao, normal flow */
            #mainseen .col-md-7,
            #mainseen .sd-logoPartner {
                position: static !important;
                transform: none !important;
                inset: auto !important;
                top: auto !important;
                left: auto !important;
                right: auto !important;
                bottom: auto !important;
                margin: 0 !important;
            }

            #mainseen .sd-logoPartner {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                gap: 10px !important;
                margin-top: 20px !important;
                width: 100% !important;
            }

            #mainseen .sd-logoPartner img {
                position: static !important;
                transform: none !important;
                max-width: 30% !important;
                height: auto !important;
                background: #fff;
                border: 1px solid #eee;
                border-radius: 10px;
                padding: 8px;
                margin: 0 !important;
            }

            /* Heading pehle, logos baad me */
            #mainseen .col-md-5 {
                order: 1 !important;
                align-items: center !important;
                text-align: center !important;
                position: static !important;
            }

            #mainseen .col-md-7 {
                order: 2 !important;
            }

            #mainseen h2.display-4 {
                font-size: 22px !important;
                line-height: 1.4 !important;
            }
        }

        /* ===== PARTNER LOGOS — FULL MOBILE/TABLET FIX ===== */
        @media (max-width: 991px) {

            #mainseen .row {
                display: flex !important;
                flex-direction: column !important;
            }

            /* Dono columns normal flow me */
            #mainseen .col-md-5,
            #mainseen .col-md-7 {
                width: 100% !important;
                max-width: 100% !important;
                flex: 0 0 100% !important;
                position: static !important;
                transform: none !important;
            }

            /* Heading center */
            #mainseen .col-md-5 {
                align-items: center !important;
                text-align: center !important;
            }

            #mainseen .as-seen-badge {
                margin: 0 auto 14px !important;
            }

            #mainseen h2.display-4 {
                text-align: center !important;
                font-size: 20px !important;
                line-height: 1.4 !important;
                max-width: 100% !important;
            }

            /* Logos — koi absolute/transform nahi, heading ke NEECHE */
            #mainseen .sd-logoPartner {
                position: static !important;
                transform: none !important;
                inset: auto !important;
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                gap: 10px !important;
                margin-top: 24px !important;
                width: 100% !important;
            }

            #mainseen .sd-logoPartner img {
                position: static !important;
                transform: none !important;
                width: auto !important;
                max-width: 30% !important;
                height: 60px !important;
                object-fit: contain !important;
                background: #fff !important;
                border: 1px solid #e5e7eb !important;
                border-radius: 10px !important;
                padding: 10px 12px !important;
                margin: 0 !important;
            }
        }

        .section-wrapper {
            /* padding-bottom: 60px; */
        }

        /* Sirf #1 slim */
        .sd-hv2-left h1 .slim-hash {
            font-weight: 500 !important;
        }




        /* ============================================================
   SEO Discovery - "Why Choose Us" Comparison Section (Full CSS)
   Scoped under .sd-why-seodiscovery — sirf isi section pe lagega
   Fonts: Poppins everywhere
   ============================================================ */

        /* Poppins force (theme overrides ko beat karne ke liye) */
        .sd-why-seodiscovery,
        .sd-why-seodiscovery *,
        .sd-why-seodiscovery h2,
        .sd-why-seodiscovery h3 {
            font-family: 'Poppins', sans-serif !important;
        }

        /* h2 width = 1000px, baaki site jaisi */
        .sd-why-seodiscovery .head,
        .sd-why-seodiscovery .head h2 {
            max-width: 1000px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .sd-why-seodiscovery {
            --ink: #14263C;
            --gray: #5F6B7A;
            --faint: #9AA4B0;
            --line: #E7EAEF;
            --bg: #F8F9FB;
            --card: #FFFFFF;
            --orange: #F4511E;
            --orange-soft: #FDEFE9;
            --green: #1E9E55;
            --green-soft: #EDF7F1;
            --red: #C0392B;
            --navy: #14263C;
            --gold: #F0B429;
            --serif: 'Poppins', sans-serif;
            --sans: 'Poppins', sans-serif;
            font-family: var(--sans);
            color: var(--ink);
            background: var(--bg);
            -webkit-font-smoothing: antialiased;
        }

        .sd-why-seodiscovery .wrap,
        .sd-why-seodiscovery .wrap * {
            box-sizing: border-box
        }

        .sd-why-seodiscovery .section {
            padding: 92px 24px 100px
        }

        .sd-why-seodiscovery .wrap {
            max-width: 1120px;
            margin: 0 auto
        }

        /* ---------- Header ---------- */
        .sd-why-seodiscovery .head {
            text-align: center;
            max-width: 1000px;
            margin: 0 auto 40px;
            padding-bottom: 32px;
            border-bottom: 1px solid var(--line)
        }

        .sd-why-seodiscovery .kicker {
            font: 600 11.5px/1 var(--sans);
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--orange);
            display: block;
            margin-bottom: 16px
        }

        .sd-why-seodiscovery h2 {
            font-weight: 600;
            font-size: clamp(30px, 4.2vw, 46px);
            line-height: 1.18;
            letter-spacing: -.01em;
            max-width: 1000px;
            margin: 0 auto
        }

        .sd-why-seodiscovery h2 .hl {
            color: #0e9488;
        }

        .sd-why-seodiscovery .head p {
            margin-top: 16px;
            color: var(--gray);
            font-size: 15px;
            line-height: 1.75;
            max-width: 620px;
            margin-left: auto;
            margin-right: auto
        }

        .sd-why-seodiscovery .head p a {
            color: var(--orange);
            font-weight: 500;
            text-underline-offset: 3px
        }

        .sd-why-seodiscovery .head-side {
            margin-top: 22px;
            display: inline-flex;
            align-items: center;
            gap: 14px;
            text-align: left;
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 12px;
            padding: 14px 22px
        }

        .sd-why-seodiscovery .head-side .big {
            font: 600 30px var(--serif);
            letter-spacing: -.01em;
            line-height: 1
        }

        .sd-why-seodiscovery .head-side .big em {
            font-style: normal;
            color: var(--orange)
        }

        .sd-why-seodiscovery .head-side span {
            display: block;
            font-size: 12px;
            color: var(--faint);
            letter-spacing: .04em;
            line-height: 1.5
        }

        /* ---------- Stepper ---------- */
        .sd-why-seodiscovery .stepper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            margin-bottom: 26px;
            position: relative
        }

        .sd-why-seodiscovery .stepper::before {
            content: "";
            position: absolute;
            top: 19px;
            left: 8%;
            right: 8%;
            height: 1px;
            background: var(--line)
        }

        .sd-why-seodiscovery .st {
            background: none;
            border: none;
            cursor: pointer;
            text-align: center;
            position: relative;
            padding: 0 12px;
            font-family: var(--sans)
        }

        .sd-why-seodiscovery .st .n {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            margin: 0 auto 12px;
            display: grid;
            place-items: center;
            position: relative;
            z-index: 1;
            background: var(--card);
            border: 1px solid var(--line);
            font: 600 13px var(--sans);
            color: var(--faint);
            transition: .35s
        }

        .sd-why-seodiscovery .st .t {
            font: 600 13.5px var(--sans);
            color: var(--faint);
            transition: color .35s;
            display: block
        }

        .sd-why-seodiscovery .st .d {
            font: 400 11.5px var(--sans);
            color: var(--faint);
            margin-top: 3px;
            display: block;
            opacity: .8
        }

        .sd-why-seodiscovery .st.active .n {
            background: var(--orange);
            border-color: var(--orange);
            color: #fff;
            box-shadow: 0 0 0 5px var(--orange-soft)
        }

        .sd-why-seodiscovery .st.active .t {
            color: var(--ink)
        }

        .sd-why-seodiscovery .st.done .n {
            background: var(--green-soft);
            border-color: #CBE9D6;
            color: var(--green)
        }

        /* ---------- Slider ---------- */
        .sd-why-seodiscovery .slider {
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 16px;
            box-shadow: 0 2px 4px rgba(20, 38, 60, .03), 0 18px 44px -28px rgba(20, 38, 60, .22);
            overflow: hidden
        }

        .sd-why-seodiscovery .viewport {
            overflow: hidden;
            touch-action: pan-y
        }

        .sd-why-seodiscovery .track {
            display: flex;
            transition: transform .65s cubic-bezier(.3, .75, .25, 1)
        }

        .sd-why-seodiscovery .slide {
            min-width: 100%;
            display: grid;
            grid-template-columns: 1.05fr 1fr
        }

        .sd-why-seodiscovery .s-text {
            padding: 42px 44px;
            display: flex;
            flex-direction: column
        }

        .sd-why-seodiscovery .s-idx {
            font: 500 60px var(--serif);
            line-height: 1;
            color: var(--line);
            margin-bottom: 14px;
            user-select: none
        }

        .sd-why-seodiscovery .s-text h3 {
            font: 600 26px var(--serif);
            letter-spacing: -.01em;
            margin-bottom: 22px
        }

        .sd-why-seodiscovery .block {
            display: flex;
            gap: 14px
        }

        .sd-why-seodiscovery .block+.block {
            margin-top: 22px;
            padding-top: 22px;
            border-top: 1px dashed var(--line)
        }

        .sd-why-seodiscovery .block .ic {
            width: 23px;
            height: 23px;
            border-radius: 50%;
            flex: none;
            margin-top: 2px;
            display: grid;
            place-items: center;
            color: #fff
        }

        .sd-why-seodiscovery .block.win .ic {
            background: var(--green)
        }

        .sd-why-seodiscovery .block.lose .ic {
            background: var(--red)
        }

        .sd-why-seodiscovery .block .who {
            font: 700 10.5px var(--sans);
            letter-spacing: .16em;
            text-transform: uppercase;
            margin-bottom: 6px
        }

        .sd-why-seodiscovery .block.win .who {
            color: var(--green)
        }

        .sd-why-seodiscovery .block.lose .who {
            color: var(--red)
        }

        .sd-why-seodiscovery .block p {
            font-size: 14px;
            line-height: 1.75;
            color: #415060
        }

        .sd-why-seodiscovery .block.lose p {
            color: var(--gray)
        }

        .sd-why-seodiscovery .block p b {
            color: var(--ink);
            font-weight: 600
        }

        /* ---------- Slide visuals ---------- */
        .sd-why-seodiscovery .s-visual {
            background: var(--bg);
            border-left: 1px solid var(--line);
            padding: 32px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 16px
        }

        .sd-why-seodiscovery .frame {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 26px -16px rgba(20, 38, 60, .25)
        }

        .sd-why-seodiscovery .frame img {
            display: block;
            width: 100%;
            height: auto
        }

        .sd-why-seodiscovery .caption {
            background: var(--navy);
            color: #fff;
            text-align: center;
            padding: 13px 16px;
            font: 600 13.5px var(--sans);
            letter-spacing: .02em
        }

        .sd-why-seodiscovery .caption .star {
            color: var(--gold);
            margin-right: 8px
        }

        .sd-why-seodiscovery .bignum {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px
        }

        .sd-why-seodiscovery .bn {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 10px;
            padding: 22px;
            text-align: center
        }

        .sd-why-seodiscovery .bn b {
            font: 600 34px var(--serif);
            letter-spacing: -.01em;
            display: block
        }

        .sd-why-seodiscovery .bn b em {
            font-style: normal;
            color: var(--orange)
        }

        .sd-why-seodiscovery .bn span {
            font-size: 12px;
            color: var(--gray);
            margin-top: 5px;
            display: block
        }

        .sd-why-seodiscovery .engines {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: center
        }

        .sd-why-seodiscovery .eng {
            font: 500 12px var(--sans);
            color: var(--gray);
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: 7px 14px;
            display: inline-flex;
            align-items: center;
            gap: 7px
        }

        .sd-why-seodiscovery .eng i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--green)
        }

        .sd-why-seodiscovery .cs {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 10px;
            padding: 20px 22px
        }

        .sd-why-seodiscovery .cs-row {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 0
        }

        .sd-why-seodiscovery .cs-row+.cs-row {
            border-top: 1px solid var(--line)
        }

        .sd-why-seodiscovery .cs-row .lbl {
            font: 500 12.5px var(--sans);
            color: var(--gray);
            width: 118px;
            flex: none
        }

        .sd-why-seodiscovery .cs-row .bar {
            flex: 1;
            height: 8px;
            border-radius: 8px;
            background: var(--bg);
            overflow: hidden
        }

        .sd-why-seodiscovery .cs-row .bar i {
            display: block;
            height: 100%;
            border-radius: 8px;
            background: linear-gradient(90deg, var(--green), #57C284);
            width: 0;
            transition: width 1s cubic-bezier(.25, .8, .3, 1) .25s
        }

        .sd-why-seodiscovery .slide.on .cs-row .bar i {
            width: var(--w)
        }

        .sd-why-seodiscovery .cs-row .pct {
            font: 600 12.5px var(--sans);
            color: var(--green);
            width: 44px;
            text-align: right;
            flex: none
        }

        .sd-why-seodiscovery .cs-note {
            text-align: center;
            font-size: 12px;
            color: var(--faint)
        }

        /* ---------- Controls ---------- */
        .sd-why-seodiscovery .controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 16px 24px;
            border-top: 1px solid var(--line);
            background: var(--bg)
        }

        .sd-why-seodiscovery .autonote {
            font: 500 12px var(--sans);
            color: var(--faint);
            display: flex;
            align-items: center;
            gap: 8px
        }

        .sd-why-seodiscovery .ring {
            position: relative;
            width: 26px;
            height: 26px;
            flex: none
        }

        .sd-why-seodiscovery .ring svg {
            transform: rotate(-90deg)
        }

        .sd-why-seodiscovery .ring .bgc {
            stroke: var(--line)
        }

        .sd-why-seodiscovery .ring .fgc {
            stroke: var(--orange);
            stroke-linecap: round;
            transition: stroke-dashoffset .2s linear
        }

        .sd-why-seodiscovery .nav {
            display: flex;
            gap: 8px
        }

        .sd-why-seodiscovery .arrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid var(--line);
            background: #fff;
            color: var(--ink);
            display: grid;
            place-items: center;
            cursor: pointer;
            transition: .22s
        }

        .sd-why-seodiscovery .arrow:hover {
            border-color: var(--orange);
            color: var(--orange);
            background: var(--orange-soft)
        }

        /* ---------- Responsive ---------- */
        @media(max-width:940px) {
            .sd-why-seodiscovery .slide {
                grid-template-columns: 1fr
            }

            .sd-why-seodiscovery .s-visual {
                border-left: none;
                border-top: 1px solid var(--line)
            }

            .sd-why-seodiscovery .s-text {
                padding: 30px 26px
            }

            .sd-why-seodiscovery .stepper .d {
                display: none
            }
        }

        @media(max-width:560px) {
            .sd-why-seodiscovery .section {
                padding: 60px 16px 72px
            }

            .sd-why-seodiscovery .stepper .t {
                font-size: 11px
            }

            .sd-why-seodiscovery .s-idx {
                font-size: 44px
            }

            .sd-why-seodiscovery .bignum {
                grid-template-columns: 1fr
            }

            .sd-why-seodiscovery .s-visual {
                padding: 22px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .sd-why-seodiscovery .track {
                transition: none
            }

            .sd-why-seodiscovery .cs-row .bar i {
                transition: none
            }
        }

        /* ============================================
   GLOBAL SPACING FIX — Heading & Paragraph gap
============================================ */

        /* Har heading ke neeche gap */
        h1,
        h2,
        h3,
        .display-h2,
        .ent-title,
        .exp-title,
        .ps-title,
        .sd-vs-title,
        .sd-strat-title,
        .sec-header h2,
        .sd-why-seodiscovery h2 {
            margin-bottom: 18px;
        }

        /* Har paragraph ke upar/neeche breathing space */
        p,
        .sd--paragraph,
        .ent-desc,
        .exp-desc,
        .ps-sub,
        .cta-desc,
        .sd-hv2-desc,
        .sd-vs-subtitle,
        .sd-strat-subtitle,
        .sec-header p,
        .lede {
            margin-top: 12px;
            margin-bottom: 16px;
        }

        /* Eyebrow / small label aur heading ke beech gap */
        .sd--eyebrow,
        .ent-eyebrow,
        .exp-tag,
        .kicker,
        .sd-vs-eyebrow,
        .as-seen-badge,
        .eyebrow {
            margin-bottom: 14px;
            display: inline-block;
        }

        /* Section header block ke baad content se gap */
        .text-dark.text-center,
        .sec-header,
        .ent-header,
        .exp-header,
        .sd-vs-header,
        .head {
            margin-bottom: 40px;
        }

        /* Mobile pe thoda tight */
        @media (max-width: 767px) {

            h1,
            h2,
            h3,
            .display-h2 {
                margin-bottom: 14px;
            }

            p,
            .sd--paragraph {
                margin-top: 10px;
                margin-bottom: 12px;
            }

            .text-dark.text-center,
            .sec-header,
            .ent-header,
            .exp-header {
                margin-bottom: 28px;
                padding: 0px !important;
                padding-top: 0px !important;

            }

            p.exp-desc {
                padding-top: 20px;
            }

            section.experts-section {
                padding-top: 60px !important;

            }
        }

        /* In elements pe spacing fix apply NA ho */
        .counter-item p,
        .ps .ct,
        .ps .sl,
        .ps .pi-label,
        .ps .inr-line,
        .sd-strat-name,
        .sd-strat-role,
        .dl-nav button,
        .name-video .title,
        .sd--awrded-content-new p {
            margin-top: 0;
            margin-bottom: 0;
        }

        .sd-strat-box {
            margin-top: 60px;
        }

        h2.exp-title {
            margin-bottom: 40px;
        }



        /* ═══════════════════════════════════════════════
   MOBILE-ONLY SPACING FIX
   (desktop pe koi asar nahi hoga)
═══════════════════════════════════════════════ */
        @media (max-width: 767px) {

            p.sd--eyebrow {
                margin-top: 60px !important;
                margin-top: 40px !important;

            }


            .col-md-12.mb-3 {
                margin-bottom: 0px !important;
            }



            /* Headings — size aur neeche ka gap fix */
            h2,
            .display-h2,
            .ent-title,
            .exp-title,
            .sd-vs-title {
                font-size: 26px !important;
                line-height: 1.3 !important;
                margin-top: 0 !important;
                margin-bottom: 12px !important;
            }

            /* Eyebrow / kicker labels */
            .kicker,
            .eyebrow,
            .sd--eyebrow,
            .ent-eyebrow,
            .exp-tag {
                margin-bottom: 10px;
            }

            /* Heading ke neeche paragraph */
            .sec-header p,
            .head p,
            .ent-header p,
            .exp-header p,

            .ent-desc,
            .exp-desc,
            .lede {
                margin-top: 0;
                margin-bottom: 0;
                line-height: 1.65;
            }

            /* Header block → cards/logos/content ka gap */
            .sec-header+*,
            .head+*,
            .ent-header+*,
            .exp-header+*,
            .text-dark.text-center+* {
                margin-top: 24px;
            }
        }



        /* ---- Website Proposal Form ---- */
        .sd-hv2-proposal {
            display: flex;
            align-items: stretch;
            max-width: 520px;
            margin: 24px 0 28px;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 6px 24px rgba(15, 23, 42, 0.10);
            border: 1px solid #e5e9f0;
            background: #fff;
            transition: border-color .25s ease, box-shadow .25s ease;
        }

        /* focus pe poore bar ka border halka orange — koi black nahi */
        .sd-hv2-proposal:focus-within {
            border-color: #f26522;
            box-shadow: 0 0 0 4px rgba(242, 101, 34, 0.12),
                0 8px 26px rgba(15, 23, 42, 0.12);
        }

        /* input ke SARE states me border/outline off */
        .sd-hv2-proposal-input,
        .sd-hv2-proposal-input:hover,
        .sd-hv2-proposal-input:focus,
        .sd-hv2-proposal-input:focus-visible,
        .sd-hv2-proposal-input:active,
        .sd-hv2-proposal-input:invalid,
        .sd-hv2-proposal-input:required {
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .sd-hv2-proposal-input {
            flex: 1 1 auto;
            min-width: 0;
            padding: 16px 18px;
            font-size: 16px;
            color: #0f172a;
            background: #fff;
            font-family: inherit;
            -webkit-appearance: none;
            appearance: none;
            border-radius: 0;
        }

        .sd-hv2-proposal-input::placeholder {
            color: #9aa5b5;
            font-weight: 500;
        }

        .sd-hv2-proposal-btn {
            flex: 0 0 auto;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 16px 26px;
            font-size: 16px;
            font-weight: 700;
            font-family: inherit;
            color: #fff;
            background: #0f172a;
            border-radius: 8px;
            margin: 4px;
            transition: background 0.25s ease, transform 0.15s ease;
            white-space: nowrap;
        }

        .sd-hv2-proposal-btn:hover {
            background: #1e293b;
        }

        .sd-hv2-proposal-btn:active {
            transform: scale(0.98);
        }

        /* keyboard users ke liye visible focus button pe */
        .sd-hv2-proposal-btn:focus-visible {
            outline: 2px solid #f26522;
            outline-offset: 2px;
        }

        /* Mobile: stack input & button */
        @media (max-width: 480px) {
            .sd-hv2-proposal {
                flex-direction: column;
                border-radius: 12px;
            }

            .sd-hv2-proposal-input {
                padding: 14px 16px;
            }

            .sd-hv2-proposal-btn {
                margin: 6px;
                padding: 14px 20px;
            }
        }

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

            .sd-hv2-proposal,
            .sd-hv2-proposal-btn {
                transition: none;
            }
        }

        /* ============================================================
   COUNTER — COMPLETE FINAL FIX
   High specificity + width force → koi purana CSS beat nahi karega
============================================================ */

        /* ---- Wrapper ---- */
        section.sd-counter-section .sd-counter-wrapper {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: space-between !important;
            align-items: center !important;
            background: #ffffff !important;
            border-radius: 20px !important;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
            padding: 35px 20px !important;
            gap: 0 !important;
        }

        /* ---- Item (desktop: 5 in a row) ---- */
        section.sd-counter-section .sd-counter-wrapper .counter-item {
            flex: 1 1 20% !important;
            width: 20% !important;
            max-width: 20% !important;
            min-width: 150px !important;
            text-align: center !important;
            border-right: 1px solid #ececec !important;
            border-bottom: 0 !important;
            padding: 10px 15px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        section.sd-counter-section .sd-counter-wrapper .counter-item:last-child {
            border-right: 0 !important;
        }

        /* ---- Numbers ---- */
        section.sd-counter-section .sd-counter-wrapper .counter-item .sd-cnt-num,
        section.sd-counter-section .sd-counter-wrapper .counter-item .counter-number {
            font-family: 'Poppins', sans-serif !important;
            font-size: 34px !important;
            font-weight: 800 !important;
            font-style: normal !important;
            color: rgb(17, 17, 17) !important;
            line-height: 34px !important;
            margin: 0 0 6px !important;
            max-width: none !important;
            min-height: auto !important;
            min-width: 0 !important;
            display: block !important;
        }

        /* ---- Plus sign ---- */
        section.sd-counter-section .sd-counter-wrapper .counter-item .sd-cnt-num span {
            font-size: inherit !important;
            font-weight: inherit !important;
            color: #ff6b00 !important;
        }

        /* ---- Labels ---- */
        section.sd-counter-section .sd-counter-wrapper .counter-item .sd-cnt-label {
            font-family: 'Poppins', sans-serif !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            font-style: normal !important;
            color: rgb(119, 119, 119) !important;
            line-height: 18px !important;
            letter-spacing: 0.6px !important;
            text-transform: uppercase !important;
            margin: 0 !important;
            max-width: none !important;
        }

        /* ============================================================
   TABLET 768–991px → 3 columns
============================================================ */
        @media (max-width: 991px) and (min-width: 768px) {
            section.sd-counter-section .sd-counter-wrapper .counter-item {
                flex: 0 0 33.33% !important;
                width: 33.33% !important;
                max-width: 33.33% !important;
                min-width: 0 !important;
                border-right: 0 !important;
                border-bottom: 1px solid #f0f0f0 !important;
                padding: 16px 10px !important;
            }

            section.sd-counter-section .sd-counter-wrapper .counter-item:nth-child(4),
            section.sd-counter-section .sd-counter-wrapper .counter-item:nth-child(5) {
                border-bottom: 0 !important;
            }

            section.sd-counter-section .sd-counter-wrapper .counter-item .sd-cnt-num {
                font-size: 30px !important;
                line-height: 30px !important;
            }
        }

        /* ============================================================
   MOBILE ≤767px → 2x2 grid + 5th full width
============================================================ */
        @media (max-width: 767px) {
            section.sd-counter-section {
                padding: 20px 0 !important;
            }

            section.sd-counter-section .sd-counter-wrapper {
                padding: 15px 10px !important;
                border-radius: 14px !important;
                box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07) !important;
            }

            section.sd-counter-section .sd-counter-wrapper .counter-item {
                flex: 0 0 50% !important;
                width: 50% !important;
                max-width: 50% !important;
                min-width: 0 !important;
                border-right: 0 !important;
                border-bottom: 1px solid #f0f0f0 !important;
                padding: 14px 8px !important;
            }

            section.sd-counter-section .sd-counter-wrapper .counter-item:nth-child(2),
            section.sd-counter-section .sd-counter-wrapper .counter-item:nth-child(4) {
                border-left: 1px solid #f0f0f0 !important;
            }

            section.sd-counter-section .sd-counter-wrapper .counter-item:nth-child(5) {
                flex: 0 0 100% !important;
                width: 100% !important;
                max-width: 100% !important;
                border-bottom: 0 !important;
                border-left: 0 !important;
            }

            section.sd-counter-section .sd-counter-wrapper .counter-item .sd-cnt-num {
                font-size: 24px !important;
                line-height: 26px !important;
                margin-bottom: 3px !important;
            }

            section.sd-counter-section .sd-counter-wrapper .counter-item .sd-cnt-label {
                font-size: 10.5px !important;
                line-height: 14px !important;
                letter-spacing: 0.4px !important;
            }
        }

        /* ============================================================
   SMALL MOBILE ≤360px
============================================================ */
        @media (max-width: 360px) {
            section.sd-counter-section .sd-counter-wrapper .counter-item .sd-cnt-num {
                font-size: 21px !important;
                line-height: 23px !important;
            }

            section.sd-counter-section .sd-counter-wrapper .counter-item .sd-cnt-label {
                font-size: 9.5px !important;
            }
        }

        /* .col-md-12 {
            margin-bottom: 60px;
        } */



        .mid-section {
            background: #f0f6f4;
            padding: 70px 0 80px;
            overflow: hidden;
            font-family: inherit;
            /* full-bleed: container ke andar hone par bhi edge-to-edge background */
            width: 100vw;
            position: relative;
            left: 50%;
            margin-left: -50vw;
        }

        .mid-header {
            max-width: 820px;
            margin: 0 auto 50px;
            text-align: center;
            padding: 0 20px;
        }

        .mid-eyebrow {
            display: inline-block;
            color: #f45a24;
            background: rgba(244, 90, 36, 0.08);
            border: 1px solid rgba(244, 90, 36, 0.25);
            border-radius: 30px;
            padding: 6px 18px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            margin-bottom: 16px;
        }

        .mid-title {
            color: #050505;
            font-size: clamp(28px, 4.5vw, 42px);
            font-weight: 800;
            margin: 0 0 16px;
            line-height: 1.15;
        }

        .mid-title span {
            color: #f45a24;
        }

        .mid-desc {
            color: #4a5c5e;
            font-size: 15.5px;
            line-height: 1.7;
            margin: 0;
        }

        /* ---------- marquee ---------- */
        .mid-marquee {
            position: relative;
            width: 100%;
            overflow: hidden;
            padding: 6px 0;
        }

        .mid-marquee::before,
        .mid-marquee::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 90px;
            z-index: 2;
            pointer-events: none;
        }

        .mid-marquee::before {
            left: 0;
            background: linear-gradient(90deg, #f0f6f4, transparent);
        }

        .mid-marquee::after {
            right: 0;
            background: linear-gradient(270deg, #f0f6f4, transparent);
        }

        .mid-track {
            display: flex;
            gap: 28px;
            width: max-content;
            animation: mid-scroll-left 55s linear infinite;
            will-change: transform;
        }

        .mid-track.reverse {
            animation: mid-scroll-right 55s linear infinite;
            margin-top: 28px;
        }

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

        @keyframes mid-scroll-left {
            from {
                transform: translateX(0);
            }

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

        @keyframes mid-scroll-right {
            from {
                transform: translateX(-50%);
            }

            to {
                transform: translateX(0);
            }
        }

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

            .mid-track,
            .mid-track.reverse {
                animation: none;
                width: auto;
                flex-wrap: wrap;
                justify-content: center;
            }
        }

        /* ---------- pill logo card ---------- */
        .mid-logo-cell {
            flex: 0 0 auto;
            width: 235px;
            height: 110px;
            background: #ffffff;
            border: 1px solid #e2ece8;
            border-radius: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 6px 18px rgba(0, 51, 55, 0.07);
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
        }

        .mid-logo-cell:hover {
            transform: translateY(-5px);
            border-color: #f45a24;
            box-shadow: 0 14px 28px rgba(244, 90, 36, 0.16);
        }

        .mid-logo-cell img {
            max-width: 82%;
            max-height: 100px;
            width: auto;
            height: auto;
            object-fit: contain;
        }

        .mid-fallback {
            color: #003337;
            font-size: 15px;
            font-weight: 700;
            text-align: center;
            padding: 0 18px;
            text-transform: capitalize;
            line-height: 1.3;
        }

        @media (max-width: 640px) {
            .mid-logo-cell {
                width: 185px;
                height: 92px;
            }

            .mid-logo-cell img {
                max-width: 80%;
                max-height: 64px;
            }

            .mid-track,
            .mid-track.reverse {
                gap: 18px;
            }
        }

        .sd--awrded-grid-new {
            margin-bottom: 60px;
        }




        .cmp-section {
            --ink: #101828;
            --soft: #5b667e;
            --accent: #101828;
            --accent-bg: #f2f4f7;
            --win: #079455;
            --win-bg: #eefcf4;
            --win-bd: #c8f0da;
            --lose: #d92d20;
            --lose-bg: #fef3f2;
            --lose-bd: #f7d3d0;
            --line: #e8ebf2;
            --panel: #0d1424;
            font-family: 'Poppins', 'Inter', 'Segoe UI', system-ui, sans-serif;
            color: var(--ink);
            background: #fff;
            padding: 80px 20px 90px !important;
            position: relative;
            overflow: hidden;
            display: block;
            width: 100%;
            margin: 0 !important;
            box-sizing: border-box;
        }

        .cmp-section::before {
            content: "";
            position: absolute;
            inset: 0;
            background: #fafbfd;
            pointer-events: none
        }

        .cmp-wrap {
            max-width: 1140px;
            margin: 0 auto !important;
            padding: 0 15px;
            position: relative;
            z-index: 1
        }

        @media(min-width:1400px) {
            .cmp-wrap {
                max-width: 1320px
            }
        }

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

        .cmp-section img {
            display: block;
            max-width: 100%
        }

        .cmp-section button {
            font-family: inherit
        }

        /* ================= HEADER (centered) ================= */
        .cmp-head {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-bottom: 40px
        }

        .cmp-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11.5px;
            font-weight: 800;
            letter-spacing: .16em;
            text-transform: uppercase;
            color: var(--accent);
            background: var(--accent-bg);
            border: 1px solid #e0e4ea;
            padding: 8px 15px;
            border-radius: 100px;
            margin-bottom: 18px
        }

        .cmp-kicker svg {
            width: 12px;
            height: 12px
        }

        .cmp-head h2 {
            font-size: clamp(28px, 4vw, 44px);
            line-height: 1.13;
            font-weight: 800;
            letter-spacing: -.022em;
            margin: 0
        }

        .cmp-head h2 .hl {
            color: #ff6a1a
        }

        .cmp-head p {
            margin: 16px auto 0;
            font-size: 15.5px;
            line-height: 1.7;
            color: var(--soft);
            max-width: 720px
        }

        .cmp-head p a {
            color: var(--accent);
            font-weight: 700;
            text-decoration: none;
            border-bottom: 1.5px solid #cdd3dd
        }

        .cmp-trust {
            display: flex;
            justify-content: center;
            gap: 12px;
            margin-top: 24px;
            flex-wrap: wrap
        }

        .cmp-trust .row {
            display: flex;
            align-items: center;
            gap: 12px;
            background: #fff;
            border: 1.5px solid var(--line);
            border-radius: 14px;
            padding: 12px 18px;
            text-align: left;
            margin: 0;
            flex-wrap: nowrap
        }

        .cmp-trust b {
            font-size: 20px;
            font-weight: 800;
            letter-spacing: -.02em;
            color: var(--ink)
        }

        .cmp-trust b em {
            font-style: normal;
            color: var(--accent)
        }

        .cmp-trust span {
            font-size: 12px;
            color: var(--soft);
            line-height: 1.35;
            font-weight: 600
        }

        /* ================= TABS ================= */
        .cmp-tabs {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin-bottom: 22px
        }

        .cmp-tab {
            display: flex;
            align-items: center;
            gap: 13px;
            text-align: left;
            background: #fff;
            border: 1.5px solid var(--line);
            border-radius: 15px;
            padding: 15px 17px;
            cursor: pointer;
            transition: .25s;
            position: relative;
            overflow: hidden
        }

        .cmp-tab .ic {
            flex: 0 0 38px;
            height: 38px;
            border-radius: 11px;
            background: #f2f4f9;
            color: var(--soft);
            display: grid;
            place-items: center;
            transition: .25s
        }

        .cmp-tab .t {
            font-weight: 800;
            font-size: 14px;
            color: var(--ink);
            display: block;
            letter-spacing: -.01em
        }

        .cmp-tab .d {
            font-size: 11.5px;
            color: var(--soft);
            display: block;
            margin-top: 2px;
            font-weight: 600
        }

        .cmp-tab:hover {
            border-color: #c4cad6;
            transform: translateY(-2px)
        }

        .cmp-tab.active {
            border-color: var(--accent);
            background: #fff
        }

        .cmp-tab.active .ic {
            background: var(--accent);
            color: #fff
        }

        .cmp-tab .prog {
            position: absolute;
            left: 0;
            bottom: 0;
            height: 3px;
            width: 0;
            background: var(--accent)
        }

        .cmp-tab.active .prog {
            animation: cmpProg var(--dur, 7s) linear forwards
        }

        @keyframes cmpProg {
            from {
                width: 0
            }

            to {
                width: 100%
            }
        }

        .cmp-slider.paused .cmp-tab.active .prog {
            animation-play-state: paused
        }

        /* ================= SLIDER ================= */
        .cmp-slider {
            background: #fff;
            border: 1.5px solid var(--line);
            border-radius: 24px;
            box-shadow: 0 30px 70px -34px rgba(16, 24, 40, .28);
            overflow: hidden
        }

        .cmp-viewport {
            overflow: hidden
        }

        .cmp-track {
            display: flex;
            transition: transform .55s cubic-bezier(.7, .05, .25, 1);
            will-change: transform;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden
        }

        .cmp-slide {
            flex: 0 0 100%;
            display: grid;
            grid-template-columns: .92fr 1.08fr;
            min-height: 460px;
            transform: translateZ(0);
            backface-visibility: hidden;
            -webkit-font-smoothing: antialiased
        }

        /* ---- left text column ---- */
        .cmp-text {
            padding: 40px 34px 34px 42px;
            display: flex;
            flex-direction: column;
            gap: 15px;
            justify-content: center
        }

        .cmp-idx {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .18em;
            color: var(--accent)
        }

        .cmp-idx::after {
            content: "";
            flex: 0 0 34px;
            height: 2px;
            background: linear-gradient(90deg, var(--accent), transparent)
        }

        .cmp-text h3 {
            font-size: clamp(21px, 2.3vw, 27px);
            font-weight: 800;
            letter-spacing: -.015em;
            line-height: 1.22;
            margin: 0
        }

        .cmp-vs {
            display: flex;
            flex-direction: column;
            gap: 0;
            position: relative
        }

        .cmp-block {
            display: flex;
            gap: 13px;
            border-radius: 15px;
            padding: 16px 17px;
            border: 1.5px solid
        }

        .cmp-block.win {
            background: var(--win-bg);
            border-color: var(--win-bd)
        }

        .cmp-block.lose {
            background: var(--lose-bg);
            border-color: var(--lose-bd)
        }

        .cmp-vsbadge {
            align-self: center;
            z-index: 2;
            margin: -11px 0;
            background: var(--ink);
            color: #fff;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: .1em;
            padding: 5px 13px;
            border-radius: 100px;
            box-shadow: 0 4px 10px rgba(16, 24, 40, .3)
        }

        .cmp-ic {
            flex: 0 0 25px;
            height: 25px;
            border-radius: 8px;
            display: grid;
            place-items: center;
            color: #fff;
            margin-top: 1px
        }

        .win .cmp-ic {
            background: var(--win)
        }

        .lose .cmp-ic {
            background: var(--lose)
        }

        .cmp-who {
            font-weight: 800;
            font-size: 13.5px;
            margin-bottom: 4px;
            letter-spacing: -.01em
        }

        .win .cmp-who {
            color: var(--win)
        }

        .lose .cmp-who {
            color: var(--lose)
        }

        .cmp-block p {
            font-size: 13.6px !important;
            line-height: 1.62 !important;
            color: var(--soft);
            margin: 0 !important;
            max-width: none !important;
            font-weight: 400 !important
        }

        .cmp-block p b {
            color: var(--ink)
        }

        /* ---- right visual panel ---- */
        .cmp-visual {
            background: var(--panel);
            padding: 34px 32px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 16px;
            position: relative;
            overflow: hidden
        }

        .cmp-visual>* {
            position: relative;
            z-index: 1
        }

        /* browser-frame screenshot */
        .cmp-shot {
            background: #fff;
            border-radius: 13px;
            overflow: hidden;
            box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .6);
            border: 1px solid rgba(255, 255, 255, .14)
        }

        .cmp-shot .bar {
            height: 28px;
            background: #f2f4f8;
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 0 11px;
            border-bottom: 1px solid #e6e9ef
        }

        .cmp-shot .bar i {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #d6dae2
        }

        .cmp-shot .bar i:nth-child(1) {
            background: #ff5f57
        }

        .cmp-shot .bar i:nth-child(2) {
            background: #febc2e
        }

        .cmp-shot .bar i:nth-child(3) {
            background: #28c840
        }

        .cmp-shot .bar span {
            margin-left: 8px;
            font-size: 10px;
            color: #8a93a6;
            font-weight: 700;
            letter-spacing: .02em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .cmp-shot img {
            width: 100%;
            height: auto;
            object-fit: contain;
            image-rendering: -webkit-optimize-contrast
        }

        /* slide-1 stack — full images, no crop */
        .cmp-stack {
            position: relative;
            padding: 18px 0 6px
        }

        .cmp-stack .cmp-shot {
            transition: .35s
        }

        .cmp-stack .s1 {
            position: relative;
            width: 95%;
            z-index: 2;
            transform: none
        }

        .cmp-stack .s2 {
            position: relative;
            width: 92%;
            margin: 44px 0 0 auto;
            z-index: 3;
            transform: none;
        }

        .cmp-stack:hover .s1 {
            transform: translateY(-4px)
        }

        .cmp-stack:hover .s2 {
            transform: translateY(-3px)
        }

        .cmp-float {
            position: absolute;
            z-index: 4;
            background: #fff;
            color: var(--ink);
            font-weight: 800;
            font-size: 12px;
            padding: 9px 14px;
            border-radius: 100px;
            box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .5);
            display: flex;
            align-items: center;
            gap: 7px
        }

        .cmp-float.f1 {
            top: 0;
            right: 0
        }

        .cmp-float.f2 {
            top: 44%;
            left: -8px;
            background: #f55925;
            color: #fff
        }

        .cmp-float .dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--win);
            box-shadow: 0 0 0 3px rgba(7, 148, 85, .25);
            animation: cmpPulse 1.8s infinite
        }

        @keyframes cmpPulse {

            0%,
            100% {
                box-shadow: 0 0 0 3px rgba(7, 148, 85, .25)
            }

            50% {
                box-shadow: 0 0 0 6px rgba(7, 148, 85, .1)
            }
        }

        /* slide-2 : AI screenshot + stats */
        .cmp-ai-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 14px
        }

        .cmp-ai-shotwrap {
            position: relative
        }

        .cmp-ai-shotwrap .cmp-shot img {
            height: auto;
            max-height: 280px;
            object-fit: contain;
            background: #fff
        }

        .cmp-ai-badge {
            position: absolute;
            top: -10px;
            right: 14px;
            z-index: 3;
            background: var(--accent);
            color: #fff;
            font-weight: 800;
            font-size: 11.5px;
            padding: 8px 14px;
            border-radius: 100px;
            box-shadow: 0 10px 22px -8px rgba(16, 24, 40, .45);
            display: flex;
            align-items: center;
            gap: 6px
        }

        .cmp-ai-stats {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px
        }

        .cmp-bn {
            background: rgba(255, 255, 255, .07);
            border: 1px solid rgba(255, 255, 255, .15);
            border-radius: 15px;
            padding: 15px 18px;
            backdrop-filter: blur(3px)
        }

        .cmp-bn b {
            font-size: clamp(25px, 2.6vw, 33px);
            font-weight: 800;
            color: #fff;
            letter-spacing: -.02em
        }

        .cmp-bn b em {
            font-style: normal;
            color: #7dd6ff
        }

        .cmp-bn span {
            display: block;
            margin-top: 3px;
            font-size: 12px;
            color: #9aa4bd;
            font-weight: 700
        }

        .cmp-engines {
            display: flex;
            flex-wrap: wrap;
            gap: 8px
        }

        .cmp-eng {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: 11.5px;
            font-weight: 800;
            color: #e9edf7;
            background: rgba(255, 255, 255, .07);
            border: 1px solid rgba(255, 255, 255, .14);
            padding: 7px 13px;
            border-radius: 100px
        }

        .cmp-eng i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--win)
        }

        /* slide-3 : real case studies (rendered by JS) */
        .cmp-cases {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 13px
        }

        .cmp-case {
            display: flex;
            flex-direction: column;
            background: #fff;
            border-radius: 15px;
            overflow: hidden;
            text-decoration: none !important;
            color: var(--ink);
            box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .55);
            transition: .28s;
            border: 1px solid rgba(255, 255, 255, .15)
        }

        .cmp-case:hover {
            transform: translateY(-5px);
            box-shadow: 0 26px 50px -18px rgba(0, 0, 0, .6);
            color: var(--ink)
        }

        .cmp-case .img {
            position: relative;
            height: 104px;
            overflow: hidden;
            display: block
        }

        .cmp-case .img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .4s
        }

        .cmp-case:hover .img img {
            transform: scale(1.06)
        }

        .cmp-case .tag {
            position: absolute;
            top: 9px;
            left: 9px;
            background: rgba(13, 20, 36, .85);
            color: #fff;
            font-size: 9.5px;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: 4px 9px;
            border-radius: 100px;
            backdrop-filter: blur(3px)
        }

        .cmp-case .body {
            padding: 12px 14px 13px;
            display: flex;
            flex-direction: column;
            gap: 6px;
            flex: 1
        }

        .cmp-case .name {
            font-size: 13px;
            font-weight: 800;
            letter-spacing: -.01em;
            line-height: 1.3
        }

        .cmp-case .foot {
            margin-top: auto;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .cmp-case .growth {
            color: var(--win);
            font-weight: 800;
            font-size: 14.5px
        }

        .cmp-case .growth span {
            display: block;
            color: var(--soft);
            font-weight: 600;
            font-size: 9.5px;
            letter-spacing: .02em
        }

        .cmp-case .go {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: var(--accent-bg);
            color: var(--accent);
            display: grid;
            place-items: center;
            transition: .25s
        }

        .cmp-case:hover .go {
            background: var(--accent);
            color: #fff
        }

        .cmp-allcases {
            grid-column: 1/-1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            background: #ff6a1a;
            color: #fff !important;
            font-weight: 800;
            font-size: 14px;
            text-decoration: none !important;
            padding: 14px 22px;
            border-radius: 13px;
            transition: .25s
        }

        .cmp-allcases:hover {
            transform: translateY(-2px);
            color: #fff
        }

        /* ================= CONTROLS ================= */
        .cmp-controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 15px 24px;
            border-top: 1.5px solid var(--line);
            background: #fbfcfe
        }

        .cmp-autonote {
            font-size: 12px;
            color: var(--soft);
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 10px
        }

        .cmp-ring .bgc {
            stroke: #e7eaf1;
            fill: none
        }

        .cmp-ring .fgc {
            stroke: var(--accent);
            fill: none;
            stroke-linecap: round;
            transform: rotate(-90deg);
            transform-origin: center
        }

        .cmp-dots {
            display: flex;
            gap: 7px
        }

        .cmp-dot {
            width: 8px;
            height: 8px;
            border-radius: 100px;
            background: #d8dde8;
            transition: .3s;
            border: none;
            cursor: pointer
        }

        .cmp-dot.active {
            width: 28px;
            background: var(--accent)
        }

        .cmp-nav {
            display: flex;
            gap: 9px
        }

        .cmp-arrow {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            border: 1.5px solid var(--line);
            background: #fff;
            color: var(--ink);
            display: grid;
            place-items: center;
            cursor: pointer;
            transition: .25s
        }

        .cmp-arrow:hover {
            border-color: var(--accent);
            color: #fff;
            background: var(--accent);
            transform: translateY(-1px)
        }

        /* ================= RESPONSIVE ================= */
        @media(max-width:980px) {
            .cmp-slide {
                grid-template-columns: 1fr
            }

            .cmp-visual {
                min-height: 420px
            }

            .cmp-tabs {
                grid-template-columns: 1fr;
                gap: 8px
            }

            .cmp-tab .d {
                display: none
            }

            .cmp-tab {
                padding: 12px 15px
            }
        }

        @media(max-width:600px) {
            .cmp-section {
                padding: 0 14px !important
            }

            .cmp-text {
                padding: 26px 20px
            }

            .cmp-visual {
                padding: 24px 18px
            }

            .cmp-stack {
                padding: 14px 0 4px
            }

            .cmp-stack .s1 {
                width: 96%
            }

            .cmp-stack .s2 {
                width: 82%;
                margin-top: -22px
            }

            .cmp-cases {
                grid-template-columns: 1fr
            }

            .cmp-ai-stats {
                grid-template-columns: 1fr 1fr
            }

            .cmp-autonote span.txt {
                display: none
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .cmp-track {
                transition: none
            }

            .cmp-tab.active .prog {
                animation: none;
                width: 100%
            }

            .cmp-float .dot {
                animation: none
            }
        }

        /* ===== Slide 2 — 4 AI screenshots ===== */
        .ai4-wrap {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        .ai4-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap
        }

        .ai4-title {
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: .3px
        }

        .ai4-title em {
            font-style: normal;
            color: #8b94ab;
            font-weight: 400
        }

        .ai4-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
            width: 100%;
            min-width: 0;
            /* carousel/flex overflow fix */
        }

        .ai4-shot {
            background: #131a2b;
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 14px;
            overflow: hidden;
            min-width: 0;
            /* grid item overflow fix */
            transition: transform .3s ease, box-shadow .3s ease;
        }

        .ai4-shot:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 36px rgba(0, 0, 0, .4)
        }

        .ai4-bar {
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 8px 12px;
            background: #1a2338;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .ai4-bar i {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            display: inline-block;
            flex: 0 0 auto
        }

        .ai4-bar i:nth-child(1) {
            background: #ff5f57
        }

        .ai4-bar i:nth-child(2) {
            background: #febc2e
        }

        .ai4-bar i:nth-child(3) {
            background: #28c840
        }

        .ai4-tag {
            margin-left: auto;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 10.5px;
            font-weight: 600;
            color: #fff;
            padding: 3px 10px;
            border-radius: 99px;
            white-space: nowrap;
        }

        .ai4-tag i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #fff;
            display: inline-block
        }

        .ai4-tag.t-chatgpt {
            background: #10a37f
        }

        .ai4-tag.t-gemini {
            background: #4e8df6
        }

        .ai4-tag.t-overview {
            background: #a142f4
        }

        .ai4-tag.t-perplexity {
            background: #20b8cd
        }

        .ai4-img {
            aspect-ratio: 16/10;
            background: #0b0f1a;
            overflow: hidden
        }

        .ai4-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
            display: block
        }

        .ai4-cap {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding: 9px 13px;
            font-size: 11px;
            color: #8b94ab;
        }

        .ai4-cap b {
            color: #fff;
            font-weight: 600;
            font-size: 11.5px
        }

        .ai4-cap span {
            color: #9fe8c3;
            font-weight: 600;
            font-size: 10.5px;
            white-space: nowrap
        }

        /* ----- Responsive ----- */
        @media(max-width:1100px) {
            .ai4-grid {
                gap: 12px
            }
        }

        @media(max-width:600px) {
            .ai4-grid {
                grid-template-columns: 1fr
            }

            .ai4-head {
                justify-content: center
            }
        }

   

        /* ===== Slide 3 — single GA screenshot ===== */
        .ga1-wrap {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0;
            position: relative;
            min-width: 0;
            /* carousel overflow fix */
        }

        .ga1-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: #fff;
            color: #0e1220;
            font-size: 11px;
            font-weight: 700;
            padding: 6px 14px;
            border-radius: 99px;
            position: relative;
            z-index: 2;
            margin-bottom: -14px;
            /* frame ke upar overlap */
            box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
        }

        .ga1-shot {
            width: 100%;
            background: #131a2b;
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 16px;
            overflow: hidden;
            min-width: 0;
            box-shadow: 0 20px 50px rgba(0, 0, 0, .45);
        }

        .ga1-bar {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            background: #1a2338;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }

        .ga1-bar i {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            display: inline-block;
            flex: 0 0 auto
        }

        .ga1-bar i:nth-child(1) {
            background: #ff5f57
        }

        .ga1-bar i:nth-child(2) {
            background: #febc2e
        }

        .ga1-bar i:nth-child(3) {
            background: #28c840
        }

        .ga1-bar span {
            font-size: 11px;
            color: #8b94ab;
            font-weight: 500;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ga1-img {
            background: #0b0f1a;
            overflow: hidden;
        }

        .ga1-img img {
            width: 100%;
            height: auto;
            /* poori screenshot dikhegi, crop nahi hogi */
            display: block;
        }

        /* Agar image bahut lambi ho aur slide ki height fix rakhni ho,
   to upar wali 2 lines hata kar yeh use karo:
.ga1-img{aspect-ratio:16/10}
.ga1-img img{width:100%;height:100%;object-fit:cover;object-position:top}
*/

        @media(max-width:600px) {
            .ga1-shot {
                border-radius: 12px
            }

            .ga1-bar span {
                font-size: 10px
            }
        }










        /* ============================================================
   THE COMPARISON — "PROOF FILE" v7 (CLEANED + EQUAL BOXES)
   Purani unused CSS removed:
   ✕ .pf-shot / .pf-bar   (dark browser frames — ab use nahi hote)
   ✕ .pf-imgslot / .ph    (dark image slots)
   ✕ .pf-stack / .pf-rank (Slide 1 ka purana tilted stack)
   ✕ .pf-ga               (Slide 3 ka purana frame)
   ✕ .pf-tag / .t-*       (ChatGPT/Gemini colored tags)
   ✕ .pf-cap              (dark caption bar)
   ✓ Image full dikhne wala fix baked-in (height auto, no crop)
   ✓ Slide 2 : chaaron boxes SAME size (260px, contain fit)
   ✓ .pf-simple added (Slide 1 & 3 isko use karti hain)
   ============================================================ */
        :root {
            --pf-ink: #101527;
            --pf-body: #4a5268;
            --pf-soft: #f6f7fb;
            --pf-line: #e7e9f2;
            --pf-orange: #ff6a2b;
            --pf-orange-soft: #fff0e8;
            --pf-green: #16a34a;
            --pf-green-soft: #e9f9ef;
            --pf-red: #dc2626;
            --pf-red-soft: #fdeeee;
            --pf-dim: #8e97ad;
        }

        .pf-section {
            padding: 0 20px;
            font-family: 'Poppins', sans-serif;
            color: var(--pf-ink);
            background: linear-gradient(180deg, #fff 0%, var(--pf-soft) 18%, var(--pf-soft) 82%, #fff 100%);
        }

        .pf-section *,
        .pf-section *::before,
        .pf-section *::after {
            box-sizing: border-box;
        }

        .pf-wrap {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* ================= HEADER ================= */
        .pf-head {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 32px;
        }

        .pf-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2.2px;
            text-transform: uppercase;
            color: var(--pf-orange);
            border: 1px solid #ffd9c4;
            background: var(--pf-orange-soft);
            padding: 6px 15px;
            border-radius: 99px;
            margin-bottom: 16px;
        }

        .pf-kicker i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--pf-orange);
            display: inline-block;
        }

        .pf-head h2 {
            font-size: clamp(26px, 3.6vw, 40px);
            font-weight: 800;
            line-height: 1.15;
            letter-spacing: -.5px;
            margin: 0;
        }

        .pf-head h2 .hl {
            position: relative;
            white-space: nowrap;
            color: var(--pf-ink);
        }

        .pf-head h2 .hl::after {
            content: "";
            position: absolute;
            left: -2px;
            right: -2px;
            bottom: 4px;
            height: .38em;
            background: var(--pf-orange);
            opacity: .28;
            z-index: -1;
            border-radius: 3px;
        }

        .pf-head p {
            margin: 13px 0 0;
            font-size: 14px;
            line-height: 1.7;
            color: var(--pf-body);
        }

        .pf-trust {
            display: flex;
            justify-content: center;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 20px;
        }

        .pf-trust .row {
            display: flex;
            align-items: center;
            gap: 11px;
            background: #fff;
            border: 1px solid var(--pf-line);
            border-radius: 13px;
            padding: 10px 16px;
            box-shadow: 0 4px 14px rgba(16, 21, 39, .05);
        }

        .pf-trust b {
            font-size: 20px;
            font-weight: 800;
            letter-spacing: -.5px;
        }

        .pf-trust b em {
            font-style: normal;
            color: var(--pf-orange);
        }

        .pf-trust span {
            font-size: 11px;
            line-height: 1.4;
            color: var(--pf-body);
            text-align: left;
        }

        /* ================= TABS ================= */
        .pf-tabs {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            background: #fff;
            border: 1px solid var(--pf-line);
            border-radius: 16px;
            padding: 8px;
            margin-bottom: 20px;
            box-shadow: 0 8px 24px rgba(16, 21, 39, .06);
        }

        .pf-tab {
            position: relative;
            display: flex;
            align-items: center;
            gap: 11px;
            text-align: left;
            border: 0;
            background: transparent;
            border-radius: 11px;
            padding: 12px 14px;
            cursor: pointer;
            transition: background .25s;
            overflow: hidden;
            font-family: 'Poppins', sans-serif;
        }

        .pf-tab:hover {
            background: var(--pf-soft);
        }

        .pf-tab .ic {
            width: 34px;
            height: 34px;
            flex: 0 0 34px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--pf-soft);
            color: var(--pf-ink);
            border: 1px solid var(--pf-line);
            transition: all .25s;
        }

        .pf-tab .no {
            font-family: 'JetBrains Mono', monospace;
            font-size: 9.5px;
            font-weight: 600;
            letter-spacing: 1.5px;
            color: var(--pf-dim);
            display: block;
            margin-bottom: 1px;
        }

        .pf-tab .t {
            display: block;
            font-size: 13px;
            font-weight: 700;
            color: var(--pf-ink);
            line-height: 1.25;
        }

        .pf-tab .d {
            display: block;
            font-size: 11px;
            color: var(--pf-body);
            margin-top: 1px;
        }

        .pf-tab .prog {
            position: absolute;
            left: 0;
            bottom: 0;
            height: 3px;
            width: 100%;
            transform-origin: left;
            transform: scaleX(0);
            background: var(--pf-orange);
            border-radius: 3px;
        }

        .pf-tab.active {
            background: var(--pf-ink);
        }

        .pf-tab.active .ic {
            background: var(--pf-orange);
            border-color: var(--pf-orange);
            color: #fff;
        }

        .pf-tab.active .no {
            color: var(--pf-orange);
        }

        .pf-tab.active .t {
            color: #fff;
        }

        .pf-tab.active .d {
            color: #aeb6c9;
        }

        .pf-tab.active .prog {
            animation: pfProg var(--dur, 7000ms) linear forwards;
        }

        .pf-slider.paused .pf-tab.active .prog {
            animation-play-state: paused;
        }

        @keyframes pfProg {
            to {
                transform: scaleX(1);
            }
        }

        /* ================= SLIDER ================= */
        .pf-slider {
            background: #fff;
            border: 1px solid var(--pf-line);
            border-radius: 22px;
            box-shadow: 0 26px 60px rgba(16, 21, 39, .10);
            overflow: hidden;
        }

        .pf-viewport {
            overflow: hidden;
        }

        .pf-track {
            display: flex;
            transition: transform .65s cubic-bezier(.7, 0, .25, 1);
            will-change: transform;
        }

        .pf-slide {
            flex: 0 0 100%;
            min-width: 0;
            display: grid;
            grid-template-columns: 1fr 1.2fr;
        }

        /* Slide 2 — full width (no text column) */
        .pf-slide-full {
            grid-template-columns: 1fr;
        }

        /* ---------- LEFT : TEXT ---------- */
        .pf-text {
            padding: 38px 36px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
        }

        .pf-text::before {
            content: attr(data-no);
            position: absolute;
            top: 14px;
            right: 22px;
            font-size: 88px;
            font-weight: 800;
            letter-spacing: -5px;
            color: var(--pf-ink);
            opacity: .045;
            line-height: 1;
            pointer-events: none;
        }

        .pf-idx {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            width: fit-content;
            font-family: 'JetBrains Mono', monospace;
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: var(--pf-body);
            margin-bottom: 13px;
        }

        .pf-idx b {
            background: var(--pf-ink);
            color: #fff;
            padding: 3px 9px;
            border-radius: 6px;
            font-weight: 600;
            letter-spacing: 2px;
        }

        .pf-idx::after {
            content: "";
            width: 40px;
            height: 1px;
            background: var(--pf-line);
        }

        .pf-text h3 {
            font-size: clamp(22px, 2.3vw, 30px);
            font-weight: 800;
            line-height: 1.18;
            letter-spacing: -.4px;
            margin: 0 0 20px;
        }

        .pf-text h3 em {
            font-style: normal;
            color: var(--pf-orange);
        }

        .pf-vs {
            position: relative;
            display: flex;
            flex-direction: column;
        }

        .pf-block {
            display: flex;
            gap: 12px;
            padding: 17px 18px;
            border-radius: 15px;
            position: relative;
        }

        .pf-block.win {
            background: var(--pf-green-soft);
            border: 1px solid #cdeeda;
        }

        .pf-block.lose {
            background: var(--pf-red-soft);
            border: 1px solid #f6d7d7;
            margin-top: 22px;
        }

        .pf-vsline {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2;
            top: calc(50% - 12px);
            background: var(--pf-ink);
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 5px 13px;
            border-radius: 99px;
            border: 3px solid var(--pf-soft);
        }

        .pf-ic {
            width: 23px;
            height: 23px;
            flex: 0 0 23px;
            border-radius: 50%;
            margin-top: 1px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
        }

        .win .pf-ic {
            background: var(--pf-green);
        }

        .lose .pf-ic {
            background: var(--pf-red);
        }

        .pf-who {
            font-size: 13.5px;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .win .pf-who {
            color: #166534;
        }

        .lose .pf-who {
            color: #b91c1c;
        }

        .pf-block p {
            font-size: 13px;
            line-height: 1.6;
            color: #3f475e;
            margin: 0;
        }

        /* ---------- RIGHT : VISUAL PANEL (blue) ---------- */
        .pf-visual {
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 28px 34px 34px;
            /* apna gradient yahan tune karo ↓ */
            background: linear-gradient(135deg, #7198bf 0%, #3d444c 55%, #0a3d85 100%);
        }

        .pf-visual::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: radial-gradient(520px 300px at 85% -10%, rgba(255, 255, 255, .14), transparent 60%);
        }

        .pf-visual>* {
            position: relative;
            z-index: 1;
        }

        /* stamp badge */
        .pf-stamp {
            position: absolute;
            top: 18px;
            right: 18px;
            z-index: 3;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 9.5px;
            font-weight: 600;
            letter-spacing: 1.6px;
            text-transform: uppercase;
            color: #ffd9c4;
            border: 1.5px dashed rgba(255, 179, 143, .75);
            border-radius: 9px;
            padding: 7px 12px;
            background: rgba(255, 106, 43, .12);
        }

        .pf-stamp i {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #3ee07f;
            display: inline-block;
            box-shadow: 0 0 0 4px rgba(62, 224, 127, .18);
            animation: pfPulse 2s infinite;
        }

        @keyframes pfPulse {
            50% {
                box-shadow: 0 0 0 7px rgba(62, 224, 127, .05);
            }
        }

        /* ================= WHITE CARDS (all slides) ================= */
        .pf-card {
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            min-width: 0;
            box-shadow: 0 16px 40px rgba(4, 30, 66, .35);
            transition: transform .3s;
        }

        .pf-card:hover {
            transform: translateY(-4px);
        }

        /* image — poori dikhegi, koi crop/cut nahi */
        .pf-card-img {
            position: relative;
            background: #fff;
            padding: 14px 14px 4px;
        }

        .pf-card-img img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
        }

        /* placeholder (jab tak image na ho) */
        .pf-card-img .ph {
            display: none;
        }

        .pf-card-img:has(img:not([data-ok])) {
            min-height: 140px;
        }

        .pf-card-img img:not([data-ok])~.ph {
            display: flex;
            position: absolute;
            inset: 0;
            align-items: center;
            justify-content: center;
            font-family: 'JetBrains Mono', monospace;
            font-size: 10px;
            letter-spacing: 1px;
            color: #b8c0d4;
            text-transform: uppercase;
            background: #fff;
        }

        .pf-card-cap {
            text-align: center;
            font-size: 15px;
            font-weight: 600;
            color: #101527;
            padding: 8px 16px 16px;
            letter-spacing: -.2px;
        }

        .pf-card-cap b {
            font-weight: 800;
        }

        /* ---- Slide 1 & 3 : simple stacked cards ---- */
        .pf-simple {
            width: 100%;
            max-width: 520px;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        /* ---- Slide 2 : header + 2x2 grid ---- */
        .pf-ai {
            width: 100%;
            max-width: 920px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .pf-ai-head {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 14px;
            padding-right: 130px;
            margin-bottom: 2px;
        }

        .pf-idx-dark {
            color: rgba(255, 255, 255, .8);
            margin-bottom: 0;
        }

        .pf-idx-dark b {
            background: var(--pf-orange);
        }

        .pf-idx-dark::after {
            background: rgba(255, 255, 255, .3);
        }

        .pf-ai-title {
            color: #fff;
            font-size: 19px;
            font-weight: 800;
            letter-spacing: -.3px;
            margin: 0;
        }

        .pf-ai-title em {
            font-style: normal;
            color: #ffd9c4;
        }

        .pf-ai-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            min-width: 0;
            align-items: stretch;
        }

        /* chaaron boxes same size */
        .pf-ai-grid .pf-card {
            display: flex;
            flex-direction: column;
        }

        .pf-ai-grid .pf-card-img {
            height: 260px;
            /* ← box size ka main knob */
            flex: 1;
        }

        .pf-ai-grid .pf-card-img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            /* poori image dikhegi, cut nahi */
            object-position: center top;
        }

        .pf-ai-grid .pf-card-cap {
            margin-top: auto;
            /* captions sab me same line par */
        }

        /* ================= CONTROLS ================= */
        .pf-controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 14px 22px;
            border-top: 1px solid var(--pf-line);
            background: #fff;
        }

        .pf-autonote {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 11.5px;
            color: var(--pf-body);
        }

        .pf-ring svg {
            display: block;
            transform: rotate(-90deg);
        }

        .pf-ring .bgc {
            fill: none;
            stroke: var(--pf-line);
        }

        .pf-ring .fgc {
            fill: none;
            stroke: var(--pf-orange);
            stroke-linecap: round;
            transition: stroke-dashoffset .1s linear;
        }

        .pf-dots {
            display: flex;
            gap: 7px;
        }

        .pf-dot {
            width: 8px;
            height: 8px;
            border-radius: 99px;
            border: 0;
            background: #d8dbe8;
            cursor: pointer;
            transition: all .3s;
            padding: 0;
        }

        .pf-dot.active {
            width: 24px;
            background: var(--pf-orange);
        }

        .pf-nav {
            display: flex;
            gap: 8px;
        }

        .pf-arrow {
            width: 38px;
            height: 38px;
            border-radius: 11px;
            border: 1px solid var(--pf-line);
            background: #fff;
            color: var(--pf-ink);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .25s;
        }

        .pf-arrow:hover {
            background: var(--pf-ink);
            color: #fff;
            border-color: var(--pf-ink);
        }

        /* ================= RESPONSIVE ================= */
        @media (max-width: 1024px) {
            .pf-text {
                padding: 32px 28px;
            }

            .pf-visual {
                padding: 26px 22px;
            }
        }

        @media (max-width: 880px) {
            .pf-slide {
                grid-template-columns: 1fr;
            }

            .pf-tabs {
                grid-template-columns: 1fr;
                gap: 5px;
            }

            .pf-tab .d {
                display: none;
            }

            .pf-text::before {
                font-size: 70px;
            }

            .pf-ai-head {
                padding-right: 0;
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
            }

            .pf-stamp {
                top: 12px;
                right: 12px;
            }
        }

        @media (max-width: 560px) {
            .pf-section {
                padding: 0 14px;
            }

            .pf-text {
                padding: 26px 18px;
            }

            .pf-visual {
                padding: 22px 14px;
            }

            .pf-ai-grid {
                grid-template-columns: 1fr;
            }

            .pf-ai-grid .pf-card-img {
                height: 200px;
            }

            .pf-controls {
                flex-wrap: wrap;
                justify-content: center;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .pf-track {
                transition: none;
            }

            .pf-stamp i {
                animation: none;
            }
        }

        /* .col-md-12.mb-3 {
            padding-top: 60px;
        } */




        .section-wrapper {
            padding-bottom: 60px;
        }

        /* ===== COUNTER — FULL WIDTH, NO PADDING ===== */
        section.sd-counter-section {
            width: 100vw !important;
            position: relative !important;
            left: 50% !important;
            margin-left: -50vw !important;
            padding: 0 !important;
        }

        section.sd-counter-section .container {
            max-width: 100% !important;
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        section.sd-counter-section .sd-counter-wrapper {
            border-radius: 0 !important;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
            padding: 35px 40px !important;
        }

        @media (max-width: 767px) {
            section.sd-counter-section .sd-counter-wrapper {
                padding: 15px 10px !important;
            }
        }

/* ============================================================
   MOBILE — Strategist box ke neeche space
============================================================ */
@media (max-width: 767px) {

    .sd-strategist-section {
        padding-bottom: 50px !important;
        margin-bottom: 30px !important;
    }

    .sd-strat-box {
        margin-bottom: 20px !important;
    }
}

        .sdrev {
            --sdrev-ink: #17262E;
            --sdrev-accent: #12A5A0;
            --sdrev-accent-dark: #0C7C78;
            --sdrev-accent-soft: #EAF6F5;
            --sdrev-star: #FBBC04;
            --sdrev-card: #FFFFFF;
            --sdrev-line: #E7ECEE;
            --sdrev-muted: #6A777E;
            font-family: 'Poppins', system-ui, sans-serif;
            color: var(--sdrev-ink);
            background:
                radial-gradient(760px 380px at 8% -10%, rgba(18, 165, 160, .08), transparent 60%),
                radial-gradient(680px 380px at 100% 115%, rgba(18, 165, 160, .06), transparent 60%),
                #F4F7F7;
            padding: 74px 20px;
        }

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

        .sdrev-wrap {
            max-width: 1080px;
            margin: 0 auto
        }

        .sdrev svg {
            display: block
        }

        /* header */
        .sdrev-head {
            text-align: center;
            max-width: 640px;
            margin: 0 auto 40px
        }

        .sdrev-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--sdrev-accent-dark);
            background: var(--sdrev-accent-soft);
            border: 1px solid rgba(18, 165, 160, .2);
            padding: 7px 14px;
            border-radius: 999px
        }

        .sdrev-glogo {
            width: 14px;
            height: 14px;
            flex: none
        }

        .sdrev-title {
            font-size: clamp(28px, 4.2vw, 44px);
            font-weight: 800;
            margin: 16px 0 10px;
            line-height: 1.15
        }

        .sdrev-title em {
            font-style: normal;
            color: var(--sdrev-accent)
        }

        .sdrev-sub {
            color: var(--sdrev-muted);
            font-size: 16px;
            line-height: 1.6
        }

        /* stage + arrows */
        .sdrev-stage {
            position: relative;
            max-width: 920px;
            margin: 0 auto
        }

        .sdrev-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 6;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border: 1px solid var(--sdrev-line);
            background: var(--sdrev-card);
            cursor: pointer;
            display: grid;
            place-items: center;
            color: var(--sdrev-ink);
            box-shadow: 0 12px 26px -14px rgba(23, 38, 46, .3);
            transition: background .2s, color .2s, transform .2s
        }

        .sdrev-arrow svg {
            width: 20px;
            height: 20px
        }

        .sdrev-arrow:hover {
            background: var(--sdrev-accent);
            color: #fff;
            border-color: var(--sdrev-accent)
        }

        .sdrev-arrow:active {
            transform: translateY(-50%) scale(.92)
        }

        .sdrev-arrow.prev {
            left: -22px
        }

        .sdrev-arrow.next {
            right: -22px
        }

        .sdrev-viewport {
            overflow: hidden;
            border-radius: 24px
        }

        .sdrev-track {
            display: flex;
            transition: transform .6s cubic-bezier(.22, .85, .24, 1)
        }

        .sdrev-slide {
            flex: 0 0 100%;
            padding: 4px
        }

        /* card */
        .sdrev-card {
            position: relative;
            background: var(--sdrev-card);
            border: 1px solid var(--sdrev-line);
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 26px 60px -34px rgba(23, 38, 46, .35);
            display: grid;
            grid-template-columns: 270px 1fr;
            min-height: 320px;
        }

        .sdrev-card::before {
            content: "";
            position: absolute;
            right: -40px;
            top: -40px;
            width: 220px;
            height: 220px;
            background: radial-gradient(circle at center, rgba(18, 165, 160, .10), transparent 70%);
            pointer-events: none
        }

        /* left person column */
        .sdrev-person {
            position: relative;
            background: linear-gradient(165deg, #17262E, #1D3A42);
            color: #fff;
            padding: 36px 26px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 14px;
            text-align: center
        }

        .sdrev-person::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(300px 180px at 30% 0%, rgba(18, 165, 160, .28), transparent 65%)
        }

        .sdrev-photo {
            position: relative;
            z-index: 1;
            width: 96px;
            height: 96px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid rgba(255, 255, 255, .25);
            box-shadow: 0 0 0 4px rgba(18, 165, 160, .35)
        }

        .sdrev-pname {
            position: relative;
            z-index: 1;
            font-weight: 700;
            font-size: 17px;
            line-height: 1.2
        }

        .sdrev-prole {
            position: relative;
            z-index: 1;
            font-size: 12.5px;
            color: #A9BEC4;
            margin-top: -6px
        }

        .sdrev-verified {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 11px;
            font-weight: 600;
            background: rgba(255, 255, 255, .10);
            border: 1px solid rgba(255, 255, 255, .18);
            padding: 5px 11px;
            border-radius: 999px
        }

        .sdrev-verified svg {
            width: 13px;
            height: 13px
        }

        /* right text column */
        .sdrev-body {
            padding: 38px 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 16px;
            position: relative
        }

        .sdrev-mark {
            position: absolute;
            top: 20px;
            right: 34px;
            font-size: 96px;
            line-height: 1;
            font-weight: 800;
            color: var(--sdrev-accent);
            opacity: .12;
            font-family: Georgia, serif;
            pointer-events: none
        }

        .sdrev-stars {
            display: flex;
            gap: 3px
        }

        .sdrev-stars svg {
            width: 20px;
            height: 20px;
            fill: var(--sdrev-star)
        }

        .sdrev-text {
            font-size: 17px;
            line-height: 1.7;
            color: #2E3C44;
            font-weight: 500;
            position: relative;
            z-index: 1
        }

        .sdrev-source {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 12.5px;
            color: var(--sdrev-muted)
        }

        .sdrev-source svg {
            width: 16px;
            height: 16px;
            flex: none
        }

        /* entrance animation */
        .sdrev-anim {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity .6s ease, transform .6s ease
        }

        .sdrev-slide.is-active .sdrev-anim {
            opacity: 1;
            transform: none
        }

        .sdrev-slide.is-active .sdrev-anim:nth-child(1) {
            transition-delay: .05s
        }

        .sdrev-slide.is-active .sdrev-anim:nth-child(2) {
            transition-delay: .13s
        }

        .sdrev-slide.is-active .sdrev-anim:nth-child(3) {
            transition-delay: .21s
        }

        .sdrev-slide.is-active .sdrev-anim:nth-child(4) {
            transition-delay: .29s
        }

        /* avatar strip nav */
        .sdrev-avatars {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 14px;
            margin-top: 30px;
            flex-wrap: wrap
        }

        .sdrev-avatars button {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border: none;
            padding: 0;
            cursor: pointer;
            background: none;
            position: relative;
            opacity: .5;
            filter: grayscale(.3);
            transition: opacity .3s, transform .3s
        }

        .sdrev-avatars img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            display: block;
            border: 2px solid transparent
        }

        .sdrev-avatars button:hover {
            opacity: .85
        }

        .sdrev-avatars button.is-on {
            opacity: 1;
            filter: none;
            transform: scale(1.18)
        }

        .sdrev-avatars button.is-on img {
            border-color: var(--sdrev-accent);
            box-shadow: 0 0 0 3px rgba(18, 165, 160, .25)
        }

        .sdrev-avatars button:focus-visible {
            outline: 3px solid rgba(18, 165, 160, .5);
            outline-offset: 3px
        }

        @media (prefers-reduced-motion:reduce) {
            .sdrev-track {
                transition: none
            }

            .sdrev-anim {
                opacity: 1;
                transform: none;
                transition: none
            }
        }

        @media (max-width:820px) {
            .sdrev-arrow.prev {
                left: 8px
            }

            .sdrev-arrow.next {
                right: 8px
            }
        }

        @media (max-width:640px) {
            .sdrev {
                padding: 0 16px
            }

            .sdrev-card {
                grid-template-columns: 1fr;
                min-height: 0
            }

            .sdrev-person {
                padding: 30px 22px 24px
            }

            .sdrev-photo {
                width: 84px;
                height: 84px
            }

            .sdrev-body {
                padding: 26px 24px 30px
            }

            .sdrev-text {
                font-size: 15.5px
            }

            .sdrev-mark {
                font-size: 70px;
                top: 12px;
                right: 20px
            }

            .sdrev-arrow {
                width: 42px;
                height: 42px
            }

            .sdrev-avatars {
                gap: 10px;
                margin-top: 24px
            }

            .sdrev-avatars button {
                width: 42px;
                height: 42px
            }
        }

        .sdrev-review-image-wrap {
            margin: 20px 0;
        }

        .sdrev-review-image {
            width: 100%;
            display: block;
            border-radius: 12px;
            border: 1px solid #e5e5e5;
            box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
        }

        /* ===== Review Image Slider ===== */

        .sdrev-slide {
            min-width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .sdrev-card-full {
            width: 80%;
            max-width: 1200px;
            height: 650px;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            border-radius: 20px;
            background: #fff;
        }

        .sdrev-full-image {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
            /* Image break nahi hogi */
        }

        /* Mobile */

        @media (max-width:768px) {

            .sdrev-card-full {
                height: auto;
            }

            .sdrev-full-image {
                width: 100%;
                height: auto;
            }

        }

/* ============================================================
   MOVED FROM index.php <head> <style>
   (Talk to Strategist .st-  +  Pricing .ag-)
============================================================ */
/* ============================================================
   TALK TO STRATEGIST — LIGHT CUSTOM (scoped: .st-)
============================================================ */
body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    background: #eef4f2;
    color: #16241f;
}

.st-section {
    --st-ink: #16241f;
    --st-mut: #5e6f69;
    --st-teal: #0e9488;
    --st-teal-deep: #0a6e66;
    --st-orange: #f55925;
    --st-wa: #1fae54;
    --st-line: #e2ebe7;
    padding: 0 20px;
}

.st-wrap {
    max-width: 1140px;
    margin: 0 auto;
}

/* ---------- panel ---------- */
.st-panel {
    background: #fff;
    border: 1px solid var(--st-line);
    border-radius: 22px;
    box-shadow: 0 24px 60px -34px rgba(22, 36, 31, .28);
    display: grid;
    grid-template-columns: 1fr 1.55fr;
    overflow: hidden;
}

/* ---------- left: intro ---------- */
.st-intro {
    padding: 42px 38px;
    border-right: 1px solid var(--st-line);
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #f8fbfa 0%, #fff 70%);
}

.st-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--st-teal-deep);
    margin-bottom: 18px;
}

.st-live i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--st-wa);
    box-shadow: 0 0 0 3px rgba(31, 174, 84, .18);
    flex: 0 0 auto;
}

.st-intro h2 {
    font-size: clamp(24px, 2.8vw, 34px);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.18;
    margin: 0 0 12px;
}

.st-intro h2 span { color: var(--st-teal); }

.st-intro p {
    font-size: 14px;
    line-height: 1.75;
    color: var(--st-mut);
    margin: 0 0 26px;
}

.st-trust {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    font-size: 12.5px;
    color: var(--st-mut);
    padding-top: 22px;
    border-top: 1px solid var(--st-line);
}

.st-trust b { color: var(--st-ink); font-weight: 700; }
.st-trust .star { color: #f0b429; }

/* ---------- right: team list ---------- */
.st-team {
    padding: 26px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.st-person {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--st-line);
    border-radius: 14px;
    padding: 14px 16px;
    text-decoration: none;
    color: var(--st-ink);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.st-person:hover {
    border-color: #bfe3d4;
    box-shadow: 0 12px 26px -16px rgba(31, 174, 84, .35);
    transform: translateX(4px);
    color: var(--st-ink);
}

.st-avatar-wrap { position: relative; flex: 0 0 auto; }

.st-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background: #dfe9e5;
}

.st-dot {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--st-wa);
    border: 2px solid #fff;
}

.st-pinfo { min-width: 0; flex: 1; }
.st-pname { font-size: 14.5px; font-weight: 700; line-height: 1.25; }
.st-prole { font-size: 12px; color: var(--st-mut); margin-top: 1px; }

.st-pstatus {
    font-size: 11.5px;
    color: var(--st-teal-deep);
    margin-top: 3px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.st-pstatus.muted { color: var(--st-mut); }

.st-wa-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: var(--st-wa);
    border-radius: 9px;
    padding: 11px 18px;
    line-height: 1;
    transition: background .15s ease;
    white-space: nowrap;
}

.st-person:hover .st-wa-btn { background: #178a42; }
.st-wa-btn svg { width: 15px; height: 15px; flex: 0 0 auto; }

/* ---------- schedule strip ---------- */
.st-sched {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1.5px dashed #f4c3ac;
    background: #fff8f4;
    border-radius: 14px;
    padding: 16px 18px;
    text-decoration: none;
    color: var(--st-ink);
    margin-top: 4px;
    transition: border-color .18s ease, background .18s ease;
}

.st-sched:hover {
    border-color: var(--st-orange);
    background: #fff2ea;
    color: var(--st-ink);
}

.st-sched-ic {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    flex: 0 0 auto;
    background: #fdeade;
    display: grid;
    place-items: center;
}

.st-sched-ic svg {
    width: 18px;
    height: 18px;
    stroke: var(--st-orange);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.st-sched-txt { flex: 1; min-width: 0; }
.st-sched-title { font-size: 14px; font-weight: 700; line-height: 1.3; }
.st-sched-sub { font-size: 12px; color: var(--st-mut); margin-top: 1px; }

.st-sched-btn {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: var(--st-orange);
    border-radius: 9px;
    padding: 11px 20px;
    line-height: 1;
    white-space: nowrap;
    transition: background .15s ease;
}

.st-sched:hover .st-sched-btn { background: #d9440f; }

.st-person:focus-visible,
.st-sched:focus-visible {
    outline: 2px solid var(--st-orange);
    outline-offset: 3px;
}

@media (max-width: 900px) {
    .st-panel { grid-template-columns: 1fr; }
    .st-intro {
        border-right: none;
        border-bottom: 1px solid var(--st-line);
        padding: 32px 26px;
    }
    .st-team { padding: 22px 20px; }
}

@media (max-width: 560px) {
    .st-section { padding: 0 14px; }
    .st-person { flex-wrap: wrap; }
    .st-wa-btn { width: 100%; justify-content: center; box-sizing: border-box; }
    .st-sched { flex-wrap: wrap; }
    .st-sched-btn { width: 100%; text-align: center; box-sizing: border-box; }
    .st-trust { gap: 8px 14px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .st-person, .st-wa-btn, .st-sched { transition: none; }
}


/* ============================================================
   PRICING SECTION (scoped: .ag-)
============================================================ */
.ag-section {
    --ag-ink: #1a2530;
    --ag-mut: #5f6c78;
    --ag-teal: #0e9488;
    --ag-teal-deep: #0a6e66;
    --ag-orange: #f55925;
    --ag-line: #e4e9ee;
    --ag-soft: #f6f9f8;
    padding: 0 20px;
    background: #fff;
}

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

/* ---------- header ---------- */
.ag-head {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px;
}

.ag-head h2 {
    font-size: clamp(26px, 3.6vw, 40px);
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.2;
    margin: 0 0 12px;
}

.ag-head p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--ag-mut);
    margin: 0;
}

/* assurance strip — hidden */
.ag-assure { display: none; }

/* ---------- grid ---------- */
.ag-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    border: none;
    border-radius: 0;
    overflow: visible;
}

.ag-card {
    background: #fff;
    border: 1px solid var(--ag-line);
    border-radius: 12px;
    padding: 26px 20px 24px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ag-card:first-child { border-radius: 12px; }

.ag-card:last-child {
    border-right: 1px solid var(--ag-line);
    border-radius: 12px;
}

.ag-card h3 {
    font-size: 16.5px;
    font-weight: 700;
    margin: 0 0 4px;
    letter-spacing: -0.01em;
}

.ag-tagline {
    font-size: 11.5px;
    line-height: 1.5;
    color: var(--ag-mut);
    margin: 0 0 18px;
    min-height: 34px;
}

/* ---------- price box — lines removed ---------- */
.ag-pricebox {
    padding: 0 0 18px;
    border-top: none;
    border-bottom: none;
    margin-bottom: 18px;
}

.ag-from {
    font-size: 10.5px;
    color: var(--ag-mut);
    display: block;
    margin-bottom: 10px;
}

.ag-usd {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
}

.ag-usd sup {
    font-size: 15px;
    font-weight: 700;
    vertical-align: 13px;
}

.ag-usd small {
    font-size: 12px;
    font-weight: 500;
    color: var(--ag-mut);
}

.ag-inr {
    font-size: 11.5px;
    color: var(--ag-mut);
    display: block;
    margin-top: 8px;
}

.ag-inr b { color: var(--ag-ink); font-weight: 700; }

/* ---------- checklist ---------- */
.ag-feats {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    flex: 1;
}

.ag-feats li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #3c4a56;
    padding: 5px 0;
}

.ag-feats svg {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    margin-top: 2px;
    stroke: var(--ag-teal);
    fill: none;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ---------- buttons ---------- */
.ag-btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ag-b1,
.ag-b2 {
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    border-radius: 8px;
    padding: 12px 10px;
    line-height: 1.2;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.ag-b1 { background: var(--ag-teal); color: #fff; }
.ag-b1:hover { background: var(--ag-teal-deep); color: #fff; }

.ag-b2 {
    border: 1.5px solid var(--ag-line);
    color: var(--ag-ink);
}

.ag-b2:hover {
    border-color: var(--ag-teal);
    color: var(--ag-teal-deep);
}

/* ---------- featured : AI SEO ---------- */
.ag-card.ag-star {
    background: var(--ag-soft);
    border-top: 3px solid var(--ag-orange);
    margin-top: -16px;
    padding-top: 38px;
    border-radius: 12px;
    box-shadow: 0 16px 36px -18px rgba(26, 37, 48, .22);
    z-index: 1;
}

.ag-star-badge {
    position: absolute;
    top: 12px;
    left: 20px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--ag-orange);
}

.ag-card.ag-star .ag-b1 { background: var(--ag-orange); }
.ag-card.ag-star .ag-b1:hover { background: #d9440f; }

.ag-b1:focus-visible,
.ag-b2:focus-visible {
    outline: 2px solid var(--ag-orange);
    outline-offset: 2px;
}

/* ---------- bottom note ---------- */
.ag-note {
    margin-top: 26px;
    text-align: center;
    font-size: 12.5px;
    color: var(--ag-mut);
    line-height: 1.7;
}

.ag-note a {
    color: var(--ag-teal-deep);
    font-weight: 600;
    text-decoration: none;
}

.ag-note a:hover { text-decoration: underline; }

/* ---------- responsive ---------- */
@media (max-width: 1120px) {
    .ag-grid {
        grid-template-columns: repeat(3, 1fr);
        border: none;
        gap: 14px;
    }
    .ag-card {
        border: 1px solid var(--ag-line);
        border-radius: 12px !important;
    }
    .ag-card.ag-star {
        margin-top: 0;
        padding-top: 38px;
    }
}

/* ===== MOBILE SLIDER (scroll-snap) ===== */
@media (max-width: 760px) {
    .ag-section { padding: 0 14px; }

    .ag-grid {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 14px !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-padding: 16px;
        padding: 4px 16px 14px;
        margin: 0 -16px;
        border: none !important;
        border-radius: 0 !important;
        scrollbar-width: none;
    }

    .ag-grid::-webkit-scrollbar { display: none; }

    .ag-card {
        flex: 0 0 80% !important;
        max-width: 80% !important;
        scroll-snap-align: center;
        border: 1px solid var(--ag-line) !important;
        border-radius: 12px !important;
        border-right: 1px solid var(--ag-line) !important;
    }

    .ag-card.ag-star {
        order: 0;
        margin-top: 0;
        padding-top: 38px;
    }

    .ag-tagline { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ag-b1, .ag-b2 { transition: none; }
}

/* ============================================================
   SECTION SPACING SYSTEM  (.sd-block)
   Har top-level section pe class="sd-block" hai.
   Spacing SIRF yahin se control hoti hai — bas --sec-y badlo.
   Do sections ke beech kul gap = 2 x --sec-y
============================================================ */
:root {
    --sec-top: 80px;      /* har section ke upar */
    --sec-bottom: 60px;   /* neeche halka — last element ki apni margin bhi hoti hai */
    --sec-bg: 80px;       /* background band sections: upar-neeche barabar */
    --sec-head: 40px;     /* heading ke neeche */
}

.sd-block {
    padding-top: var(--sec-top) !important;
    padding-bottom: var(--sec-bottom) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* jin sections ka apna background band hai — content kinaare se na chipke */
.sd-block.principles,
.sd-block.sdrev,
.sd-block.sd--global,
.sd-block.as_seen_of {
    padding-top: var(--sec-bg) !important;
    padding-bottom: var(--sec-bg) !important;
}
/* band ke turant baad wala section: upar gap zyada na ho */
.sd-block.principles + .sd-block,
.sd-block.sdrev + .sd-block,
.sd-block.sd--global + .sd-block { padding-top: 60px !important; }

/* purani utility classes ka koi asar nahi */
.sd-block .sd-pt-100,
.sd-block .sd-pb-100 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* inner elements jo heading ke baad aate hain */
.sd-block .top-tabs { margin-top: 0 !important; }
.sd-block .case-card { margin-top: 24px !important; }
.sd-block .swiper-container { margin-top: 0 !important; }
.sd-block .exp-body { margin-top: 0 !important; }
.sd-block .dl-card { margin-top: 0 !important; }
.sd-block .sd--faq .row.mt-5,
.sd-block.sd--faq .row.mt-5 { margin-top: 0 !important; }

/* counter apni jagah tight rahe */
.sd-counter-section { padding: 30px 0 !important; }

/* mobile */
@media (max-width: 767px) {
    :root {
        --sec-top: 48px;
        --sec-bottom: 36px;
        --sec-bg: 48px;
        --sec-head: 28px;
    }
    .sd-block.principles + .sd-block,
    .sd-block.sdrev + .sd-block,
    .sd-block.sd--global + .sd-block { padding-top: 36px !important; }
    .sd-counter-section { padding: 18px 0 !important; }
}

/* ---- inner elements jo extra whitespace de rahe the (measured) ---- */
.sd-block .display-h2,
.sd-block h2,
.sd-block .sd--eyebrow,
.sd-block .sdrev-title,
.sd-block .eyebrow {
    margin-top: 0 !important;
}
.sd-block .sd--awrded-grid-new { margin-bottom: 0 !important; }
.sd-block .ag-note { margin-bottom: 0 !important; }

/* Satisfied Customers: side column hai, heading-block nahi */
.sd--global .text-dark.text-center { margin-bottom: 0 !important; }
.sd--global .sd--paragraph.my-4 { margin-bottom: 20px !important; }

/* counter: ek hi jagah se spacing */
.sd-counter-section { padding: 22px 0 !important; }

/* ---- hero: fixed navbar ke neeche se bahar ---- */
.sd-hv2.sd-topMargin { padding-top: 90px !important; }
@media (max-width: 767px) {
    .sd-hv2.sd-topMargin { padding-top: 40px !important; }
}

/* ============================================================
   FONT — Poppins everywhere (desktop + mobile)
   Icons (Font Awesome) ko chhod ke sab kuch Poppins.
============================================================ */
html, body,
body *:not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(svg):not(path) {
    font-family: 'Poppins', sans-serif !important;
}

/* partners section: heading ka white box hatao, font theek */
.as-seen-v2 h2.display-4 {
    background: transparent !important;
    font-family: 'Poppins', sans-serif !important;
}

/* ============================================================
   MOBILE POLISH
============================================================ */
@media (max-width: 767px) {

    /* 1. Mid-size logos: 3 ki jagah 2 columns → bade dikhein */
    .sd-block--midsize .col-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .sd-block--midsize .sd--awrded-card {
        min-height: 110px !important;
    }
    .sd-block--midsize .sd--awrded-card img {
        max-width: 78% !important;
        max-height: 64px !important;
        width: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* 2. How We Drive: kinaaron se chipak raha tha */
    .sd-block--drive {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .sd-block--drive .section-wrapper { padding: 0 !important; }

    /* 3. Strategist panel center + side space */
    .sd-block.st-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .st-wrap,
    .st-panel {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }

    /* 4. Comparison heading: 4 lines → 2-3 lines */
    .pf-head h2 br { display: none !important; }
    .pf-head h2 {
        font-size: 26px !important;
        line-height: 1.25 !important;
        padding: 0 4px !important;
    }
}

/* ============================================================
   RESPONSIVE POLISH — all devices
============================================================ */

/* horizontal scroll guard */
html, body { overflow-x: hidden; }
img, video, iframe { max-width: 100%; }

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {

    /* readable minimum sizes */
    .sd-cnt-label   { font-size: 11px !important; letter-spacing: .04em !important; }
    .ag-from        { font-size: 11.5px !important; }
    .ag-star-badge  { font-size: 11px !important; }
    .pf-vsline      { font-size: 11px !important; }
    .ag-feats li    { font-size: 13px !important; }
    .ag-tagline     { font-size: 12.5px !important; }

    /* tap targets */
    .top-tabs .nav-link {
        min-height: 42px !important;
        padding: 10px 16px !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    .case-link {
        display: inline-block !important;
        padding: 10px 0 !important;
    }
    .sd__faqcard .card-header button {
        min-height: 48px !important;
    }
    .pf-tab { min-height: 56px !important; }
    .pf-dot { width: 10px !important; height: 10px !important; }
    .pf-dot.active { width: 28px !important; }

    /* hero text sizes */
    .sd-hv2-left h1 {
        font-size: clamp(28px, 7.5vw, 34px) !important;
        line-height: 1.2 !important;
    }
    .sd-hv2-desc { font-size: 15px !important; line-height: 1.65 !important; }

    /* counter: 2 per row, not cramped */
    .sd-counter-wrapper {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 18px 8px !important;
    }
    .counter-item { flex: 0 0 45% !important; text-align: center !important; }

    /* pf slider text column breathing room */
    .pf-text, .pf-visual { padding: 24px 18px !important; }

    /* accordion text */
    .sd__faqcard .card-header button { font-size: 14px !important; text-align: left !important; }
    .sd__faqcard .card-body p { font-size: 14px !important; }
}

/* ---------- SMALL PHONES ---------- */
@media (max-width: 380px) {
    .sd-hv2-left h1 { font-size: 26px !important; }
    .display-h2, .sd-block h2 { font-size: 24px !important; }
    .ag-card { flex-basis: 88% !important; max-width: 88% !important; }
}

/* ---------- TABLET (iPad / small laptop) ---------- */
@media (min-width: 768px) and (max-width: 1024px) {
    .sd-hv2-grid { gap: 32px !important; }
    .ag-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; }
    .ag-card.ag-star { margin-top: 0 !important; }
    .pf-tabs { grid-template-columns: repeat(3, 1fr) !important; }
    .pf-tab .d { display: none !important; }        /* tab subtitle hides, title stays */
    .st-panel { grid-template-columns: 1fr !important; }
    .st-intro { border-right: none !important; border-bottom: 1px solid var(--st-line, #e2ebe7) !important; }
    .exp-body { grid-template-columns: 1fr !important; }
    .sd--awrded-grid-new { grid-template-columns: repeat(4, 1fr) !important; }
}

/* ============================================================
   AWARDS GRID — alag-alag cards (joined box nahi)
============================================================ */
.sd--awrded-grid-new {
    gap: 14px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}
.sd--awrded-card-new {
    border: 1px solid #e4e9ee !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 26px 18px !important;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
}
.sd--awrded-card-new:hover {
    border-color: #bfe3d4 !important;
    box-shadow: 0 12px 26px -18px rgba(22,36,31,.35) !important;
    transform: none !important;
    background: #fff !important;
}
.sd--awrded-card-new::before,
.sd--awrded-card-new::after { display: none !important; }
@media (max-width: 767px) {
    .sd--awrded-grid-new { gap: 10px !important; }
    .sd--awrded-card-new { padding: 20px 12px !important; }
}

/* ============================================================
   TYPOGRAPHY SYSTEM — poore page pe ek scale
   h1 hero | h2 section title | h3 card title | h4/h5 small
   p body | .lead section intro | eyebrow small label
============================================================ */
:root {
    --t-h2: clamp(28px, 3.2vw, 40px);
    --t-h3: 20px;
    --t-h4: 17px;
    --t-h5: 15px;
    --t-p: 15.5px;
    --t-lead: 16.5px;
    --t-eyebrow: 13px;
    --t-ink: #16241f;
    --t-mut: #5e6f69;
}
/* panel ke andar wala h2 (strategist box) — ye section title nahi hai */
.st-intro h2 {
    font-size: 26px !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 12px !important;
}

/* ---- h4 / h5 ---- */
.sd-block h4 { font-size: var(--t-h4) !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--t-ink) !important; }
.sd-block h5 { font-size: var(--t-h5) !important; font-weight: 700 !important; line-height: 1.4 !important; color: var(--t-ink) !important; }

/* ---- Body text (p) ---- */
.sd-block p,
.sd-block .sd--paragraph,
.sd-block li {
    font-size: var(--t-p) !important;
    line-height: 1.7 !important;
    color: var(--t-mut) !important;
}

/* ---- Mobile scale ---- */
@media (max-width: 767px) {
    :root {
        --t-h2: 27px;
        --t-h3: 18px;
        --t-h4: 16px;
        --t-h5: 14.5px;
        --t-p: 15px;
        --t-lead: 15.5px;
        --t-eyebrow: 12.5px;
    }
    .pf-text h3, .pf-ai-title { font-size: 22px !important; }
    .st-intro h2 { font-size: 22px !important; }
}
@media (max-width: 380px) {
    :root { --t-h2: 24px; }
}
body .st-intro h2 { font-size: 26px !important; }
body .as-seen-v2 h2.display-4 { max-width: 480px !important; margin-left: 0 !important; text-align: left !important; }

body .sd-block h3, body .ag-card h3, body .st-pname, body .sd-award-card h3 {
    font-size: var(--t-h3) !important;
    font-weight: 700 !important;
}
body .ag-tagline { min-height: 0 !important; }

@media (max-width: 767px) {
    body .st-intro h2 { font-size: 22px !important; }
    body .as-seen-v2 h2.display-4 { max-width: 100% !important; }
}
body .sd-block h3.sd--headingh5,
body .sd-award-card h3.sd--headingh5,
body .sd--faq h3.sd--headingh5 {
    font-size: var(--t-h3) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
body .sd-awards-v2 .sd-award-card .sd--headingh5,
body .sd__webtestingFaq .col-md-6 > .sd--headingh5 {
    font-size: var(--t-h3) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* ============================================================
   HEADING ACCENT — poori site pe ek hi accent (brand orange)
   teal/underline wale mixed accents hata ke consistent
============================================================ */
body .sd-block h2 em,
body .sd-block h2 .hl,
body .sd-block h2 .highlight,
body .sdrev-title em,
body .principles h2 em,
body .exp-title .underline-accent {
    color: #F4511E !important;
    font-style: normal !important;
    background: none !important;
    -webkit-text-fill-color: #F4511E !important;
}
body .sdrev-title em::after,
body .principles h2 em::after { display: none !important; }

/* eyebrow pill (Core Pillars) — caps hatao, halka rakho */
body .principles .eyebrow {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 13px !important;
    background: rgba(14,148,136,.08) !important;
    color: #0a6e66 !important;
    border: none !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
}

/* review platform avatars — section ke andar rahe, kinare se na chipke */
.sdrev-avatars { margin-top: 28px !important; margin-bottom: 0 !important; }

/* ============================================================
   FIX: Awards section — white box hatao, heading ek line
============================================================ */
body .sd-block--awards { background: #fff !important; }
body .sd--awards-new { background: transparent !important; }
body .sd-block--awards h2.display-h2 { max-width: 1100px !important; }
body .sd-block--awards .text-dark.text-center > p { max-width: 900px !important; }

/* ============================================================
   FIX: Partners section — side heading, clean 2-column layout
============================================================ */
#mainseen.as-seen-v2 {
    overflow: hidden !important;
    padding-top: var(--sec-y-bg) !important;
    padding-bottom: var(--sec-y-bg) !important;
}
#mainseen .container { padding-top: 0 !important; padding-bottom: 0 !important; }
#mainseen .row { align-items: center !important; }

#mainseen .col-md-5 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
}
#mainseen .as-seen-badge {
    display: inline-block !important;
    margin: 0 0 14px 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
}
body #mainseen h2.display-4,
body #mainseen .as-seen-v2 h2.display-4 {
    font-size: 26px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    max-width: 440px !important;
    margin: 0 !important;
    text-align: left !important;
    letter-spacing: -0.01em !important;
}
#mainseen .sd-logoPartner {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
}
#mainseen .sd-logoPartner img {
    width: 100% !important;
    height: auto !important;
    background: #fff !important;
    border: 1px solid #e4e9ee !important;
    border-radius: 12px !important;
    padding: 18px 22px !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    #mainseen .col-md-5 { align-items: center !important; text-align: center !important; }
    body #mainseen h2.display-4 { font-size: 22px !important; max-width: 100% !important; text-align: center !important; }
    #mainseen .as-seen-badge { margin-bottom: 12px !important; }
    #mainseen .sd-logoPartner { grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; margin-top: 22px !important; }
    #mainseen .sd-logoPartner img { padding: 12px 10px !important; }
}

/* ============================================================
   CORE PILLARS — same card layout, custom + neutral
   (no search bar, no "Result N" pills, no colored icon tiles)
============================================================ */
.pl2 { background: #f7f6f2 !important; }
.pl2::before, .pl2::after { display: none !important; content: none !important; }
.pl2 .head { max-width: 760px; margin: 0 auto var(--sec-head) !important; text-align: center; }
.pl2 .head .eyebrow {
    display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0;
    text-transform: none; color: #5e6f69; background: none; border: none; padding: 0; margin-bottom: 12px;
}
.pl2 .head .eyebrow::before, .pl2 .head .eyebrow::after { display: none !important; content: none !important; }
.pl2 .head h2 em { color: #F4511E; font-style: normal; }
.pl2 .head .lede { color: #5e6f69; }

.pl2 .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    max-width: 1240px;
    margin: 0 auto;
}
.pl2 .card {
    background: #fff;
    border: 1px solid #e4e0d7;
    border-radius: 14px;
    padding: 28px 30px 30px;
    box-shadow: none;
    transition: border-color .18s ease;
    position: relative;
}
.pl2 .card:hover { border-color: #cfc8bb; transform: none; box-shadow: none; }
.pl2 .card::before, .pl2 .card::after { display: none !important; content: none !important; }

.pl2 .card-top { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.pl2 .icon {
    width: 44px; height: 44px; flex: 0 0 auto;
    display: grid; place-items: center;
    border-radius: 10px;
    background: #f3f1ec;
    color: #16241f;
    border: none;
}
.pl2 .icon svg { width: 22px; height: 22px; }
body .pl2 .card h3 { font-size: 20px !important; font-weight: 700 !important; margin: 0 !important; color: #16241f !important; }
body .pl2 .card p { font-size: 14.5px !important; line-height: 1.7 !important; color: #5e6f69 !important; margin: 0 !important; }
.pl2 .card p strong { color: #16241f; font-weight: 600; }

@media (max-width: 767px) {
    .pl2 .grid { grid-template-columns: 1fr; gap: 12px; }
    .pl2 .card { padding: 22px 20px; }
}
body .pl2 .head .eyebrow,
body .principles .eyebrow {
    background: none !important;
    color: #5e6f69 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* ============================================================
   SECTION BACKGROUNDS — alternate white / light grey
   (hero ke baad se). Unique bg wale sections untouched.
============================================================ */
:root { --bg-alt: #f4f6f8; }

/* light grey */
body .sd-block.ag-section,
body .sd-block--midsize,
body .sd-block--clients,
body .sd-block.st-section,
body .sd-block--why,
body .sd-block.sd--awrds-certif {
    background: var(--bg-alt) !important;
}

/* grey sections ke andar cards white rahein */
body .sd-block.ag-section .ag-card:not(.ag-star),
body .sd-block--midsize .sd--awrded-card,
body .sd-block.st-section .st-panel,
body .sd-block--why .sd__faqcard,
body .sd-block.sd--awrds-certif .sd-award-card,
body .sd-block--results .case-card,
body .sd-block--drive .dl-card {
    background: #fff !important;
}
body .sd-block--why .sd__faqcard { border: 1px solid #e4e9ee !important; }
body .sd-block.sd--awrds-certif .sd-award-card.bg-light { background: #fff !important; }

/* grey band pe pricing ka featured card thoda alag dikhe */
body .sd-block.ag-section .ag-card.ag-star { background: #fff !important; }   /* stamp ke liye upar jagah */

/* ---- strategist avatars: bade + face pe focus ---- */
body .st-avatar {
    width: 66px !important;
    height: 66px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: 50% 20% !important;   /* chehra upar hota hai */
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 1px #e2ebe7 !important;
    background: #eef4f1 !important;
}
body .st-avatar-wrap { width: 66px; height: 66px; }
body .st-dot { width: 14px !important; height: 14px !important; bottom: 2px !important; right: 2px !important; }
body .st-person { gap: 18px !important; padding: 14px 18px !important; }

@media (max-width: 560px) {
    body .st-avatar, body .st-avatar-wrap { width: 56px !important; height: 56px !important; }
}

/* ---- strategist intro: points list ---- */
body .st-intro p { margin-bottom: 18px !important; }
.st-points {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.st-points li {
    position: relative;
    padding-left: 24px;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    color: #16241f !important;
    font-weight: 500;
}
.st-points li::before {
    content: "";
    position: absolute;
    left: 0; top: 6px;
    width: 14px; height: 14px;
    border-radius: 50%;
    background: #0e9488;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/10px no-repeat, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/10px no-repeat, linear-gradient(#000 0 0);
            mask-composite: exclude;
}

/* ---- avatar: photo circle ke andar poora bhare, chehra center ---- */
body .st-avatar {
    object-position: 50% 30% !important;
    padding: 0 !important;
}

/* strategist points: bullets hatao, tick + tight spacing (strong) */
body .st-intro ul.st-points {
    list-style: none !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
}
body .st-intro ul.st-points li {
    list-style: none !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 0 26px !important;
    font-size: 14.5px !important;
    line-height: 1.45 !important;
    color: #16241f !important;
    font-weight: 500 !important;
}
body .st-intro ul.st-points li::before {
    content: "\2713" !important;
    position: absolute !important;
    left: 0 !important; top: 0 !important;
    width: 17px !important; height: 17px !important;
    border-radius: 50% !important;
    background: #0e9488 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
    text-align: center !important;
    -webkit-mask: none !important; mask: none !important;
}
body .st-intro ul.st-points li::marker { content: "" !important; }

/* ---- avatar: circle ke andar zoom, chehra center ---- */
body .st-avatar-wrap {
    position: relative !important;
    display: block !important;
    width: 66px !important;
    height: 66px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #e2ebe7 !important;
    background: #eef4f1 !important;
    flex: 0 0 auto !important;
}
body .st-avatar {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    box-shadow: none !important;
    object-fit: cover !important;
    object-position: 50% 30% !important;
    transform: scale(1.35) !important;        /* white margin bahar, chehra andar */
    transform-origin: 50% 32% !important;
}
body .st-dot {
    position: absolute !important;
    width: 13px !important; height: 13px !important;
    bottom: 8px !important; right: 8px !important;
    z-index: 2 !important;
}
@media (max-width: 560px) {
    body .st-avatar-wrap { width: 56px !important; height: 56px !important; }
    body .st-dot { bottom: 6px !important; right: 6px !important; }
}

/* ---- strategist list: class ho ya na ho, kaam kare ---- */
body .st-intro ul {
    list-style: none !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
}
body .st-intro ul li {
    list-style: none !important;
    display: block !important;
    margin: 0 0 9px !important;
    padding: 0 0 0 27px !important;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    color: #16241f !important;
    font-weight: 500 !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='%230e9488'/><path d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-size: 17px 17px !important;
    background-position: 0 2px !important;
}
body .st-intro ul li::before,
body .st-intro ul li::marker { content: none !important; display: none !important; }

/* ---- per-avatar zoom (photos ki framing alag hai) ---- */
body .st-person:nth-of-type(1) .st-avatar { transform: scale(1.25) !important; transform-origin: 50% 30% !important; }
body .st-person:nth-of-type(2) .st-avatar { transform: scale(1.55) !important; transform-origin: 50% 28% !important; }
body .st-person:nth-of-type(3) .st-avatar { transform: scale(1.55) !important; transform-origin: 50% 30% !important; }

/* ---- avatars: photos ab square-cropped hain, zoom ki zaroorat nahi ---- */
body .st-person .st-avatar,
body .st-person:nth-of-type(1) .st-avatar,
body .st-person:nth-of-type(2) .st-avatar,
body .st-person:nth-of-type(3) .st-avatar {
    transform: none !important;
    object-position: center !important;
}
/* jab tak baaki do photos crop na ho, unke liye halka zoom */
body .st-person:nth-of-type(2) .st-avatar { transform: scale(1.5) !important; transform-origin: 50% 30% !important; }

/* link hover pe underline nahi */
body .st-person, body .st-person:hover,
body .st-person *, body .st-person:hover * { text-decoration: none !important; }

/* ---- avatars: saari photos square-cropped, koi zoom nahi ---- */
body .st-person .st-avatar,
body .st-person:nth-of-type(1) .st-avatar,
body .st-person:nth-of-type(2) .st-avatar,
body .st-person:nth-of-type(3) .st-avatar {
    transform: none !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Enterprise section: poora white, koi doosra bg nahi */
body .sd-block.ent-section,
body .ent-section .ent-header,
body .ent-section .ent-grid,
body .ent-section .logo-cell {
    background: #fff !important;
    background-image: none !important;
}
body .ent-section::before,
body .ent-section::after,
body .ent-grid::before,
body .ent-grid::after { display: none !important; content: none !important; }

/* counter: ek hi color — poora white */
body .sd-counter-section,
body .sd-counter-section .container,
body .sd-counter-wrapper,
body .counter-item {
    background: #fff !important;
    background-image: none !important;
}
body .sd-counter-section::before,
body .sd-counter-section::after,
body .sd-counter-wrapper::before,
body .sd-counter-wrapper::after { display: none !important; content: none !important; }

/* Enterprise: poora white — strongest rule */
html body section.sd-why-seodiscovery.sd-block.ent-section,
html body section.sd-block.ent-section,
html body .ent-section,
html body .ent-section > *,
html body .ent-section .ent-header,
html body .ent-section .ent-eyebrow,
html body .ent-section .ent-title,
html body .ent-section .ent-desc,
html body .ent-section .ent-grid,
html body .ent-section .logo-cell,
html body .ent-section .logo-cell:hover {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
}
html body .ent-section::before,
html body .ent-section::after,
html body .ent-grid::before,
html body .ent-grid::after,
html body .ent-header::before,
html body .ent-header::after { display: none !important; content: none !important; background: none !important; }

/* comparison left column: colors + icons hatao, baaki original */
body .pf-block.win,
body .pf-block.lose {
    background: #fff !important;
    border: 1px solid #e4e9ee !important;
    box-shadow: none !important;
}
body .pf-block .pf-ic { display: none !important; }
body .pf-block .pf-who { color: #16241f !important; }
body .pf-block p { color: #5e6f69 !important; }
body .pf-vsline {
    background: #fff !important;
    color: #5e6f69 !important;
    border: 1px solid #e4e9ee !important;
}

/* ---- pricing slider arrows + dots (mobile only) ---- */
.ag-nav { display: none; }
@media (max-width: 760px) {
    .ag-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin: 18px 0 4px;
    }
    .ag-arrow {
        width: 42px; height: 42px;
        border-radius: 50%;
        border: 1px solid #e4e9ee;
        background: #fff;
        color: #16241f;
        display: grid; place-items: center;
        cursor: pointer;
        box-shadow: 0 6px 16px -10px rgba(22,36,31,.35);
    }
    .ag-arrow:active { background: #f5f9f7; border-color: #0e9488; color: #0a6e66; }
    .ag-dots { display: flex; gap: 7px; }
    .ag-dot {
        width: 8px; height: 8px; border-radius: 999px;
        border: none; background: #cdd8d3; padding: 0; cursor: pointer;
        transition: width .2s, background .2s;
    }
    .ag-dot.active { width: 22px; background: #0e9488; }
}

/* ---- pricing cards: height kam ---- */
body .ag-card { padding: 20px 18px 18px !important; }
body .ag-card.ag-star { padding-top: 30px !important; }
body .ag-card h3 { margin-bottom: 2px !important; }
body .ag-tagline { min-height: 0 !important; margin-bottom: 12px !important; line-height: 1.4 !important; }
body .ag-pricebox { padding: 0 0 12px !important; margin-bottom: 12px !important; }
body .ag-from { margin-bottom: 4px !important; }
body .ag-usd { font-size: 28px !important; }
body .ag-inr { margin-top: 4px !important; }
body .ag-feats { margin: 0 0 14px !important; }
body .ag-feats li { padding: 3px 0 !important; line-height: 1.4 !important; }
body .ag-btns { gap: 6px !important; }
body .ag-b1, body .ag-b2 { padding: 10px 10px !important; min-height: 40px !important; }
body .ag-star-badge { top: 9px !important; }

@media (max-width: 760px) {
    body .ag-card { padding: 18px 16px 16px !important; flex-basis: 78% !important; max-width: 78% !important; }
    body .ag-card.ag-star { padding-top: 28px !important; }
    body .ag-feats li { font-size: 12.5px !important; padding: 2px 0 !important; }
    body .ag-usd { font-size: 26px !important; }
}

/* ---- pricing cards: balanced spacing (UX) ---- */
body .ag-card { padding: 24px 22px 22px !important; }
body .ag-card.ag-star { padding-top: 34px !important; }
body .ag-card h3 { margin-bottom: 6px !important; }
body .ag-tagline { margin-bottom: 18px !important; line-height: 1.5 !important; }
body .ag-pricebox {
    padding: 14px 0 !important;
    margin-bottom: 16px !important;
    border-top: 1px solid #eef1f4 !important;
    border-bottom: 1px solid #eef1f4 !important;
}
body .ag-from { margin-bottom: 6px !important; }
body .ag-usd { font-size: 30px !important; }
body .ag-inr { margin-top: 6px !important; }
body .ag-feats { margin: 0 0 20px !important; }
body .ag-feats li { padding: 5px 0 !important; line-height: 1.5 !important; }
body .ag-btns { gap: 8px !important; }
body .ag-b1, body .ag-b2 { padding: 11px 10px !important; min-height: 42px !important; }

@media (max-width: 760px) {
    body .ag-card { padding: 22px 20px 20px !important; flex-basis: 82% !important; max-width: 82% !important; }
    body .ag-card.ag-star { padding-top: 32px !important; }
    body .ag-feats li { font-size: 13px !important; padding: 4px 0 !important; }
    body .ag-usd { font-size: 28px !important; }
    body .ag-tagline { margin-bottom: 14px !important; }
    body .ag-pricebox { padding: 12px 0 !important; margin-bottom: 14px !important; }
}

/* ---- pricing: ticks hatao, "What you get" label, $ alignment ---- */
body .ag-feats svg { display: none !important; }
body .ag-feats li {
    display: block !important;
    position: relative !important;
    padding: 5px 0 5px 14px !important;
    color: #3c4a56 !important;
}
body .ag-feats li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; top: 13px !important;
    width: 5px !important; height: 5px !important;
    border-radius: 50% !important;
    background: #9aa8a2 !important;
}
body .ag-list-label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    color: #5e6f69 !important;
    margin: 0 0 6px !important;
}

/* $250/mo — sab ek line, baseline aligned */
body .ag-usd {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 2px !important;
    font-size: 30px !important;
    line-height: 1 !important;
}
body .ag-usd sup {
    font-size: 16px !important;
    font-weight: 700 !important;
    vertical-align: baseline !important;
    position: relative !important;
    top: -8px !important;
    margin-right: 1px !important;
}
body .ag-usd small { font-size: 12px !important; font-weight: 500 !important; margin-left: 2px !important; }
body .ag-inr { margin-top: 6px !important; }
body .ag-feats li { font-size: 13.5px !important; line-height: 1.5 !important; }
body .ag-feats li::before { top: 12px !important; }
body .ag-tagline { font-size: 13px !important; }

/* ---- Awards (Recognition): logos bade ---- */
body .sd--awrded-logo-new {
    width: 150px !important;
    height: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 14px !important;
}
body .sd--awrded-logo-new img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* ---- Recent Awards: brand logos bade, sab ek size ---- */
body .sd-award-card img {
    height: 44px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin-top: auto !important;
}
body .sd-award-card { display: flex !important; flex-direction: column !important; }

@media (max-width: 767px) {
    body .sd--awrded-logo-new { width: 120px !important; height: 72px !important; }
    body .sd-award-card img { height: 36px !important; max-width: 130px !important; }
}

/* ---- pricing card: tagline removed, desc line below list ---- */
body .ag-card h3 { margin-bottom: 12px !important; }
body .ag-pricebox { padding-top: 0 !important; border-top: none !important; }
body .ag-feats { margin: 0 0 14px !important; }
body .ag-desc {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #5e6f69 !important;
    margin: 0 0 18px !important;
    padding-top: 12px !important;
    border-top: 1px solid #eef1f4 !important;
}
body .ag-feats { flex: 0 0 auto !important; margin-bottom: 12px !important; }
body .ag-desc { flex: 1 1 auto !important; margin-bottom: 16px !important; }

/* ---- pricing: list removed, desc directly under price ---- */
body .ag-pricebox { border-bottom: none !important; padding-bottom: 6px !important; margin-bottom: 10px !important; }
body .ag-desc { border-top: none !important; padding-top: 0 !important; font-size: 13.5px !important; line-height: 1.6 !important; }

/* ---- pricing desc: bullet style, subtle highlight ---- */
body .ag-desc {
    position: relative !important;
    padding: 10px 12px 10px 30px !important;
    margin: 4px 0 18px !important;
    background: #f7f9f8 !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #3c4a56 !important;
}
body .ag-desc::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important; top: 16px !important;
    width: 8px !important; height: 8px !important;
    border-radius: 50% !important;
    background: #0e9488 !important;
}
body .ag-card.ag-star .ag-desc { background: #fff !important; }
body .ag-card.ag-star .ag-desc::before { background: #f55925 !important; }

/* pricing desc: plain — no color dot, no grey box */
body .ag-desc,
body .ag-card.ag-star .ag-desc {
    background: none !important;
    padding: 0 0 0 16px !important;
    margin: 6px 0 18px !important;
    color: #3c4a56 !important;
}
body .ag-desc::before,
body .ag-card.ag-star .ag-desc::before {
    background: #16241f !important;
    width: 5px !important; height: 5px !important;
    left: 0 !important; top: 8px !important;
}

/* pricing card: sab center, dot hatao */
body .ag-card { text-align: center !important; align-items: center !important; }
body .ag-card h3 { text-align: center !important; }
body .ag-pricebox { text-align: center !important; width: 100% !important; }
body .ag-from, body .ag-inr { display: block !important; text-align: center !important; }
body .ag-usd { justify-content: center !important; width: 100% !important; }
body .ag-desc,
body .ag-card.ag-star .ag-desc {
    text-align: center !important;
    padding: 0 !important;
    width: 100% !important;
}
body .ag-desc::before,
body .ag-card.ag-star .ag-desc::before { display: none !important; content: none !important; }
body .ag-btns { width: 100% !important; }
body .ag-star-badge { left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; }

/* ============================================================
   Partners strip — section padding + 3no logo box same size
============================================================ */
#mainseen.as-seen-v2 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

#mainseen .sd-logoPartner img {
    height: 96px !important;
    object-fit: contain !important;
}

@media (max-width: 767px) {
    #mainseen.as-seen-v2 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    #mainseen .sd-logoPartner img {
        height: 68px !important;
    }
}

/* Partners heading — thoda chhota */
body #mainseen h2.display-4,
body #mainseen .as-seen-v2 h2.display-4 {
    font-size: 21px !important;
}

@media (max-width: 767px) {
    body #mainseen h2.display-4 {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }
    #mainseen .as-seen-badge {
        font-size: 12px !important;
        padding: 5px 12px !important;
    }
}

/* ============================================================
   AWARDS — joined table style (reference design jaisa)
   Cards aapas me jude, ek container, hover = orange bar + tint
============================================================ */
body .sd--awrded-grid-new {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    background: #fff !important;
    border: 1px solid #e7e9f0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 34px -22px rgba(10, 10, 10, .14) !important;
}

body .sd--awrded-card-new {
    background: #fff !important;
    border: 0 !important;
    border-right: 1px solid #eef0f5 !important;
    border-bottom: 1px solid #eef0f5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 28px 20px !important;
    position: relative !important;
    transform: none !important;
    transition: background .2s ease !important;
}

/* har row ke last card ki right border hatao, last row ki bottom */
body .sd--awrded-card-new:nth-child(4n) { border-right: 0 !important; }
body .sd--awrded-card-new:nth-child(n+5) { border-bottom: 0 !important; }

/* hover: left orange bar + halka peach tint (reference jaisa) */
body .sd--awrded-card-new::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    height: auto !important;
    background: #ff5c35 !important;
    opacity: 0 !important;
    transition: opacity .2s ease !important;
    border-radius: 0 !important;
}

body .sd--awrded-card-new:hover {
    background: #fff7f3 !important;
    transform: none !important;
    box-shadow: none !important;
    border-color: #eef0f5 !important;
}

body .sd--awrded-card-new:hover::before { opacity: 1 !important; }

/* tablet: 2 columns */
@media (max-width: 991px) {
    body .sd--awrded-grid-new { grid-template-columns: repeat(2, 1fr) !important; }
    body .sd--awrded-card-new:nth-child(4n) { border-right: 1px solid #eef0f5 !important; }
    body .sd--awrded-card-new:nth-child(2n) { border-right: 0 !important; }
    body .sd--awrded-card-new:nth-child(n+5) { border-bottom: 1px solid #eef0f5 !important; }
    body .sd--awrded-card-new:nth-child(n+7) { border-bottom: 0 !important; }
}

/* mobile: 1 column */
@media (max-width: 575px) {
    body .sd--awrded-grid-new { grid-template-columns: 1fr !important; }
    body .sd--awrded-card-new { border-right: 0 !important; border-bottom: 1px solid #eef0f5 !important; }
    body .sd--awrded-card-new:last-child { border-bottom: 0 !important; }
}

/* Award logos: white-background wali images tint par blend ho jayein
   (hover ke peach par white dabba na dikhe) */
body .sd--awrded-logo-new img {
    mix-blend-mode: multiply !important;
}
body .sd--awrded-logo-new {
    background: transparent !important;
}