/* CSS لجعل Header يظهر فوق Hero Section */
.header {
    position: relative;
    z-index: 1000;
    margin-top: 0;
    padding-top: 0;
}

.header .navbar {
    background: transparent;
}

/* إزالة أي مساحات إضافية */
.header .header-top-wrapper {
    margin-bottom: 0;
}

.header .row {
    margin-bottom: 0;
}

/* تحسين المظهر في الشاشات الصغيرة */
@media (max-width: 991px) {
    .header {
        background: transparent;
    }
}