button1 {
            display: inline-block;
            position: relative;
            border-radius: 4px;
            background-color: #00662d;
            border: none;
            color: #fff !important;
            text-align: center;
            font-size: 15px;
            font-weight: 600;
            padding: 12px 28px;
            min-width: 180px;
            transition: all 0.4s ease;
            cursor: pointer;
            margin: 16px 0 20px 0;
            box-shadow: 0 6px 18px -4px rgba(0, 102, 45, 0.5);
            letter-spacing: 0.5px;
            text-transform: capitalize;
            overflow: hidden;
        }

        button1::after {
            content: " \00bb";
            position: absolute;
            opacity: 0;
            top: 50%;
            right: -20px;
            transform: translateY(-50%);
            transition: 0.4s ease;
            font-size: 16px;
        }

        button1:hover {
            background-color: #78b723;
            padding-right: 36px;
            padding-left: 16px;
            box-shadow: 0 8px 24px -4px rgba(120, 183, 35, 0.6);
        }

        button1:hover::after {
            opacity: 1;
            right: 12px;
        }

        button1 a {
            color: #fff !important;
            text-decoration: none !important;
            display: block;
            width: 100%;
        }

        /* Leaf icon bullets for content lists */
        .page-inner-text .col-sm-12 ul {
            list-style: none !important;
            padding-left: 0 !important;
            margin: 15px 0 20px 0;
        }

        .page-inner-text .col-sm-12 ul li {
            position: relative;
            padding-left: 28px !important;
            margin-bottom: 9px;
            line-height: 26px;
            font-size: 16px;
            color: #333;
            list-style: none !important;
        }

        .page-inner-text .col-sm-12 ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 4px;
            width: 18px;
            height: 18px;
            background-image: url('/images/icon-leaf.webp');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        /* Applications Showcase Section Styling (Matches Mockup) */
        .applications-showcase-section {
            background-color: #f7faf7;
            border: 1px solid rgba(0, 102, 45, 0.14);
            border-radius: 18px;
            padding: 28px 24px;
            margin: 30px 0 35px 0;
            position: relative;
            box-shadow: 0 8px 30px rgba(0, 80, 30, 0.05);
            overflow: hidden;
        }

        .applications-showcase-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('/images/application-bg-image.webp');
            background-size: cover;
            background-position: center right;
            background-repeat: no-repeat;
            opacity: 0.22;
            z-index: 0;
            pointer-events: none;
        }

        .applications-showcase-section>* {
            position: relative;
            z-index: 1;
        }

        .app-header-top {
            margin-bottom: 22px;
        }

        .app-subtitle-line {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 6px;
        }

        .app-subtitle-text {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            color: #6d8573;
            text-transform: uppercase;
        }

        .app-line {
            flex-grow: 1;
            height: 1px;
            background: linear-gradient(to right, #b4d1b8, transparent);
        }

        .app-header-main {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 15px;
        }

        .app-title-area {
            flex: 1 1 auto;
            width: 100%;
        }

        .app-section-heading {
            font-size: 26px !important;
            font-weight: 600 !important;
            color: #00662d !important;
            line-height: 1.3 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .app-header-badges {
            display: flex;
            align-items: center;
            gap: 18px;
            flex-shrink: 0;
        }

        .app-tagline-script {
            font-size: 20px;
            font-weight: 600;
            color: #00662d;
            line-height: 1.25;
            text-align: right;
            position: relative;
            padding-bottom: 6px;
        }

        .app-tagline-script span {
            color: #78b723;
        }

        .swoosh-underline {
            position: absolute;
            bottom: -2px;
            right: 0;
            width: 100px;
            height: 14px;
        }

        .app-natural-pill {
            background: linear-gradient(135deg, #00662d 0%, #014924 100%);
            border-radius: 40px;
            padding: 8px 16px;
            display: flex;
            align-items: center;
            gap: 10px;
            color: #ffffff;
            box-shadow: 0 6px 18px rgba(0, 102, 45, 0.25);
        }

        .badge-leaf-img {
            width: 24px;
            height: 24px;
            object-fit: contain;
        }

        .natural-pill-text {
            display: flex;
            flex-direction: column;
            line-height: 1.15;
        }

        .pill-top {
            font-size: 10px;
            letter-spacing: 0.8px;
            font-weight: 700;
            color: #e5fbe7;
        }

        .pill-mid {
            font-size: 11px;
            font-weight: 800;
            color: #ffffff;
            letter-spacing: 0.5px;
        }

        .pill-bot {
            font-size: 9px;
            letter-spacing: 0.6px;
            color: #b7e5be;
        }

        /* 2-Column Grid (2x2 per row) */
        .app-cards-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
        }

        .app-grid-card {
            background: rgba(255, 255, 255, 0.94);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            border-radius: 14px;
            padding: 16px 18px;
            display: flex;
            align-items: flex-start;
            gap: 16px;
            border: 1px solid rgba(0, 102, 45, 0.12);
            box-shadow: 0 4px 15px rgba(0, 60, 20, 0.05);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .app-grid-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 22px rgba(0, 80, 25, 0.12);
            border-color: #59b044;
        }

        .app-card-thumb {
            width: 76px;
            height: 76px;
            flex-shrink: 0;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 2px;
        }

        .app-card-thumb img {
            width: 74px !important;
            height: 74px !important;
            max-width: 74px !important;
            object-fit: contain;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            background: transparent !important;
            border-radius: 0 !important;
            transition: transform 0.3s ease;
        }

        .app-grid-card:hover .app-card-thumb img {
            transform: scale(1.08);
        }

        .app-card-info {
            flex: 1;
            min-width: 0;
        }

        .app-card-info h4 {
            font-size: 19px !important;
            font-weight: 600 !important;
            color: #00662d !important;
            margin: 0 0 6px 0 !important;
            line-height: 1.35 !important;
        }

        .app-accent-bar {
            width: 28px;
            height: 3px;
            background-color: #78b723;
            border-radius: 2px;
            margin-bottom: 8px;
        }

        .app-card-info p {
            font-size: 17px !important;
            color: #333333 !important;
            line-height: 28px !important;
            margin: 0 !important;
            text-align: left !important;
        }

        @media (max-width: 768px) {
            .applications-showcase-section {
                padding: 22px 18px;
                margin: 20px 0 25px 0;
            }

            .app-header-top {
                margin-bottom: 16px;
            }

            .app-header-main {
                flex-direction: column;
                gap: 0;
            }

            .app-title-area {
                flex: 0 0 auto !important;
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
            }

            .app-cards-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .app-header-badges {
                width: 100%;
                justify-content: space-between;
            }

            .app-section-heading {
                font-size: 21px !important;
            }
        }

        @media (max-width: 480px) {
            .applications-showcase-section {
                padding: 16px 14px;
            }

            .app-header-top {
                margin-bottom: 14px;
            }

            .app-subtitle-line {
                gap: 8px;
                margin-bottom: 4px;
            }

            .app-subtitle-text {
                font-size: 10px;
                letter-spacing: 1px;
            }

            .app-section-heading {
                font-size: 19px !important;
            }

            .app-cards-grid {
                gap: 12px;
            }

            .app-grid-card {
                padding: 14px 14px;
                gap: 12px;
            }

            .app-card-thumb {
                width: 60px;
                height: 60px;
            }

            .app-card-thumb img {
                width: 58px !important;
                height: 58px !important;
                max-width: 58px !important;
            }
        }

        /* Trending Grid: Factors That Influence the Price */
        .pricing-factors-wrapper {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.12);
            border-radius: 18px;
            padding: 26px 22px;
            margin: 25px 0 30px 0;
            box-shadow: 0 6px 25px rgba(0, 80, 20, 0.04);
            position: relative;
        }

        .pricing-factors-header {
            margin-bottom: 20px;
        }

        .factors-pill-tag {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            color: #00662d;
            background: #eaf5eb;
            padding: 4px 12px;
            border-radius: 20px;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        .factors-main-title {
            font-size: 22px !important;
            font-weight: 600 !important;
            color: #00662d !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            line-height: 1.3 !important;
        }

        .pricing-factors-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }

        .factor-card {
            background: #fafdfa;
            border: 1px solid rgba(0, 102, 45, 0.1);
            border-top: 3px solid #78b723;
            border-radius: 14px;
            padding: 20px 18px;
            position: relative;
            transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .factor-card:hover {
            transform: translateY(-4px);
            background: #ffffff;
            border-top-color: #00662d;
            border-color: rgba(0, 102, 45, 0.25);
            box-shadow: 0 12px 28px rgba(0, 80, 20, 0.1);
        }

        .factor-card-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 14px;
        }

        .factor-icon-wrap {
            width: 46px;
            height: 46px;
            border-radius: 12px;
            background: linear-gradient(135deg, #e8f5e9 0%, #d5edd7 100%);
            color: #00662d;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            transition: all 0.3s ease;
        }

        .factor-card:hover .factor-icon-wrap {
            background: #00662d;
            color: #ffffff;
            transform: scale(1.06);
        }

        .factor-num {
            font-size: 22px;
            font-weight: 800;
            color: rgba(0, 102, 45, 0.16);
            letter-spacing: 0.5px;
            line-height: 1;
        }

        .factor-card h5 {
            font-size: 18px !important;
            font-weight: 600 !important;
            color: #00662d !important;
            margin: 0 0 6px 0 !important;
            line-height: 1.35 !important;
            padding: 0 !important;
            border: none !important;
        }

        .factor-card p {
            font-size: 17px !important;
            color: #333333 !important;
            line-height: 28px !important;
            margin: 0 !important;
            text-align: left !important;
        }

        @media (max-width: 640px) {
            .pricing-factors-grid {
                grid-template-columns: 1fr;
            }

            .pricing-factors-wrapper {
                padding: 18px 15px;
            }
        }

        /* Bento Grid: Features Section */
        .features-bento-wrapper {
            margin: 25px 0 35px 0;
            position: relative;
        }

        .features-bento-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }

        .bento-card {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.12);
            border-radius: 16px;
            padding: 24px 22px;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            box-shadow: 0 4px 16px rgba(0, 60, 20, 0.04);
            transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        /* Micro-animations */
        .bento-card:hover {
            transform: translateY(-5px);
            border-color: #78b723;
            box-shadow: 0 14px 32px rgba(0, 102, 45, 0.12);
        }

        .bento-card.span-2 {
            grid-column: span 2;
        }

        .bento-card.span-1 {
            grid-column: span 1;
        }

        .bento-card-featured-1 {
            background: linear-gradient(135deg, #f4faf5 0%, #ffffff 100%);
            border: 1px solid rgba(0, 102, 45, 0.18);
        }

        .bento-card-featured-2 {
            background: linear-gradient(135deg, #ffffff 0%, #f1f8f3 100%);
            border: 1px solid rgba(0, 102, 45, 0.18);
        }

        /* Large Translucent Watermark Icon (As an Image Background) */
        .bento-watermark-icon {
            position: absolute;
            right: 14px;
            bottom: 8px;
            font-size: 82px;
            color: #00662d;
            opacity: 0.10;
            line-height: 1;
            z-index: 1;
            pointer-events: none;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .bento-card.span-2 .bento-watermark-icon {
            font-size: 104px;
            right: 22px;
            bottom: 10px;
        }

        .bento-card:hover .bento-watermark-icon {
            opacity: 0.22;
            transform: scale(1.12) rotate(-6deg);
        }

        .bento-card-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
            position: relative;
            z-index: 2;
        }

        .bento-icon-box {
            width: 52px;
            height: 52px;
            border-radius: 14px;
            background: #e8f5e9;
            color: #00662d;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .bento-card:hover .bento-icon-box {
            background: #00662d;
            color: #ffffff;
            transform: scale(1.1) rotate(6deg);
        }

        .bento-num {
            font-size: 13px;
            font-weight: 700;
            color: #00662d;
            background: rgba(0, 102, 45, 0.08);
            padding: 4px 12px;
            border-radius: 20px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            letter-spacing: 0.5px;
        }

        /* Pulsing Dot Micro-Animation */
        .pulse-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: #78b723;
            box-shadow: 0 0 0 0 rgba(120, 183, 35, 0.7);
            animation: bento-pulse 2s infinite;
        }

        @keyframes bento-pulse {
            0% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(120, 183, 35, 0.7);
            }

            70% {
                transform: scale(1);
                box-shadow: 0 0 0 8px rgba(120, 183, 35, 0);
            }

            100% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(120, 183, 35, 0);
            }
        }

        .bento-card p {
            font-size: 17px !important;
            font-weight: 500 !important;
            color: #333333 !important;
            line-height: 28px !important;
            margin: 0 !important;
            text-align: left !important;
            position: relative;
            z-index: 2;
        }

        .bento-card.span-2 p {
            font-size: 17px !important;
            line-height: 28px !important;
            font-weight: 500 !important;
        }

        /* Responsive Breakpoints */
        @media (max-width: 991px) {
            .features-bento-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .bento-card.span-2 {
                grid-column: span 2;
            }
        }

        @media (max-width: 640px) {
            .features-bento-grid {
                grid-template-columns: 1fr;
            }

            .bento-card.span-2 {
                grid-column: span 1;
            }
        }

        /* Serving Major Districts Showcase Section (Single Unified Section) */
        .districts-showcase-section {
            margin: 35px 0 45px 0;
            position: relative;
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.14);
            border-radius: 22px;
            box-shadow: 0 8px 30px rgba(0, 60, 20, 0.06);
            overflow: hidden;
        }

        .districts-hero-wrap {
            display: flex;
            background-color: #ffffff;
            padding: 38px 36px 25px 36px;
            position: relative;
            min-height: 420px;
        }

        .districts-hero-wrap::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('/images/market-location-bg.webp') no-repeat right center;
            background-size: cover;
            opacity: 0.30;
            pointer-events: none;
            z-index: 1;
        }

        .districts-hero-content {
            width: 58%;
            position: relative;
            z-index: 2;
        }

        .district-subtitle-wrap {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }

        .district-subtitle {
            font-size: 11.5px;
            font-weight: 700;
            letter-spacing: 1.5px;
            color: #2e7d32;
            text-transform: uppercase;
        }

        .district-subline {
            width: 50px;
            height: 1.5px;
            background: #a3c9ab;
            display: inline-block;
        }

        .district-main-heading {
            font-size: 32px !important;
            font-weight: 800 !important;
            color: #0d4622 !important;
            line-height: 1.25 !important;
            margin: 0 0 16px 0 !important;
            padding: 0 !important;
            border: none !important;
        }

        .district-paragraphs p {
            font-size: 17px !important;
            line-height: 30px !important;
            color: #333333 !important;
            margin-bottom: 14px !important;
            text-align: left !important;
        }

        .district-paragraphs p:last-child {
            margin-bottom: 0 !important;
        }

        .districts-hero-visual {
            width: 42%;
            position: relative;
            z-index: 2;
        }

        .districts-script-callout {
            position: absolute;
            top: 5px;
            right: 15px;
            text-align: right;
            transform: rotate(-3deg);
        }

        .districts-script-callout .script-text {
            font-family: 'Caveat', cursive, sans-serif;
            font-size: 28px;
            font-weight: 700;
            color: #1b5e20;
            line-height: 1.15;
            display: block;
        }

        .districts-script-callout .script-swoosh {
            width: 140px;
            height: 18px;
            margin-top: -2px;
            display: inline-block;
        }

        .districts-floating-badge {
            position: absolute;
            bottom: 15px;
            right: 10px;
            background: #ffffff;
            border-radius: 35px 12px 35px 35px;
            padding: 10px 18px;
            box-shadow: 0 10px 28px rgba(0, 50, 20, 0.14);
            display: inline-flex;
            align-items: center;
            gap: 12px;
            border: 1px solid rgba(0, 102, 45, 0.12);
            backdrop-filter: blur(8px);
            transition: all 0.3s ease;
        }

        .districts-floating-badge:hover {
            transform: translateY(-3px);
            box-shadow: 0 14px 32px rgba(0, 80, 30, 0.18);
        }

        .badge-leaf-icon img {
            width: 26px;
            height: 26px;
            object-fit: contain;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            display: block;
        }

        .badge-lines {
            display: flex;
            flex-direction: column;
            line-height: 1.25;
            text-align: left;
        }

        .badge-lines span {
            font-size: 10.5px;
            font-weight: 800;
            color: #1a4229;
            letter-spacing: 0.6px;
            text-transform: uppercase;
        }

        /* Bottom Locations Box Container - Full Width Background */
        .locations-box-container {
            background-color: #ebf5ee;
            width: 100%;
            margin: 0;
            padding: 30px 36px 35px 36px;
            border-radius: 0 0 22px 22px;
            border: none;
            border-top: 1px solid rgba(0, 102, 45, 0.08);
            position: relative;
            z-index: 2;
            box-sizing: border-box;
        }

        .locations-box-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .locations-box-title {
            font-size: 22px !important;
            font-weight: 700 !important;
            color: #0d4622 !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
        }

        .locations-tagline {
            font-size: 11px;
            font-weight: 700;
            color: #6a8c71;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .locations-tagline .tag-pipe {
            color: #a3c4aa;
            font-weight: 400;
        }

        /* 2-Column Location Cards Grid */
        .locations-cards-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
        }

        .location-item-card {
            background: #ffffff;
            border-radius: 14px;
            padding: 15px 18px;
            display: flex;
            align-items: center;
            gap: 14px;
            border: 1px solid rgba(0, 102, 45, 0.09);
            box-shadow: 0 2px 8px rgba(0, 50, 20, 0.03);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            position: relative;
        }

        .location-item-card:hover {
            transform: translateY(-4px);
            border-color: #78b723;
            box-shadow: 0 10px 24px rgba(0, 80, 20, 0.10);
        }

        .loc-card-icon {
            flex-shrink: 0;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease;
        }

        .loc-card-icon img {
            width: 24px;
            height: 24px;
            object-fit: contain;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            display: block;
        }

        .location-item-card:hover .loc-card-icon {
            transform: scale(1.15) rotate(8deg);
        }

        .loc-card-content {
            flex-grow: 1;
        }

        .loc-card-content h5 {
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #0f4422 !important;
            margin: 0 0 4px 0 !important;
            padding: 0 !important;
            border: none !important;
            line-height: 1.3 !important;
            text-align: left !important;
        }

        .loc-card-content p {
            font-size: 17px !important;
            color: #333333 !important;
            line-height: 26px !important;
            margin: 0 !important;
            text-align: left !important;
        }

        .loc-card-arrow {
            flex-shrink: 0;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #edf5ef;
            color: #4a7556;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            transition: all 0.25s ease;
        }

        .location-item-card:hover .loc-card-arrow {
            background: #00662d;
            color: #ffffff;
            transform: translateX(3px);
        }

        /* Responsive */
        @media (max-width: 991px) {
            .districts-hero-wrap {
                flex-direction: column;
                /* handled by ::before */
            }

            .districts-hero-wrap::before {
                background-position: center top;
                padding: 30px 24px;
            }

            .districts-hero-content {
                width: 100%;
                margin-bottom: 20px;
            }

            .districts-hero-visual {
                width: 100%;
                height: 240px;
            }

            .districts-script-callout {
                top: 10px;
                right: 15px;
            }

            .districts-floating-badge {
                bottom: 15px;
                right: 15px;
            }
        }

        @media (max-width: 768px) {
            .districts-showcase-section {
                border-radius: 16px;
            }

            .districts-hero-wrap {
                padding: 24px 18px 20px 18px;
            }

            .locations-box-container {
                margin: 0;
                padding: 22px 18px 24px 18px;
                border-radius: 0 0 16px 16px;
            }

            .locations-cards-grid {
                grid-template-columns: 1fr;
            }

            .locations-box-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
            }

            .district-main-heading {
                font-size: 25px !important;
            }
        }

        /* Modern FAQ Section Styling */
        .modern-faq-section {
            margin: 40px 0 45px 0;
            position: relative;
        }

        .faq-header-center {
            text-align: center;
            max-width: 650px;
            margin: 0 auto 30px auto;
        }

        .faq-badge-wrap {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11.5px;
            font-weight: 700;
            letter-spacing: 1.5px;
            color: #00662d;
            background: #e8f5e9;
            padding: 5px 14px;
            border-radius: 20px;
            margin-bottom: 12px;
            text-transform: uppercase;
            border: 1px solid rgba(0, 102, 45, 0.12);
        }

        .faq-main-title {
            font-size: 30px !important;
            font-weight: 800 !important;
            color: #0d4622 !important;
            line-height: 1.25 !important;
            margin: 0 0 10px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: center !important;
        }

        .faq-subtitle-text {
            font-size: 17px !important;
            color: #555555 !important;
            line-height: 28px !important;
            margin: 0 !important;
            text-align: center !important;
        }

        .modern-faq-wrapper {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .faq-accordion-item {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.12);
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 16px rgba(0, 60, 20, 0.03);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            position: relative;
        }

        .faq-accordion-item:hover {
            transform: translateY(-2px);
            border-color: #78b723;
            box-shadow: 0 10px 24px rgba(0, 80, 30, 0.08);
        }

        .faq-accordion-item.active {
            border-color: #00662d;
            box-shadow: 0 10px 28px rgba(0, 80, 30, 0.09);
        }

        .faq-question-btn {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 22px;
            background: transparent;
            border: none;
            cursor: pointer;
            text-align: left;
            user-select: none;
            gap: 16px;
            outline: none;
        }

        .faq-q-left {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-grow: 1;
        }

        .faq-q-number {
            flex-shrink: 0;
            width: 38px;
            height: 38px;
            border-radius: 10px;
            background: #edf5ef;
            color: #00662d;
            font-size: 14px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .faq-accordion-item:hover .faq-q-number,
        .faq-accordion-item.active .faq-q-number {
            background: #00662d;
            color: #ffffff;
        }

        .modern-faq-section .heading-faq {
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #123820 !important;
            line-height: 1.35 !important;
            margin: 0 !important;
            padding: 0 !important;
            text-transform: none !important;
            transition: color 0.25s ease;
        }

        .faq-accordion-item.active .heading-faq {
            color: #00662d !important;
        }

        .faq-toggle-circle {
            flex-shrink: 0;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #edf5ef;
            color: #00662d;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .faq-accordion-item.active .faq-toggle-circle {
            background: #00662d;
            color: #ffffff;
            transform: rotate(180deg);
        }

        .faq-answer-collapse {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0, 1, 0, 1), opacity 0.3s ease, padding 0.3s ease;
            opacity: 0;
            padding: 0 24px 0 76px;
        }

        .faq-accordion-item.active .faq-answer-collapse {
            display: block !important;
            max-height: 800px !important;
            opacity: 1 !important;
            padding: 0 24px 22px 76px;
            transition: max-height 0.4s ease-in-out, opacity 0.3s ease, padding 0.3s ease;
        }

        .faq-answer-inner {
            border-top: 1px solid rgba(0, 102, 45, 0.08);
            padding-top: 14px;
        }

        .faq-answer-collapse p {
            font-size: 17px !important;
            line-height: 30px !important;
            color: #333333 !important;
            margin: 0 !important;
            text-align: left !important;
        }

        @media (max-width: 768px) {
            .faq-main-title {
                font-size: 24px !important;
            }

            .faq-question-btn {
                padding: 16px 16px;
                gap: 12px;
            }

            .faq-q-left {
                gap: 12px;
            }

            .faq-q-number {
                width: 32px;
                height: 32px;
                font-size: 12px;
            }

            .modern-faq-section .heading-faq {
                font-size: 16.5px !important;
            }

            .faq-answer-collapse {
                padding: 0 16px 0 16px !important;
            }

            .faq-accordion-item.active .faq-answer-collapse {
                padding: 0 16px 18px 16px !important;
            }

            .faq-answer-collapse p {
                font-size: 16px !important;
                line-height: 28px !important;
            }
        }

        /* People Also Search Section */
        .people-search-section {
            margin: 40px 0 45px 0;
            background: #f9fbf9;
            border-radius: 24px;
            padding: 42px 38px 40px 38px;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(0, 102, 45, 0.12);
            box-shadow: 0 6px 26px rgba(0, 60, 20, 0.04);
            display: flex;
            min-height: 540px;
        }

        .people-search-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('/images/market-search-bg.webp') no-repeat right center;
            background-size: cover;
            opacity: 0.28;
            pointer-events: none;
            z-index: 1;
        }

        .search-content-left {
            width: 63%;
            position: relative;
            z-index: 2;
        }

        .search-subtitle-wrap {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }

        .search-subtitle {
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 1.5px;
            color: #2e7d32;
            text-transform: uppercase;
        }

        .search-subline {
            width: 50px;
            height: 1.5px;
            background: #a3c9ab;
            display: inline-block;
        }

        .search-main-heading {
            font-size: 32px !important;
            font-weight: 800 !important;
            color: #0d4622 !important;
            line-height: 1.25 !important;
            margin: 0 0 14px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: left !important;
        }

        .search-desc {
            font-size: 17px !important;
            line-height: 28px !important;
            color: #444444 !important;
            margin: 0 0 20px 0 !important;
            text-align: left !important;
        }

        .search-pills-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .search-pill-item {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.14);
            border-radius: 50px;
            padding: 10px 18px;
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 14px;
            box-shadow: 0 2px 6px rgba(0, 50, 20, 0.03);
            transition: all 0.25s ease;
            text-decoration: none !important;
            cursor: default;
            box-sizing: border-box !important;
            width: 100%;
        }

        .search-pill-item:hover {
            transform: translateY(-2px);
            border-color: #00662d;
            box-shadow: 0 8px 22px rgba(0, 80, 25, 0.10);
            background: #ffffff;
        }

        .search-pill-icon {
            flex-shrink: 0 !important;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #eef6f0;
            color: #00662d;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 13px;
            transition: all 0.25s ease;
        }

        .search-pill-item:hover .search-pill-icon {
            background: #00662d;
            color: #ffffff;
        }

        .search-pill-text {
            flex: 1 1 auto !important;
            min-width: 0 !important;
            font-size: 17px !important;
            font-weight: 600 !important;
            color: #222222 !important;
            margin: 0 !important;
            text-align: left !important;
            line-height: 1.4 !important;
            transition: color 0.25s ease;
        }

        .search-pill-item:hover .search-pill-text {
            color: #00662d !important;
        }

        .search-pill-arrow {
            flex-shrink: 0 !important;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: #eef6f0;
            color: #3b7e4f;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 12px;
            transition: all 0.25s ease;
            margin-left: auto !important;
        }

        .search-pill-item:hover .search-pill-arrow {
            background: #00662d;
            color: #ffffff;
            transform: translateX(3px);
        }

        /* Right Visual Elements */
        .search-visual-right {
            width: 37%;
            position: relative;
            z-index: 2;
        }

        .search-script-callout {
            position: absolute;
            top: 15px;
            left: 2%;
            text-align: left;
            transform: rotate(-3deg);
        }

        .search-script-callout .script-text {
            font-family: 'Caveat', cursive, sans-serif;
            font-size: 30px;
            font-weight: 700;
            color: #1b5e20;
            line-height: 1.15;
            display: block;
        }

        .search-script-callout .script-swoosh {
            width: 145px;
            height: 18px;
            margin-top: -2px;
            display: block;
        }

        /* Magnifying Glass Callout Text */
        .search-glass-callout {
            position: absolute;
            top: 135px;
            right: 22%;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            line-height: 1.35;
        }

        .search-glass-callout .glass-word {
            font-size: 14.5px;
            font-weight: 700;
            color: #557260;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            line-height: 1.4;
        }

        .search-glass-callout .glass-word-grow {
            font-size: 23px;
            font-weight: 900;
            color: #0b4520;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            margin-top: 2px;
        }

        /* Bottom Right Floating Badge */
        .search-floating-badge {
            position: absolute;
            bottom: 30px;
            right: 15px;
            background: #ffffff;
            border-radius: 35px 12px 35px 35px;
            padding: 10px 18px;
            box-shadow: 0 10px 28px rgba(0, 50, 20, 0.14);
            display: inline-flex;
            align-items: center;
            gap: 12px;
            border: 1px solid rgba(0, 102, 45, 0.12);
            backdrop-filter: blur(8px);
            transition: all 0.3s ease;
        }

        .search-floating-badge:hover {
            transform: translateY(-3px);
            box-shadow: 0 14px 32px rgba(0, 80, 30, 0.18);
        }

        .search-floating-badge .badge-leaf-icon img {
            width: 26px;
            height: 26px;
            object-fit: contain;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            display: block;
        }

        .search-floating-badge .badge-lines {
            display: flex;
            flex-direction: column;
            line-height: 1.25;
            text-align: left;
        }

        .search-floating-badge .badge-lines span {
            font-size: 10.5px;
            font-weight: 800;
            color: #1a4229;
            letter-spacing: 0.6px;
            text-transform: uppercase;
        }

        /* Responsive */
        @media (max-width: 991px) {
            .people-search-section {
                flex-direction: column;
                background-position: center top;
                padding: 30px 22px;
            }

            .search-content-left {
                width: 100%;
                margin-bottom: 25px;
            }

            .search-visual-right {
                width: 100%;
                height: 280px;
            }

            .search-script-callout {
                top: 5px;
                left: 10px;
            }

            .search-glass-callout {
                top: 45px;
                right: 32%;
            }
        }

        @media (max-width: 768px) {
            .people-search-section {
                border-radius: 16px;
                padding: 24px 18px;
            }

            .search-main-heading {
                font-size: 25px !important;
            }

            .search-pill-item {
                padding: 9px 12px;
            }

            .search-pill-text {
                font-size: 16px !important;
            }
        }

        /* Our Location & Client Reviews Section */
        .location-reviews-section {
            margin: 40px 0 50px 0;
        }

        .loc-reviews-title-wrap {
            margin-bottom: 26px;
        }

        .loc-reviews-main-title {
            font-size: 32px !important;
            font-weight: 800 !important;
            color: #1e293b !important;
            line-height: 1.25 !important;
            margin: 0 0 8px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: left !important;
        }

        .loc-reviews-title-bar {
            width: 70px;
            height: 4px;
            background: #ff5722;
            border-radius: 4px;
            display: block;
        }

        .loc-reviews-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            align-items: stretch;
        }

        /* Map Card */
        .loc-map-card {
            background: #ffffff;
            border-radius: 18px;
            overflow: hidden;
            border: 1px solid rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            display: flex;
            height: 100%;
            min-height: 380px;
            position: relative;
        }

        .loc-map-card iframe {
            width: 100%;
            height: 100%;
            min-height: 380px;
            border: 0;
            display: block;
        }

        /* Reviews Card */
        .loc-reviews-card {
            background: #ffffff;
            border-radius: 18px;
            padding: 28px 20px;
            border: 1px solid rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            height: 100%;
            min-height: 380px;
            box-sizing: border-box;
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .loc-reviews-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
        }

        /* Concentric Checkmark Badge */
        .review-verified-badge-wrap {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            border: 2px solid #2563eb;
            background: rgba(37, 99, 235, 0.05);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 14px;
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12);
        }

        .review-verified-badge-circle {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #22c55e;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }

        .review-company-name {
            font-size: 22px !important;
            font-weight: 800 !important;
            color: #1e293b !important;
            margin: 0 0 4px 0 !important;
            line-height: 1.25 !important;
        }

        .review-subtitle {
            font-size: 14.5px !important;
            font-weight: 500 !important;
            color: #64748b !important;
            margin: 0 0 12px 0 !important;
        }

        /* Stars */
        .review-stars-wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            color: #f59e0b;
            font-size: 20px;
            margin-bottom: 8px;
        }

        .review-count-text {
            font-size: 17.5px !important;
            font-weight: 700 !important;
            color: #334155 !important;
            margin: 0 0 5px 0 !important;
        }

        .review-quote-badge {
            display: inline-block;
            background: #f1f5f9;
            color: #334155;
            font-size: 13px;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 20px;
            margin-bottom: 10px;
            border: 1px solid #e2e8f0;
        }

        .review-genuine-text {
            font-size: 14px !important;
            color: #64748b !important;
            margin: 0 0 18px 0 !important;
            line-height: 1.35 !important;
        }

        /* Leave a Review Button */
        .btn-leave-review {
            background: linear-gradient(135deg, #d32f2f, #c62828);
            color: #ffffff !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            padding: 11px 36px;
            border-radius: 40px;
            text-decoration: none !important;
            display: inline-block;
            box-shadow: 0 6px 20px rgba(211, 47, 47, 0.32);
            transition: all 0.25s ease;
            cursor: pointer;
            border: none;
        }

        .btn-leave-review:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 24px rgba(211, 47, 47, 0.42);
            background: linear-gradient(135deg, #b71c1c, #c62828);
            color: #ffffff !important;
        }

        @media (max-width: 600px) {
            .loc-reviews-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .loc-map-card,
            .loc-map-card iframe {
                min-height: 280px;
            }

            .loc-reviews-card {
                min-height: auto;
                padding: 28px 18px;
            }

            .btn-leave-review {
                width: 100%;
                padding: 12px 24px;
            }
        }

        /* Modern High-Converting CTA Banner Section */
        .modern-cta-section {
            margin: 45px 0 35px 0;
            position: relative;
        }

        .modern-cta-card {
            background: linear-gradient(135deg, #0b4520 0%, #00662d 55%, #053b1b 100%);
            border-radius: 22px;
            padding: 42px 40px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 14px 38px rgba(0, 60, 25, 0.20);
            border: 1px solid rgba(255, 255, 255, 0.16);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
        }

        .modern-cta-card::before {
            content: '';
            position: absolute;
            top: -60px;
            right: -60px;
            width: 220px;
            height: 220px;
            background: radial-gradient(circle, rgba(120, 183, 35, 0.35) 0%, rgba(120, 183, 35, 0) 70%);
            border-radius: 50%;
            pointer-events: none;
        }

        .modern-cta-card::after {
            content: '';
            position: absolute;
            bottom: -80px;
            left: 20%;
            width: 260px;
            height: 260px;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
            border-radius: 50%;
            pointer-events: none;
        }

        .cta-content-col {
            width: 100%;
            position: relative;
            z-index: 2;
        }

        .cta-top-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(6px);
            padding: 5px 14px;
            border-radius: 20px;
            font-size: 11.5px;
            font-weight: 700;
            letter-spacing: 1.2px;
            color: #d4f7dc;
            text-transform: uppercase;
            margin-bottom: 12px;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .cta-top-badge i {
            color: #a3e635;
        }

        .cta-main-title {
            font-size: 28px !important;
            font-weight: 800 !important;
            color: #ffffff !important;
            line-height: 1.3 !important;
            margin: 0 0 12px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: left !important;
        }

        .cta-desc-text {
            font-size: 17px !important;
            line-height: 28px !important;
            color: rgba(255, 255, 255, 0.92) !important;
            margin: 0 0 18px 0 !important;
            text-align: left !important;
        }

        .cta-features-strip {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            margin-bottom: 8px;
        }

        .cta-feature-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 14px;
            font-weight: 600;
            color: #e2f5e7;
        }

        .cta-feature-tag i {
            color: #84cc16;
            font-size: 14px;
        }

        .cta-btn-wrap {
            margin-top: 6px;
            position: relative;
            z-index: 2;
        }

        .cta-btn-wrap button1 {
            margin: 6px 0 0 0;
            border: 1.5px solid rgba(255, 255, 255, 0.45);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
        }

        .cta-btn-wrap button1:hover {
            border-color: #78b723;
        }

        .cta-primary-btn {
            background: #ffffff;
            color: #0b4520 !important;
            font-size: 16.5px !important;
            font-weight: 800 !important;
            padding: 14px 38px;
            border-radius: 40px;
            text-decoration: none !important;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 2px solid transparent;
            cursor: pointer;
        }

        .cta-primary-btn:hover {
            background: #f4faf5;
            color: #00662d !important;
            transform: translateY(-2px);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
            border-color: #ffffff;
        }

        .cta-primary-btn i {
            font-size: 13px;
            transition: transform 0.25s ease;
        }

        .cta-primary-btn:hover i {
            transform: translateX(4px);
        }

        @media (max-width: 768px) {
            .modern-cta-card {
                border-radius: 18px;
                padding: 28px 20px;
            }

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

            .cta-features-strip {
                gap: 10px;
            }

            .cta-primary-btn {
                width: 100%;
                justify-content: center;
            }
        }

        /* Dual Products Showcase Section: Guar Gum & Arabic Gum (Full Width Inner & High Opacity BG) */
        .dual-products-section {
            margin: 40px 0 50px 0;
            background-color: #eaf4ed;
            border-radius: 24px;
            padding: 38px 36px 28px 36px;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(0, 102, 45, 0.16);
            box-shadow: 0 12px 36px rgba(0, 50, 20, 0.08);
            width: 100%;
            box-sizing: border-box;
        }

        /* Vivid High-Opacity Background Image */
        .dual-products-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('../images/market-guar-gum-powder-manufacturer-bg.webp') no-repeat right center;
            background-size: cover;
            opacity: 1;
            filter: contrast(1.1) saturate(1.22) brightness(1.02);
            z-index: 1;
            pointer-events: none;
        }

        .dual-header-wrap {
            width: 100%;
            margin-bottom: 22px;
            position: relative;
            z-index: 2;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 24px;
        }

        .dual-header-left {
            flex: 1;
        }

        .dual-eyebrow-wrap {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 8px;
        }

        .dual-eyebrow {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 2.2px;
            color: #2e7d32;
            text-transform: uppercase;
        }

        .dual-eyebrow-line {
            width: 80px;
            height: 1.5px;
            background: #a3c9ab;
            display: inline-block;
        }

        .dual-main-title {
            font-size: 30px !important;
            font-weight: 800 !important;
            color: #0b3d1c !important;
            line-height: 1.3 !important;
            margin: 0 0 10px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: left !important;
        }

        .dual-subtitle {
            font-size: 17px !important;
            line-height: 28px !important;
            color: #333333 !important;
            margin: 0 !important;
            text-align: left !important;
            font-weight: 400 !important;
        }

        .dual-header-right {
            flex-shrink: 0;
            text-align: right;
            padding-top: 4px;
        }

        .dual-script-badge .script-text {
            font-family: 'Caveat', cursive, sans-serif;
            font-size: 34px;
            font-weight: 700;
            color: #144423;
            line-height: 1.05;
            display: block;
            transform: rotate(-4deg);
        }

        .dual-side-text {
            margin-top: 8px;
        }

        .dual-side-text span {
            display: inline-block;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 1.5px;
            color: #3d5e48;
            text-transform: uppercase;
            margin-left: 6px;
        }

        /* 100% Full Width Content Layout */
        .dual-content-grid {
            display: flex;
            flex-direction: column;
            gap: 16px;
            width: 100%;
            position: relative;
            z-index: 2;
        }

        .dual-cards-col {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        /* Product Card - Full Width with Frosted Glass */
        .dual-product-card {
            background: rgba(255, 255, 255, 0.78);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border-radius: 18px;
            padding: 22px 26px;
            border: 1px solid rgba(255, 255, 255, 0.95);
            box-shadow: 0 4px 18px rgba(0, 40, 15, 0.04);
            display: flex;
            align-items: stretch;
            gap: 18px;
            width: 100%;
            box-sizing: border-box;
            transition: all 0.3s ease;
        }

        .dual-product-card:hover {
            transform: translateY(-2px);
            border-color: #78b723;
            box-shadow: 0 8px 24px rgba(0, 60, 20, 0.08);
            background: rgba(255, 255, 255, 0.9);
        }

        .dual-card-icon-col {
            display: flex;
            align-items: flex-start;
            flex-shrink: 0;
            border-right: 1px solid rgba(0, 102, 45, 0.12);
            padding-right: 18px;
        }

        .dual-card-icon-wrap {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background: #e2f0e6;
            color: #0b4520;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.25s ease;
        }

        .dual-product-card:hover .dual-card-icon-wrap {
            background: #00662d;
            color: #ffffff;
        }

        .dual-product-card:hover .dual-card-icon-wrap svg path,
        .dual-product-card:hover .dual-card-icon-wrap svg polyline,
        .dual-product-card:hover .dual-card-icon-wrap svg line {
            stroke: #ffffff;
        }

        .dual-card-body {
            flex-grow: 1;
        }

        .dual-card-title {
            font-size: 21px !important;
            font-weight: 800 !important;
            color: #0b3d1c !important;
            margin: 0 0 10px 0 !important;
            line-height: 1.3 !important;
        }

        .dual-card-body p {
            font-size: 17px !important;
            line-height: 28px !important;
            color: #333333 !important;
            margin-bottom: 12px !important;
            text-align: left !important;
        }

        .dual-card-body p:last-child {
            margin-bottom: 0 !important;
        }

        .dual-card-body button1 {
            margin: 14px 0 0 0;
        }

        .dual-card-btn {
            background: #004724;
            color: #ffffff !important;
            font-size: 15.5px !important;
            font-weight: 700 !important;
            padding: 10px 24px;
            border-radius: 40px;
            text-decoration: none !important;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 4px 14px rgba(0, 71, 36, 0.25);
            transition: background 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
            cursor: pointer;
            border: none;
            margin-top: 14px;
            transform: none !important;
        }

        .dual-card-btn:hover {
            background: #00361b;
            transform: none !important;
            box-shadow: 0 4px 18px rgba(0, 71, 36, 0.35);
            color: #ffffff !important;
        }

        .dual-card-btn:focus,
        .dual-card-btn:active {
            transform: none !important;
            outline: none !important;
            color: #ffffff !important;
        }

        .dual-card-btn .dual-btn-arrow {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: #ffffff;
            color: #004724;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            transition: transform 0.25s ease;
        }

        .dual-card-btn:hover .dual-btn-arrow {
            transform: translateX(3px);
        }

        /* Bottom Bar */
        .dual-bottom-bar {
            margin-top: 24px;
            padding-top: 20px;
            border-top: 1px solid rgba(0, 102, 45, 0.14);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 24px;
            position: relative;
            z-index: 2;
            flex-wrap: wrap;
            width: 100%;
        }

        .dual-action-btn {
            background: #004724;
            color: #ffffff !important;
            font-size: 16.5px !important;
            font-weight: 700 !important;
            padding: 12px 26px;
            border-radius: 40px;
            text-decoration: none !important;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            box-shadow: 0 4px 18px rgba(0, 71, 36, 0.28);
            transition: all 0.25s ease;
            cursor: pointer;
            border: none;
            flex-shrink: 0;
        }

        .dual-action-btn:hover {
            background: #00361b;
            transform: translateY(-2px);
            box-shadow: 0 8px 22px rgba(0, 71, 36, 0.38);
            color: #ffffff !important;
        }

        .dual-btn-arrow {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #ffffff;
            color: #004724;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            transition: transform 0.25s ease;
        }

        .dual-action-btn:hover .dual-btn-arrow {
            transform: translateX(3px);
        }

        /* Trust Strip with Dividers */
        .dual-trust-strip {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .dual-trust-item {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 0 16px;
            border-right: 1px solid rgba(0, 102, 45, 0.15);
        }

        .dual-trust-item:first-child {
            border-left: 1px solid rgba(0, 102, 45, 0.15);
        }

        .dual-trust-icon-box {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #e3f1e7;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0b4520;
            flex-shrink: 0;
        }

        .dual-trust-label {
            display: flex;
            flex-direction: column;
            font-size: 13.5px;
            font-weight: 700;
            color: #143520;
            line-height: 1.3;
            text-align: left;
        }

        @media (max-width: 991px) {
            .dual-products-section {
                padding: 28px 20px;
            }

            .dual-header-wrap {
                flex-direction: column;
                gap: 12px;
            }

            .dual-header-right {
                text-align: left;
            }

            .dual-bottom-bar {
                flex-direction: column;
                align-items: flex-start;
                gap: 18px;
            }

            .dual-action-btn {
                width: 100%;
                justify-content: center;
            }

            .dual-trust-strip {
                gap: 12px;
            }

            .dual-trust-item {
                border-left: none !important;
                border-right: none !important;
                padding: 0;
            }
        }

        @media (max-width: 768px) {
            .dual-products-section {
                border-radius: 18px;
                padding: 24px 16px;
            }

            .dual-main-title {
                font-size: 23px !important;
            }

            .dual-product-card {
                flex-direction: column;
                padding: 18px 16px;
                gap: 12px;
            }

            .dual-card-icon-col {
                border-right: none;
                padding-right: 0;
                padding-bottom: 8px;
                border-bottom: 1px solid rgba(0, 102, 45, 0.12);
            }

            .dual-trust-strip {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }
        }

        /* ============================================================
           Why Choose Ashapura Proteins Ltd Section (Hub & Spoke Infographic)
           ============================================================ */
        .why-choose-section {
            margin: 45px 0 55px 0;
            background: #ffffff;
            border-radius: 28px;
            padding: 38px 18px 36px 18px;
            border: 1px solid rgba(0, 102, 45, 0.12);
            box-shadow: 0 10px 34px rgba(0, 40, 15, 0.05);
            width: 100%;
            box-sizing: border-box;
            position: relative;
        }

        .wc-header-wrap {
            text-align: center;
            margin-bottom: 38px;
        }

        .wc-eyebrow-wrap {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            margin-bottom: 12px;
        }

        .wc-eyebrow-line {
            width: 50px;
            height: 1.5px;
            background: #9ab4a3;
            display: inline-block;
        }

        .wc-eyebrow-text {
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 2.5px;
            color: #3b634b;
            text-transform: uppercase;
        }

        .wc-main-title {
            font-size: 32px !important;
            font-weight: 800 !important;
            color: #111827 !important;
            line-height: 1.3 !important;
            margin: 0 0 14px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: center !important;
        }

        .wc-main-title .wc-highlight {
            color: #005429 !important;
            font-weight: 800 !important;
        }

        .wc-subtitle {
            font-size: 16.5px !important;
            line-height: 27px !important;
            color: #4b5563 !important;
            max-width: 690px;
            margin: 0 auto !important;
            text-align: center !important;
            font-weight: 400 !important;
        }

        /* 3-Column Hub Grid */
        .wc-hub-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 220px minmax(0, 1fr);
            gap: 16px;
            align-items: center;
            position: relative;
            width: 100%;
            box-sizing: border-box;
        }

        .wc-cards-col {
            display: flex;
            flex-direction: column;
            gap: 22px;
            position: relative;
            z-index: 2;
        }

        /* Individual Card */
        .wc-card {
            border-radius: 26px;
            padding: 22px 20px;
            box-shadow: 0 4px 18px rgba(0, 30, 15, 0.04);
            transition: all 0.25s ease;
            position: relative;
            box-sizing: border-box;
        }

        .wc-card:hover {
            box-shadow: 0 8px 26px rgba(0, 40, 20, 0.08);
            transform: none !important;
        }

        /* Card Theme: Green */
        .wc-card-green {
            background: linear-gradient(135deg, #eef7ee 0%, #f7fbf7 100%);
            border: 1px solid rgba(0, 102, 45, 0.14);
        }

        .wc-card-green:hover {
            border-color: #5ea86f;
        }

        .wc-card-green .wc-card-icon {
            background: #ffffff;
            border: 2px solid #8fc69c;
            box-shadow: 0 4px 12px rgba(0, 71, 36, 0.07);
        }

        .wc-card-green .wc-card-icon svg {
            stroke: #0a5c2b;
        }

        .wc-card-green .wc-card-title {
            color: #0b3d1c !important;
        }

        /* Card Theme: Brown / Earthy Sand */
        .wc-card-brown {
            background: linear-gradient(135deg, #faf4ec 0%, #fdfaf6 100%);
            border: 1px solid rgba(140, 94, 60, 0.16);
        }

        .wc-card-brown:hover {
            border-color: #c99f7d;
        }

        .wc-card-brown .wc-card-icon {
            background: #ffffff;
            border: 2px solid #dfc3ab;
            box-shadow: 0 4px 12px rgba(140, 94, 60, 0.07);
        }

        .wc-card-brown .wc-card-icon svg {
            stroke: #824f2b;
        }

        .wc-card-brown .wc-card-title {
            color: #3b2210 !important;
        }

        .wc-card-header {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 12px;
        }

        .wc-card-icon {
            width: 50px;
            height: 50px;
            min-width: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.25s ease;
        }

        .wc-card-icon svg {
            width: 24px;
            height: 24px;
        }

        .wc-card-heading-wrap {
            flex: 1;
            min-width: 0;
        }

        .wc-card-title {
            font-size: 19.5px !important;
            font-weight: 800 !important;
            line-height: 1.25 !important;
            margin: 0 !important;
            text-align: left !important;
            word-break: normal;
            overflow-wrap: break-word;
        }

        .wc-card-desc {
            font-size: 16px !important;
            line-height: 26px !important;
            color: #4b5563 !important;
            margin: 0 !important;
            text-align: left !important;
        }

        /* Curved SVG Connector Lines */
        .wc-curve-line {
            position: absolute;
            pointer-events: none;
            z-index: 3;
        }

        .wc-curve-line svg {
            display: block;
            overflow: visible;
        }

        /* Desktop Positioning for Widened Cards & Connector Curves */
        @media (min-width: 901px) {
            .wc-col-left .wc-card {
                position: relative;
            }

            .wc-col-right .wc-card {
                position: relative;
            }

            /* 1st (Top-Left) and 5th (Bottom-Left) boxes widen rightwards towards center */
            .wc-col-left .wc-card-tl,
            .wc-col-left .wc-card-bl {
                width: calc(100% + 85px);
                max-width: none;
            }

            /* 2nd (Top-Right) and 6th (Bottom-Right) boxes widen leftwards towards center */
            .wc-col-right .wc-card-tr,
            .wc-col-right .wc-card-br {
                width: calc(100% + 85px);
                margin-left: -85px;
                max-width: none;
            }

            /* 1st Card: Top-Left curves down towards 10 o'clock node */
            .wc-curve-tl {
                right: 24px;
                bottom: -46px;
                width: 52px;
                height: 58px;
            }

            /* 3rd Card: Mid-Left straight horizontal towards circle */
            .wc-curve-right-straight {
                right: -28px;
                top: calc(50% - 10px);
                width: 30px;
                height: 20px;
            }

            /* 5th Card: Bottom-Left curves up towards 8 o'clock node */
            .wc-curve-bl {
                right: 24px;
                top: -46px;
                width: 52px;
                height: 58px;
            }

            /* 2nd Card: Top-Right curves down towards 2 o'clock node */
            .wc-curve-tr {
                left: 24px;
                bottom: -46px;
                width: 52px;
                height: 58px;
            }

            /* 4th Card: Mid-Right straight horizontal towards circle */
            .wc-curve-left-straight {
                left: -28px;
                top: calc(50% - 10px);
                width: 30px;
                height: 20px;
            }

            /* 6th Card: Bottom-Right curves up towards 4 o'clock node */
            .wc-curve-br {
                left: 24px;
                top: -46px;
                width: 52px;
                height: 58px;
            }
        }

        @media (max-width: 900px) {
            .wc-curve-line {
                display: none !important;
            }
        }

        /* Center Hub Column */
        .wc-center-hub {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            text-align: center;
        }

        .wc-circle-wrap {
            position: relative;
            width: 220px;
            height: 220px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .wc-orbit-ring {
            position: absolute;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            border: 1.5px dashed #b8ceba;
            pointer-events: none;
            z-index: 1;
        }

        .wc-circle-image-container {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            overflow: hidden;
            border: 4px solid #5ea54e;
            box-shadow: 0 12px 34px rgba(0, 50, 20, 0.14);
            position: relative;
            z-index: 2;
            background: #ffffff;
        }

        .wc-circle-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transform: translateY(12px) scale(1.1);
        }

        /* Script Text Overlay inside Center Circle */
        .wc-hub-script-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            padding-top: 14px;
            padding-bottom: 22px;
            background: radial-gradient(ellipse at 50% 30%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0) 100%);
            z-index: 3;
            display: flex;
            flex-direction: column;
            align-items: center;
            pointer-events: none;
        }

        .wc-script-1 {
            font-family: 'Caveat', cursive, sans-serif;
            font-size: 25px;
            font-weight: 700;
            color: #144927;
            line-height: 1;
            display: block;
        }

        .wc-script-2 {
            font-family: 'Caveat', cursive, sans-serif;
            font-size: 23px;
            font-weight: 700;
            color: #144927;
            line-height: 1.05;
            display: block;
        }

        .wc-script-3 {
            font-family: 'Caveat', cursive, sans-serif;
            font-size: 19px;
            font-weight: 700;
            color: #144927;
            line-height: 1.05;
            display: block;
        }

        /* Orbit Nodes with Alternating Colors */
        .wc-hub-node {
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 2px solid #ffffff;
            z-index: 3;
        }

        .wc-node-green {
            background: #00662d;
            box-shadow: 0 0 0 1px #00662d;
        }

        .wc-node-brown {
            background: #8c5e3c;
            box-shadow: 0 0 0 1px #8c5e3c;
        }

        .wc-node-tl {
            left: 16px;
            top: 40px;
        }

        .wc-node-ml {
            left: -5px;
            top: 105px;
        }

        .wc-node-bl {
            left: 16px;
            bottom: 40px;
        }

        .wc-node-tr {
            right: 16px;
            top: 40px;
        }

        .wc-node-mr {
            right: -5px;
            top: 105px;
        }

        .wc-node-br {
            right: 16px;
            bottom: 40px;
        }

        /* Responsive Breakpoints */
        @media (max-width: 900px) {
            .wc-hub-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            .wc-center-hub {
                order: -1;
                margin-bottom: 12px;
            }

            .wc-hub-node {
                display: none;
            }
        }

        @media (max-width: 600px) {
            .why-choose-section {
                padding: 26px 16px 24px 16px;
                border-radius: 20px;
            }

            .wc-main-title {
                font-size: 24px !important;
            }

            .wc-circle-wrap {
                width: 180px;
                height: 180px;
            }

            .wc-orbit-ring {
                width: 180px;
                height: 180px;
            }

            .wc-circle-image-container {
                width: 148px;
                height: 148px;
            }

            .wc-script-1 {
                font-size: 21px;
            }

            .wc-script-2 {
                font-size: 19px;
            }

            .wc-script-3 {
                font-size: 16px;
            }

            .wc-card {
                padding: 20px 16px;
                border-radius: 20px;
            }

            .wc-card-title {
                font-size: 18px !important;
            }

            .wc-card-desc {
                font-size: 16px !important;
                line-height: 26px !important;
            }
        }

        /* ============================================================
           Guar Meal, Guar Churi & Guar Korma Showcase Section
           ============================================================ */
        .gmeal-showcase {
            margin: 40px 0 46px 0;
            background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%);
            border-radius: 24px;
            padding: 36px 30px 32px 30px;
            border: 1px solid rgba(0, 102, 45, 0.15);
            box-shadow: 0 10px 32px rgba(0, 45, 20, 0.05);
            position: relative;
            overflow: hidden;
            width: 100%;
            box-sizing: border-box;
        }

        .gmeal-showcase::before {
            content: '';
            position: absolute;
            top: -40px;
            right: -40px;
            width: 280px;
            height: 280px;
            background: radial-gradient(circle, rgba(120, 183, 35, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
            border-radius: 50%;
            pointer-events: none;
            z-index: 0;
        }

        .gmeal-header {
            position: relative;
            z-index: 1;
            margin-bottom: 24px;
        }

        .gmeal-badge-wrap {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #eef7ee;
            border: 1px solid rgba(0, 102, 45, 0.18);
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 800;
            color: #0b5928;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

        .gmeal-badge-wrap svg {
            color: #00662d;
        }

        .gmeal-title {
            font-size: 26px !important;
            font-weight: 800 !important;
            color: #111827 !important;
            line-height: 1.3 !important;
            margin: 0 0 16px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: left !important;
        }

        .gmeal-lead {
            font-size: 16px !important;
            line-height: 27px !important;
            color: #374151 !important;
            margin: 0 !important;
            text-align: left !important;
            border-left: 4px solid #00662d;
            background: rgba(240, 248, 242, 0.65);
            padding: 16px 20px;
            border-radius: 0 14px 14px 0;
        }

        /* Section Block Labels (Features & Range) */
        .gmeal-block-heading {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 19px !important;
            font-weight: 800 !important;
            color: #111827 !important;
            margin: 0 0 14px 0 !important;
            padding: 0 !important;
        }

        .gmeal-block-icon {
            width: 32px;
            height: 32px;
            border-radius: 8px;
            background: #e8f5ec;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00662d;
            flex-shrink: 0;
        }

        /* --- 1. Features Showcase Grid --- */
        .gmeal-features-section {
            margin-top: 24px;
            position: relative;
            z-index: 1;
        }

        .gmeal-features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }

        .gmeal-feature-card {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.16);
            border-radius: 16px;
            padding: 18px 18px;
            display: flex;
            align-items: center;
            gap: 14px;
            box-shadow: 0 4px 14px rgba(0, 35, 15, 0.03);
            transition: all 0.25s ease;
        }

        .gmeal-feature-card:hover {
            border-color: #00662d;
            transform: translateY(-3px);
            box-shadow: 0 8px 22px rgba(0, 102, 45, 0.10);
            background: #fbfdfb;
        }

        .gmeal-feature-icon-wrap {
            width: 44px;
            height: 44px;
            min-width: 44px;
            border-radius: 12px;
            background: linear-gradient(135deg, #e8f5ec 0%, #d4edd9 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00662d;
            border: 1px solid rgba(0, 102, 45, 0.15);
            flex-shrink: 0;
            transition: all 0.25s ease;
        }

        .gmeal-feature-card:hover .gmeal-feature-icon-wrap {
            background: #00662d;
            color: #ffffff;
        }

        .gmeal-feature-text {
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 700 !important;
            color: #111827 !important;
            margin: 0 !important;
        }

        /* --- 2. Applications & Supply Grid --- */
        .gmeal-info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            position: relative;
            z-index: 1;
            margin-top: 22px;
        }

        .gmeal-info-box {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.14);
            border-radius: 18px;
            padding: 22px 24px;
            transition: all 0.25s ease;
            box-shadow: 0 4px 14px rgba(0, 35, 15, 0.02);
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        .gmeal-info-box:hover {
            border-color: #5ea86f;
            box-shadow: 0 8px 24px rgba(0, 50, 20, 0.07);
        }

        .gmeal-info-header {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 12px;
            padding-bottom: 10px;
            border-bottom: 1px dashed rgba(0, 102, 45, 0.16);
        }

        .gmeal-info-title {
            font-size: 19px !important;
            font-weight: 800 !important;
            color: #0b5928 !important;
            margin: 0 !important;
        }

        .gmeal-info-box p {
            font-size: 16px !important;
            line-height: 27px !important;
            color: #4b5563 !important;
            margin: 0 !important;
            text-align: left !important;
        }

        /* --- 3. Range Showcase Grid --- */
        .gmeal-range-section {
            margin-top: 24px;
            position: relative;
            z-index: 1;
        }

        .gmeal-range-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }

        .gmeal-range-card {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.16);
            border-radius: 16px;
            padding: 18px 20px;
            display: flex;
            align-items: center;
            gap: 14px;
            box-shadow: 0 4px 14px rgba(0, 35, 15, 0.03);
            transition: all 0.25s ease;
            text-align: left;
            position: relative;
            overflow: hidden;
            min-width: 0;
        }

        .gmeal-range-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 4px;
            background: #00662d;
            opacity: 0;
            transition: opacity 0.25s ease;
        }

        .gmeal-range-card:hover {
            border-color: #00662d;
            background: linear-gradient(135deg, #f7fbf8 0%, #ffffff 100%);
            transform: translateY(-3px);
            box-shadow: 0 8px 22px rgba(0, 102, 45, 0.12);
        }

        .gmeal-range-card:hover::before {
            opacity: 1;
        }

        .gmeal-range-icon {
            width: 42px;
            height: 42px;
            min-width: 42px;
            border-radius: 10px;
            background: #eef7ee;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00662d;
            flex-shrink: 0;
            transition: all 0.25s ease;
        }

        .gmeal-range-card:hover .gmeal-range-icon {
            background: #78b723;
            color: #ffffff;
        }

        .gmeal-range-text {
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 700 !important;
            color: #0b4520 !important;
            margin: 0 !important;
            word-break: normal;
            overflow-wrap: break-word;
            flex: 1;
        }

        /* --- Footer Button --- */
        .gmeal-footer {
            margin-top: 26px;
            padding-top: 20px;
            border-top: 1px solid rgba(0, 102, 45, 0.12);
            display: flex;
            align-items: center;
            justify-content: flex-start;
            position: relative;
            z-index: 1;
        }

        .gmeal-footer button1 {
            margin: 0 !important;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .gmeal-showcase {
                padding: 24px 18px 22px 18px;
                border-radius: 18px;
            }

            .gmeal-title {
                font-size: 22px !important;
            }

            .gmeal-features-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .gmeal-info-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .gmeal-range-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .gmeal-footer {
                justify-content: center;
            }
        }

        /* ============================================================
           Fast Hydrating Guar Gum Powder Showcase Section
           ============================================================ */
        .fh-section {
            margin: 40px 0 46px 0;
            background: #ffffff;
            border-radius: 24px;
            border: 1px solid rgba(0, 102, 45, 0.16);
            box-shadow: 0 12px 36px rgba(0, 35, 15, 0.05);
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
            width: 100%;
        }

        /* Top High-Speed Energy Strip */
        .fh-top-accent {
            height: 5px;
            width: 100%;
            background: linear-gradient(90deg, #00662d 0%, #3cae4d 35%, #78b723 70%, #a4e047 100%);
        }

        .fh-inner {
            padding: 36px 30px 32px 30px;
        }

        .fh-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #eef7ee;
            border: 1px solid rgba(0, 102, 45, 0.20);
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 12.5px;
            font-weight: 800;
            color: #0b5928;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

        .fh-badge svg {
            color: #00662d;
        }

        .fh-title {
            font-size: 26px !important;
            font-weight: 800 !important;
            color: #111827 !important;
            line-height: 1.3 !important;
            margin: 0 0 18px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: left !important;
        }

        /* Lead Callout */
        .fh-lead-box {
            background: linear-gradient(135deg, #f2f8f4 0%, #fafffc 100%);
            border: 1px solid rgba(0, 102, 45, 0.16);
            border-left: 4px solid #00662d;
            border-radius: 0 16px 16px 0;
            padding: 16px 22px;
            margin-bottom: 22px;
        }

        .fh-lead-box p {
            font-size: 16px !important;
            line-height: 27px !important;
            color: #2b3b30 !important;
            margin: 0 !important;
            font-weight: 500;
            text-align: left !important;
        }

        /* Two Sourcing & Specification Cards */
        .fh-sourcing-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            margin-bottom: 26px;
        }

        .fh-sourcing-card {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.14);
            border-radius: 16px;
            padding: 18px 20px;
            display: flex;
            gap: 14px;
            align-items: flex-start;
            transition: all 0.25s ease;
            box-shadow: 0 3px 12px rgba(0, 35, 15, 0.02);
        }

        .fh-sourcing-card:hover {
            border-color: #5ea86f;
            box-shadow: 0 8px 22px rgba(0, 60, 25, 0.07);
        }

        .fh-sourcing-icon {
            width: 38px;
            height: 38px;
            min-width: 38px;
            border-radius: 10px;
            background: #eef7ee;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00662d;
            margin-top: 2px;
            flex-shrink: 0;
        }

        .fh-sourcing-card p {
            font-size: 16px !important;
            line-height: 26px !important;
            color: #4b5563 !important;
            margin: 0 !important;
            text-align: left !important;
        }

        /* ========================================================
           NEW: Dual Showcase Suite for Features & Applications
           ======================================================== */
        .fh-suite-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 22px;
            margin-bottom: 26px;
        }

        .fh-suite-panel {
            background: #fbfdfb;
            border: 1px solid rgba(0, 102, 45, 0.16);
            border-radius: 20px;
            padding: 22px 20px;
            display: flex;
            flex-direction: column;
            gap: 14px;
            box-shadow: 0 4px 16px rgba(0, 40, 15, 0.03);
            position: relative;
        }

        .fh-suite-head {
            display: flex;
            align-items: center;
            gap: 12px;
            padding-bottom: 12px;
            border-bottom: 1px dashed rgba(0, 102, 45, 0.20);
        }

        .fh-suite-head-icon {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            background: linear-gradient(135deg, #00662d 0%, #2f8e40 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            flex-shrink: 0;
            box-shadow: 0 4px 10px rgba(0, 102, 45, 0.20);
        }

        .fh-suite-title {
            font-size: 18.5px !important;
            font-weight: 800 !important;
            color: #111827 !important;
            margin: 0 !important;
            letter-spacing: 0.3px;
        }

        .fh-items-list {
            display: flex;
            flex-direction: column;
            gap: 11px;
        }

        /* Modern Feature & App Cards */
        .fh-suite-card {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.14);
            border-radius: 14px;
            padding: 14px 18px;
            display: flex;
            align-items: center;
            gap: 14px;
            transition: all 0.25s ease;
            box-shadow: 0 2px 8px rgba(0, 30, 10, 0.02);
            position: relative;
            overflow: hidden;
        }

        .fh-suite-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 3.5px;
            background: #00662d;
            opacity: 0;
            transition: opacity 0.25s ease;
        }

        .fh-suite-card:hover {
            border-color: #00662d;
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(0, 102, 45, 0.10);
            background: #ffffff;
        }

        .fh-suite-card:hover::before {
            opacity: 1;
        }

        .fh-suite-badge-icon {
            width: 38px;
            height: 38px;
            min-width: 38px;
            border-radius: 10px;
            background: #eef7ee;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00662d;
            flex-shrink: 0;
            transition: all 0.25s ease;
        }

        .fh-suite-card:hover .fh-suite-badge-icon {
            background: #78b723;
            color: #ffffff;
        }

        .fh-suite-text {
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 700 !important;
            color: #111827 !important;
            margin: 0 !important;
            flex: 1;
        }

        /* Footer CTA */
        .fh-footer {
            padding-top: 20px;
            border-top: 1px solid rgba(0, 102, 45, 0.12);
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .fh-footer button1 {
            margin: 0 !important;
        }

        /* Responsive Breakpoints */
        @media (max-width: 860px) {
            .fh-sourcing-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .fh-suite-grid {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .fh-footer {
                justify-content: center;
            }
        }

        @media (max-width: 600px) {
            .fh-inner {
                padding: 24px 18px 22px 18px;
                border-radius: 18px;
            }

            .fh-title {
                font-size: 22px !important;
            }

            .fh-suite-panel {
                padding: 18px 16px;
            }
        }

        /* ============================================================
           Food Grade Guar Gum Powder Showcase Section (Premium Culinary Theme)
           ============================================================ */
        .fg-showcase {
            margin: 40px 0 46px 0;
            background: #ffffff;
            border-radius: 22px;
            border: 1px solid rgba(0, 102, 45, 0.18);
            box-shadow: 0 12px 36px rgba(0, 45, 20, 0.05);
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
            width: 100%;
        }

        .fg-top-stripe {
            height: 4px;
            width: 100%;
            background: linear-gradient(90deg, #00662d 0%, #78b723 50%, #00662d 100%);
        }

        .fg-showcase::before {
            content: '';
            position: absolute;
            top: -40px;
            right: -40px;
            width: 260px;
            height: 260px;
            background: radial-gradient(circle, rgba(120, 183, 35, 0.10) 0%, rgba(255, 255, 255, 0) 70%);
            border-radius: 50%;
            pointer-events: none;
            z-index: 0;
        }

        .fg-inner {
            padding: 34px 28px 30px 28px;
            position: relative;
            z-index: 1;
        }

        .fg-badge-wrap {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #eef7ee;
            border: 1px solid rgba(0, 102, 45, 0.20);
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 12.5px;
            font-weight: 800;
            color: #0b5928;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

        .fg-badge-wrap svg {
            color: #00662d;
            flex-shrink: 0;
        }

        .page-inner-text .fg-showcase h3.fg-title,
        .fg-title {
            font-size: 26px !important;
            font-weight: 800 !important;
            color: #111827 !important;
            line-height: 1.35 !important;
            margin: 0 0 18px 0 !important;
            padding: 0 !important;
            border: none !important;
            text-align: left !important;
        }

        /* Lead Callout */
        .fg-lead-box {
            background: #f7faf7;
            border: 1px solid rgba(0, 102, 45, 0.12);
            border-left: 4px solid #00662d;
            border-radius: 12px;
            padding: 16px 20px;
            margin-bottom: 24px;
        }

        .fg-lead-box p {
            font-size: 16px !important;
            line-height: 27px !important;
            color: #2b3b30 !important;
            margin: 0 !important;
            font-weight: 500;
            text-align: left !important;
        }

        /* 2-Column Info Grid */
        .fg-info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 26px;
        }

        .fg-info-card {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.14);
            border-radius: 16px;
            padding: 20px 22px;
            box-shadow: 0 4px 14px rgba(0, 35, 15, 0.02);
            transition: all 0.25s ease;
            text-align: left;
        }

        .fg-info-card:hover {
            border-color: #5ea86f;
            box-shadow: 0 8px 22px rgba(0, 50, 20, 0.07);
        }

        .fg-card-head {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
            padding-bottom: 10px;
            border-bottom: 1px dashed rgba(0, 102, 45, 0.16);
        }

        .fg-card-head-icon {
            width: 36px;
            height: 36px;
            border-radius: 10px;
            background: #eef7ee;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00662d;
            flex-shrink: 0;
        }

        .page-inner-text .fg-showcase .fg-card-title,
        .fg-card-title {
            font-size: 18px !important;
            font-weight: 800 !important;
            color: #0b5928 !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            border-left: none !important;
            line-height: 1.3 !important;
        }

        .fg-info-card p {
            font-size: 16px !important;
            line-height: 26px !important;
            color: #4b5563 !important;
            margin: 0 !important;
            text-align: left !important;
        }

        /* Section Sub-heading Bars */
        .fg-block-head,
        .fg-block-heading {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 14px;
        }

        .fg-block-icon {
            width: 32px;
            height: 32px;
            border-radius: 8px;
            background: #e8f5ec;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00662d;
            flex-shrink: 0;
        }

        .page-inner-text .fg-showcase .fg-block-title,
        .fg-block-title {
            font-size: 18px !important;
            font-weight: 800 !important;
            color: #111827 !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            border-left: none !important;
            line-height: 1.3 !important;
        }

        /* Products Offered 3-Column Grid */
        .fg-products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }

        .fg-product-card {
            background: #ffffff;
            border: 1px solid rgba(0, 102, 45, 0.15);
            border-radius: 14px;
            padding: 16px 18px;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: all 0.25s ease;
            box-shadow: 0 2px 8px rgba(0, 30, 10, 0.02);
            text-align: left;
        }

        .fg-product-card:hover {
            border-color: #00662d;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 102, 45, 0.10);
            background: #fafdfa;
        }

        .fg-product-icon-wrap,
        .fg-product-pill-icon {
            width: 38px;
            height: 38px;
            min-width: 38px;
            border-radius: 10px;
            background: #eef7ee;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00662d;
            flex-shrink: 0;
            transition: all 0.25s ease;
        }

        .fg-product-card:hover .fg-product-icon-wrap,
        .fg-product-card:hover .fg-product-pill-icon {
            background: #78b723;
            color: #ffffff;
        }

        .fg-product-details {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .fg-product-name {
            font-size: 15px !important;
            line-height: 1.3 !important;
            font-weight: 700 !important;
            color: #0b4520 !important;
            margin: 0 !important;
        }

        .fg-product-tag {
            font-size: 12px;
            color: #556959;
            line-height: 1.3;
        }

        .fg-product-title {
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 700 !important;
            color: #0b4520 !important;
            margin: 0 !important;
        }

        /* Ideal For Banner Box */
        .fg-ideal-section {
            margin-bottom: 24px;
        }

        .fg-ideal-box {
            background: linear-gradient(135deg, #f4faf5 0%, #eaf5ec 100%);
            border: 1px solid rgba(0, 102, 45, 0.16);
            border-radius: 14px;
            padding: 18px 22px;
            display: flex;
            align-items: center;
            gap: 16px;
            box-shadow: 0 3px 12px rgba(0, 30, 10, 0.03);
            transition: all 0.25s ease;
        }

        .fg-ideal-box:hover {
            border-color: #5ea86f;
            box-shadow: 0 6px 18px rgba(0, 60, 25, 0.06);
        }

        .fg-ideal-badge-icon {
            width: 42px;
            height: 42px;
            min-width: 42px;
            border-radius: 12px;
            background: linear-gradient(135deg, #00662d 0%, #2f8e40 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            flex-shrink: 0;
            box-shadow: 0 4px 10px rgba(0, 102, 45, 0.20);
        }

        .fg-ideal-content p {
            font-size: 16px !important;
            line-height: 26px !important;
            color: #1a4227 !important;
            margin: 0 !important;
            font-weight: 600;
            text-align: left !important;
        }

        /* Bottom CTA */
        .fg-footer {
            padding-top: 20px;
            border-top: 1px solid rgba(0, 102, 45, 0.12);
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .fg-footer button1 {
            margin: 0 !important;
        }

        /* Responsive Breakpoints */
        @media (max-width: 860px) {
            .fg-info-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .fg-products-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .fg-footer {
                justify-content: center;
            }
        }

        @media (max-width: 600px) {
            .fg-inner {
                padding: 24px 18px 22px 18px;
                border-radius: 18px;
            }

            .page-inner-text .fg-showcase h3.fg-title,
            .fg-title {
                font-size: 22px !important;
            }

            .fg-ideal-box {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }
        }

        /* ============================================================
           Sticky Sidebar for Top Guar Gum Manufacturer & Exporters (Ballvalve.in Style)
           ============================================================ */
        html,
        body {
            overflow-x: clip !important;
        }

        /* Show only on devices >= 992px */
        @media (min-width: 992px) {
            #flex-part {
                display: flex !important;
                align-items: stretch !important;
                flex-wrap: nowrap !important;
            }

            #flex-part::before,
            #flex-part::after {
                display: none !important;
            }

            #flex-part>.col-sm-8 {
                float: none !important;
                width: 66.666667% !important;
                flex: 0 0 66.666667% !important;
                max-width: 66.666667% !important;
            }

            #flex-part>.col-sm-4.part-a-mo {
                display: block !important;
                float: none !important;
                width: 33.333333% !important;
                flex: 0 0 33.333333% !important;
                max-width: 33.333333% !important;
                position: relative !important;
            }

            .sticky-sidebar-wrapper {
                position: -webkit-sticky !important;
                position: sticky !important;
                top: 105px !important;
                margin-top: 30px !important;
                max-height: calc(100vh - 125px) !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                background: #ffffff !important;
                border: 1px solid rgba(0, 102, 45, 0.16) !important;
                border-radius: 18px !important;
                box-shadow: 0 10px 30px rgba(0, 40, 15, 0.05) !important;
                padding: 22px 18px 20px 18px !important;
                scrollbar-width: thin;
                scrollbar-color: rgba(0, 102, 45, 0.4) transparent;
                z-index: 99 !important;
            }

            .sticky-sidebar-wrapper::-webkit-scrollbar {
                width: 5px;
            }

            .sticky-sidebar-wrapper::-webkit-scrollbar-track {
                background: rgba(0, 102, 45, 0.04);
                border-radius: 4px;
            }

            .sticky-sidebar-wrapper::-webkit-scrollbar-thumb {
                background-color: rgba(0, 102, 45, 0.35);
                border-radius: 4px;
            }

            .sticky-sidebar-wrapper::-webkit-scrollbar-thumb:hover {
                background-color: #00662d;
            }
        }

        /* Hide sidebar on devices below 992px */
        @media (max-width: 991px) {
            .col-sm-4.part-a-mo {
                display: none !important;
            }

            #flex-part {
                display: block !important;
            }

            #flex-part>.col-sm-8 {
                width: 100% !important;
                max-width: 100% !important;
                float: none !important;
            }
        }

        /* Modern Table of Contents (TOC) Styles */
        .modern-toc-card {
            background: #ffffff !important;
            border: 1px solid rgba(0, 102, 45, 0.20) !important;
            border-radius: 16px !important;
            box-shadow: 0 8px 30px rgba(0, 40, 15, 0.06) !important;
            margin: 28px 0 32px 0 !important;
            overflow: hidden !important;
            transition: all 0.25s ease !important;
        }

        .modern-toc-card:hover {
            box-shadow: 0 12px 36px rgba(0, 40, 15, 0.10) !important;
            border-color: rgba(0, 102, 45, 0.32) !important;
        }

        .modern-toc-header {
            background: linear-gradient(135deg, #f4faf5 0%, #ebf5ee 100%) !important;
            border-bottom: 1px solid rgba(0, 102, 45, 0.15) !important;
            padding: 16px 22px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            cursor: pointer !important;
            user-select: none !important;
        }

        .toc-header-left {
            display: flex !important;
            align-items: center !important;
            gap: 14px !important;
        }

        .toc-icon {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 44px !important;
            height: 44px !important;
            background: linear-gradient(135deg, #00662d 0%, #004d22 100%) !important;
            color: #ffffff !important;
            border-radius: 12px !important;
            font-size: 20px !important;
            box-shadow: 0 4px 12px rgba(0, 102, 45, 0.25) !important;
            flex-shrink: 0 !important;
        }

        .toc-title-group {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            flex-wrap: wrap !important;
        }

        .toc-title {
            font-size: 20px !important;
            font-weight: 800 !important;
            color: #0b3d1c !important;
            line-height: 1.3 !important;
            margin: 0 !important;
        }

        .toc-toggle-btn {
            background: #ffffff !important;
            border: 1.5px solid rgba(0, 102, 45, 0.25) !important;
            border-radius: 30px !important;
            padding: 8px 18px !important;
            color: #00662d !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            cursor: pointer !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
            transition: all 0.2s ease !important;
            outline: none !important;
        }

        .toc-toggle-btn:hover {
            background: #00662d !important;
            color: #ffffff !important;
            border-color: #00662d !important;
            box-shadow: 0 4px 14px rgba(0, 102, 45, 0.25) !important;
        }

        .modern-toc-body {
            padding: 20px 22px !important;
            background: #ffffff !important;
        }

        .modern-toc-list {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 10px 16px !important;
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        @media (max-width: 768px) {
            .modern-toc-list {
                grid-template-columns: 1fr !important;
            }

            .toc-title-group {
                gap: 6px !important;
            }
        }

        .modern-toc-list li {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .modern-toc-list li a {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            background: #fbfdfc !important;
            border: 1px solid rgba(0, 102, 45, 0.12) !important;
            border-radius: 10px !important;
            padding: 10px 14px !important;
            color: #1a3822 !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            text-decoration: none !important;
            line-height: 24px !important;
            transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        .toc-num {
            font-size: 16px !important;
            font-weight: 800 !important;
            color: #00662d !important;
            background: rgba(0, 102, 45, 0.08) !important;
            border-radius: 6px !important;
            padding: 2px 7px !important;
            flex-shrink: 0 !important;
            transition: all 0.22s ease !important;
        }

        .toc-text {
            flex: 1 1 auto !important;
            font-size: 16px !important;
            line-height: 24px !important;
        }

        .modern-toc-list li a i {
            font-size: 16px !important;
            color: #00662d !important;
            flex-shrink: 0 !important;
            transition: transform 0.22s ease, color 0.22s ease !important;
        }

        .modern-toc-list li a:hover {
            background: #00662d !important;
            border-color: #00662d !important;
            color: #ffffff !important;
            transform: translateX(4px) !important;
            box-shadow: 0 4px 14px rgba(0, 102, 45, 0.22) !important;
        }

        .modern-toc-list li a:hover .toc-num {
            background: rgba(255, 255, 255, 0.24) !important;
            color: #ffffff !important;
        }

        .modern-toc-list li a:hover i {
            color: #ffffff !important;
            transform: translateX(3px) !important;
        }

        /* Top Guar Gum Manufacturer in Maharashtra & Exporters Sticky Sidebar */
        .sticky-sidebar-wrapper .place-list {
            padding: 0 !important;
            margin-bottom: 24px !important;
            line-height: normal !important;
        }

        .sticky-sidebar-wrapper .place-list:last-child {
            margin-bottom: 0 !important;
        }

        .sticky-sidebar-wrapper .place-list h3 {
            font-size: 18px !important;
            font-weight: 800 !important;
            color: #00662d !important;
            margin: 0 0 14px 0 !important;
            padding-top: 0 !important;
            padding-bottom: 10px !important;
            border-bottom: 2px solid rgba(0, 102, 45, 0.18) !important;
            border-left: none !important;
            padding-left: 0 !important;
            line-height: 1.4 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }

        .sticky-sidebar-wrapper .place-list h3 i {
            font-size: 18px !important;
            color: #00662d !important;
        }

        .sticky-sidebar-wrapper .place-list ul {
            padding-left: 0 !important;
            margin: 0 !important;
            list-style: none !important;
        }

        .sticky-sidebar-wrapper .place-list ul li {
            background: #ffffff !important;
            border: 1px solid rgba(0, 102, 45, 0.12) !important;
            border-radius: 9px !important;
            margin: 6px 0 !important;
            padding: 0 !important;
            transition: all 0.22s ease !important;
            list-style: none !important;
        }

        .sticky-sidebar-wrapper .place-list ul li a {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding: 9px 14px !important;
            color: #1a3822 !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            text-decoration: none !important;
            line-height: 24px !important;
            transition: all 0.22s ease !important;
        }

        .sticky-sidebar-wrapper .place-list ul li a::after {
            content: '\f105' !important;
            font-family: FontAwesome !important;
            font-size: 16px !important;
            color: #00662d !important;
            opacity: 0.6 !important;
            transition: transform 0.2s ease, color 0.2s ease !important;
        }

        .sticky-sidebar-wrapper .place-list ul li:hover {
            background: #00662d !important;
            border-color: #00662d !important;
            transform: translateX(4px) !important;
            box-shadow: 0 4px 14px rgba(0, 102, 45, 0.22) !important;
        }

        .sticky-sidebar-wrapper .place-list ul li:hover a {
            color: #ffffff !important;
        }

        .sticky-sidebar-wrapper .place-list ul li:hover a::after {
            color: #ffffff !important;
            opacity: 1 !important;
            transform: translateX(3px) !important;
        }

        /* ============================================================
           Mobile Directory Accordion Section (< 992px) - Option 1
           ============================================================ */
        .mobile-directory-section {
            display: none !important;
            margin: 32px 0 24px 0 !important;
        }

        @media (max-width: 991px) {
            .mobile-directory-section {
                display: block !important;
            }
        }

        .mob-dir-card {
            background: #ffffff !important;
            border: 1px solid rgba(0, 102, 45, 0.18) !important;
            border-radius: 14px !important;
            box-shadow: 0 6px 20px rgba(0, 40, 15, 0.06) !important;
            margin-bottom: 18px !important;
            overflow: hidden !important;
            transition: all 0.25s ease !important;
        }

        .mob-dir-card:hover {
            border-color: rgba(0, 102, 45, 0.32) !important;
            box-shadow: 0 8px 24px rgba(0, 40, 15, 0.09) !important;
        }

        .mob-dir-trigger {
            width: 100% !important;
            background: linear-gradient(135deg, #f6faf7 0%, #edf6ef 100%) !important;
            border: none !important;
            border-bottom: 1px solid transparent !important;
            padding: 16px 18px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 12px !important;
            cursor: pointer !important;
            text-align: left !important;
            transition: all 0.22s ease !important;
            outline: none !important;
        }

        .mob-dir-card.active .mob-dir-trigger {
            background: #eef7f0 !important;
            border-bottom: 1px solid rgba(0, 102, 45, 0.16) !important;
        }

        .mob-dir-head-left {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            flex: 1 1 auto !important;
        }

        .mob-dir-icon {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 42px !important;
            height: 42px !important;
            background: linear-gradient(135deg, #00662d 0%, #004d22 100%) !important;
            color: #ffffff !important;
            border-radius: 10px !important;
            font-size: 18px !important;
            flex-shrink: 0 !important;
            box-shadow: 0 4px 10px rgba(0, 102, 45, 0.22) !important;
        }

        .mob-dir-title-wrap {
            display: flex !important;
            flex-direction: column !important;
            gap: 3px !important;
        }

        .mob-dir-title {
            font-size: 17px !important;
            font-weight: 800 !important;
            color: #0b3d1c !important;
            line-height: 1.35 !important;
        }

        .mob-dir-toggle-pill {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            background: #ffffff !important;
            border: 1.5px solid rgba(0, 102, 45, 0.25) !important;
            border-radius: 20px !important;
            padding: 7px 14px !important;
            color: #00662d !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            flex-shrink: 0 !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
            transition: all 0.22s ease !important;
        }

        .mob-dir-card.active .mob-dir-toggle-pill {
            background: #00662d !important;
            color: #ffffff !important;
            border-color: #00662d !important;
        }

        .mob-toggle-chevron {
            font-size: 16px !important;
            transition: transform 0.25s ease !important;
        }

        .mob-dir-card.active .mob-toggle-chevron {
            transform: rotate(180deg) !important;
        }

        .mob-dir-collapse {
            padding: 16px 16px 18px 16px !important;
            background: #ffffff !important;
        }

        .mob-dir-grid {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 8px 12px !important;
        }

        @media (max-width: 650px) {
            .mob-dir-grid {
                grid-template-columns: 1fr !important;
            }
            .mob-dir-trigger {
                padding: 14px 14px !important;
            }
            .mob-dir-icon {
                width: 38px !important;
                height: 38px !important;
                font-size: 16px !important;
            }
            .mob-dir-title {
                font-size: 16.5px !important;
            }
        }

        .mob-dir-link {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 10px !important;
            background: #fbfdfc !important;
            border: 1px solid rgba(0, 102, 45, 0.12) !important;
            border-radius: 9px !important;
            padding: 10px 14px !important;
            color: #1a3822 !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            line-height: 24px !important;
            text-decoration: none !important;
            transition: all 0.2s ease !important;
        }

        .mob-dir-link i {
            font-size: 16px !important;
            color: #00662d !important;
            flex-shrink: 0 !important;
            transition: transform 0.2s ease, color 0.2s ease !important;
        }

        .mob-dir-link:hover,
        .mob-dir-link:active {
            background: #00662d !important;
            border-color: #00662d !important;
            color: #ffffff !important;
            box-shadow: 0 4px 12px rgba(0, 102, 45, 0.20) !important;
        }

        .mob-dir-link:hover i,
        .mob-dir-link:active i {
            color: #ffffff !important;
            transform: translateX(3px) !important;
        }

        /* Specific optimization for 320px to 340px devices: only adjust button */
        @media (max-width: 345px) {
            .mob-dir-trigger {
                padding: 12px 8px !important;
                gap: 8px !important;
            }
            .mob-dir-toggle-pill {
                padding: 4px 8px !important;
                font-size: 13px !important;
                gap: 4px !important;
                flex-shrink: 0 !important;
            }
            .mob-toggle-chevron {
                font-size: 12px !important;
            }
        }