.elementor-39662 .elementor-element.elementor-element-e5d7e5f{--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:space-around;--align-items:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-39662 .elementor-element.elementor-element-bfbdfb3{width:var( --container-widget-width, 55.636% );max-width:55.636%;--container-widget-width:55.636%;--container-widget-flex-grow:0;}.elementor-39662 .elementor-element.elementor-element-bfbdfb3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-39662 .elementor-element.elementor-element-7d32700.elementor-element{--align-self:center;}.elementor-39662 .elementor-element.elementor-element-7d32700 .elementor-menu-toggle{margin:0 auto;}.elementor-39662 .elementor-element.elementor-element-7d32700 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-39662 .elementor-element.elementor-element-7d32700 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-39662 .elementor-element.elementor-element-7d32700 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-39662 .elementor-element.elementor-element-7d32700 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-39662 .elementor-element.elementor-element-7d32700 .elementor-nav-menu--main .elementor-item:focus{color:#0052B4;fill:#0052B4;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-39662 .elementor-element.elementor-element-1f8c17c .elementor-button{background-color:#0052B4;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-39662 .elementor-element.elementor-element-1f8c17c.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-e5d7e5f *//* 1. التنسيقات العامة والأساسية (تُطبق على الكمبيوتر والشاشات الكبيرة بشكل افتراضي) */
body {
    font-size: 16px;
    padding: 20px;
    margin: 0;
}

.container {
    width: 85%;
    margin: 0 auto;
}


/* 2. شاشات التابلت (شاشات متوسطة الحجم - أصغر من 992 بكسل) */
@media (max-width: 992px) {
    body {
        font-size: 15px;
        padding: 15px;
    }
    
    .container {
        width: 90%; /* تكبير الحاوية شوية عشان الشاشة أصغر */
    }
    
    /* لو عندك عناصر جنب بعض وعاوزها تحت بعض في التابلت */
    .row {
        display: flex;
        flex-direction: column; 
    }
}


/* 3. شاشات الموبايل (شاشات صغيرة - أصغر من 600 بكسل) */
@media (max-width: 600px) {
    body {
        font-size: 14px; /* تصغير الخط عشان يناسب الموبايل */
        padding: 10px;
    }
    
    .container {
        width: 95%; /* استغلال مساحة الشاشة بالكامل تقريباً */
    }
    
    /* إخفاء عناصر معينة في الموبايل لو مش مهمة */
    .hide-on-mobile {
        display: none;
    }
    
    /* تظبيط القوائم أو الصور عشان متطلعش برة الشاشة */
    img {
        max-width: 100%;
        height: auto;
    }
}/* End custom CSS */