/* DonXtraBoost flat look: near-black, one cyan accent, few borders, no rings or pills.
   Loaded last so it can calm the older panel / badge styles everywhere on the public site. */

/* 1) the big framed "glass ring" around every section */
main section > .container,
#donx-stories > .container,
.about-section > .container, .blog-section > .container, .faq-section > .container,
.feature-section > .container, .service-section > .container, .testimonial-section > .container,
.payment-gateway > .container, .how-it-works > .container, .contact-section > .container,
.achievement-section > .container, .call-to-action > .container {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* 2) oval badges and kickers become plain text */
.donx-hero-badge, .donx-banner-kicker, .donx-step-label, .donx-how-chip, .donx-stories-kicker,
.header-text h5, .donx-section-heading h5, .contact-section .header-text h5,
.service-section .header-text h5, .payment-gateway .header-text h5, .payment-gateway .header-text h2 {
    border-radius: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.donx-story-category, .donx-story-tag {
    border: 0 !important; background: none !important; padding: 0 !important; border-radius: 0 !important; color: #00f0ff !important; font-weight: 700;
}
.donx-story-tags { gap: 4px 14px !important; }
.donx-image-badge, .donx-image-count {
    border: 0 !important; border-radius: 6px !important; background: rgba(2,8,14,.82) !important; color: #00f0ff !important; box-shadow: none !important; backdrop-filter: none !important;
}
.donx-story-card { background: #07101a !important; border: 0 !important; box-shadow: none !important; border-radius: 12px !important; }
.donx-story-quote { border-radius: 8px !important; background: rgba(255,255,255,.03) !important; }

/* 3) the old bright blue icon squares and buttons */
.service-box .icon-box, .work-box .icon-box, .how-it-works .work-box .icon-box, .feature-section .icon-box,
.about-section .info-box .icon-box, .donx-about-card .icon-box, .info-box .icon-box {
    background: rgba(0,240,255,.12) !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 10px !important;
}
.btn-smm:not([class*="donx-"]) {
    background: rgba(0,240,255,.12) !important;
    border: 1px solid rgba(0,240,255,.5) !important;
    color: #eaffff !important;
    box-shadow: none !important;
    border-radius: 9px !important;
    text-shadow: none !important;
}
.btn-smm:not([class*="donx-"]):hover { background: rgba(0,240,255,.24) !important; }
.service-section .service-box .read-more { background: transparent !important; border: 1px solid rgba(0,240,255,.45) !important; border-radius: 9px !important; box-shadow: none !important; }

/* 4) quieter cards: surface instead of outline */
.service-box, .work-box, .feature-box, .counter-box, .testimonial-box, .blog-box, .faq-section .accordion-item {
    box-shadow: none !important;
}

/* stronger selectors for the parts that carry their own !important rules */
body .feature-section .feature-box .icon-box,
body .service-section .service-box .icon-box,
body .how-it-works .work-box .icon-box,
body .about-section .info-box .icon-box,
body .info-box .icon-box {
    background-image: none !important;
    background-color: rgba(0,240,255,.12) !important;
    box-shadow: none !important;
    border: 0 !important;
}
body .feature-section, body:has(.donx-premium-home) .feature-section,
body .service-section, body .how-it-works, body .testimonial-section, body .payment-gateway, body .about-section, body .contact-section {
    border-radius: 0 !important;
    border: 0 !important;
}
body .feature-box, body .service-box, body .work-box, body .counter-box, body .testimonial-box,
body .donx-counter-card, body .donx-work-card, body .donx-service-card {
    border: 0 !important;
}

/* the animated ring drawn around section panels, and the faint grid ("mat") behind about */
#donx-stories > .container::before, #donx-stories > .container::after,
.about-section > .container::before, .about-section > .container::after,
.blog-section > .container::before, .blog-section > .container::after,
.faq-section > .container::before, .faq-section > .container::after,
.feature-section > .container::before, .feature-section > .container::after,
.service-section > .container::before, .service-section > .container::after,
.testimonial-section > .container::before, .testimonial-section > .container::after,
.how-it-works > .container::before, .how-it-works > .container::after,
.contact-section > .container::before, .contact-section > .container::after,
.payment-gateway > .container::before, .payment-gateway > .container::after {
    display: none !important;
}
.about-section::before, .about-section::after { display: none !important; }