#installmentBanner {
  font-family: 'Cairo', sans-serif;
  transition: all 0.3s ease-in-out;
}
#installmentBanner .banner-buttons a {
  background-color: #1e90ff;
  padding: 10px 20px;
  color: white;
  border-radius: 8px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
#installmentBanner .banner-buttons a:hover {
  background-color: #0f75d3;
}


.custom-style-1 { direction: rtl;text-align: right;max-width: 700px;margin: auto;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 16px;line-height: 1.8;color: #333;background-color: #f9f9f9;padding: 20px;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.1) }
.custom-style-2 {
  color: #2e7d32;
  text-align: right;      /* ✅ محاذاة يمين */
  direction: rtl;         /* ✅ اتجاه من اليمين لليسار */
  font-size: 24px;
  margin-bottom: 25px;
}
.custom-style-3 { color: #000 }
.custom-style-4 { padding-right: 20px }
.custom-style-5 { color: #888 }
.custom-style-6 { list-style-type: circle;padding-right: 20px }
.custom-style-7 { margin-top: 30px;text-align: center;background-color: #e8f5e9;padding: 15px;border-radius: 10px }
.custom-style-8 { font-size: 18px;font-weight: bold;color: #1b5e20 }
.custom-style-9 { font-size: 18px;color: #2e7d32;text-decoration: none }
.custom-style-10 { margin-top: 10px }
.custom-style-11 { direction: rtl;text-align: right;max-width: 700px;margin: auto;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 16px;line-height: 1.8;color: #333;background-color: #f9f9f9;padding: 20px;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.1) }
.custom-style-12 { text-align: center; color: #1e90ff; font-size: 26px; margin-bottom: 10px }
.custom-style-13 { text-align: center; color: #555; font-size: 16px; margin-bottom: 40px }
.custom-style-14 { background-color: #fff; border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); margin-bottom: 40px; overflow: hidden; }
.custom-style-15 { margin: 0; padding: 15px; background-color: #f4f8fb; font-size: 20px; color: #333; }
.custom-style-16 { position: relative; width: 100%; padding-top: 56.25%; }
.custom-style-17 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.custom-style-18 { direction: rtl;text-align: right;max-width: 700px;margin: auto;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 16px;line-height: 1.8;color: #333;background-color: #f9f9f9;padding: 20px;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.1) }
.custom-style-19 { text-align: center;color: #1e90ff;font-size: 24px;margin-bottom: 30px }
.custom-style-20 { margin-bottom: 25px;background: #f8f9fa;padding: 20px;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.05) }
.custom-style-21 { color: #333 }
.custom-style-22 { text-align: center; margin-top: 30px; }
.custom-style-23 { display: inline-block;background-color: #25D366;color: white;padding: 12px 30px;border-radius: 10px;text-decoration: none;font-weight: bold;font-size: 18px }
.custom-style-24 { margin-top: 40px;text-align: center }
.custom-style-25 { color: #1e90ff }
.custom-style-26 { margin-top: 20px;font-style: italic;background: #f1f1f1;padding: 15px 20px;border-radius: 10px }
.custom-style-27 { background: #f8f9fa;padding: 20px;margin: 20px auto;max-width: 700px;border-radius: 12px;box-shadow: 0 4px 10px rgba(0,0,0,0.05) }
.custom-style-28 { font-size: 16px;font-style: italic;color: #333 }
.custom-style-29 { color: #666;font-weight: bold;margin-top: 10px }
.custom-style-30 { direction: rtl;max-width: 800px;margin: auto;font-family: 'Segoe UI', Tahoma, sans-serif; margin-top: 50px }
.custom-style-31 { text-align: center;color: #1e90ff }
.custom-style-32 { text-align: center;color: #444;margin-bottom: 10px }
.custom-style-33 { text-align: center;margin-bottom: 20px }
.custom-style-34 { width:100%;margin-bottom:10px;padding:8px }
.custom-style-35 { color: #555;font-size: 14px;margin-bottom: 15px }
.custom-style-36 { display: none }
.custom-style-37 { text-align: center; margin-top: 20px; }
.custom-style-38 { background-color: #25D366;color: white;padding: 12px 30px;border: none;border-radius: 8px;font-size: 16px;font-weight: bold;cursor: pointer }
.custom-style-39 { direction: rtl;font-family: 'Segoe UI', Tahoma, sans-serif;max-width: 900px;margin: auto;padding: 20px }
.custom-style-40 { text-align: center;color: #1e90ff;font-size: 28px;margin-bottom: 10px }
.custom-style-41 { text-align: center;color: #555;font-size: 18px;margin-bottom: 30px }
.custom-style-42 { margin-bottom: 30px }
.custom-style-43 { color: #dc3545;font-size: 20px;margin-bottom: 10px }
.custom-style-44 { text-align: center;color: #dc3545;font-size: 28px;margin-bottom: 10px }
.custom-style-45 { text-align: center;color: #444;font-size: 18px;margin-bottom: 30px }
.custom-style-46 { color: #1e90ff;font-size: 20px;margin-bottom: 10px }
.custom-style-47 { text-align: center;margin-top: 30px }
.custom-style-48 { display: inline-block;background: #1e90ff;color: white;padding: 14px 30px;font-size: 18px;font-weight: bold;border-radius: 10px;text-decoration: none;box-shadow: 0 6px 12px rgba(0,0,0,0.1) }
.custom-style-49 { direction: rtl;font-family: 'Segoe UI', Tahoma, sans-serif;background: linear-gradient(135deg, #fff, #f9f9f9);max-width: 900px;margin: auto;padding: 30px;border-radius: 20px;box-shadow: 0 8px 24px rgba(0,0,0,0.1) }
.custom-style-50 { text-align: center;color: #d32f2f;font-size: 32px;margin-bottom: 10px }
.custom-style-51 { text-align: center;color: #555;font-size: 20px;margin-bottom: 25px }
.custom-style-52 { display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;margin-bottom: 25px }
.custom-style-53 { flex: 1 1 200px;background: #fff;border: 1px solid #eee;border-radius: 12px;padding: 15px;text-align: center;box-shadow: 0 4px 12px rgba(0,0,0,0.05) }
.custom-style-54 { font-size: 36px }
.custom-style-55 { font-size: 18px;margin: 10px 0 }
.custom-style-56 { text-align: center;font-size: 16px;color: #444;margin-bottom: 25px }
.custom-style-57 { text-align: center;border-radius: 12px;overflow: hidden;margin-bottom: 30px }
.custom-style-58 { text-align: center;margin: 40px auto 0 }
.custom-style-59 { display: inline-block;background: linear-gradient(135deg, #1e88e5, #1565c0);color: #fff;padding: 14px 32px;font-size: 18px;font-weight: bold;border-radius: 12px;text-decoration: none;box-shadow: 0 6px 16px rgba(30,136,229,0.25) }


/* تأكد إن ده مضاف في style.css */

.custom-style-30 {
  padding: 30px;
}

.custom-style-30 label {
  display: block;
  font-weight: bold;
  margin: 20px 0 5px;
}

.custom-style-34 {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.custom-style-36 {
  margin-bottom: 20px;
}

.custom-style-38 {
  background-color: #28a745;
  border: none;
  color: white;
  padding: 14px 28px;
  font-size: 18px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.custom-style-38:hover {
  background-color: #218838;
}


/* تحسين مظهر الفورم داخل custom-style-30 */
.custom-style-30 {
  padding: 30px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  max-width: 700px;
  margin: auto;
}

.custom-style-30 label {
  display: block;
  font-weight: bold;
  margin: 20px 0 5px;
  color: #333;
  font-size: 16px;
}

.custom-style-34 {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.custom-style-36 {
  margin-bottom: 20px;
}

.custom-style-38 {
  background-color: #28a745;
  border: none;
  color: white;
  padding: 14px 28px;
  font-size: 18px;
  border-radius: 8px;
  cursor: pointer;
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 30px auto 0;
  transition: background-color 0.3s;
}

.custom-style-38:hover {
  background-color: #218838;
}


/* جعل كل بيان يظهر في سطر مستقل */
.custom-style-30 label,
.custom-style-30 input,
.custom-style-30 select,
.custom-style-30 textarea,
.custom-style-30 button {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 15px auto;
  box-sizing: border-box;
}


/* ضبط الخط العام للصفحة ليطابق الكتالوج */
body, h1, h2, h3, h4, h5, h6, p, li, a, label, input, select, button, textarea {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important;
}


.custom-style-1,
.custom-style-11,
.custom-style-18,
.custom-style-24,
.custom-style-30,
.custom-style-39,
.custom-style-49 {
  direction: rtl;
  text-align: right;
  max-width: 700px;
  margin: auto;
  margin-bottom: 40px;
  font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}


.video-wrapper {
  max-width: 400px;
  margin: auto;
}

.video-wrapper iframe {
  width: 100%;
  height: 640px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: none;
}

/* === From new CSS additions === */
#installmentBanner {
  font-family: 'Cairo', sans-serif;
  transition: all 0.3s ease-in-out;
  max-width: 420px;
  width: 95vw;
  padding: 13px 12px;
  font-size: 1.08rem;
  border-radius: 14px;
  margin: 0 auto;
  box-sizing: border-box;}
#installmentBanner .banner-buttons a {
  background-color: #1e90ff;
  padding: 7px 16px;
  color: white;
  border-radius: 7px;
  font-weight: bold;
  text-decoration: none;
  font-size: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.09);}
#installmentBanner .banner-buttons a:hover {
  background-color: #0f75d3;}
@media (max-width: 600px) {
  #installmentBanner {
    max-width: 96vw;
    width: 96vw;
    padding: 6px 5vw;
    font-size: 0.95rem;
    border-radius: 10px;
    margin: 5px auto 0 auto;}
#installmentBanner .banner-buttons a {
    padding: 5px 7vw;
    font-size: 0.91rem;
    border-radius: 6px;}
.custom-style-30 { direction: rtl;max-width: 800px;margin: auto;font-family: 'Segoe UI', Tahoma, sans-serif; margin-top: 50px}
.custom-style-38 { background-color: #25D366;color: white;padding: 12px 30px;border: none;border-radius: 8px;font-size: 16px;font-weight: bold;cursor: pointer}
/* تأكد إن ده مضاف في style.css */

.custom-style-30 {
  padding: 30px;}
.custom-style-30 label {
  display: block;
  font-weight: bold;
  margin: 20px 0 5px;}
.custom-style-38 {
  background-color: #28a745;
  border: none;
  color: white;
  padding: 14px 28px;
  font-size: 18px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;}
.custom-style-38:hover {
  background-color: #218838;}
/* تحسين مظهر الفورم داخل custom-style-30 */
.custom-style-30 {
  padding: 30px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  max-width: 700px;
  margin: auto;}
.custom-style-30 label {
  display: block;
  font-weight: bold;
  margin: 20px 0 5px;
  color: #333;
  font-size: 16px;}
.custom-style-38 {
  background-color: #28a745;
  border: none;
  color: white;
  padding: 14px 28px;
  font-size: 18px;
  border-radius: 8px;
  cursor: pointer;
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 30px auto 0;
  transition: background-color 0.3s;}
.custom-style-38:hover {
  background-color: #218838;}
/* جعل كل بيان يظهر في سطر مستقل */
.custom-style-30 label,
.custom-style-30 input,
.custom-style-30 select,
.custom-style-30 textarea,
.custom-style-30 button {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 15px auto;
  box-sizing: border-box;}
.custom-style-1,
.custom-style-11,
.custom-style-18,
.custom-style-24,
.custom-style-30,
.custom-style-39,
.custom-style-49 {
  direction: rtl;
  text-align: right;
  max-width: 700px;
  margin: auto;
  margin-bottom: 40px;
  font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);}