center -45%,/*
=========================================================
Bareeq Tawasul — Final Homepage Overrides
Loaded last to prevent old theme conflicts
=========================================================
*/

/* =========================================================
   VIDEO FRAME — EXACT REAL SELECTORS
   ========================================================= */

html body.theme-mint-light
.hero.hero--dash
.hero__grid.hero__grid--dash
.dashwrap {
  position: relative !important;

  background:
    linear-gradient(
      145deg,
      #e7f8f2 0%,
      #edf9f8 50%,
      #e9f6fc 100%
    ) !important;

  background-color: #e7f8f2 !important;

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

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

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

html body.theme-mint-light
.hero.hero--dash
.hero__grid.hero__grid--dash
.dashwrap::before {
  background:
    radial-gradient(
      360px 190px at 15% 10%,
      rgba(14, 165, 127, .12),
      transparent 70%
    ),
    radial-gradient(
      340px 190px at 88% 82%,
      rgba(41, 159, 213, .10),
      transparent 70%
    ) !important;

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

/* الغلاف الرصاصي الحقيقي */

html body.theme-mint-light
.hero.hero--dash
.hero__grid.hero__grid--dash
.dashwrap
>
.dashcard {
  background:
    linear-gradient(
      145deg,
      #eefaf6 0%,
      #f5fcfa 52%,
      #eef8fc 100%
    ) !important;

  background-color: #eefaf6 !important;

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

  border-radius: 28px !important;

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

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

/* إلغاء الطبقة الداكنة داخل dashcard */

html body.theme-mint-light
.hero.hero--dash
.dashwrap
>
.dashcard::before,
html body.theme-mint-light
.hero.hero--dash
.dashwrap
>
.dashcard::after {
  background: transparent !important;
  background-color: transparent !important;

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

/* رأس بطاقة الفيديو */

html body.theme-mint-light
.hero.hero--dash
.dashcard
>
.dashcard__top {
  background: transparent !important;
  background-color: transparent !important;
}

html body.theme-mint-light
.hero.hero--dash
.dashcard__title {
  color: #153c36 !important;
  -webkit-text-fill-color: #153c36 !important;

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

html body.theme-mint-light
.hero.hero--dash
.dashcard__badge {
  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;

  background: #def5ed !important;

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

/* الفيديو والصورة الداخلية */

html body.theme-mint-light
.hero.hero--dash
.dashwrap
>
.dashcard
>
video {
  display: block !important;

  width: calc(100% - 48px) !important;
  max-width: calc(100% - 48px) !important;

  margin:
    0 24px 24px !important;

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

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

  border-radius: 22px !important;

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

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

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

html body.theme-mint-light
.hero.hero--dash
.dashwrap
>
.dashcard
>
*:not(video):not(source) {
  border-color:
    rgba(14, 165, 127, .16) !important;
}

/* حركة هادئة */

html body.theme-mint-light
.hero.hero--dash
.dashwrap:hover {
  transform: translateY(-3px) !important;

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


/* =========================================================
   BAREEQ — FOUR EXACT VISUAL FIXES
   ========================================================= */

/* =========================================================
   1. VIDEO POSTER AND PLAYER — NO GRAY
   ========================================================= */

html body.theme-mint-light
.hero.hero--dash
.dashwrap
>
.dashcard {
  padding: 0 !important;

  background:
    linear-gradient(
      145deg,
      #e7f8f2 0%,
      #f4fcf9 52%,
      #e8f5fb 100%
    ) !important;

  background-color: #e7f8f2 !important;

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

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

html body.theme-mint-light
.hero.hero--dash
.dashwrap
>
.dashcard
>
video {
  display: block !important;

  width: calc(100% - 32px) !important;
  max-width: calc(100% - 32px) !important;

  margin:
    0 16px 16px !important;

  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;

  background:
    linear-gradient(
      145deg,
      #e8f8f2,
      #e9f6fc
    ) !important;

  background-color: #e8f8f2 !important;

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

  border-radius: 22px !important;

  box-shadow:
    0 9px 24px rgba(25, 89, 76, .09) !important;
}

/* إجبار المتصفح على عدم إظهار أرضية داكنة حول الـPoster */

html body.theme-mint-light
.hero.hero--dash
.dashcard video::-webkit-media-controls-enclosure {
  border-radius: 0 0 20px 20px !important;
}

html body.theme-mint-light
.hero.hero--dash
.dashcard video[poster] {
  object-fit: cover !important;
}

/* =========================================================
   2. CONTACT SECONDARY BUTTON — REMOVE WHITE
   ========================================================= */

html body.theme-mint-light
.finalcta
.finalcta__in
.hero__ctas
a.btn.btn--ghost,
html body.theme-mint-light
.finalcta
.finalcta__in
.hero__ctas
a.btn.btn--ghost:link,
html body.theme-mint-light
.finalcta
.finalcta__in
.hero__ctas
a.btn.btn--ghost:visited {
  color: #f8fffd !important;
  -webkit-text-fill-color: #f8fffd !important;

  background:
    linear-gradient(
      135deg,
      #168fbd 0%,
      #28acd7 48%,
      #18b79a 100%
    ) !important;

  border:
    1px solid rgba(255, 255, 255, .24) !important;

  box-shadow:
    0 10px 25px rgba(20, 133, 169, .24) !important;

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

  font-weight: 900 !important;
}

html body.theme-mint-light
.finalcta
.finalcta__in
.hero__ctas
a.btn.btn--ghost
* {
  color: #f8fffd !important;
  -webkit-text-fill-color: #f8fffd !important;
}

/* =========================================================
   3. AFFILIATE LARGE CARD — SAME SYSTEM AS OTHER CARDS
   ========================================================= */

html body.theme-mint-light
.affsec
.affsec__in
.affcard {
  position: relative !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      150deg,
      #eaf8f3 0%,
      #f8fdfb 52%,
      #edf7fc 100%
    ) !important;

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

  border-top:
    5px solid #0ea57f !important;

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

  opacity: 1 !important;
}

html body.theme-mint-light
.affsec
.affcard::before {
  background:
    radial-gradient(
      420px 220px at 10% 10%,
      rgba(14, 165, 127, .10),
      transparent 72%
    ),
    radial-gradient(
      390px 230px at 90% 88%,
      rgba(41, 159, 213, .09),
      transparent 72%
    ) !important;

  opacity: 1 !important;
}

/* عنوان الكارت الكبير */

html body.theme-mint-light
.affsec
.affcard
.affcard__title,
html body.theme-mint-light
.affsec
.affcard
.affcard__title
* {
  color: #123a35 !important;
  -webkit-text-fill-color: #123a35 !important;

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

  font-weight: 900 !important;
  text-shadow: none !important;
}

/* الوصف */

html body.theme-mint-light
.affsec
.affcard
.affcard__desc,
html body.theme-mint-light
.affsec
.affcard
.affcard__desc
* {
  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

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

  text-shadow: none !important;
}

/* كروت نسب العمولة */

html body.theme-mint-light
.affsec
.affcard
.affflow
.affstep {
  position: relative !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      145deg,
      #f8fdfb,
      #eef9f5
    ) !important;

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

  border-top:
    4px solid #0ea57f !important;

  border-radius: 18px !important;

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

  opacity: 1 !important;
}

html body.theme-mint-light
.affsec
.affcard
.affflow
.affstep:nth-child(2) {
  background:
    linear-gradient(
      145deg,
      #f3fbff,
      #edf8fc
    ) !important;

  border-top-color:
    #299fd5 !important;
}

html body.theme-mint-light
.affsec
.affcard
.affflow
.affstep:nth-child(3) {
  background:
    linear-gradient(
      145deg,
      #f7f5ff,
      #f0edfc
    ) !important;

  border-top-color:
    #7761d6 !important;
}

/* إظهار كل النصوص داخل خطوات العمولة */

html body.theme-mint-light
.affsec
.affcard
.affflow
.affstep,
html body.theme-mint-light
.affsec
.affcard
.affflow
.affstep
*,
html body.theme-mint-light
.affsec
.affcard
.afftxt,
html body.theme-mint-light
.affsec
.affcard
.afftxt
* {
  color: #264f4a !important;
  -webkit-text-fill-color: #264f4a !important;

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

  text-shadow: none !important;
}

/* الأيقونات بدون ذهبي */

html body.theme-mint-light
.affsec
.affcard
.affic {
  color: #f8fffd !important;
  -webkit-text-fill-color: #f8fffd !important;

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

  border: 0 !important;

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

html body.theme-mint-light
.affsec
.affcard
.affstep:nth-child(2)
.affic {
  background:
    linear-gradient(
      135deg,
      #299fd5,
      #4abbe2
    ) !important;
}

html body.theme-mint-light
.affsec
.affcard
.affstep:nth-child(3)
.affic {
  background:
    linear-gradient(
      135deg,
      #7761d6,
      #9684e6
    ) !important;
}

/* =========================================================
   4. MAIN HERO TITLE — STRONG COLOR AND EQUAL SIDE LINES
   ========================================================= */

html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 22px !important;

  width: 100% !important;

  color: #123a35 !important;
  -webkit-text-fill-color: #123a35 !important;

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

  font-weight: 900 !important;
  text-shadow: none !important;

  background: transparent !important;
}

/* كل النص الداخلي بنفس اللون القوي */

html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single
* {
  color: #123a35 !important;
  -webkit-text-fill-color: #123a35 !important;

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

/* الخطان متساويان تمامًا */

html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single::before,
html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single::after {
  content: "" !important;

  display: block !important;
  flex: 1 1 150px !important;

  min-width: 80px !important;
  max-width: 190px !important;

  height: 4px !important;

  margin: 0 !important;

  border-radius: 999px !important;

  background:
    linear-gradient(
      90deg,
      #0ea57f 0%,
      #18b79a 48%,
      #299fd5 100%
    ) !important;

  box-shadow:
    0 4px 12px rgba(14, 165, 127, .16) !important;

  opacity: 1 !important;
}

/* إلغاء الدوائر أو الزخارف القديمة غير المتساوية */

html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single
span::before,
html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single
span::after {
  display: none !important;
  content: none !important;
}

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

@media (max-width: 760px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__title.hero__title--dash.hero__title--single {
    gap: 10px !important;
  }

  html body.theme-mint-light
  .hero.hero--dash
  .hero__title.hero__title--dash.hero__title--single::before,
  html body.theme-mint-light
  .hero.hero--dash
  .hero__title.hero__title--dash.hero__title--single::after {
    min-width: 22px !important;
    max-width: 45px !important;
    height: 3px !important;
  }
}

/* =========================================================
   FAQ CARDS — COLORED CORPORATE SYSTEM
   ========================================================= */

html body.theme-mint-light
.faq
.faqgrid
.faqcard {
  position: relative !important;
  overflow: hidden !important;

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

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

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

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

/* الكارت الأول — نعناعي */

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 1) {
  background:
    linear-gradient(
      145deg,
      #e8f8f2 0%,
      #f8fdfb 100%
    ) !important;

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

  box-shadow:
    0 10px 26px rgba(25, 89, 76, .07),
    inset 0 4px 0 #0ea57f !important;
}

/* الكارت الثاني — سماوي */

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 2) {
  background:
    linear-gradient(
      145deg,
      #eaf5fc 0%,
      #f8fbfe 100%
    ) !important;

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

  box-shadow:
    0 10px 26px rgba(25, 89, 76, .07),
    inset 0 4px 0 #299fd5 !important;
}

/* الكارت الثالث — بنفسجي */

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 3) {
  background:
    linear-gradient(
      145deg,
      #f1eefb 0%,
      #faf9fe 100%
    ) !important;

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

  box-shadow:
    0 10px 26px rgba(25, 89, 76, .07),
    inset 0 4px 0 #7761d6 !important;
}

/* الكارت الرابع — تركواز */

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n) {
  background:
    linear-gradient(
      145deg,
      #e9f8f7 0%,
      #f8fcfb 100%
    ) !important;

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

  box-shadow:
    0 10px 26px rgba(25, 89, 76, .07),
    inset 0 4px 0 #129f9a !important;
}

/* السؤال */

html body.theme-mint-light
.faq
.faqgrid
.faqcard
.faqcard__q,
html body.theme-mint-light
.faq
.faqgrid
.faqcard
.faqcard__q
*,
html body.theme-mint-light
.faq
.faqgrid
.faqcard
summary,
html body.theme-mint-light
.faq
.faqgrid
.faqcard
summary
* {
  color: #153c36 !important;
  -webkit-text-fill-color: #153c36 !important;

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

  font-weight: 900 !important;
  text-shadow: none !important;
}

/* لون السؤال حسب الكارت */

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 1)
.faqcard__q,
html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 1)
summary {
  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;
}

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 2)
.faqcard__q,
html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 2)
summary {
  color: #2479a4 !important;
  -webkit-text-fill-color: #2479a4 !important;
}

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 3)
.faqcard__q,
html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 3)
summary {
  color: #6651bc !important;
  -webkit-text-fill-color: #6651bc !important;
}

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n)
.faqcard__q,
html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n)
summary {
  color: #0d817d !important;
  -webkit-text-fill-color: #0d817d !important;
}

/* علامة + */

html body.theme-mint-light
.faq
.faqgrid
.faqcard
.faqcard__q::after,
html body.theme-mint-light
.faq
.faqgrid
.faqcard
summary::after {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 30px !important;
  height: 30px !important;

  border-radius: 50% !important;

  color: #f8fffd !important;
  -webkit-text-fill-color: #f8fffd !important;

  background: #0ea57f !important;

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

  box-shadow:
    0 6px 15px rgba(14, 165, 127, .18) !important;
}

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 2)
.faqcard__q::after,
html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 2)
summary::after {
  background: #299fd5 !important;
}

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 3)
.faqcard__q::after,
html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n + 3)
summary::after {
  background: #7761d6 !important;
}

html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n)
.faqcard__q::after,
html body.theme-mint-light
.faq
.faqgrid
.faqcard:nth-child(4n)
summary::after {
  background: #129f9a !important;
}

/* الإجابة */

html body.theme-mint-light
.faq
.faqgrid
.faqcard
.faqcard__a,
html body.theme-mint-light
.faq
.faqgrid
.faqcard
.faqcard__a
*,
html body.theme-mint-light
.faq
.faqgrid
.faqcard
p {
  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

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

  text-shadow: none !important;
}

/* عند الفتح */

html body.theme-mint-light
.faq
.faqgrid
.faqcard[open] {
  transform: translateY(-2px) !important;

  box-shadow:
    0 15px 34px rgba(25, 89, 76, .11) !important;
}

/* Hover */

html body.theme-mint-light
.faq
.faqgrid
.faqcard:hover {
  transform: translateY(-4px) !important;

  box-shadow:
    0 16px 36px rgba(25, 89, 76, .11) !important;
}

/* Mobile */

@media (max-width: 700px) {
  html body.theme-mint-light
  .faq
  .faqgrid
  .faqcard {
    border-radius: 18px !important;
  }
}

/* =========================================================
   AFFILIATE ACTIONS — ONE STRAIGHT ROW
   3 chips + 2 buttons
   ========================================================= */

html body.theme-mint-light
.affsec
.affcard
.affchips,
html body.theme-mint-light
.affsec
.affcard
.hero__ctas {
  margin: 0 !important;
}

/* الحاوية التي تجمع الخمس عناصر */

html body.theme-mint-light
.affsec
.affcard
.affcard__actions {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

  align-items: stretch !important;
  gap: 12px !important;

  width: 100% !important;
  margin-top: 22px !important;
}

/* في حالة عدم وجود affcard__actions واعتماد الهيكل الحالي */

html body.theme-mint-light
.affsec
.affcard
.affchips {
  display: contents !important;
}

html body.theme-mint-light
.affsec
.affcard
.hero__ctas {
  display: contents !important;
}

/* كل شارة وزر بنفس المقاس */

html body.theme-mint-light
.affsec
.affcard
.affchips
.chip,
html body.theme-mint-light
.affsec
.affcard
.hero__ctas
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;

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

  border-radius: 14px !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;

  text-align: center !important;
  white-space: normal !important;
}

/* لو الـHTML الحالي لا يحتوي affcard__actions
   نجمع العنصرين الحاليين في صف واحد عبر parent */

html body.theme-mint-light
.affsec
.affcard {
  display: grid !important;
}

html body.theme-mint-light
.affsec
.affcard
.affchips,
html body.theme-mint-light
.affsec
.affcard
.hero__ctas {
  grid-column: 1 / -1 !important;
}

/* ترتيب الخمس عناصر على خط واحد */
html body.theme-mint-light
.affsec
.affcard
.affchips {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body.theme-mint-light
.affsec
.affcard
.hero__ctas {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

/* تجميع المجموعتين في صف واحد */
html body.theme-mint-light
.affsec
.affcard {
  grid-template-columns: 3fr 2fr !important;
  column-gap: 12px !important;
  align-items: end !important;
}

/* العناصر السابقة داخل الكارت تظل بعرض كامل */
html body.theme-mint-light
.affsec
.affcard
.affbadge,
html body.theme-mint-light
.affsec
.affcard
.affmeta,
html body.theme-mint-light
.affsec
.affcard
.affcard__title,
html body.theme-mint-light
.affsec
.affcard
.affcard__desc,
html body.theme-mint-light
.affsec
.affcard
.affflow {
  grid-column: 1 / -1 !important;
}

/* توحيد الارتفاع البصري */
html body.theme-mint-light
.affsec
.affcard
.affchips
.chip,
html body.theme-mint-light
.affsec
.affcard
.hero__ctas
.btn {
  height: 48px !important;
}

/* الموبايل */
@media (max-width: 900px) {
  html body.theme-mint-light
  .affsec
  .affcard {
    grid-template-columns: 1fr !important;
  }

  html body.theme-mint-light
  .affsec
  .affcard
  .affchips {
    grid-template-columns: 1fr !important;
  }

  html body.theme-mint-light
  .affsec
  .affcard
  .hero__ctas {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   FOOTER — FINAL COMPACT CORPORATE LAYOUT
   ========================================================= */

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

  padding:
    42px 0 18px !important;

  background:
    linear-gradient(
      135deg,
      #e9f8f3 0%,
      #f2fbf8 52%,
      #eaf7fb 100%
    ) !important;

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

/* الشبكة الأساسية */

html body.theme-mint-light
.footer
.footer__in {
  display: grid !important;

  grid-template-columns:
    1.15fr
    .85fr
    .85fr
    1.15fr !important;

  align-items: start !important;

  column-gap: 48px !important;
  row-gap: 20px !important;

  min-height: 0 !important;

  padding:
    0 !important;
}

/* كل عمود */

html body.theme-mint-light
.footer
.footer__in
.f_col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  gap: 10px !important;

  width: 100% !important;
  min-width: 0 !important;

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

/* العناوين */

html body.theme-mint-light
.footer
.f_col
strong,
html body.theme-mint-light
.footer
.f_col
h3,
html body.theme-mint-light
.footer
.f_col
h4 {
  display: block !important;

  margin:
    0 0 10px !important;

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

  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;

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

  text-shadow: none !important;
}

/* النصوص */

html body.theme-mint-light
.footer
.f_col
p {
  margin: 0 !important;

  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.9 !important;

  opacity: 1 !important;
}

/* الروابط العادية */

html body.theme-mint-light
.footer
.f_col
>
a,
html body.theme-mint-light
.footer
.f_col
p
a {
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;
  min-width: 0 !important;

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

  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;

  background: transparent !important;

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

  box-shadow: none !important;

  font-weight: 800 !important;
  line-height: 1.6 !important;
}

/* =========================================================
   SOCIAL LINKS — ONE STRAIGHT ROW
   ========================================================= */

html body.theme-mint-light
.footer
.soc {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 8px !important;

  width: 100% !important;

  margin:
    4px 0 0 !important;

  padding: 0 !important;

  list-style: none !important;
}

/* تابعنا في صف مستقل صغير */

html body.theme-mint-light
.footer
.soc
.soc__label {
  display: block !important;

  flex: 0 0 100% !important;

  margin:
    0 0 3px !important;

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

  font-size: 15px !important;
  font-weight: 900 !important;
}

/* الأزرار كلها بجوار بعضها */

html body.theme-mint-light
.footer
.soc
a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

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

  margin: 0 !important;
  padding:
    8px 13px !important;

  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;

  background:
    linear-gradient(
      145deg,
      #f8fdfb,
      #eef9f5
    ) !important;

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

  border-radius: 11px !important;

  box-shadow:
    0 5px 14px rgba(25, 89, 76, .055) !important;

  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

/* زر المؤسس أعرض قليلًا فقط */

html body.theme-mint-light
.footer
.soc
a:last-child {
  padding-inline:
    15px !important;
}

/* Hover */

html body.theme-mint-light
.footer
.soc
a:hover {
  color: #f8fffd !important;
  -webkit-text-fill-color: #f8fffd !important;

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

  border-color:
    transparent !important;

  transform:
    translateY(-2px) !important;

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

/* إزالة النقاط والمسافات القديمة */

html body.theme-mint-light
.footer
.soc
li,
html body.theme-mint-light
.footer
.soc
li::before,
html body.theme-mint-light
.footer
.soc
li::after {
  content: none !important;

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

  list-style: none !important;
}

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

/* =========================================================
   COPYRIGHT + LEGAL — ONE BOTTOM ROW
   ========================================================= */

html body.theme-mint-light
.footer
.f_copy {
  grid-column:
    1 / -1 !important;

  display: flex !important;

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

  gap: 14px 26px !important;

  width: 100% !important;
  min-height: 0 !important;

  margin:
    10px 0 0 !important;

  padding:
    18px 0 0 !important;

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

/* كل النصوص السفلية */

html body.theme-mint-light
.footer
.f_copy,
html body.theme-mint-light
.footer
.f_copy
* {
  color: #607a75 !important;
  -webkit-text-fill-color: #607a75 !important;

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

  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.6 !important;

  text-shadow: none !important;
}

/* روابط القوانين */

html body.theme-mint-light
.footer
.f_copy
a {
  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;

  font-weight: 850 !important;
}

/* إلغاء أي ارتفاعات أو فراغات قديمة */

html body.theme-mint-light
.footer,
html body.theme-mint-light
.footer
.footer__in,
html body.theme-mint-light
.footer
.f_col,
html body.theme-mint-light
.footer
.f_copy {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* منع أي عناصر من عمل فراغ كبير */

html body.theme-mint-light
.footer
.footer__in
>
* {
  align-self: start !important;
}

/* =========================================================
   TABLET
   ========================================================= */

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

    column-gap:
      34px !important;

    row-gap:
      30px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {
  html body.theme-mint-light
  .footer {
    padding:
      34px 0 16px !important;
  }

  html body.theme-mint-light
  .footer
  .footer__in {
    grid-template-columns:
      1fr !important;

    gap:
      26px !important;
  }

  html body.theme-mint-light
  .footer
  .soc {
    gap:
      7px !important;
  }

  html body.theme-mint-light
  .footer
  .soc
  a {
    font-size:
      12px !important;

    padding:
      8px 10px !important;
  }

  html body.theme-mint-light
  .footer
  .f_copy {
    flex-direction:
      column !important;

    align-items:
      flex-start !important;

    gap:
      10px !important;
  }
}

/* =========================================================
   RESTORE ORIGINAL BAREEQ VIDEO POSTER
   ========================================================= */

html body.theme-mint-light
.hero.hero--dash
.dashwrap
>
.dashcard
>
video {
  object-fit: contain !important;

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

  background-color: #f8fdfb !important;
}

html body.theme-mint-light
.hero.hero--dash
.dashwrap
>
.dashcard {
  background:
    linear-gradient(
      145deg,
      #e7f8f2 0%,
      #f3fcf9 52%,
      #e8f5fb 100%
    ) !important;

  background-color: #e7f8f2 !important;
}

/* =========================================================
   HERO DESCRIPTION — STRONG CORPORATE COLORS
   ========================================================= */

html body.theme-mint-light
.hero.hero--dash
.hero__desc.hero__desc--dash{
    color:#2d4955 !important;
    -webkit-text-fill-color:#2d4955 !important;

    font-size:22px !important;
    line-height:2.15 !important;
    font-weight:800 !important;

    text-shadow:none !important;

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

/* الكلمات المهمة */

html body.theme-mint-light
.hero.hero--dash
.hero__desc.hero__desc--dash
strong,
html body.theme-mint-light
.hero.hero--dash
.hero__desc.hero__desc--dash
b{
    color:#0c9c82 !important;
    -webkit-text-fill-color:#0c9c82 !important;

    font-weight:900 !important;
}

/* Online / Offline */

html body.theme-mint-light
.hero.hero--dash
.hero__desc.hero__desc--dash{
    background:none !important;
}

html body.theme-mint-light
.hero.hero--dash
.hero__desc.hero__desc--dash
em{
    color:#247ab2 !important;
    -webkit-text-fill-color:#247ab2 !important;

    font-style:normal !important;
    font-weight:900 !important;
}

/* سطر بسطر */

html body.theme-mint-light
.hero.hero--dash
.hero__desc.hero__desc--dash
br{
    content:"";
}


/* =========================================================
   FOOTER COPYRIGHT + LEGAL LINKS — RELOCATED
   رقم 1: الحقوق أسفل عمود الشركة
   رقم 2: السياسات أسفل الأعمدة الوسطى
   ========================================================= */

/* إلغاء أي تنسيق قديم للصف السفلي */

html body.theme-mint-light
.footer
.f_copy {
  display: none !important;
}

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

html body.theme-mint-light
.footer
.footer__in
.footer-copyright,
html body.theme-mint-light
.footer
.footer__in
.footer-legal-links {
  min-width: 0 !important;

  margin: 4px 0 0 !important;
  padding: 15px 17px !important;

  border-radius: 14px !important;

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

  box-shadow:
    0 7px 20px rgba(25, 89, 76, .055) !important;
}

/* =========================================================
   رقم 1 — الحقوق أسفل عمود بريق تواصل ناحية اليمين
   ========================================================= */

html body.theme-mint-light
.footer
.footer__in
.footer-copyright {
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;

  align-self: start !important;

  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

  background:
    linear-gradient(
      145deg,
      #f4fcf9,
      #eaf8f3
    ) !important;

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

  border-inline-start:
    4px solid #0ea57f !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.7 !important;

  text-align: right !important;
  text-shadow: none !important;
}

/* =========================================================
   رقم 2 — روابط السياسات أسفل منصاتنا وروابط
   ========================================================= */

html body.theme-mint-light
.footer
.footer__in
.footer-legal-links {
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;

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

  gap: 7px !important;

  color: #087a68 !important;

  background:
    linear-gradient(
      145deg,
      #f2faff,
      #effaf7
    ) !important;

  border:
    1px solid rgba(41, 159, 213, .13) !important;

  border-inline-start:
    4px solid #299fd5 !important;

  text-align: center !important;
}

/* روابط السياسات */

html body.theme-mint-light
.footer
.footer__in
.footer-legal-links
a,
html body.theme-mint-light
.footer
.footer__in
.footer-legal-links
a:link,
html body.theme-mint-light
.footer
.footer__in
.footer-legal-links
a:visited {
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;

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

  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;

  background: transparent !important;

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

  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.6 !important;

  text-shadow: none !important;
}

html body.theme-mint-light
.footer
.footer__in
.footer-legal-links
a:hover {
  color: #2479a4 !important;
  -webkit-text-fill-color: #2479a4 !important;
}

/* النقاط الفاصلة */

html body.theme-mint-light
.footer
.footer-legal-separator {
  color: #299fd5 !important;
  -webkit-text-fill-color: #299fd5 !important;

  font-weight: 900 !important;
}

/* إلغاء الفراغ والصف السفلي القديم */

html body.theme-mint-light
.footer
.footer__in {
  row-gap: 16px !important;
  padding-bottom: 0 !important;
}

html body.theme-mint-light
.footer {
  padding-bottom: 18px !important;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1000px) {
  html body.theme-mint-light
  .footer
  .footer__in
  .footer-copyright {
    grid-column: 1 / 2 !important;
    grid-row: auto !important;
  }

  html body.theme-mint-light
  .footer
  .footer__in
  .footer-legal-links {
    grid-column: 2 / 3 !important;
    grid-row: auto !important;
  }
}

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

@media (max-width: 650px) {
  html body.theme-mint-light
  .footer
  .footer__in
  .footer-copyright,
  html body.theme-mint-light
  .footer
  .footer__in
  .footer-legal-links {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;

    width: 100% !important;
  }

  html body.theme-mint-light
  .footer
  .footer__in
  .footer-legal-links {
    justify-content: flex-start !important;
    text-align: right !important;
  }
}





/* =========================================================
   EQUAL HERO TITLE DECORATIONS
   ========================================================= */

html body.theme-mint-light .hero__title--single {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
}

html body.theme-mint-light .hero__title--single::before,
html body.theme-mint-light .hero__title--single::after {
  content: "" !important;

  display: block !important;
  flex: 0 0 120px !important;

  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;

  height: 4px !important;

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

  border-radius: 999px !important;

  background:
    linear-gradient(
      90deg,
      #0ea57f,
      #18b79a,
      #299fd5
    ) !important;

  box-shadow:
    0 3px 10px rgba(14, 165, 127, .18) !important;

  opacity: 1 !important;
}

/* إلغاء أي اختلاف قديم بين اليمين والشمال */

html body.theme-mint-light .hero__title--single::before {
  transform: none !important;
  inset: auto !important;
}

html body.theme-mint-light .hero__title--single::after {
  transform: none !important;
  inset: auto !important;
}

/* ===== FOOTER STRUCTURAL FINAL START ===== */

/* =========================================================
   الفوتر أصبح ثلاث مجموعات:
   الشركة | المنتصف | التواصل
   ========================================================= */

html body.theme-mint-light
.footer
.footer__in {
  display: grid !important;

  grid-template-columns:
    minmax(250px, 1fr)
    minmax(460px, 1.75fr)
    minmax(270px, 1.05fr) !important;

  align-items: start !important;

  column-gap: 42px !important;
  row-gap: 0 !important;

  min-height: 0 !important;

  padding-bottom: 0 !important;
}

/* إلغاء أي عناصر أو صفوف قديمة */

html body.theme-mint-light
.footer
.f_copy {
  display: none !important;
}

/* =========================================================
   المجموعات الرئيسية
   ========================================================= */

html body.theme-mint-light
.footer
.footer-company-group,
html body.theme-mint-light
.footer
.footer-middle-group,
html body.theme-mint-light
.footer
.footer-contact {
  position: static !important;

  min-width: 0 !important;

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

  transform: none !important;
}

/* =========================================================
   يمين الفوتر: الشركة ثم الحقوق فوق
   ========================================================= */

html body.theme-mint-light
.footer
.footer-company-group {
  display: flex !important;
  flex-direction: column !important;

  gap: 26px !important;
}

html body.theme-mint-light
.footer
.footer-copyright {
  position: static !important;

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

  width: 100% !important;
  min-height: 50px !important;

  margin: 0 !important;
  padding: 11px 15px !important;

  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

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

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

  border-inline-start:
    4px solid #0ea57f !important;

  border-radius: 13px !important;

  box-shadow:
    0 7px 19px rgba(25, 89, 76, .06) !important;

  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.6 !important;

  text-align: center !important;

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

  transform: none !important;
}

/* =========================================================
   منتصف الفوتر: العمودان ثم السياسات فوق
   ========================================================= */

html body.theme-mint-light
.footer
.footer-middle-group {
  display: flex !important;
  flex-direction: column !important;

  gap: 26px !important;
}

html body.theme-mint-light
.footer
.footer-middle-columns {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 36px !important;

  align-items: start !important;
}

html body.theme-mint-light
.footer
.footer-legal-links {
  position: static !important;

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

  gap: 7px !important;

  width: 100% !important;
  min-height: 50px !important;

  margin: 0 !important;
  padding: 11px 15px !important;

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

  border:
    1px solid rgba(41, 159, 213, .15) !important;

  border-inline-start:
    4px solid #299fd5 !important;

  border-radius: 13px !important;

  box-shadow:
    0 7px 19px rgba(25, 89, 76, .06) !important;

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

  transform: none !important;
}

html body.theme-mint-light
.footer
.footer-legal-links
a,
html body.theme-mint-light
.footer
.footer-legal-links
a:link,
html body.theme-mint-light
.footer
.footer-legal-links
a:visited {
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;

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

  color: #087a68 !important;
  -webkit-text-fill-color: #087a68 !important;

  background: transparent !important;

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

  box-shadow: none !important;

  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.6 !important;
}

html body.theme-mint-light
.footer
.footer-legal-links
span {
  color: #299fd5 !important;
  -webkit-text-fill-color: #299fd5 !important;

  font-weight: 900 !important;
}

/* =========================================================
   أعمدة الفوتر
   ========================================================= */

html body.theme-mint-light
.footer
.f_col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  gap: 10px !important;

  min-width: 0 !important;

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

html body.theme-mint-light
.footer
.f_col
strong {
  margin-bottom: 8px !important;

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

  font-size: 19px !important;
  font-weight: 900 !important;
}

html body.theme-mint-light
.footer
.f_col
p {
  margin: 0 !important;

  color: #526f6b !important;
  -webkit-text-fill-color: #526f6b !important;

  line-height: 1.9 !important;
}

/* =========================================================
   تواصل معنا والسوشيال
   ========================================================= */

html body.theme-mint-light
.footer
.footer-contact {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  gap: 10px !important;
}

html body.theme-mint-light
.footer
.footer-contact
.soc {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 8px !important;

  width: 100% !important;

  margin-top: 8px !important;
}

/* =========================================================
   إزالة المساحة السفلية الكبيرة
   ========================================================= */

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

  padding:
    42px 0 18px !important;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1050px) {

  html body.theme-mint-light
  .footer
  .footer__in {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    row-gap: 34px !important;
  }

  html body.theme-mint-light
  .footer
  .footer-middle-group {
    grid-column: 1 / -1 !important;
  }
}

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

@media (max-width: 680px) {

  html body.theme-mint-light
  .footer
  .footer__in {
    grid-template-columns: 1fr !important;

    gap: 28px !important;
  }

  html body.theme-mint-light
  .footer
  .footer-middle-group {
    grid-column: auto !important;
  }

  html body.theme-mint-light
  .footer
  .footer-middle-columns {
    grid-template-columns: 1fr !important;
  }

  html body.theme-mint-light
  .footer
  .footer-legal-links {
    justify-content: flex-start !important;

    text-align: right !important;
  }
}

/* ===== FOOTER STRUCTURAL FINAL END ===== */

/* ===== REAL HERO SIDE LINES START ===== */

/*
العنصران الحقيقيان هما:
.hero__statement > span:first-child
.hero__statement > span:last-child
*/

/* شبكة متساوية تمامًا: 130px | العنوان | 130px */

html body.theme-mint-light
.hero.hero--dash
.hero__statement {
  display: grid !important;

  grid-template-columns:
    130px
    minmax(0, 1fr)
    130px !important;

  align-items: center !important;

  column-gap: 22px !important;

  width: 100% !important;
}

/* إلغاء الخطوط الوهمية التي أضيفت على العنوان سابقًا */

html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single::before,
html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single::after {
  content: none !important;
  display: none !important;
}

/* إعادة العنوان لعنصر عادي داخل منتصف الشبكة */

html body.theme-mint-light
.hero.hero--dash
.hero__title.hero__title--dash.hero__title--single {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;

  text-align: center !important;
}

/* الخطّان الحقيقيان — نفس المقاس حرفيًا */

html body.theme-mint-light
.hero.hero--dash
.hero__statement
>
span[aria-hidden="true"] {
  position: relative !important;

  display: block !important;

  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;

  height: 4px !important;
  min-height: 4px !important;
  max-height: 4px !important;

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

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

  background:
    linear-gradient(
      90deg,
      #299fd5 0%,
      #18b79a 50%,
      #0ea57f 100%
    ) !important;

  box-shadow:
    0 4px 12px rgba(14, 165, 127, .18) !important;

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

  transform: none !important;
}

/* الدائرتان بنفس المقاس والظل */

html body.theme-mint-light
.hero.hero--dash
.hero__statement
>
span[aria-hidden="true"]::after {
  content: "" !important;

  position: absolute !important;
  top: 50% !important;

  display: block !important;

  width: 12px !important;
  height: 12px !important;

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

  border:
    2px solid rgba(255, 255, 255, .76) !important;

  border-radius: 50% !important;

  background:
    linear-gradient(
      180deg,
      #5fcdb7,
      #0ea57f
    ) !important;

  box-shadow:
    0 0 0 5px rgba(14, 165, 127, .10),
    0 0 18px rgba(14, 165, 127, .32) !important;

  transform: translateY(-50%) !important;

  opacity: 1 !important;
}

/* الدائرة الداخلية للخط الموجود يمين العنوان */

html body.theme-mint-light
.hero.hero--dash
.hero__statement
>
span:first-child::after {
  left: 0 !important;
  right: auto !important;
}

/* الدائرة الداخلية للخط الموجود يسار العنوان */

html body.theme-mint-light
.hero.hero--dash
.hero__statement
>
span:last-child::after {
  right: 0 !important;
  left: auto !important;
}

/*
عكس تدرج الطرف الثاني فقط حتى تكون الزخرفتان صورتين متطابقتين
ومتقابلتين بصريًا.
*/

html body.theme-mint-light
.hero.hero--dash
.hero__statement
>
span:last-child {
  background:
    linear-gradient(
      90deg,
      #0ea57f 0%,
      #18b79a 50%,
      #299fd5 100%
    ) !important;
}

/* الموبايل */

@media (max-width: 760px) {

  html body.theme-mint-light
  .hero.hero--dash
  .hero__statement {
    grid-template-columns:
      44px
      minmax(0, 1fr)
      44px !important;

    column-gap: 9px !important;
  }

  html body.theme-mint-light
  .hero.hero--dash
  .hero__statement
  >
  span[aria-hidden="true"] {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 3px !important;
  }

  html body.theme-mint-light
  .hero.hero--dash
  .hero__statement
  >
  span[aria-hidden="true"]::after {
    width: 9px !important;
    height: 9px !important;
  }
}

/* ===== REAL HERO SIDE LINES END ===== */

/* =========================================================
   HERO NOTE
   ========================================================= */

html body.theme-mint-light .hero__note{

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:18px !important;

    margin-top:16px !important;

    color:#1f4d58 !important;
    -webkit-text-fill-color:#1f4d58 !important;

    font-size:15px !important;
    font-weight:800 !important;

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

    text-shadow:none !important;

    filter:none !important;
}

/* ===== BAREEQ HERO BACKGROUND IMAGE START ===== */

/* الحاوية الرئيسية */

html body.theme-mint-light
.hero.hero--dash {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* طبقة صورة بريق تواصل الخلفية */

html body.theme-mint-light
.hero.hero--dash
.hero__bg {
  position: absolute !important;

  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  background:
    linear-gradient(
      90deg,
      rgba(239, 251, 247, .88) 0%,
      rgba(244, 252, 250, .54) 45%,
      rgba(238, 248, 252, .88) 100%
    ),
    url("/assets/logo.webp") center 40% / 650px auto no-repeat !important;

  opacity: .16 !important;

  filter:
    saturate(.85)
    contrast(.94) !important;

  pointer-events: none !important;

  z-index: 0 !important;
}

/* توهج فاتح حول الصورة */

html body.theme-mint-light
.hero.hero--dash
.hero__bg::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(255, 255, 255, .12) 0%,
      rgba(255, 255, 255, .36) 26%,
      rgba(239, 251, 247, .72) 72%,
      rgba(238, 248, 252, .90) 100%
    ) !important;

  opacity: 1 !important;
}

/* ضمان بقاء المحتوى فوق الخلفية */

html body.theme-mint-light
.hero.hero--dash
.hero__in {
  position: relative !important;
  z-index: 2 !important;
}

/* إزالة أي خلفية قديمة داكنة من طبقة الهيرو */

html body.theme-mint-light
.hero.hero--dash::before,
html body.theme-mint-light
.hero.hero--dash::after {
  pointer-events: none !important;
}

/* الشاشات الكبيرة */

@media (min-width: 1500px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__bg {
    background:
      linear-gradient(
        90deg,
        rgba(239, 251, 247, .88) 0%,
        rgba(244, 252, 250, .52) 45%,
        rgba(238, 248, 252, .88) 100%
      ),
      url("/assets/logo.webp") center 40% / 760px auto no-repeat !important;
  }
}

/* الموبايل */

@media (max-width: 760px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__bg {
    background:
      linear-gradient(
        rgba(239, 251, 247, .82),
        rgba(238, 248, 252, .88)
      ),
      url("/assets/logo.webp") center 19% / 360px auto no-repeat !important;

    opacity: .12 !important;
  }
}

/* ===== BAREEQ HERO BACKGROUND IMAGE END ===== */

/* ===== BAREEQ HERO BIG BACKGROUND LOGO START ===== */

html body.theme-mint-light
.hero.hero--dash
.hero__bg {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  background:
    linear-gradient(
      90deg,
      rgba(239, 251, 247, .76) 0%,
      rgba(244, 252, 250, .34) 46%,
      rgba(238, 248, 252, .76) 100%
    ),
    url("/assets/logo.webp")
    center 34%
    / min(980px, 72vw) auto
    no-repeat !important;

  opacity: .24 !important;

  filter:
    saturate(.9)
    contrast(.96) !important;

  pointer-events: none !important;
  z-index: 0 !important;
}

/* تخفيف الطبقة الفاتحة حتى يظهر الشعار الكبير بوضوح */

html body.theme-mint-light
.hero.hero--dash
.hero__bg::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(255, 255, 255, .05) 0%,
      rgba(255, 255, 255, .18) 30%,
      rgba(239, 251, 247, .48) 74%,
      rgba(238, 248, 252, .66) 100%
    ) !important;

  opacity: 1 !important;
}

/* المحتوى يظل فوق الخلفية */

html body.theme-mint-light
.hero.hero--dash
.hero__in {
  position: relative !important;
  z-index: 2 !important;
}

/* الشاشات العريضة */

@media (min-width: 1500px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__bg {
    background:
      linear-gradient(
        90deg,
        rgba(239, 251, 247, .74) 0%,
        rgba(244, 252, 250, .30) 46%,
        rgba(238, 248, 252, .74) 100%
      ),
      url("/assets/logo.webp")
      center 34%
      / 1180px auto
      no-repeat !important;

    opacity: .25 !important;
  }
}

/* التابلت */

@media (max-width: 1100px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__bg {
    background:
      linear-gradient(
        rgba(239, 251, 247, .72),
        rgba(238, 248, 252, .76)
      ),
      url("/assets/logo.webp")
      center 28%
      / 760px auto
      no-repeat !important;

    opacity: .21 !important;
  }
}

/* الموبايل */

@media (max-width: 760px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__bg {
    background:
      linear-gradient(
        rgba(239, 251, 247, .70),
        rgba(238, 248, 252, .78)
      ),
      url("/assets/logo.webp")
      center 18%
      / 520px auto
      no-repeat !important;

    opacity: .17 !important;
  }
}

/* ===== BAREEQ HERO BIG BACKGROUND LOGO END ===== */

/* ===== RAISE HERO BACKGROUND LOGO START ===== */

/* رفع صورة بريق في خلفية الهيرو إلى أعلى */

html body.theme-mint-light
.hero.hero--dash
.hero__bg {
  background-position:
    center 6%,
    center 6% !important;
}

/* الشاشات العريضة */

@media (min-width: 1500px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__bg {
    background-position:
      center 4%,
      center 4% !important;
  }
}

/* التابلت */

@media (max-width: 1100px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__bg {
    background-position:
      center 5%,
      center 5% !important;
  }
}

/* الموبايل */

@media (max-width: 760px) {
  html body.theme-mint-light
  .hero.hero--dash
  .hero__bg {
    background-position:
      center 8%,
      center 8% !important;
  }
}

/* ===== RAISE HERO BACKGROUND LOGO END ===== */

/* ===== RAISE LOGO MUCH HIGHER ===== */

html body.theme-mint-light
.hero.hero--dash
.hero__bg{
    background-position:
        center -22%,
        center -22%
        !important;
}

/* شاشات كبيرة */

@media (min-width:1500px){

html body.theme-mint-light
.hero.hero--dash
.hero__bg{

    background-position:
        center -28%,
        center -28%
        !important;

}

}

/* تابلت */

@media (max-width:1100px){

html body.theme-mint-light
.hero.hero--dash
.hero__bg{

    background-position:
        center -18%,
        center -18%
        !important;

}

}

/* موبايل */

@media (max-width:760px){

html body.theme-mint-light
.hero.hero--dash
.hero__bg{

    background-position:
        center -10%,
        center -10%
        !important;

}

}

/* ===== END ===== */


/* =========================================================
   RAISE HERO LOGO MUCH HIGHER
   ========================================================= */

html body.theme-mint-light
.hero.hero--dash
.hero__bg{

    background-position:
        center -15%,
        center -15%
        !important;

}

/* شاشة كبيرة */

@media (min-width:1500px){

html body.theme-mint-light
.hero.hero--dash
.hero__bg{

    background-position:
        center -55%,
        center -55%
        !important;

}

}

/* تابلت */

@media (max-width:1100px){

html body.theme-mint-light
.hero.hero--dash
.hero__bg{

    background-position:
        center -42%,
        center -42%
        !important;

}

}

/* موبايل */

@media (max-width:760px){

html body.theme-mint-light
.hero.hero--dash
.hero__bg{

    background-position:
        center -28%,
        center -28%
        !important;

}

}