/* Last-loaded public palette overrides. */
body .home-page .feature-marque .mItem {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border-color: #e2ad00 !important;
}

body .template-slider-arrow,
body .template-slider-arrow:hover,
body .pricing .featured,
body .home-page .pricing .featured {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border-color: #e2ad00 !important;
}

body .template-slider-arrow,
body .template-slider-arrow:hover,
body .template-slider-arrow:focus {
    background-color: #ffd600 !important;
    background-image: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
}

/* Keep pricing testimonials consistent with the homepage's light cards. */
body .pricing-page-content .rating {
    background: transparent !important;
}

body .pricing-page-content .rating .item {
    color: #202522 !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid rgba(37, 211, 102, .20) !important;
    border-top-color: #ffd600 !important;
    box-shadow: 0 14px 38px rgba(21, 25, 23, .08) !important;
}

body .pricing-page-content .rating .item h3,
body .pricing-page-content .rating .item .text-gray-600,
body .pricing-page-content .rating .item > div {
    color: #47665c !important;
}

body .pricing-page-content .rating .item h3,
body .pricing-page-content .rating .item .fw-6 {
    color: #202522 !important;
}

/* Pricing testimonials: same neutral presentation as the homepage cards. */
body .pricing-page-content > .rating.container {
    background: #ffffff !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

body .pricing-page-content .rating .item,
body .home-page .rating .item {
    color: #202522 !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: #e5e7eb !important;
    border-top-color: #ffd600 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06) !important;
}

body .pricing-page-content .rating .item h3,
body .pricing-page-content .rating .item .fw-6,
body .home-page .rating .item h3,
body .home-page .rating .item .fw-6 {
    color: #202522 !important;
}

body .pricing-page-content .rating .item .text-gray-600,
body .home-page .rating .item .text-gray-600 {
    color: #68716c !important;
}

body .rating-cta,
body .rating-cta:hover,
body .rating-cta:focus {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border-color: #e2ad00 !important;
    box-shadow: none !important;
}

/* Neutralize the legacy green panels and green-tinted shadows on the homepage. */
body .home-page > .section,
body .home-page > section,
body .home-page .core-feature .bg-gray-100 {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

body .home-page .core-feature .bg-gray-100 > div h1,
body .home-page .core-feature .bg-gray-100 > div h5,
body .home-page .core-feature .bg-gray-100 h3,
body .home-page .core-feature .bg-gray-100 .text-gray-600 {
    color: #202522 !important;
}

body .home-page .item,
body .home-page .launch-offer-card,
body .home-page .template-device-image,
body .home-page .whatsapp-marketing-features-visual,
body .home-page .why-whatsapp-stat {
    box-shadow: none !important;
}

/* Keep the hero's original soft light treatment; all other homepage sections stay white. */
body .home-page .banner {
    background: linear-gradient(112deg, #fffdf3 0%, #fff5bd 54%, #fffbe0 100%) !important;
    background-image: linear-gradient(112deg, #fffdf3 0%, #fff5bd 54%, #fffbe0 100%) !important;
    border: 1px solid #ffd600 !important;
    box-shadow: none !important;
}

body .home-page > .section:not(.banner),
body .home-page > section:not(.banner) {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ffd600 !important;
    box-shadow: none !important;
}

body .home-page .launch-offer-card,
body .home-page .interactive-templates,
body .home-page .whatsapp-marketing-features,
body .home-page .why-whatsapp,
body .home-page .platform-showcase,
body .home-page .rating.container,
body .home-page .pricing.container {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ffd600 !important;
    box-shadow: none !important;
}

body .home-page .item,
body .home-page .item:hover,
body .home-page .launch-offer-card:hover,
body .home-page .template-device-image,
body .home-page .whatsapp-marketing-features-visual,
body .home-page .why-whatsapp-stat {
    box-shadow: none !important;
    border-color: #ffd600 !important;
}

body .header .nav-btn-login a.btn.btn-signup:hover,
body .header .nav-btn-login a.btn.btn-signup:focus,
body .header .nav-btn-login a.btn.btn-signup:focus-visible,
body .header .nav-btn-login a.btn.btn-signup:active,
body .header .nav-btn-login a.btn.btn-login:hover,
body .header .nav-btn-login a.btn.btn-login:focus,
body .header .nav-btn-login a.btn.btn-login:focus-visible,
body .header .nav-btn-login a.btn.btn-login:active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0A4A2E 0%, #0A7A45 50%, #1F4A33 100%) !important;
    background-color: #0A4A2E !important;
    border-color: #0A4A2E !important;
    box-shadow: 0 8px 20px rgba(10, 74, 46, .28) !important;
}

/* Final yellow treatment for the floating control and every pricing surface. */
body .scroll-top,
body .scroll-top .icon,
body .scroll-top .icon:hover,
body .scroll-top .icon:focus {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border: 1px solid #e2ad00 !important;
    box-shadow: 0 8px 20px rgba(226, 173, 0, .24) !important;
}

body .pricing-page,
body .pricing-page-content,
body .pricing-page-content .pricing.container,
body .home-page .pricing.container {
    background: linear-gradient(135deg, #fffdf1 0%, #fff7cc 50%, #fffdf7 100%) !important;
    background-image: linear-gradient(135deg, #fffdf1 0%, #fff7cc 50%, #fffdf7 100%) !important;
    border-color: #ffd600 !important;
    box-shadow: none !important;
}

body .pricing .pricing-compare-row > [class*="col-"]:not(:first-child) > .item,
body .pricing .pricing-compare-row > [class*="col-"]:not(:first-child) > .item:hover,
body .pricing-page-content .pricing .item,
body .home-page .pricing .item {
    color: #202522 !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ffd600 !important;
    box-shadow: none !important;
}

body .pricing .pricing-compare-row > [class*="col-"]:not(:first-child) > .item::before {
    background: radial-gradient(circle, rgba(255, 214, 0, .24), transparent 68%) !important;
}

body .pricing .pricing-head h1,
body .pricing .pricing-price .fs-45,
body .pricing .pricing-feature-head,
body .pricing .pricing-feature-name,
body .pricing .pricing-compare-row li,
body .pricing .pricing-feature-icon {
    color: #202522 !important;
    border-color: rgba(226, 173, 0, .28) !important;
}

body .pricing .pricing-feature-icon.text-success,
body .pricing .pricing-feature-icon.text-success i {
    color: #c58f00 !important;
}

body .pricing .btn-dark,
body .pricing .btn-dark:hover,
body .pricing .btn-dark:focus,
body .pricing-page-content .pricing .btn-dark,
body .pricing-page-content .pricing .btn-dark:hover,
body .pricing-page-content .pricing .btn-dark:focus {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border-color: #e2ad00 !important;
    box-shadow: none !important;
}

/* Remove the remaining pale-green stop from the restored hero background. */
body .home-page .banner {
    background: linear-gradient(112deg, #fffdf3 0%, #fff5bd 54%, #fffbe0 100%) !important;
    background-image: linear-gradient(112deg, #fffdf3 0%, #fff5bd 54%, #fffbe0 100%) !important;
}

/* Yellow accents for homepage feature and platform sections. */
body .home-page .core-feature .item .icon,
body .home-page .core-feature .item .icon i,
body .home-page .core-feature .item .text-primary {
    color: #c58f00 !important;
    background-color: #fff8c9 !important;
    border-color: #ffd600 !important;
}

body .home-page .whatsapp-marketing-features-eyebrow {
    color: #725300 !important;
    background: #fff8c9 !important;
    border: 1px solid #ffd600 !important;
}

body .home-page .whatsapp-marketing-features-list li::before {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
}

body .home-page .whatsapp-marketing-features-visual {
    background: linear-gradient(135deg, #fff8c9, #ffffff) !important;
    border: 1px solid #ffd600 !important;
}

body .home-page .platform-showcase-heading h2 span,
body .home-page .platform-showcase-heading h2 em,
body .home-page .platform-showcase-copy > span,
body .home-page .platform-showcase-tab.active small {
    color: #b27c00 !important;
}

body .home-page .platform-showcase-display {
    background: linear-gradient(135deg, #fff8c9, #ffffff) !important;
    border: 1px solid #ffd600 !important;
}

body .home-page .platform-showcase-tab {
    border-color: #f2d86c !important;
}

body .home-page .platform-showcase-tab:hover,
body .home-page .platform-showcase-tab.active {
    color: #1f2500 !important;
    background: #fff8c9 !important;
    border-left-color: #ffd600 !important;
}

body .home-page .platform-showcase-cta,
body .home-page .platform-showcase-cta:hover,
body .home-page .platform-showcase-cta:focus,
body .home-page .platform-showcase-progress span {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border-color: #e2ad00 !important;
}

/* Clean up the specific elements requested after the yellow palette pass. */
body .scroll-top {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body .scroll-top .icon,
body .scroll-top .icon:hover,
body .scroll-top .icon:focus,
body .scroll-top .icon:focus-visible {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border: 1px solid #e2ad00 !important;
    outline-color: rgba(255, 214, 0, .45) !important;
    box-shadow: 0 8px 20px rgba(226, 173, 0, .24) !important;
}

body .scroll-top .icon i,
body .scroll-top .icon:hover i,
body .scroll-top .icon:focus i,
body .scroll-top .icon:focus-visible i {
    color: #1f2500 !important;
}

/* Extra Core Features: yellow icons only, with no icon background. */
body .home-page .core-feature .bg-gray-100 .item .text-primary,
body .home-page .core-feature .bg-gray-100 .item .text-primary i {
    color: #c58f00 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Interactive Templates uses the same yellow label and highlight language. */
body .home-page .interactive-templates-eyebrow {
    color: #725300 !important;
    background: #fff8c9 !important;
    border-color: #ffd600 !important;
}

body .home-page .interactive-templates-heading h2 em,
body .home-page .interactive-templates-heading h2 span {
    color: #b27c00 !important;
}

/* White page canvas only; the pricing section styling itself remains unchanged. */
body .pricing-page,
body .pricing-page-content {
    background: #ffffff !important;
    background-image: none !important;
}

/* Homepage outer canvas: remove inherited decorative gradients behind sections. */
html,
body,
body .home-page {
    background: #ffffff !important;
    background-image: none !important;
}

/* Homepage glassmorphism: white canvas, translucent surfaces, and yellow accents. */
body .home-page {
    background:
        radial-gradient(circle at 8% 12%, rgba(255, 214, 0, .12), transparent 30rem),
        radial-gradient(circle at 92% 48%, rgba(255, 241, 118, .20), transparent 28rem),
        #ffffff !important;
    background-image:
        radial-gradient(circle at 8% 12%, rgba(255, 214, 0, .12), transparent 30rem),
        radial-gradient(circle at 92% 48%, rgba(255, 241, 118, .20), transparent 28rem) !important;
}

body .home-page .banner,
body .home-page .launch-offer-card,
body .home-page .interactive-templates,
body .home-page .whatsapp-marketing-features,
body .home-page .why-whatsapp,
body .home-page .platform-showcase,
body .home-page .core-feature .bg-gray-100,
body .home-page .pricing.container {
    background-color: rgba(255, 255, 255, .72) !important;
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    border: 1px solid rgba(255, 214, 0, .62) !important;
    box-shadow: 0 16px 42px rgba(65, 55, 10, .09) !important;
}

body .home-page .feature-marque .mItem,
body .home-page .features .item,
body .home-page .core-feature .item,
body .home-page .rating .item,
body .home-page .pricing .item,
body .home-page .why-whatsapp-stat,
body .home-page .template-device-image,
body .home-page .whatsapp-marketing-features-visual,
body .home-page .platform-showcase-display,
body .home-page .platform-showcase-nav-wrap {
    background-color: rgba(255, 255, 255, .72) !important;
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    border-color: rgba(255, 214, 0, .68) !important;
    box-shadow: 0 12px 30px rgba(65, 55, 10, .08) !important;
}

body .home-page .feature-marque .mItem {
    background: linear-gradient(135deg, rgba(255, 248, 201, .88), rgba(255, 255, 255, .70)) !important;
}

body .home-page .template-device-image,
body .home-page .whatsapp-marketing-features-visual,
body .home-page .platform-showcase-display {
    overflow: hidden;
}

/* Tighten only the oversized space between homepage sections; inner layouts stay intact. */
body .home-page .section.m-b-100 {
    margin-bottom: 32px !important;
}

body .home-page .section.m-b-120 {
    margin-bottom: 40px !important;
}

body .home-page > .launch-offer.mb-5 {
    margin-bottom: 32px !important;
}

@media (max-width: 767.98px) {
    body .home-page .section.m-b-100,
    body .home-page .section.m-b-120,
    body .home-page > .launch-offer.mb-5 {
        margin-bottom: 28px !important;
    }
}

/* Requested: marquee gradient and no yellow divider lines between sections. */
body .home-page .feature-marque .mItem {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border-color: #e2ad00 !important;
}

body .home-page > .section,
body .home-page > section {
    border-color: transparent !important;
}

/* Hero: yellow emphasis on the left, fading into white on the right. */
body .home-page .banner {
    background: linear-gradient(105deg, #ffea78 0%, #fff3b5 40%, #fffbed 66%, #fff8d8 100%) !important;
    background-image: linear-gradient(105deg, #ffea78 0%, #fff3b5 40%, #fffbed 66%, #fff8d8 100%) !important;
}

/* Dashboard matches the Call Now yellow-gradient button. */
body .header .nav-btn-login .btn-dashboard,
body .header .nav-btn-login .btn-dashboard:hover,
body .header .nav-btn-login .btn-dashboard:focus,
body .header .nav-btn-login .btn-dashboard:active {
    color: #1f2500 !important;
    background: linear-gradient(135deg, #ffb800 0%, #ffd600 50%, #fff176 100%) !important;
    border-color: #e2ad00 !important;
    box-shadow: none !important;
}

/* Terms and Privacy content: no green-tinted shadows. */
body .blogs,
body .blogs .item,
body .blogs .card {
    box-shadow: none !important;
}

body .blogs {
    box-shadow: 0 18px 42px rgba(255, 214, 0, .18) !important;
}

body .blogs .item,
body .blogs .card {
    box-shadow: 0 12px 28px rgba(255, 214, 0, .14) !important;
}

/* Remove the outer yellow box line from the specified homepage sections. */
body .home-page .interactive-templates,
body .home-page .whatsapp-marketing-features,
body .home-page .why-whatsapp,
body .home-page .platform-showcase {
    border: 0 !important;
    border-color: transparent !important;
}

@media (max-width: 991.98px) {
    body .header .navbar-collapse {
        color: #332900 !important;
        background: #fff3b5 !important;
        border-color: #ffd600 !important;
    }
}