/* sm */
/*@media (max-width: 576px) {
    .p-sm-5 {
        padding: 3rem !important;
    }

    .field-continer {
        padding: 1.5rem;
    }

    .contact-us, .footer-footer {
        flex-direction: column;
    }

    .navbar {
        padding: 0 2.5rem;
    }
}*/

/* الشاشات الصغيرة - تابلت وموبايل */
/*@media (max-width: 768px) {
    .custom-dropdown-menu {
        position: absolute;
        left: 0 !important;
        transform: none;
        top: 100%;*/ /* أسفل الزر اللي فتح القائمة */
        /*width: fit-content;
        min-width: 200px;
        max-width: 100%;
        z-index: 999;
    }

    .btns-group {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .navbarBTN-outline-secondary,
    .navbarBTN-outline-primary,
    .navbarBTN-secondary,
    .navbarBTN-primary {
        width: 100%;
        text-align: center;
    }

    .hero-section {
        padding: 10rem 1rem 2.5rem 1rem;
        height: auto;
    }

    .padding-y-section {
        padding: 3rem 20px;
    }

    .contact-us, .footer-footer {
        flex-direction: column;
    }

    .scroll-dropdown-menu {
        max-height: 600px;
        overflow-y: scroll;
    }
}*/


/* lg */
/*@media (max-width: 991px) {
    .custom-dropdown-menu {
        position: absolute;
        left: 0 !important;
        transform: none;
        top: 100%;*/ /* أسفل الزر اللي فتح القائمة */
        /*width: fit-content;
        min-width: 200px;
        max-width: 100%;
        z-index: 999;
    }

    .scroll-dropdown-menu {
        max-height: 600px;
        overflow-y: scroll;
    }
}*/
/* sm */
@media (max-width: 576px) {
    .p-sm-5 {
        padding: 3rem !important;
    }

    .field-continer {
        padding: 1.5rem;
    }

    .contact-us, .footer-footer {
        flex-direction: column;
    }

    .navbar {
        padding: 0 2.5rem;
    }

    .padding-x-sm-dropdown-menu {
        padding: 0 1rem;
    }
}

/* الشاشات الصغيرة - تابلت وموبايل */
@media (max-width: 768px) {
    .custom-dropdown-menu {
        position: absolute;
        left: 0 !important;
        transform: none;
        top: 100%; /* أسفل الزر اللي فتح القائمة */
        width: fit-content;
        min-width: 200px;
        max-width: 100%;
        z-index: 999;
    }

    .btns-group {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .navbarBTN-outline-secondary,
    .navbarBTN-outline-primary,
    .navbarBTN-secondary,
    .navbarBTN-primary {
        width: 100%;
        text-align: center;
    }

    .hero-section {
        padding: 10rem 1rem 2.5rem 1rem;
        height: auto;
    }

    .padding-y-section {
        padding: 3rem 20px;
    }

    .contact-us, .footer-footer {
        flex-direction: column;
    }

    .scroll-dropdown-menu {
        max-height: 600px;
        overflow-y: scroll;
    }
}


/* lg */
@media (max-width: 991px) {
    .custom-dropdown-menu {
        position: absolute;
        left: 0 !important;
        transform: none;
        top: 100%; /* أسفل الزر اللي فتح القائمة */
        width: fit-content;
        min-width: 200px;
        max-width: 100%;
        z-index: 999;
    }

    .scroll-dropdown-menu {
        max-height: 600px;
        overflow-y: scroll;
    }

    .carousel-item {
        height: auto;
        min-height: 100vh;
    }

        .carousel-item img {
            height: 70vh; /* الصورة نص الشاشة */
        }

        .carousel-item .col-md-12 {
            min-height: 30vh; /* يخلي النص ياخد مساحة كافية */
        }
}