.elementor-2334 .elementor-element.elementor-element-4b42a60 > .elementor-background-overlay{background-color:var( --e-global-color-9671978 );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2334 .elementor-element.elementor-element-4b42a60 > .elementor-container{min-height:400px;}.elementor-2334 .elementor-element.elementor-element-4b42a60:not(.elementor-motion-effects-element-type-background), .elementor-2334 .elementor-element.elementor-element-4b42a60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-2334 .elementor-element.elementor-element-4b42a60{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-2334 .elementor-element.elementor-element-c884325{text-align:center;}.elementor-2334 .elementor-element.elementor-element-c884325 .elementor-heading-title{font-size:48px;color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-cfe3790 > .elementor-container{max-width:1350px;}.elementor-2334 .elementor-element.elementor-element-cfe3790{margin-top:50px;margin-bottom:50px;}.elementor-2334 .elementor-element.elementor-element-9687b59{--grid-columns:3;}.elementor-2334 .elementor-element.elementor-element-9687b59 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2334 .elementor-element.elementor-element-9687b59 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2334 .elementor-element.elementor-element-9687b59 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2334 .elementor-element.elementor-element-9687b59 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2334 .elementor-element.elementor-element-9687b59 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-2334 .elementor-element.elementor-element-9687b59{--grid-columns:2;}}@media(max-width:767px){.elementor-2334 .elementor-element.elementor-element-4b42a60 > .elementor-container{min-height:250px;}.elementor-2334 .elementor-element.elementor-element-c884325 .elementor-heading-title{font-size:30px;}.elementor-2334 .elementor-element.elementor-element-cfe3790{margin-top:0px;margin-bottom:0px;padding:20px 20px 20px 20px;}.elementor-2334 .elementor-element.elementor-element-12675d6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-9687b59{--grid-columns:1;}}@media(min-width:1025px){.elementor-2334 .elementor-element.elementor-element-4b42a60:not(.elementor-motion-effects-element-type-background), .elementor-2334 .elementor-element.elementor-element-4b42a60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for loop-grid, class: .elementor-element-9687b59 *//* تضمين الكود السابق */
.elementor-pagination {
    display: flex;
    justify-content: center; /* وضع العناصر في المنتصف أفقيًا */
    align-items: center; /* وضع العناصر في المنتصف عموديًا */
    margin-top: 20px; /* إضافة هامش علوي اختياري */
}

/* تغيير نمط أزرار الصفحات */
.elementor-pagination .page-numbers {
    display: inline-block;
    padding: 10px 20px 10px 20px; /* الهامش الداخلي لكل زر */
    margin: 10px 5px; /* التباعد الافتراضي بين الأزرار */
    
    color: black; 
    font-weight: 600 ;
    background-color: #BEBE95; /* لون الخلفية أخضر */
    border: 1px solid #BEBE95; /* لون الحدود أخضر */
    border-radius: 0px; /* زوايا دائرية */
    text-decoration: none; /* إزالة الخط السفلي من الروابط */
    transition: all 0.3s ease; /* تأثير الانتقال */

     border-radius: 5px;
    
}

/* تأثير hover لتغيير لون الأزرار إلى البرتقالي */
.elementor-pagination .page-numbers:hover {
    background-color: white; /* لون الخلفية عند التمرير بالماوس */
    border: 1px solid white; /* لون الحدود عند التمرير بالماوس */
   
}

/* لون الزر النشط برتقالي */
.elementor-pagination .page-numbers.current {
    background-color: white; /* لون الخلفية للزر النشط */
    border: 1px solid white; 
}

/* التباعد بين الأزرار في متصفح الهاتف */
@media (max-width: 767px) {
    .elementor-pagination .page-numbers {
        margin: 0 10px; /* التباعد بين الأزرار بمقدار 10 بكسل من الجانبين */
    }
}/* End custom CSS */