.elementor-299 .elementor-element.elementor-element-8fffaf1{--display:flex;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-container{text-align:center;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-trigger i{margin-right:5px;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-trigger svg{margin-right:5px;fill:#ffffff;width:12px;height:12px;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-trigger{color:#ffffff;background-color:#605BE5;border-color:#E8E8E8;padding:10px 10px 10px 10px;border-style:none;border-radius:2px 2px 2px 2px;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-trigger:hover{color:#ffffff;background-color:#605BE5;border-color:#E8E8E8;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-6a96093 .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-close-offcanvas{color:#222222;border-color:#FFF;width:12px;height:12px;border-style:none;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.wpr-offcanvas-wrap-6a96093 .wpr-close-offcanvas{color:#222222;border-color:#FFF;width:12px;height:12px;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-close-offcanvas i{font-size:12px;}.wpr-offcanvas-wrap-6a96093 .wpr-close-offcanvas i{font-size:12px;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-6a96093 .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-6a96093  .wpr-close-offcanvas{border-style:none;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-title{color:#222222;}.wpr-offcanvas-wrap-6a96093 .wpr-offcanvas-title{color:#222222;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-content{background-color:#FFFFFF;border-color:#000;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-6a96093 .wpr-offcanvas-content{background-color:#FFFFFF;border-color:#000;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-content, .wpr-offcanvas-wrap-6a96093 .wpr-offcanvas-content{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-wrap{background-color:#07070733;}.wpr-offcanvas-wrap-6a96093{background-color:#07070733;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-content::-webkit-scrollbar-thumb{border-left-color:#E8E8E8;border-left-width:3px;}.elementor-299 .elementor-element.elementor-element-6a96093 .wpr-offcanvas-content::-webkit-scrollbar{width:calc(3px + 3px);}/* Start custom CSS for wpr-offcanvas, class: .elementor-element-6a96093 *//* 1. زيادة عرض نافذة الـ Off-Canvas */
.elementor-template-canvas {
    /* يمكنك تغيير القيمة 800px حسب العرض الذي تفضلينه */
    width: 800px !important; 
    /* لزيادة الأهمية وتجاوز أي إعدادات سابقة */
}

/* 2. توسيط نافذة الـ Off-Canvas في منتصف الشاشة */
.elementor-template-canvas {
    /* استخدام Flexbox للتوسيط */
    display: flex;
    justify-content: center; /* توسيط أفقي */
    align-items: center; /* توسيط رأسي (إذا كان المحتوى صغيراً) */
    
    /* التأكد من ضبط موضع النافذة */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* إضافة لون خلفية لتجنب ظهور أي محتوى خلف النافذة */
    background-color: #ffffff; /* يمكنك استخدام لونك الأساسي #FFFFFF (أبيض) */
}

/* 3. لضبط محتوى الـ Easy Appointments داخل النافذة */
.ea-bootstrap {
    max-width: 100%; /* لضمان أن نموذج الحجز لا يتجاوز عرض النافذة المنبثقة */
    margin: auto; /* لتوسيط النموذج داخل الحاوية */
}/* End custom CSS */