/* =========================================================
   BAREEQ TAWASUL — CLEAN MINT CORPORATE THEME
   One clean file — no accumulated patches
   ========================================================= */

body.theme-mint-light {
  /* Core identity */
  --bt-green: #0ea57f;
  --bt-green-2: #18b79a;
  --bt-teal: #129f9a;
  --bt-sky: #299fd5;
  --bt-blue: #407fd5;
  --bt-purple: #7761d6;
  --bt-coral: #db725d;

  /* Typography */
  --bt-title: #123a35;
  --bt-heading: #173b59;
  --bt-text: #526f6b;
  --bt-muted: #718984;

  /* Surfaces */
  --bt-page: #edf9f4;
  --bt-page-blue: #eef8fb;
  --bt-card: #fafffd;
  --bt-card-green: #f5fcf9;
  --bt-card-blue: #f5faff;
  --bt-card-purple: #faf8ff;
  --bt-card-warm: #fffaf7;

  /* UI */
  --bt-border: rgba(14, 165, 127, .15);
  --bt-border-blue: rgba(41, 159, 213, .15);
  --bt-shadow: 0 12px 34px rgba(30, 95, 80, .075);
  --bt-shadow-hover: 0 18px 42px rgba(30, 95, 80, .12);

  min-height: 100vh;

  color: var(--bt-text) !important;

  background:
    radial-gradient(
      circle at 8% 8%,
      rgba(24, 183, 154, .08),
      transparent 26%
    ),
    radial-gradient(
      circle at 92% 10%,
      rgba(41, 159, 213, .07),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #edf9f4 0%,
      #f3fbf8 52%,
      #eef8fb 100%
    ) !important;

  background-attachment: fixed !important;
}

/* =========================================================
   Global light reset
   ========================================================= */

body.theme-mint-light,
body.theme-mint-light main,
body.theme-mint-light section,
body.theme-mint-light header,
body.theme-mint-light footer {
  color: var(--bt-text) !important;
}

body.theme-mint-light main {
  background: transparent !important;
}

body.theme-mint-light main::before {
  opacity: .14 !important;
  filter: blur(22px) !important;

  background:
    radial-gradient(
      circle at 18% 20%,
      rgba(24, 183, 154, .16),
      transparent 42%
    ),
    radial-gradient(
      circle at 82% 34%,
      rgba(41, 159, 213, .13),
      transparent 42%
    ) !important;
}

body.theme-mint-light *,
body.theme-mint-light *::before,
body.theme-mint-light *::after {
  box-sizing: border-box;
}

/* =========================================================
   Typography
   ========================================================= */

body.theme-mint-light h1,
body.theme-mint-light h2,
body.theme-mint-light h3,
body.theme-mint-light h4,
body.theme-mint-light h5,
body.theme-mint-light h6,
body.theme-mint-light .hero__title,
body.theme-mint-light .gridsec__title,
body.theme-mint-light .why__title,
body.theme-mint-light .testi__title,
body.theme-mint-light .about__title,
body.theme-mint-light .faq__title,
body.theme-mint-light .gcard__title,
body.theme-mint-light .whycard__title,
body.theme-mint-light .affcard__title,
body.theme-mint-light .dashcard__title {
  color: var(--bt-title) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.theme-mint-light p,
body.theme-mint-light li,
body.theme-mint-light label,
body.theme-mint-light small,
body.theme-mint-light .hero__desc,
body.theme-mint-light .gcard__desc,
body.theme-mint-light .whycard__desc,
body.theme-mint-light .affcard__desc,
body.theme-mint-light .tcard__txt,
body.theme-mint-light .about__desc,
body.theme-mint-light .article-hub__lead,
body.theme-mint-light .faqcard__a {
  color: var(--bt-text) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.theme-mint-light strong,
body.theme-mint-light b {
  color: var(--bt-title) !important;
}

/* Main gradient heading */

body.theme-mint-light .grad-text {
  background:
    linear-gradient(
      90deg,
      #087a68 0%,
      #0ea57f 34%,
      #129f9a 60%,
      #299fd5 100%
    ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* =========================================================
   Header
   ========================================================= */

body.theme-mint-light .topbar {
  background: rgba(248, 254, 251, .97) !important;
  border-bottom: 1px solid rgba(14, 165, 127, .12) !important;
  box-shadow: 0 6px 22px rgba(30, 95, 80, .055) !important;

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.theme-mint-light .brand,
body.theme-mint-light .brand *,
body.theme-mint-light .topbar__link,
body.theme-mint-light .topbar__nav a {
  color: var(--bt-title) !important;
  opacity: 1 !important;
}

body.theme-mint-light .topbar__link:hover,
body.theme-mint-light .topbar__nav a:hover,
body.theme-mint-light .topbar__nav a.is-active {
  color: var(--bt-green) !important;
}

/* =========================================================
   Buttons
   ========================================================= */

body.theme-mint-light .btn,
body.theme-mint-light .gcard__cta,
body.theme-mint-light .affcta,
body.theme-mint-light button {
  border-radius: 13px !important;
  font-weight: 800 !important;
  text-shadow: none !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease !important;
}

body.theme-mint-light .btn--primary,
body.theme-mint-light .gcard__cta--primary,
body.theme-mint-light .topbar__actions .btn:first-child {
  color: #f8fffc !important;

  background:
    linear-gradient(
      135deg,
      #0b9473,
      #18b79a
    ) !important;

  border: 0 !important;

  box-shadow:
    0 10px 23px rgba(14, 165, 127, .21) !important;
}

body.theme-mint-light .btn--primary *,
body.theme-mint-light .gcard__cta--primary * {
  color: #f8fffc !important;
}

body.theme-mint-light .btn--primary:hover,
body.theme-mint-light .gcard__cta--primary:hover {
  transform: translateY(-2px) !important;

  box-shadow:
    0 14px 30px rgba(14, 165, 127, .27) !important;
}

body.theme-mint-light .btn--ghost,
body.theme-mint-light .gcard__cta--sub,
body.theme-mint-light .topbar__actions .btn:last-child {
  color: #087a68 !important;
  background: #f8fffc !important;

  border:
    1px solid rgba(14, 165, 127, .24) !important;

  box-shadow:
    0 7px 18px rgba(30, 95, 80, .055) !important;
}

/* =========================================================
   Hero
   ========================================================= */

body.theme-mint-light .hero,
body.theme-mint-light .hero--dash {
  color: var(--bt-text) !important;

  background:
    radial-gradient(
      circle at 8% 18%,
      rgba(24, 183, 154, .12),
      transparent 31%
    ),
    radial-gradient(
      circle at 88% 16%,
      rgba(41, 159, 213, .10),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #effaf5 0%,
      #f5fcf9 54%,
      #eef8fb 100%
    ) !important;

  border-bottom:
    1px solid rgba(14, 165, 127, .09) !important;
}

body.theme-mint-light .hero__bg {
  opacity: .30 !important;
  filter: blur(16px) !important;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(24, 183, 154, .16),
      transparent 40%
    ),
    radial-gradient(
      circle at 84% 35%,
      rgba(41, 159, 213, .13),
      transparent 40%
    ) !important;
}

body.theme-mint-light .hero__copy,
body.theme-mint-light .hero__copy p,
body.theme-mint-light .hero__desc,
body.theme-mint-light .hero__desc--dash {
  color: var(--bt-text) !important;
  opacity: 1 !important;
}

/* Hero statement */

body.theme-mint-light .hero__statement,
body.theme-mint-light .hero__slogans {
  background: var(--bt-card) !important;

  border:
    1px solid rgba(14, 165, 127, .15) !important;

  border-radius: 22px !important;

  box-shadow: var(--bt-shadow) !important;

  filter: none !important;
  opacity: 1 !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.theme-mint-light .hero__statement::before,
body.theme-mint-light .hero__statement::after,
body.theme-mint-light .hero__slogans::before,
body.theme-mint-light .hero__slogans::after {
  background: transparent !important;
  opacity: 0 !important;
}

body.theme-mint-light .hero__statement,
body.theme-mint-light .hero__statement *,
body.theme-mint-light .hero__slogans,
body.theme-mint-light .hero__slogans * {
  color: var(--bt-text) !important;
  opacity: 1 !important;
}

body.theme-mint-light .hero__statement b,
body.theme-mint-light .hero__slogans b {
  color: var(--bt-green) !important;
}

/* =========================================================
   Video card
   ========================================================= */

body.theme-mint-light .dashwrap,
body.theme-mint-light .dashcard,
body.theme-mint-light .dashcard__top,
body.theme-mint-light .media-card {
  background: var(--bt-card) !important;

  border:
    1px solid rgba(14, 165, 127, .15) !important;

  box-shadow: var(--bt-shadow) !important;

  filter: none !important;
  opacity: 1 !important;
}

body.theme-mint-light .dashcard::before,
body.theme-mint-light .dashcard::after,
body.theme-mint-light .dashwrap::before,
body.theme-mint-light .dashwrap::after {
  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(24, 183, 154, .08),
      transparent 35%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(41, 159, 213, .07),
      transparent 35%
    ) !important;

  opacity: 1 !important;
  filter: none !important;
}

body.theme-mint-light .dashcard__badge {
  color: #087a68 !important;
  background: #e8f8f2 !important;

  border:
    1px solid rgba(14, 165, 127, .18) !important;
}

body.theme-mint-light .dashcard video {
  background: #fbfffd !important;

  border:
    1px solid rgba(14, 165, 127, .14) !important;

  border-radius: 18px !important;

  box-shadow:
    0 10px 28px rgba(30, 95, 80, .08) !important;
}

/* =========================================================
   Stats
   ========================================================= */

body.theme-mint-light .stats,
body.theme-mint-light .stats--dash {
  background: var(--bt-card) !important;

  border:
    1px solid rgba(14, 165, 127, .13) !important;

  border-radius: 21px !important;

  box-shadow: var(--bt-shadow) !important;
}

body.theme-mint-light .stat {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.theme-mint-light .stat,
body.theme-mint-light .stat * {
  color: var(--bt-text) !important;
  opacity: 1 !important;
}

body.theme-mint-light .stat:nth-child(1) strong,
body.theme-mint-light .stat:nth-child(1) b {
  color: var(--bt-green) !important;
}

body.theme-mint-light .stat:nth-child(2) strong,
body.theme-mint-light .stat:nth-child(2) b {
  color: var(--bt-teal) !important;
}

body.theme-mint-light .stat:nth-child(3) strong,
body.theme-mint-light .stat:nth-child(3) b {
  color: var(--bt-blue) !important;
}

/* =========================================================
   Sections
   ========================================================= */

body.theme-mint-light .gridsec,
body.theme-mint-light .grids,
body.theme-mint-light .why,
body.theme-mint-light .testi,
body.theme-mint-light .about,
body.theme-mint-light .faq,
body.theme-mint-light .article-hub,
body.theme-mint-light .affsec,
body.theme-mint-light .payglow {
  color: var(--bt-text) !important;
  background: transparent !important;

  border-color:
    rgba(14, 165, 127, .08) !important;
}

/* =========================================================
   Unified corporate card system
   ========================================================= */

body.theme-mint-light .gcard,
body.theme-mint-light .whycard,
body.theme-mint-light .tcard,
body.theme-mint-light .faqcard,
body.theme-mint-light .affstep,
body.theme-mint-light .articleLink,
body.theme-mint-light .article-hub__box {
  position: relative !important;
  overflow: hidden !important;

  color: var(--bt-text) !important;

  background: var(--bt-card) !important;

  border:
    1px solid rgba(14, 165, 127, .13) !important;

  border-radius: 22px !important;

  box-shadow: var(--bt-shadow) !important;

  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease !important;
}

body.theme-mint-light .gcard:hover,
body.theme-mint-light .whycard:hover,
body.theme-mint-light .tcard:hover,
body.theme-mint-light .faqcard:hover,
body.theme-mint-light .articleLink:hover {
  transform: translateY(-4px) !important;

  box-shadow: var(--bt-shadow-hover) !important;
}

/* Top accent line */

body.theme-mint-light .gcard::before,
body.theme-mint-light .whycard::before,
body.theme-mint-light .tcard::before {
  content: "";

  position: absolute;
  top: 0;
  inset-inline: 0;

  height: 4px;

  border-radius: 999px 999px 0 0;
}

/* Green */

body.theme-mint-light .gcard:nth-child(4n + 1)::before,
body.theme-mint-light .whycard:nth-child(4n + 1)::before,
body.theme-mint-light .tcard:nth-child(4n + 1)::before {
  background: var(--bt-green) !important;
}

/* Teal */

body.theme-mint-light .gcard:nth-child(4n + 2)::before,
body.theme-mint-light .whycard:nth-child(4n + 2)::before,
body.theme-mint-light .tcard:nth-child(4n + 2)::before {
  background: var(--bt-teal) !important;
}

/* Blue */

body.theme-mint-light .gcard:nth-child(4n + 3)::before,
body.theme-mint-light .whycard:nth-child(4n + 3)::before,
body.theme-mint-light .tcard:nth-child(4n + 3)::before {
  background: var(--bt-blue) !important;
}

/* Purple */

body.theme-mint-light .gcard:nth-child(4n)::before,
body.theme-mint-light .whycard:nth-child(4n)::before,
body.theme-mint-light .tcard:nth-child(4n)::before {
  background: var(--bt-purple) !important;
}

/* Card text remains consistent */

body.theme-mint-light .gcard__title,
body.theme-mint-light .whycard__title {
  color: var(--bt-title) !important;
}

body.theme-mint-light .gcard__desc,
body.theme-mint-light .whycard__desc {
  color: var(--bt-text) !important;
}

/* =========================================================
   Icons
   ========================================================= */

body.theme-mint-light .icon-badge,
body.theme-mint-light .affic {
  color: #f8fffd !important;

  border: 0 !important;
  border-radius: 17px !important;

  box-shadow:
    0 8px 20px rgba(30, 95, 80, .10) !important;
}

body.theme-mint-light .gcard:nth-child(4n + 1) .icon-badge,
body.theme-mint-light .whycard:nth-child(4n + 1) .icon-badge {
  background: var(--bt-green) !important;
}

body.theme-mint-light .gcard:nth-child(4n + 2) .icon-badge,
body.theme-mint-light .whycard:nth-child(4n + 2) .icon-badge {
  background: var(--bt-teal) !important;
}

body.theme-mint-light .gcard:nth-child(4n + 3) .icon-badge,
body.theme-mint-light .whycard:nth-child(4n + 3) .icon-badge {
  background: var(--bt-blue) !important;
}

body.theme-mint-light .gcard:nth-child(4n) .icon-badge,
body.theme-mint-light .whycard:nth-child(4n) .icon-badge {
  background: var(--bt-purple) !important;
}

/* =========================================================
   Affiliate
   ========================================================= */

body.theme-mint-light .affcard {
  background: var(--bt-card) !important;

  border:
    1px solid rgba(14, 165, 127, .14) !important;

  box-shadow: var(--bt-shadow) !important;
}

body.theme-mint-light .affcard::before {
  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(24, 183, 154, .10),
      transparent 35%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(41, 159, 213, .08),
      transparent 35%
    ) !important;

  opacity: 1 !important;
}

body.theme-mint-light .affbadge,
body.theme-mint-light .affmini,
body.theme-mint-light .affchips .chip {
  color: #087a68 !important;
  background: #eaf8f3 !important;

  border:
    1px solid rgba(14, 165, 127, .14) !important;
}

body.theme-mint-light .affstep:nth-child(1) {
  border-top: 4px solid var(--bt-green) !important;
}

body.theme-mint-light .affstep:nth-child(2) {
  border-top: 4px solid var(--bt-teal) !important;
}

body.theme-mint-light .affstep:nth-child(3) {
  border-top: 4px solid var(--bt-blue) !important;
}

/* =========================================================
   FAQ
   ========================================================= */

body.theme-mint-light .faq {
  background:
    linear-gradient(
      135deg,
      rgba(237, 249, 244, .72),
      rgba(238, 248, 251, .72)
    ) !important;
}

body.theme-mint-light .faqcard__q,
body.theme-mint-light .faqcard__q *,
body.theme-mint-light .faqcard summary,
body.theme-mint-light .faqcard summary * {
  color: var(--bt-title) !important;
  opacity: 1 !important;
  visibility: visible !important;

  font-weight: 800 !important;
}

body.theme-mint-light .faqcard__a,
body.theme-mint-light .faqcard__a *,
body.theme-mint-light .faqcard p {
  color: var(--bt-text) !important;
  opacity: 1 !important;
}

body.theme-mint-light .faqcard summary::after,
body.theme-mint-light .faqcard__q::after {
  color: #087a68 !important;
  background: #e4f7f0 !important;
}

/* =========================================================
   Testimonials
   ========================================================= */

body.theme-mint-light .tcard__txt,
body.theme-mint-light .tcard__txt * {
  color: var(--bt-text) !important;
  opacity: 1 !important;
}

body.theme-mint-light .tcard__user,
body.theme-mint-light .tcard__user *,
body.theme-mint-light .tcard footer,
body.theme-mint-light .tcard footer * {
  color: var(--bt-title) !important;
  opacity: 1 !important;
  visibility: visible !important;

  font-weight: 750 !important;
}

/* Gold allowed ONLY for review stars */

body.theme-mint-light .tcard__stars,
body.theme-mint-light .tcard__stars *,
body.theme-mint-light [aria-label*="نجوم"] {
  color: #ee9f05 !important;
  -webkit-text-fill-color: #ee9f05 !important;
}

/* =========================================================
   Article hub — no yellow or gold
   ========================================================= */

body.theme-mint-light .article-hub {
  background:
    linear-gradient(
      135deg,
      rgba(237, 249, 244, .80),
      rgba(238, 248, 251, .82)
    ) !important;
}

body.theme-mint-light .article-hub__box {
  background: var(--bt-card) !important;
}

body.theme-mint-light .article-hub__box:nth-child(1) {
  border-top: 4px solid var(--bt-green) !important;
}

body.theme-mint-light .article-hub__box:nth-child(2) {
  border-top: 4px solid var(--bt-teal) !important;
}

body.theme-mint-light .article-hub__box:nth-child(3) {
  border-top: 4px solid var(--bt-blue) !important;
}

body.theme-mint-light .articleLink,
body.theme-mint-light .articleLink *,
body.theme-mint-light .articleLink:link,
body.theme-mint-light .articleLink:visited,
body.theme-mint-light .article-hub__grid a,
body.theme-mint-light .article-hub__grid a *,
body.theme-mint-light .article-hub__grid a:link,
body.theme-mint-light .article-hub__grid a:visited {
  color: var(--bt-heading) !important;

  -webkit-text-fill-color: currentColor !important;

  opacity: 1 !important;
  visibility: visible !important;

  text-shadow: none !important;
}

body.theme-mint-light .articleLink {
  background: #f8fdfb !important;

  border:
    1px solid rgba(14, 165, 127, .12) !important;

  border-inline-start:
    4px solid var(--bt-green) !important;
}

body.theme-mint-light
.article-hub__box:nth-child(2)
.articleLink {
  border-inline-start:
    4px solid var(--bt-teal) !important;
}

body.theme-mint-light
.article-hub__box:nth-child(3)
.articleLink {
  border-inline-start:
    4px solid var(--bt-blue) !important;
}

/* Article arrows / chips */

body.theme-mint-light .articleLink .cap,
body.theme-mint-light .articleLink .chip {
  color: #f8fffd !important;
  background: var(--bt-green) !important;
  border: 0 !important;
}

body.theme-mint-light
.article-hub__box:nth-child(2)
.articleLink .cap,
body.theme-mint-light
.article-hub__box:nth-child(2)
.articleLink .chip {
  background: var(--bt-teal) !important;
}

body.theme-mint-light
.article-hub__box:nth-child(3)
.articleLink .cap,
body.theme-mint-light
.article-hub__box:nth-child(3)
.articleLink .chip {
  background: var(--bt-blue) !important;
}

/* Column buttons */

body.theme-mint-light .articles-cta,
body.theme-mint-light .articles-cta-row a,
body.theme-mint-light .article-hub .btn {
  color: #f8fffd !important;

  background:
    linear-gradient(
      135deg,
      #0b9473,
      #18b79a
    ) !important;

  border: 0 !important;

  box-shadow:
    0 9px 21px rgba(14, 165, 127, .19) !important;
}

body.theme-mint-light
.article-hub__box:nth-child(2)
.articles-cta,
body.theme-mint-light
.article-hub__box:nth-child(2)
.btn {
  background:
    linear-gradient(
      135deg,
      #129f9a,
      #299fd5
    ) !important;
}

body.theme-mint-light
.article-hub__box:nth-child(3)
.articles-cta,
body.theme-mint-light
.article-hub__box:nth-child(3)
.btn {
  background:
    linear-gradient(
      135deg,
      #299fd5,
      #407fd5
    ) !important;
}

/* Force-remove legacy gold from article text */

body.theme-mint-light .article-hub [style*="color"],
body.theme-mint-light .article-hub [class*="gold"],
body.theme-mint-light .article-hub [class*="yellow"] {
  color: var(--bt-heading) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* =========================================================
   Final CTA
   ========================================================= */

body.theme-mint-light .payglow__in,
body.theme-mint-light .finalcta__in {
  color: #f8fffd !important;

  background:
    linear-gradient(
      135deg,
      #0b9473 0%,
      #18b79a 55%,
      #299fd5 100%
    ) !important;

  border:
    1px solid rgba(14, 165, 127, .14) !important;

  box-shadow:
    0 16px 40px rgba(14, 165, 127, .17) !important;
}

body.theme-mint-light .payglow__in *,
body.theme-mint-light .finalcta__in * {
  color: #f8fffd !important;
}

body.theme-mint-light .finalcta input,
body.theme-mint-light .finalcta textarea,
body.theme-mint-light .finalcta select {
  color: var(--bt-title) !important;
  background: #f8fffc !important;

  border:
    1px solid rgba(14, 165, 127, .22) !important;

  border-radius: 13px !important;
}

body.theme-mint-light .finalcta input::placeholder,
body.theme-mint-light .finalcta textarea::placeholder {
  color: #718984 !important;
  opacity: 1 !important;
}

/* =========================================================
   Footer
   ========================================================= */

body.theme-mint-light .footer {
  min-height: 0 !important;

  padding-block: 52px 18px !important;

  color: var(--bt-text) !important;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(24, 183, 154, .06),
      transparent 27%
    ),
    radial-gradient(
      circle at 88% 25%,
      rgba(41, 159, 213, .055),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #e9f8f3 0%,
      #f1fbf7 52%,
      #eaf6fa 100%
    ) !important;

  border-top:
    1px solid rgba(14, 165, 127, .12) !important;
}

body.theme-mint-light .footer__in {
  min-height: 0 !important;
  align-items: start !important;
  gap: 34px !important;
}

body.theme-mint-light .footer,
body.theme-mint-light .footer *,
body.theme-mint-light .f_col,
body.theme-mint-light .f_col *,
body.theme-mint-light .f_copy {
  opacity: 1 !important;
  text-shadow: none !important;
}

body.theme-mint-light .f_col h3,
body.theme-mint-light .f_col h4,
body.theme-mint-light .f_col strong {
  color: var(--bt-title) !important;
}

/* Normal footer links */

body.theme-mint-light .footer .f_col > a,
body.theme-mint-light .footer .f_col p a,
body.theme-mint-light .footer .f_col li a {
  width: auto !important;
  min-width: 0 !important;

  padding: 3px 0 !important;

  color: #087a68 !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}

body.theme-mint-light .footer a:hover {
  color: #177fa8 !important;
}

/* Social layout */

body.theme-mint-light .soc {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;

  gap: 8px !important;

  margin: 10px 0 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

body.theme-mint-light .soc li,
body.theme-mint-light .soc li::before,
body.theme-mint-light .soc li::after {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
  content: none !important;
}

body.theme-mint-light .soc li::marker {
  content: "" !important;
  color: transparent !important;
}

body.theme-mint-light .soc a,
body.theme-mint-light .soc a:nth-child(1),
body.theme-mint-light .soc a:nth-child(2),
body.theme-mint-light .soc a:nth-child(3),
body.theme-mint-light .soc a:nth-child(4) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  min-height: 36px !important;

  padding: 8px 12px !important;

  color: #087a68 !important;

  background: #f7fdfb !important;

  border:
    1px solid rgba(14, 165, 127, .16) !important;

  border-radius: 10px !important;

  box-shadow:
    0 5px 14px rgba(30, 95, 80, .05) !important;

  font-size: 14px !important;
  font-weight: 750 !important;
}

body.theme-mint-light .soc a:hover {
  color: #f8fffd !important;

  background:
    linear-gradient(
      135deg,
      #0b9473,
      #18b79a
    ) !important;

  border-color: transparent !important;

  transform: translateY(-2px) !important;
}

/* Copyright */

body.theme-mint-light .f_copy {
  min-height: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;

  gap: 14px !important;

  width: 100% !important;

  margin-top: 18px !important;
  padding-top: 18px !important;

  color: var(--bt-muted) !important;

  border-top:
    1px solid rgba(14, 165, 127, .11) !important;
}

body.theme-mint-light .f_copy,
body.theme-mint-light .f_copy * {
  color: var(--bt-muted) !important;
}

body.theme-mint-light .f_copy a {
  color: #087a68 !important;
}

/* =========================================================
   Decorative title lines
   ========================================================= */

body.theme-mint-light .gridsec__title::after,
body.theme-mint-light .why__title::after,
body.theme-mint-light .testi__title::after,
body.theme-mint-light .faq__title::after,
body.theme-mint-light .about__title::after {
  content: "";

  display: block;

  width: 72px;
  height: 4px;

  margin: 13px auto 0;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      #0ea57f,
      #129f9a,
      #299fd5
    ) !important;
}

/* =========================================================
   Mobile
   ========================================================= */

body.theme-mint-light .mnav {
  background: #f6fdf9 !important;

  border-color:
    rgba(14, 165, 127, .13) !important;

  box-shadow:
    0 20px 50px rgba(30, 95, 80, .13) !important;
}

body.theme-mint-light .mnav a,
body.theme-mint-light .mnav-btn {
  color: var(--bt-title) !important;
}

body.theme-mint-light .mnav-backdrop {
  background:
    rgba(18, 65, 57, .15) !important;
}

@media (max-width: 768px) {
  body.theme-mint-light {
    background-attachment: scroll !important;
  }

  body.theme-mint-light .footer {
    padding-block: 38px 16px !important;
  }

  body.theme-mint-light .f_copy {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.theme-mint-light .gcard,
  body.theme-mint-light .whycard,
  body.theme-mint-light .tcard,
  body.theme-mint-light .faqcard,
  body.theme-mint-light .articleLink {
    border-radius: 18px !important;
  }
}

/* =========================================================
   BAREEQ CLEAN CARD SYSTEM — FINAL
   Actual targets:
   1) .stats.stats--dash .stat
   2) .media-grid .media-card
   ========================================================= */

/* =========================================================
   HERO TRUST CARDS — 3 CARDS
   ========================================================= */

body.theme-mint-light .stats.stats--dash {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;

  padding: 13px !important;

  background:
    linear-gradient(
      135deg,
      rgba(238, 250, 246, .92),
      rgba(240, 249, 252, .92)
    ) !important;

  border: 1px solid rgba(14, 165, 127, .14) !important;
  border-radius: 22px !important;

  box-shadow:
    0 12px 28px rgba(25, 89, 76, .07) !important;
}

body.theme-mint-light .stats.stats--dash .stat {
  position: relative !important;
  overflow: hidden !important;

  min-height: 112px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;

  padding: 19px 15px !important;

  border-radius: 17px !important;
  border: 1px solid transparent !important;

  text-align: center !important;

  opacity: 1 !important;
  visibility: visible !important;

  box-shadow:
    0 9px 22px rgba(25, 89, 76, .065) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease !important;
}

/* البطاقة الأولى */

body.theme-mint-light
.stats.stats--dash
.stat:nth-child(1) {
  background:
    linear-gradient(
      145deg,
      #e8f8f2,
      #f7fcfa
    ) !important;

  border-color:
    rgba(14, 165, 127, .18) !important;

  box-shadow:
    0 9px 22px rgba(25, 89, 76, .065),
    inset 0 4px 0 #0ea57f !important;
}

/* البطاقة الثانية */

body.theme-mint-light
.stats.stats--dash
.stat:nth-child(2) {
  background:
    linear-gradient(
      145deg,
      #e9f8f7,
      #f7fcfb
    ) !important;

  border-color:
    rgba(18, 159, 154, .18) !important;

  box-shadow:
    0 9px 22px rgba(25, 89, 76, .065),
    inset 0 4px 0 #129f9a !important;
}

/* البطاقة الثالثة */

body.theme-mint-light
.stats.stats--dash
.stat:nth-child(3) {
  background:
    linear-gradient(
      145deg,
      #eaf5fc,
      #f7fbfe
    ) !important;

  border-color:
    rgba(41, 159, 213, .18) !important;

  box-shadow:
    0 9px 22px rgba(25, 89, 76, .065),
    inset 0 4px 0 #299fd5 !important;
}

body.theme-mint-light .stats.stats--dash .stat b {
  color: #153c36 !important;
  -webkit-text-fill-color: #153c36 !important;

  font-size: 17px !important;
  font-weight: 900 !important;

  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

body.theme-mint-light
.stats.stats--dash
.stat:nth-child(1)
b {
  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;
}

body.theme-mint-light
.stats.stats--dash
.stat:nth-child(2)
b {
  color: #0d817d !important;
  -webkit-text-fill-color: #0d817d !important;
}

body.theme-mint-light
.stats.stats--dash
.stat:nth-child(3)
b {
  color: #2479a4 !important;
  -webkit-text-fill-color: #2479a4 !important;
}

body.theme-mint-light .stats.stats--dash .stat span {
  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

  font-weight: 700 !important;
  line-height: 1.75 !important;

  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* =========================================================
   MEDIA CARDS — OPERATIONS + ECOSYSTEM
   ========================================================= */

body.theme-mint-light .media-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.theme-mint-light .media-grid .media-card {
  position: relative !important;
  overflow: hidden !important;

  min-height: 170px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  gap: 12px !important;

  padding: 25px 22px !important;

  border-radius: 22px !important;
  border: 1px solid transparent !important;

  opacity: 1 !important;
  visibility: visible !important;

  box-shadow:
    0 11px 28px rgba(25, 89, 76, .075) !important;

  transition:
    transform .24s ease,
    box-shadow .24s ease !important;
}

/* 1 — أخضر */

body.theme-mint-light
.media-grid
.media-card:nth-child(4n + 1) {
  background:
    linear-gradient(
      150deg,
      #e8f8f2,
      #f8fcfa
    ) !important;

  border-color:
    rgba(14, 165, 127, .18) !important;

  box-shadow:
    0 11px 28px rgba(25, 89, 76, .075),
    inset 0 5px 0 #0ea57f !important;
}

/* 2 — تركواز */

body.theme-mint-light
.media-grid
.media-card:nth-child(4n + 2) {
  background:
    linear-gradient(
      150deg,
      #e9f8f7,
      #f8fcfb
    ) !important;

  border-color:
    rgba(18, 159, 154, .18) !important;

  box-shadow:
    0 11px 28px rgba(25, 89, 76, .075),
    inset 0 5px 0 #129f9a !important;
}

/* 3 — أزرق */

body.theme-mint-light
.media-grid
.media-card:nth-child(4n + 3) {
  background:
    linear-gradient(
      150deg,
      #eaf5fc,
      #f8fbfe
    ) !important;

  border-color:
    rgba(64, 127, 213, .18) !important;

  box-shadow:
    0 11px 28px rgba(25, 89, 76, .075),
    inset 0 5px 0 #407fd5 !important;
}

/* 4 — بنفسجي */

body.theme-mint-light
.media-grid
.media-card:nth-child(4n) {
  background:
    linear-gradient(
      150deg,
      #f1eefb,
      #faf9fe
    ) !important;

  border-color:
    rgba(119, 97, 214, .18) !important;

  box-shadow:
    0 11px 28px rgba(25, 89, 76, .075),
    inset 0 5px 0 #7761d6 !important;
}

/* العناوين الحقيقية داخل media-card */

body.theme-mint-light .media-grid .media-card .cap {
  display: block !important;

  color: #153c36 !important;
  -webkit-text-fill-color: #153c36 !important;

  background: transparent !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  box-shadow: none !important;

  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;

  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

body.theme-mint-light
.media-grid
.media-card:nth-child(4n + 1)
.cap {
  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;
}

body.theme-mint-light
.media-grid
.media-card:nth-child(4n + 2)
.cap {
  color: #0d817d !important;
  -webkit-text-fill-color: #0d817d !important;
}

body.theme-mint-light
.media-grid
.media-card:nth-child(4n + 3)
.cap {
  color: #2479a4 !important;
  -webkit-text-fill-color: #2479a4 !important;
}

body.theme-mint-light
.media-grid
.media-card:nth-child(4n)
.cap {
  color: #6651bc !important;
  -webkit-text-fill-color: #6651bc !important;
}

/* وصف الكروت */

body.theme-mint-light
.media-grid
.media-card
.about__desc {
  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

  background: transparent !important;

  margin-top: 4px !important;

  font-weight: 700 !important;
  line-height: 1.85 !important;

  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* الحركة */

body.theme-mint-light
.media-grid
.media-card:hover,
body.theme-mint-light
.stats.stats--dash
.stat:hover {
  transform: translateY(-5px) !important;

  box-shadow:
    0 18px 38px rgba(25, 89, 76, .12) !important;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1000px) {
  body.theme-mint-light .media-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body.theme-mint-light .stats.stats--dash,
  body.theme-mint-light .media-grid {
    grid-template-columns: 1fr !important;
  }

  body.theme-mint-light .media-grid .media-card,
  body.theme-mint-light .stats.stats--dash .stat {
    min-height: auto !important;
    border-radius: 18px !important;
  }
}

/* =========================================================
   HERO STATEMENT — MATCH COLORED CARD SYSTEM
   ========================================================= */

body.theme-mint-light .hero__statement,
body.theme-mint-light .hero__slogans {
  position: relative !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      145deg,
      #e8f8f2 0%,
      #f7fcfa 100%
    ) !important;

  border:
    1px solid rgba(14, 165, 127, .18) !important;

  border-radius: 22px !important;

  box-shadow:
    0 12px 30px rgba(25, 89, 76, .08),
    inset 0 5px 0 #0ea57f !important;

  opacity: 1 !important;
  filter: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* منع أي طبقة قديمة من تغطية اللون */

body.theme-mint-light .hero__statement::before,
body.theme-mint-light .hero__statement::after,
body.theme-mint-light .hero__slogans::before,
body.theme-mint-light .hero__slogans::after {
  background: transparent !important;
  opacity: 0 !important;
  filter: none !important;
}

/* النصوص العادية */

body.theme-mint-light .hero__statement,
body.theme-mint-light .hero__statement *,
body.theme-mint-light .hero__slogans,
body.theme-mint-light .hero__slogans * {
  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

  opacity: 1 !important;
  visibility: visible !important;

  text-shadow: none !important;
}

/* الكلمات المميزة */

body.theme-mint-light .hero__statement b,
body.theme-mint-light .hero__statement strong,
body.theme-mint-light .hero__slogans b,
body.theme-mint-light .hero__slogans strong {
  color: #0b9b7c !important;
  -webkit-text-fill-color: #0b9b7c !important;

  font-weight: 900 !important;
}

/* فصل بسيط بين السطور */

body.theme-mint-light .hero__statement > * + *,
body.theme-mint-light .hero__slogans > * + * {
  border-top:
    1px solid rgba(14, 165, 127, .10) !important;

  padding-top: 14px !important;
  margin-top: 14px !important;
}

/* حركة خفيفة */

body.theme-mint-light .hero__statement:hover,
body.theme-mint-light .hero__slogans:hover {
  transform: translateY(-3px) !important;

  box-shadow:
    0 17px 38px rgba(25, 89, 76, .12),
    inset 0 5px 0 #0ea57f !important;
}


/* =========================================================
   VIDEO / IMAGE FRAME — REMOVE GRAY COMPLETELY
   ========================================================= */

/* الإطار الخارجي حول فيديو وصورة بريق تواصل */

body.theme-mint-light .dashcard,
body.theme-mint-light .dashwrap,
body.theme-mint-light .media-card,
body.theme-mint-light .hero__media {
  background:
    linear-gradient(
      145deg,
      #e7f8f2 0%,
      #edf9f8 48%,
      #eaf6fc 100%
    ) !important;

  background-color: #e7f8f2 !important;

  border:
    1px solid rgba(14, 165, 127, .18) !important;

  box-shadow:
    0 14px 34px rgba(25, 89, 76, .10),
    inset 0 5px 0 #0ea57f !important;

  filter: none !important;
  opacity: 1 !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* إلغاء أي طبقة رصاصية قديمة */

body.theme-mint-light .dashcard::before,
body.theme-mint-light .dashcard::after,
body.theme-mint-light .dashwrap::before,
body.theme-mint-light .dashwrap::after,
body.theme-mint-light .hero__media::before,
body.theme-mint-light .hero__media::after {
  background:
    radial-gradient(
      circle at 12% 12%,
      rgba(14, 165, 127, .10),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 88%,
      rgba(41, 159, 213, .09),
      transparent 34%
    ) !important;

  background-color: transparent !important;

  filter: none !important;
  opacity: 1 !important;
}

/* الحاوية المباشرة للفيديو أو الصورة */

body.theme-mint-light .dashcard video,
body.theme-mint-light .dashcard img,
body.theme-mint-light .dashwrap video,
body.theme-mint-light .dashwrap img,
body.theme-mint-light .hero__media video,
body.theme-mint-light .hero__media img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  background: #f8fffc !important;
  background-color: #f8fffc !important;

  border:
    1px solid rgba(14, 165, 127, .15) !important;

  border-radius: 20px !important;

  box-shadow:
    0 10px 28px rgba(25, 89, 76, .09) !important;

  filter: none !important;
  opacity: 1 !important;
}

/* استهداف أي غلاف داخلي قديم للرئيسية */

body.theme-mint-light .dashcard > div,
body.theme-mint-light .dashwrap > div,
body.theme-mint-light .hero__media > div {
  background-color: transparent !important;
}

/* منع اللون الرصاصي أو الكحلي القديم داخل منطقة الفيديو */

body.theme-mint-light .dashcard [style*="background"],
body.theme-mint-light .dashwrap [style*="background"],
body.theme-mint-light .hero__media [style*="background"] {
  background-color: transparent !important;
}

/* الحفاظ على خلفية الفيديو نفسها فاتحة */

body.theme-mint-light .dashcard video,
body.theme-mint-light .dashwrap video {
  background:
    linear-gradient(
      145deg,
      #f8fffc,
      #f2fbff
    ) !important;
}

/* Hover خفيف */

body.theme-mint-light .dashcard:hover,
body.theme-mint-light .dashwrap:hover,
body.theme-mint-light .hero__media:hover {
  transform: translateY(-3px) !important;

  box-shadow:
    0 18px 40px rgba(25, 89, 76, .13),
    inset 0 5px 0 #0ea57f !important;
}