@media  (max-width:576px) {
    /* navbar */

    .navbar-collapse {
        background-color: black;
        display: flex;
        flex-direction: column;
    }

    /* Dropdown menus stack vertically on mobile */
    .dropdown-menu {
        position: relative;
        display: none; /* Hidden by default */
        width: 100%; /* Full width */
        margin: 0;
    }

    /* Show dropdowns on click */
    .dropdown-menu.show {
        display: block;
    }

    /* Submenus stack below their parent */
    .dropdown-menu .dropdown-menu {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding-left: 20px; /* Indent for hierarchy */
    }

    .dropdown-menu a {
        padding: 10px 15px;
        color: white;
    }
    .whatsaap-icon{
    display:block;
   width:52px;
   height:52px;
   bottom:4%;
   right:2%;
    position:fixed;
    z-index:10000;
}

    .primary_heading {
        font-size:1.8rem;
        font-weight:600 !important;
    }
    .slide-images img {
        width:100%;
        /*height:650px;*/
        object-fit: cover; 
        object-position:center;
        flex: 1;
    }
    .slide-images {
        gap:0; /* Add spacing between images */
    }
    .buttons{
        display:none;
    }

}

@media (min-width:576.5px) and (max-width:768px) {
    .primary_heading {
        font-size:2.5rem;
        font-weight:600 !important;
    }
    .slide-images img{
        width:33.33%;
       aspect-ratio: 3/4;
        object-fit:cover;
    }
    .slide-images{
        gap:5px;
    }
}
@media (min-width:768.5px) and (max-width:991px) {
    .primary_heading {
        font-size:2.8rem;
        font-weight:600 !important;
    }
    .slide-images img{
        width:33.33%;
       aspect-ratio: 3/4;
        object-fit:cover;
        object-position:center;
    }
    .popup {
    position: relative;
    width:32%;
    position: fixed;
    bottom: 9.3%;
    right: 8%;
        
    }
}
@media (min-width:991.5px) and (max-width:1200px) {
    
}