.elementor-8446 .elementor-element.elementor-element-b62591e:not(.elementor-motion-effects-element-type-background), .elementor-8446 .elementor-element.elementor-element-b62591e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(176deg, #EAFBFF 69%, #32347A 100%);}.elementor-8446 .elementor-element.elementor-element-b62591e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8446 .elementor-element.elementor-element-b62591e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-8773844 *//* ======================================== */
/* ===== ألوان الصفحة بالكامل ===== */
/* ======================================== */

/* 1. خلفية الصفحة الرئيسية */
body {
    background: #f3efe9;
}

/* 2. الحاوية الرئيسية */
.page {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);
}

/* 3. الهيدر (الرأس) */
.header {
    border-bottom: 2px dashed rgba(91, 42, 114, 0.12);
}

.logo-text b {
    color: #1c1c1c;
}

.logo-text span {
    color: #444444;
}

.logo-text em {
    color: #777777;
}

.smi-brand .ar {
    color: #1b1b1b;
}

.smi-brand .en {
    color: #555555;
}

/* 4. البانر (العنوان) */
.banner {
    background: rgba(255, 255, 255, 0.50);
    border: 1.5px solid #d5cdc1;
}

.banner .desc {
    color: #1f2a2a;
}

/* 5. البطاقات - ألوان الخلفية */
.card.hr {
    background: linear-gradient(160deg, #3c7a63, #25543f);
}

.card.secretary {
    background: linear-gradient(160deg, #2a7a74, #175a54);
}

.card.excellence {
    background: linear-gradient(160deg, #8a7a2a, #6b5c18);
}

.card.assistant {
    background: linear-gradient(160deg, #2a6f92, #1a4f6e);
}

/* 6. بطاقة نظام نور */
.nour-card {
    background: linear-gradient(100deg, #5b2a72, #4a2260);
    box-shadow: 0 12px 30px rgba(91, 42, 114, 0.25);
}

/* 7. الفوتر السفلي (الجزء اللي تحت الكلام) */
.footer-row {
    background: #e8e0d6;
    border: 1px solid #d5cdc1;
}

.installment .label {
    color: #2d2d2d;
}

/* 8. تمارا - التقسيط */
.tamara {
    background: #f5e6c8;
    color: #3d2b1f;
}

/* 9. الأسعار القديمة والجديدة */
.compare .old .val {
    color: #b0a89a;
}

.compare .new .val {
    color: #2d2d2d;
}

.compare .new .cur {
    color: #5d5d5d;
}

.compare .old .lbl,
.compare .new .lbl {
    color: #5d5d5d;
}

/* 10. قسم الساعات */
.hours .lbl {
    color: #2d2d2d;
}

.hours .num {
    color: #2d2d2d;
}

.hours .sub {
    color: #5d5d5d;
}

/* 11. نص الشهادات المعتمدة */
.certified {
    color: #2d2d2d;
}

/* 12. السوشيال بار */
.social-bar {
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.social-icons .handle {
    color: #2d2d2d;
}

.whatsapp {
    color: #2d2d2d;
}/* End custom CSS */