/* 🎨 تغيير خلفية زر البانر بالقوة */
.fbanner-star-btn {
  background: linear-gradient(90deg, #D24F99, #3E245C) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease-in-out !important;
}



/* 🩵 أولوية قصوى (للتأكد من تخطي inline style) */
[style*="background: #d24f99"] {
  background: linear-gradient(90deg, #D24F99, #3E245C) !important;
}

.title-heade {
  background: linear-gradient(90deg, #D24F99, #3E245C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

/* جعل الأيقونات والعناوين بتدرج لوني جذاب */
.g_features i,
.g_features h3 {
  background: linear-gradient(90deg, #D24F99, #3E245C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* لو عايزة الأيقونات تبقى أكبر قليلاً */
.g_features i {
  font-size: 40px;
  margin-bottom: 10px;
}

/* خلفية النشرة البريدية */
.bg-\[var\(--s-color\)\] {
  background: linear-gradient(135deg, #D24F99, #3E245C) !important;
  color: #fff !important;
}

/* تعديل لون النصوص داخل السكشن */
.bg-\[var\(--s-color\)\] h2,
.bg-\[var\(--s-color\)\] p {
  color: #fff !important;
}

/* زر الاشتراك */
#mc-embedded-subscribe {
  background: linear-gradient(135deg, #D24F99, #3E245C) !important;
  border: none !important;
  color: #fff !important;
  transition: opacity 0.3s ease;
}

#mc-embedded-subscribe:hover {
  opacity: 0.8;
}

/* الأيقونة داخل الدائرة */
.bg-\[var\(--s-color\)\] i {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #D24F99;
}


.banner_ad .img3 {
    display: none;
}
.banner_ad .img2 {
    grid-row: span 2;
}

/* خلفية الشريط العلوي */
.slider-top {
  background: linear-gradient(135deg, #D24F99, #3E245C) !important;
}