@media (min-width: 992px) { /* Adjusts the minimum width for hover effect to apply, typically for desktop views */
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
    }
}

.slider-item {
    position: relative; /* ضروري لضبط تموضع العناصر المطلقة */
    overflow: hidden; /* اختياري لمنع أي تجاوزات */
}

    .slider-item img {
        width: 100%;
        height: 100vh; /* يمكنك تغيير الارتفاع حسب رغبتك */
        object-fit: cover; /* ليتم ملء الصورة بطريقة متناسقة */
        display: block;
    }

    .slider-item .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.50);
        z-index: 1; /* طبقة فوق الصورة */
    }

    .slider-item .container1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2; /* أعلى من overlay */
        text-align: center;
        color: #fff;
    }

.slider-text container1 h2 {
    color: white;
}