.elementor-11777 .elementor-element.elementor-element-68dcaf3{--display:flex;--min-height:50px;--justify-content:space-between;}.elementor-11777 .elementor-element.elementor-element-68dcaf3:not(.elementor-motion-effects-element-type-background), .elementor-11777 .elementor-element.elementor-element-68dcaf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C4D63;}.elementor-11777 .elementor-element.elementor-element-20a51ca .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-11777 .elementor-element.elementor-element-20a51ca .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-11777 .elementor-element.elementor-element-20a51ca .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-11777 .elementor-element.elementor-element-20a51ca .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-11777 .elementor-element.elementor-element-20a51ca .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-11777 .elementor-element.elementor-element-20a51ca .elementor-icon-list-icon i{color:#FFFBFB;transition:color 0.3s;}.elementor-11777 .elementor-element.elementor-element-20a51ca .elementor-icon-list-icon svg{fill:#FFFBFB;transition:fill 0.3s;}.elementor-11777 .elementor-element.elementor-element-20a51ca{--e-icon-list-icon-size:14px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-11777 .elementor-element.elementor-element-20a51ca .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;transition:color 0.3s;}.elementor-11777 .elementor-element.elementor-element-1530ae5{--display:flex;}.elementor-11777 .elementor-element.elementor-element-1530ae5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11777 .elementor-element.elementor-element-401a0133 > .elementor-widget-container{margin:-13px 0px 49px 0px;}.elementor-11777 .elementor-element.elementor-element-401a0133 .top-bar-area {background:#1C4D63!important;}.elementor-11777 .elementor-element.elementor-element-401a0133  ul.nav > li > a{color:#1C4D63!important;}.elementor-11777 .elementor-element.elementor-element-401a0133 .custom-logo{width:60px;height:200px;padding:0px 0px 0px 0px;margin:-7px 0px 1px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-11777 .elementor-element.elementor-element-72373c3{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-11777 .elementor-element.elementor-element-1530ae5{--width:118.616%;}}/* Start custom CSS for icon-list, class: .elementor-element-20a51ca *//* ==========================================================================
   7. الإصلاح العربي المعوّط + تكبير الأيقونات (RTL Boxed Grid & Icon Size Fix)
   ========================================================================== */

/* 1. حبس القائمة وسط عرض شبكة الموقع (1140px) وسنترتها */
body.rtl .elementor-widget-icon-list .elementor-icon-list-items {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important; /* الحفاظ على الـ RTL المقروء صحيح */
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    align-items: center !important; /* سنترة عمودية كاملة وسط الشريط */
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

/* 2. تباعد العناصر لداخل والسنترة */
body.rtl .elementor-widget-icon-list .elementor-icon-list-item {
    display: flex !important;
    align-items: center !important;
    margin-left: 25px !important; /* مسافة بين الهاتف والإيميل */
    margin-right: 0 !important;
}

/* 3. دفع السوشيال ميديا لليصار وسط الـ 1140px */
body.rtl .elementor-widget-icon-list .elementor-icon-list-item:nth-child(3) {
    margin-right: auto !important; /* دفع قسري لليصار */
    margin-left: 0 !important;
}
body.rtl .elementor-widget-icon-list .elementor-icon-list-item:nth-child(4) {
    margin-right: 20px !important; /* مسافة بين الفيسبوك وإنستغرام */
    margin-left: 0 !important;
}

/* 4. تكبير حجم الأيقونات كاملين وسط الشريط الأزرق (الهاتف، الإيميل، والسوشيال) */
body.rtl .elementor-widget-icon-list .elementor-icon-list-icon i {
    font-size: 19px !important; /* تكبير أيقونات الفونت (Font Icons) */
}
body.rtl .elementor-widget-icon-list .elementor-icon-list-icon svg {
    width: 19px !important;  /* تكبير أيقونات الـ SVG إيلا كانت مستعملة */
    height: 19px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1530ae5 */<div class="custom-top-bar">
    <!-- جهة معلومات الاتصال (الهاتف والإيميل) -->
    <div class="top-bar-contact">
        <div class="contact-item">
            <!-- أيقونة الهاتف -->
            <svg viewBox="0 0 24 24" class="top-icon"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
            <span>الهاتف: <span class="protect-ltr">+974 5573 5126</span></span>
        </div>
        <div class="contact-item">
            <!-- أيقونة الإيميل -->
            <svg viewBox="0 0 24 24" class="top-icon"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
            <span>البريد الإلكتروني: <span class="protect-ltr">shalmansoori73@gmail.com</span></span>
        </div>
    </div>

    <!-- جهة أيقونات السوشيال ميديا -->
    <div class="top-bar-socials">
        <a href="#" target="_blank" aria-label="Facebook">
            <svg viewBox="0 0 24 24" class="social-icon"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
        </a>
        <a href="#" target="_blank" aria-label="Instagram">
            <svg viewBox="0 0 24 24" class="social-icon"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>
        </a>
    </div>
</div>

<style>
.custom-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 20px;
    direction: rtl !important; /* الحفاظ على اتجاه الهيدر العربي */
}

.top-bar-contact {
    display: flex;
    gap: 30px; /* المسافة بين الهاتف والإيميل */
    align-items: center;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff; /* لون الكتابة */
    font-size: 14px;
    font-family: 'Segoe UI', sans-serif;
}

.top-icon {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #ffffff; /* لون الأيقونات */
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* حماية الأرقام والإيميلات اللاتينية من الانقلاب */
.protect-ltr {
    direction: ltr !important;
    display: inline-block;
    margin-right: 4px;
}

.top-bar-socials {
    display: flex;
    gap: 20px; /* المسافة بين أيقونات السوشيال ميديا */
    align-items: center;
}

.top-bar-socials a {
    display: flex;
    align-items: center;
}

.social-icon {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #ffffff; /* لون أيقونات السوشيال ميديا */
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.3s ease;
}

.social-icon:hover {
    opacity: 0.7;
}

/* Responsive: للتحكم ف العرض على الهواتف */
@media (max-width: 768px) {
    .custom-top-bar {
        flex-direction: column;
        gap: 12px;
        text-align: center;
        padding: 15px 10px;
    }
    .top-bar-contact {
        flex-direction: column;
        gap: 10px;
    }
}
</style>/* End custom CSS */