.elementor-10463 .elementor-element.elementor-element-4da8535{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10463 .elementor-element.elementor-element-e1124c4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:6px 6px 6px 6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-10463 .elementor-element.elementor-element-e6c2ff7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--overflow:hidden;--border-radius:6px 6px 6px 6px;--padding-top:0px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;--z-index:3;}@media(max-width:1023px){.elementor-10463 .elementor-element.elementor-element-e6c2ff7{--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:24px 24px;--row-gap:24px;--column-gap:24px;}}@media(max-width:767px){.elementor-10463 .elementor-element.elementor-element-e1124c4{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-10463 .elementor-element.elementor-element-e6c2ff7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-b2ae08a *//* الأنماط العامة للحاوية الرئيسية */
.ost-about-us-container {
    font-family: 'Arial', sans-serif;
    line-height: 1.7;
    color: #333333;
    direction: rtl; /* لضمان الاتجاه الصحيح */
}

/* نمط العنوان الرئيسي (H1) */
.ost-main-heading {
    color: #004a99; /* أزرق داكن */
    border-bottom: 3px solid #ffcc00; /* شريط أصفر */
    padding-bottom: 15px;
    margin-bottom: 35px;
    font-size: 2.3em;
    text-align: center;
    font-weight: 700;
}

/* نمط العناوين الفرعية (H2) */
.ost-sub-heading {
    color: #d9534f; /* لون يرمز للقوة/الانتباه */
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.6em;
    display: flex;
    align-items: center;
    font-weight: 600;
}

/* تنسيق الأيقونات داخل العناوين */
.ost-sub-heading .icon {
    margin-left: 10px;
    font-size: 1.2em;
}

/* تمييز النصوص الهامة */
.highlight {
    color: #004a99;
    font-weight: 700;
}

/* تنسيق قائمة النقاط */
.ost-list {
    list-style-type: none;
    padding-right: 0;
    margin-top: 20px;
}

.ost-list li {
    background: #eef7ff; /* خلفية فاتحة لعناصر القائمة */
    margin-bottom: 12px;
    padding: 15px;
    border-radius: 5px;
    border-right: 5px solid #ffcc00; /* شريط جانبي أصفر */
    font-weight: 500;
    color: #222;
}

/* تنسيق فاصل الخط الأفقي */
.ost-divider {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #cccccc, rgba(0, 0, 0, 0));
    margin: 40px 0;
}

/* قسم الدعوة للعمل (Call to Action) - تم تعديل الأنماط لإزالة الخلفية الزرقاء */
.call-to-action {
    text-align: center;
    margin-top: 50px;
    padding: 30px 20px;
    border: 2px dashed #004a99; /* إضافة إطار مميز بدلاً من الخلفية */
    border-radius: 10px;
    background-color: #ffffff; /* إبقاء الخلفية بيضاء أو شفافة */
}

.call-to-action .ost-cta-heading {
    color: #004a99; /* عنوان بلون أزرق داكن */
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 15px;
}

.call-to-action h3 {
    margin: 20px 0;
    font-size: 1.5em;
    color: #333;
}

.ost-cta-link {
    display: inline-block;
    background: #ffcc00; /* زر مميز باللون الأصفر */
    color: #004a99;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    padding: 12px 30px;
    border-radius: 50px;
    transition: background 0.3s, transform 0.3s;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 15px;
}

.ost-cta-link:hover {
    background: #ffd94d;
    transform: translateY(-2px); /* تأثير بسيط عند المرور بالماوس */
}/* End custom CSS */