.elementor-1084 .elementor-element.elementor-element-200f7ea{--display:flex;--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;}.elementor-1084 .elementor-element.elementor-element-1aa4060{--display:flex;--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;}.elementor-1084 .elementor-element.elementor-element-cd341e8{--display:flex;--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;}.elementor-1084 .elementor-element.elementor-element-124deed{--display:flex;--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;}.elementor-1084 .elementor-element.elementor-element-bf3d098{--display:flex;--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;}.elementor-1084 .elementor-element.elementor-element-75bfbac{--display:flex;--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;}.elementor-1084 .elementor-element.elementor-element-d250002{--display:flex;--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;}.elementor-1084 .elementor-element.elementor-element-c66bfe8{--display:flex;--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;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-ae66083 *//* عرض متوسط ومناسب لمربع العدادات */
.ora-wrapper-v7 .ora-counters-box-v7 {
    min-width: 60% !important; /* قللناها لـ 60% علشان يبقى وسط */
    max-width: 850px !important; /* حد أقصى علشان ميفردش أوي في الشاشات الكبيرة */
    justify-content: space-evenly !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* للموبايل زي ما هو علشان ما يبوظش */
@media (max-width: 768px) {
    .ora-wrapper-v7 .ora-counters-box-v7 {
        min-width: 98% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* 1. تظبيط العنصر بالكامل (الأيقونة + المحتوى) ليكونوا تحت بعض ومتسنترين */
.ora-counter-item-v7 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* 2. ضمان توسيط الصورة (الأيقونة) */
.ora-counter-item-v7 img {
    display: block !important;
    margin: 0 auto 15px auto !important; /* توسيط يمين وشمال مع مسافة تحتها */
    max-width: 100% !important;
}

/* 3. تظبيط حاوية الرقم والنص لتكون متسنترة */
.ora-counter-content-v7 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* 4. توسيط الرقم والنص نفسهم */
.ora-counter-content-v7 h2.ora-num-v7,
.ora-counter-content-v7 p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-646169a *//* عرض متوسط ومناسب لمربع العدادات */
.ora-wrapper-v7 .ora-counters-box-v7 {
    min-width: 60% !important; /* قللناها لـ 60% علشان يبقى وسط */
    max-width: 850px !important; /* حد أقصى علشان ميفردش أوي في الشاشات الكبيرة */
    justify-content: space-evenly !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* للموبايل زي ما هو علشان ما يبوظش */
@media (max-width: 768px) {
    .ora-wrapper-v7 .ora-counters-box-v7 {
        min-width: 98% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3c75ac1 *//* 1. إصلاح قص الصور (عرض الصورة بالكامل بأبعادها الطبيعية) */
.ora-slide img,
.exo-en-slide img {
    aspect-ratio: auto !important;
    object-fit: contain !important;
    max-height: 600px !important; /* حد أقصى للطول عشان متكبرش أوي في الشاشات العملاقة */
    border-radius: 12px !important;
}

/* 2. جعل الحاوية الأساسية نسبية لضبط الأسهم عليها */
.ora-results-container,
.exo-en-results-container {
    position: relative !important;
}

/* 3. نقل الأسهم على الجانبين (يمين وشمال) */
.ora-nav-btns,
.exo-en-nav-btns {
    position: absolute !important;
    top: 45% !important; /* توسيط عمودي */
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    pointer-events: none; /* عشان مساحة الـ div متمنعش الضغط على الصورة */
    z-index: 10;
    padding: 0 10px; /* مسافة أمان من الحواف */
}

/* تفعيل الضغط على الأسهم فقط وتظبيط شكلها */
.ora-nav-btn,
.exo-en-nav-btn {
    pointer-events: auto; 
    background-color: var(--ora-res-nav-bg) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    width: 50px !important;
    height: 50px !important;
}

/* 4. توسيط النقاط (Dots) في الأسفل بعد نقل الأسهم */
.ora-slider-controls,
.exo-en-slider-controls {
    justify-content: center !important;
    margin-top: 30px !important;
}
/* 1. زيادة الارتفاع الكلي للمنطقة */
.ora-slider-area, .exo-en-slider-area {
    height: 750px !important; 
    perspective: 1500px !important;
}

/* 2. زيادة عرض الشريحة حاجة بسيطة (من 40% لـ 50%) */
.ora-slide, .exo-en-slide {
    width: 50% !important; /* زودنا العرض هنا */
    max-width: 550px !important; /* زودنا الحد الأقصى للعرض */
}

/* 3. مقاس الصورة الفعلي */
.ora-slide img, .exo-en-slide img {
    height: 650px !important; 
    width: 100% !important;
    object-fit: cover !important; 
    border-radius: 20px !important;
}

/* 4. تظبيط مسافات الصور الجانبية بعد زيادة العرض */
[dir="rtl"] .ora-slide.prev, [dir="rtl"] .exo-en-slide.prev {
    transform: translateX(50%) scale(0.8) translateZ(-250px) rotateY(-25deg) !important;
}
[dir="ltr"] .ora-slide.prev, [dir="ltr"] .exo-en-slide.prev {
    transform: translateX(-50%) scale(0.8) translateZ(-250px) rotateY(25deg) !important;
}

[dir="rtl"] .ora-slide.next, [dir="rtl"] .exo-en-slide.next {
    transform: translateX(-50%) scale(0.8) translateZ(-250px) rotateY(25deg) !important;
}
[dir="ltr"] .ora-slide.next, [dir="ltr"] .exo-en-slide.next {
    transform: translateX(50%) scale(0.8) translateZ(-250px) rotateY(-25deg) !important;
}

/* للموبايل: يفضل يفضل ملموم عشان الشاشة */
@media (max-width: 768px) {
    .ora-slider-area, .exo-en-slider-area { height: 500px !important; }
    .ora-slide { width: 85% !important; }
    .ora-slide img, .exo-en-slide img { height: 400px !important; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-89d8e6e *//* عرض متوسط ومناسب لمربع العدادات */
.ora-wrapper-v7 .ora-counters-box-v7 {
    min-width: 60% !important; /* قللناها لـ 60% علشان يبقى وسط */
    max-width: 850px !important; /* حد أقصى علشان ميفردش أوي في الشاشات الكبيرة */
    justify-content: space-evenly !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* للموبايل زي ما هو علشان ما يبوظش */
@media (max-width: 768px) {
    .ora-wrapper-v7 .ora-counters-box-v7 {
        min-width: 98% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c280e56 *//* عرض متوسط ومناسب لمربع العدادات */
.ora-wrapper-v7 .ora-counters-box-v7 {
    min-width: 60% !important; /* قللناها لـ 60% علشان يبقى وسط */
    max-width: 850px !important; /* حد أقصى علشان ميفردش أوي في الشاشات الكبيرة */
    justify-content: space-evenly !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* للموبايل زي ما هو علشان ما يبوظش */
@media (max-width: 768px) {
    .ora-wrapper-v7 .ora-counters-box-v7 {
        min-width: 98% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ebf287 *//* عرض متوسط ومناسب لمربع العدادات */
.ora-wrapper-v7 .ora-counters-box-v7 {
    min-width: 60% !important; /* قللناها لـ 60% علشان يبقى وسط */
    max-width: 850px !important; /* حد أقصى علشان ميفردش أوي في الشاشات الكبيرة */
    justify-content: space-evenly !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* للموبايل زي ما هو علشان ما يبوظش */
@media (max-width: 768px) {
    .ora-wrapper-v7 .ora-counters-box-v7 {
        min-width: 98% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-12b2c5c *//* عرض متوسط ومناسب لمربع العدادات */
.ora-wrapper-v7 .ora-counters-box-v7 {
    min-width: 60% !important; /* قللناها لـ 60% علشان يبقى وسط */
    max-width: 850px !important; /* حد أقصى علشان ميفردش أوي في الشاشات الكبيرة */
    justify-content: space-evenly !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* للموبايل زي ما هو علشان ما يبوظش */
@media (max-width: 768px) {
    .ora-wrapper-v7 .ora-counters-box-v7 {
        min-width: 98% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
/* تظبيط مسافات السوشيال ميديا في الفوتر العربي */
.ora-footer-wrapper .social {
    display: flex !important;
    justify-content: flex-start !important; /* علشان يبدأوا جنب بعض من اليمين */
    gap: 15px !important; /* المسافة بين الأيقونات، ممكن تصغرها لـ 10px لو عايزهم أقرب */
}/* End custom CSS */