.elementor-11525 .elementor-element.elementor-element-34000d5{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--position:fixed;top:0px;}.elementor-11525 .elementor-element.elementor-element-34000d5.e-con{--align-self:center;}body:not(.rtl) .elementor-11525 .elementor-element.elementor-element-34000d5{left:0px;}body.rtl .elementor-11525 .elementor-element.elementor-element-34000d5{right:0px;}.elementor-widget-theme-etheme_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-11525 .elementor-element.elementor-element-6639e3a9{text-align:center;width:100%;max-width:100%;}.elementor-11525 .elementor-element.elementor-element-6639e3a9.elementor-element{--align-self:center;}.elementor-11525 .elementor-element.elementor-element-6e7beea6{--dropdown-animation-name:etheme-elementor-menu-dropdown-fadeInUp;--menu-item-spacing:0px;}.elementor-11525 .elementor-element.elementor-element-6e7beea6 .etheme-elementor-nav-menu-item-parent{font-family:"expoarabic-semibold1", Sans-serif;}.elementor-11525 .elementor-element.elementor-element-6e7beea6 .etheme-elementor-nav-menu-item-parent .elementor-item{fill:#475569;color:#475569;}.elementor-11525 .elementor-element.elementor-element-6e7beea6 .etheme-elementor-nav-menu-item-parent:not(.e--pointer-framed) .elementor-item:before,
                .elementor-11525 .elementor-element.elementor-element-6e7beea6 .etheme-elementor-nav-menu-item-parent:not(.e--pointer-framed) .elementor-item:after{background-color:#475569;}.elementor-11525 .elementor-element.elementor-element-6e7beea6 .etheme-elementor-nav-menu-item-parent.e--pointer-framed .elementor-item:before,
                .elementor-11525 .elementor-element.elementor-element-6e7beea6 .etheme-elementor-nav-menu-item-parent.e--pointer-framed .elementor-item:after{border-color:#475569;}.elementor-11525 .elementor-element.elementor-element-6e7beea6 .item-design-dropdown .nav-sublist-dropdown ul>li>.etheme-elementor-nav-menu-item{fill:#000000;color:#000000;}.elementor-11525 .elementor-element.elementor-element-6e7beea6 .item-design-dropdown .nav-sublist-dropdown ul>li>.etheme-elementor-nav-menu-item:hover{fill:#555;color:#555;}.elementor-11525 .elementor-element.elementor-element-6e7beea6 .item-design-dropdown .nav-sublist-dropdown ul>.current-menu-item>a{fill:#555;color:#555;}.elementor-11525 .elementor-element.elementor-element-6e7beea6.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, 
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:var( --e-global-color-text );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:hover,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:focus,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:hover,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.wpml-ls-link__active,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.highlighted,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:focus{color:var( --e-global-color-accent );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-statics-post_translations{color:var( --e-global-color-text );}.elementor-11525 .elementor-element.elementor-element-4cebc0ed .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, 
					.elementor-11525 .elementor-element.elementor-element-4cebc0ed .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:#FFFFFF;background-color:#DFF0F8;}.elementor-11525 .elementor-element.elementor-element-4cebc0ed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11525 .elementor-element.elementor-element-4cebc0ed.elementor-element{--align-self:stretch;}.elementor-11525 .elementor-element.elementor-element-5cacdd3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-11525 .elementor-element.elementor-element-34000d5{--content-width:1420px;}}/* Start custom CSS for theme-etheme_site-logo, class: .elementor-element-6639e3a9 *//* الخلفية العامة للنظام */
body {
    background: url(https://hasib.net/wp-content/uploads/2026/04/Hero-Section.png) top right !important; 
    background-size: cover !important;
}

/* الحالة الافتراضية للهيدر */
#main-header {
    background-color: #fff !important; 
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1); 
    transition: background-color 0.4s ease-in-out;
    width: 100%;
}

/* توزيع العناصر داخل الهيدر */
#main-header .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px;
    direction: rtl; /* لضمان الترتيب من اليمين لليسار */
}

/* جعل اللوجو يأخذ مساحته الطبيعية */
.elementor-element-6639e3a9 {
    width: auto !important;
    max-width: 180px;
}

/* توسيط القائمة في المساحة المتبقية */
.elementor-element-6e7beea6 {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

/* تباعد الروابط داخل المنيو */
.etheme-elementor-nav-menu li {
    margin: 0 15px !important;
}

/* تنسيق محول اللغة (EN) */
.elementor-element-4cebc0ed .wpml-ls-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 8px !important;
    color: #5B2EFF !important;
    font-weight: bold !important;
    text-decoration: none !important;
    width: 77px;
    height: 42px;
    border-radius: 8px;
    border: solid 1px #E2E8F0;
    font-family: 'ExpoArabic-Medium1';
}

/* إضافة أيقونة الكرة الأرضية قبل EN */
.elementor-element-4cebc0ed .wpml-ls-link::before {
    content: '\f0ac';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #2DAAE1;
}

/* إخفاء نص "الإنجليزية" واستبداله بـ EN */
.wpml-ls-display { 
    display: none !important; 
}

.elementor-element-4cebc0ed .wpml-ls-link::after {
    content: 'EN';
    font-size: 14px;
    color: #334155;
    position: relative;
    top: 1px;
    font-weight: normal;
}

/* تنسيق زر تسجيل الدخول */
.login-btn a.elementor-button {
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 25px !important;
    border-radius: 5px !important;
    white-space: nowrap;
}

/* إزاحة المحتوى تحت الهيدر المثبت */
#about { 
    margin-top: 100px;
}

html {
    scroll-behavior: smooth !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34000d5 */body{
    background: url(https://hasib.net/wp-content/uploads/2026/04/Hero-Section.png) top right !important ; 
    background-size: cover !important;
}
/* تحويل الحاوية لنظام Flexbox وتوزيع العناصر على سطر واحد */
.elementor-11525 .elementor-element.elementor-element-34000d5 .e-con-inner {
    display: flex !important;
    flex-direction: row !important; /* لضمان الترتيب من اليمين لليسار */
    justify-content: space-between !important; /* توزيع اللوجو والمنيو والزر */
    align-items: center !important; /* محاذاة الجميع في المنتصف رأسياً */
    gap: 20px;
}

/* جعل اللوجو يأخذ مساحته الطبيعية فقط */
.elementor-11525 .elementor-element.elementor-element-34000d5 .elementor-element-82c5a88 {
    width: auto !important;
    max-width: 180px;
}

/* تباعد القائمة وتوسيطها */
.elementor-11525 .elementor-element.elementor-element-34000d5 .elementor-element-6a89f05 {
    flex-grow: 1; /* لتأخذ المساحة المتبقية في المنتصف */
    display: flex;
    justify-content: center;
}

/* تنسيق الروابط داخل المنيو */
.elementor-11525 .elementor-element.elementor-element-34000d5 .etheme-elementor-nav-menu li {
    margin: 0 15px !important;
}

/* تنسيق زر تسجيل الدخول (الرمادي) */
.elementor-11525 .elementor-element.elementor-element-34000d5 .elementor-element-6ef5cc4 .elementor-button {
   
    padding: 10px 25px !important;
    border-radius: 5px !important;
    white-space: nowrap; /* لمنع انقسام النص */
}



/**** LAnguage *****
/* تنسيق كلمة EN والأيقونة */
.elementor-11525 .elementor-element.elementor-element-34000d5 .wpml-ls-link {
   display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 8px !important;
    color: #5B2EFF !important;
    font-weight: bold !important;
    text-decoration: none !important;
    width: 77px;
    height: 42px;
    justify-content: center;
    border-radius: 8px;
    border: solid 1px #E2E8F0;
    font-family: 'ExpoArabic-Medium1';
}

/* إضافة أيقونة اللغة برمجياً (Globe Icon) قبل النص */
.elementor-11525 .elementor-element.elementor-element-34000d5 .wpml-ls-link::before {
    content: '\f0ac'; /* رمز الكرة الأرضية في FontAwesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #2DAAE1; /* لون الأيقونة أزرق سماوي */
}

/* إخفاء النص الطويل (الإنجليزية) واستبداله بـ EN */
.elementor-11525 .elementor-element.elementor-element-34000d5 .wpml-ls-native {
    display: none !important; /* إخفاء النص الحالي */
}

.elementor-11525 .elementor-element.elementor-element-34000d5 .wpml-ls-link::after {
    content: 'EN';
    font-size: 14px;
    color: #334155;
    top: 2px;
    position: relative;
    font-weight: normal;
    font-family: 'ExpoArabic-Medium1';
}

/* إزالة أي خلفيات أو إطارات تلقائية من الإضافة */
.elementor-11525 .elementor-element.elementor-element-34000d5 .wpml-ls-item {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.wpml-ls-display{ display: none;}
.login-btn a{height: 42px;
             display: flex;
              align-items: center;}

.etheme-elementor-nav-menu__align-left{    justify-content: right !important;
    margin-right: 3%;}
    
    
    /* الحالة الافتراضية: هيدر شفاف */
#main-header{
    background-color: #fff !important; /* لون أبيض شفاف قليلاً */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1); /* ظل خفيف ليبرز عن المحتوى */
    transition: background-color 0.4s ease-in-out; /* حركة ناعمة للتحول */
}

/* لتغيير لون النصوص عند التمرير إذا كان الهيدر شفافاً في البداية */

    #about{    margin-top: 100px;
}
html{
    scroll-behavior: smooth !important;
}


/* تنسيق الزر الديناميكي الجديد */
.hasib-dynamic-btn {
    background-color: #2DAAE1 !important; /* نفس لون الزر في الصورة */
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    font-family: 'ExpoArabic-Medium1', sans-serif !important;
    text-decoration: none !important;
    height: 42px !important;
}

.hasib-dynamic-btn .elementor-button-icon {
    margin-right: 8px;
    font-size: 18px;
}/* End custom CSS */