.elementor-18 .elementor-element.elementor-element-52fe07e{padding:10px 0px 10px 0px;z-index:100;}.elementor-widget-image .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-18 .elementor-element.elementor-element-f1ad6a6 img{max-width:35%;}.elementor-18 .elementor-element.elementor-element-c66ebc6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px) and (min-width:768px){.elementor-18 .elementor-element.elementor-element-c66ebc6{width:60%;}}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-f1ad6a6 img{max-width:67%;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-e0909f0{width:70%;}.elementor-18 .elementor-element.elementor-element-f1ad6a6{text-align:left;}.elementor-18 .elementor-element.elementor-element-c66ebc6{width:30%;}}/* Start custom CSS for column, class: .elementor-element-c66ebc6 */.topbar-unactive {
    border-radius: 100px;
    border: 1px solid var(--stroke, hsla(0, 0%, 100%, 0));
    background: #e7080800;
    box-shadow: 0 0 20px 0 hsla(0, 0%, 100%, 0);
    backdrop-filter: blur(20px);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-52fe07e *//* خصائص الهيدر (افترض أن لديك عنصر HTML بـ class="header") */
.header-h {
    /* الخصائص الأساسية للتثبيت */
    position: fixed; /* 👈 النقطة الأساسية: تجعل العنصر ثابتًا بالنسبة لنافذة المتصفح */
    top: 0;          /* تثبيته في أعلى الصفحة */
    left: 0;         /* تثبيته من اليسار (ابدأ من الحافة) */
    width: 100%;     /* جعله يملأ عرض الشاشة بالكامل */
    z-index: 1000;   /* التأكد من أنه يظهر فوق باقي المحتوى */

    /* خصائص تصميم إضافية (يمكنك تعديلها) */
    
    color: white;
    padding: 15px 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* **ملاحظة مهمة:** يجب إضافة هامش علوي للعنصر الذي يلي الهيدر */
/* لمنع المحتوى من الاختفاء أسفل الهيدر الثابت. */

/* إذا كان ارتفاع الهيدر مثلاً 70 بكسل */
body {
    padding-top: 70px; /* يجب أن تكون هذه القيمة مساوية لارتفاع الهيدر الثابت */
    margin: 0; /* لإزالة الهامش الافتراضي من المتصفح */
}/* End custom CSS */