.elementor-44962 .elementor-element.elementor-element-2bdd255{--display:flex;--min-height:417px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;}.elementor-44962 .elementor-element.elementor-element-2bdd255:not(.elementor-motion-effects-element-type-background), .elementor-44962 .elementor-element.elementor-element-2bdd255 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://enbithaq.ae/wp-content/uploads/2026/04/zq-lee-DcyL0IoCY0A-unsplash-scaled.jpg");background-position:center center;background-size:cover;}.elementor-44962 .elementor-element.elementor-element-2bdd255::before, .elementor-44962 .elementor-element.elementor-element-2bdd255 > .elementor-background-video-container::before, .elementor-44962 .elementor-element.elementor-element-2bdd255 > .e-con-inner > .elementor-background-video-container::before, .elementor-44962 .elementor-element.elementor-element-2bdd255 > .elementor-background-slideshow::before, .elementor-44962 .elementor-element.elementor-element-2bdd255 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44962 .elementor-element.elementor-element-2bdd255 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(117deg, #0578FC 52%, #A57601 65%);}.elementor-44962 .elementor-element.elementor-element-0169118{--display:flex;--justify-content:center;}.elementor-44962 .elementor-element.elementor-element-2a8c476 .elementor-heading-title{color:#FFFFFF;}.elementor-44962 .elementor-element.elementor-element-4e8e484 .elementor-heading-title{font-size:33px;color:#FFB600;}.elementor-44962 .elementor-element.elementor-element-865b1b3{columns:1;font-size:22px;color:#FFFFFF;}.elementor-44962 .elementor-element.elementor-element-865b1b3 p{margin-block-end:0px;}.elementor-44962 .elementor-element.elementor-element-f66b487{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-44962 .elementor-element.elementor-element-b7ddf98 .elementor-button{background-color:transparent;font-weight:800;background-image:linear-gradient(290deg, #FFB600 0%, #A57601 89%);border-radius:5px 5px 5px 5px;padding:20px 20px 20px 20px;}.elementor-44962 .elementor-element.elementor-element-b7ddf98{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-44962 .elementor-element.elementor-element-3c7498e .elementor-button{background-color:transparent;font-weight:800;background-image:linear-gradient(185deg, #0C84D6 56%, #080808 100%);border-radius:5px 5px 5px 5px;padding:20px 20px 20px 20px;}.elementor-44962 .elementor-element.elementor-element-3c7498e{width:100%;max-width:100%;}.elementor-44962 .elementor-element.elementor-element-5da9d32{--display:flex;--justify-content:space-around;}.elementor-44962 .elementor-element.elementor-element-1240a42{--display:flex;}.elementor-44962 .elementor-element.elementor-element-45b4d68{--display:flex;}@media(max-width:767px){.elementor-44962 .elementor-element.elementor-element-0169118{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-44962 .elementor-element.elementor-element-2a8c476 .elementor-heading-title{font-size:30px;}.elementor-44962 .elementor-element.elementor-element-4e8e484 .elementor-heading-title{font-size:25px;}.elementor-44962 .elementor-element.elementor-element-865b1b3{font-size:15px;}}/* Start custom CSS for text-editor, class: .elementor-element-61b404a *//* استيراد خط تجوال لدعم اللغة العربية بشكل أنيق */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

/* المتغيرات (الألوان والخطوط) */
:root {
    --primary-light-blue: #0ea5e9; /* الأزرق الفاتح الذي طلبته بدلاً من الأخضر */
    --gold-color: #b8860b; /* اللون الذهبي للعناوين الصغيرة والأيقونات */
    --text-dark: #1f2937; /* لون النصوص الداكنة */
    --text-gray: #4b5563; /* لون النصوص الفرعية */
    --font-main: 'Tajawal', sans-serif;
}

/* تنسيق الحاوية الرئيسية */
.inbithaq-section {
    padding: 60px 20px;
    font-family: var(--font-main);
    background-color: #ffffff;
}

.inbithaq-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 40px;
}

/* تنسيقات النصوص المشتركة */
.sub-heading {
    color: var(--gold-color);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}

/* ---------------- القسم الأيمن (الميزات) ---------------- */
.features-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.features-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 10px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.feature-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background-color: var(--primary-light-blue); /* تحويل الخلفية للأزرق الفاتح */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.feature-icon svg {
    width: 24px;
    height: 24px;
}

.feature-text h3 {
    color: var(--text-dark);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 5px 0;
}

.feature-text p {
    color: var(--text-gray);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* ---------------- الخط الفاصل ---------------- */
.section-divider {
    width: 1px;
    background-color: #e5e7eb;
    margin: 0 10px;
}

/* ---------------- القسم الأيسر (النبذة) ---------------- */
.about-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.main-title {
    color: var(--primary-light-blue); /* تغيير لون العنوان الرئيسي للأزرق الفاتح */
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 25px 0;
}

.description {
    color: var(--text-gray);
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 20px 0;
}

/* ---------------- شبكة الإحصائيات ---------------- */
.stats-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto; /* لدفع الإحصائيات للأسفل */
    padding-top: 30px;
    flex-wrap: wrap;
    gap: 15px;
}

.stat-item {
    text-align: center;
    flex: 1;
    min-width: 80px;
}

.stat-icon-gold {
    color: var(--gold-color);
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}

.stat-icon-gold svg {
    width: 32px;
    height: 32px;
}

.stat-number {
    color: var(--primary-light-blue); /* الأرقام باللون الأزرق الفاتح */
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 5px 0;
    direction: ltr; /* لضمان ظهور الـ + والـ K بشكل صحيح بجانب الرقم */
}

.stat-label {
    color: var(--text-gray);
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

/* ---------------- التجاوب مع الشاشات (الهواتف الذكية) ---------------- */
@media (max-width: 992px) {
    .inbithaq-container {
        flex-direction: column-reverse; /* جعل قسم "نبذة" يظهر أولاً في الجوال */
        gap: 50px;
    }

    .section-divider {
        width: 100%;
        height: 1px;
        margin: 0;
    }

    .stats-grid {
        justify-content: center;
        gap: 30px;
    }
    
    .stat-item {
        flex: 0 0 calc(50% - 30px); /* عرض الإحصائيات في عمودين على الجوال */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-238ab8d *//* استيراد خط تجوال لدعم اللغة العربية بشكل جميل */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

/* المتغيرات (الألوان والخطوط) */
:root {
    --light-blue: #0ea5e9; /* الأزرق الفاتح المطلوب */
    --gold-divider: #d4af37; /* لون الخطوط الفاصلة (ذهبي/بني فاتح) */
    --text-dark: #374151; /* رمادي داكن للنصوص */
    --bg-light: #f8fafc; /* خلفية الصندوق الرمادية الفاتحة */
    --font-family: 'Tajawal', sans-serif;
}

/* تنسيق الحاوية الرئيسية */
.values-section {
    background-color: var(--bg-light);
    border-radius: 20px;
    padding: 40px 20px;
    max-width: 1200px;
    margin: 40px auto;
    font-family: var(--font-family);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

/* العنوان الرئيسي للقسم */
.section-title {
    text-align: center;
    color: var(--light-blue);
    font-size: 28px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 40px;
}

/* شبكة القيم */
.values-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

/* العنصر الواحد (القيمة) */
.value-item {
    flex: 1;
    text-align: center;
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* الخط الفاصل بين العناصر */
/* نضعه على اليسار لكل العناصر ما عدا الأخير (لأن الاتجاه RTL) */
.value-item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background-color: var(--gold-divider);
    opacity: 0.5;
}

/* تنسيق الأيقونة */
.value-icon {
    color: var(--light-blue);
    margin-bottom: 15px;
}

.value-icon svg {
    width: 42px;
    height: 42px;
    stroke-width: 1.8;
}

/* تنسيق عنوان القيمة */
.value-title {
    color: var(--light-blue);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

/* تنسيق وصف القيمة */
.value-desc {
    color: var(--text-dark);
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    margin: 0;
    max-width: 200px; /* لضمان عدم تمدد النص بشكل مزعج */
}

/* إعدادات التجاوب (الهواتف الذكية والأجهزة اللوحية) */
@media (max-width: 992px) {
    .values-container {
        flex-wrap: wrap;
        gap: 30px 0;
    }
    
    .value-item {
        flex: 0 0 33.333%; /* 3 عناصر في الصف على الشاشات المتوسطة */
    }

    /* إخفاء الخطوط الفاصلة الأصلية لتجنب تداخلها */
    .value-item::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .value-item {
        flex: 0 0 50%; /* عنصرين في الصف على الشاشات الصغيرة */
    }
}

@media (max-width: 480px) {
    .values-container {
        flex-direction: column;
        gap: 35px;
    }
    
    .value-item {
        flex: 0 0 100%; /* عنصر واحد في الصف على الهواتف */
        padding: 0;
    }
    
    .value-desc {
        max-width: 280px;
    }
}/* End custom CSS */