/* Custom styles for the dropdown items on larger screens */

/* Custom CSS for responsive iframe */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



@media (min-width: 992px) {
    .navbar-nav .dropdown-menu {
        position: static; /* Make dropdown menu position relative to the parent */
        float: none; /* Ensure dropdown menu is not floated */
        box-shadow: none; /* Remove box-shadow on larger screens */
    }
}