#banner {
    padding: 12% 0% 6% 0%;
    color: white;
}
#testimonial {
    padding: 4% 0% 6% 0%;
    color: white;
}
#offline_internship{
    padding: 4% 0% 6% 0%;
}
#gallery{
    padding: 4% 0% 6% 0%;
}
video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100vh;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    /* This property ensures the video covers the entire container */
    z-index: -1;
}
.navbar {
margin: 0;
background-color: #0d3447;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}

/* ============ desktop view .end// ============ */
/* Add this CSS for mobile responsiveness */
@media (max-width: 991px) {
#banner {
    padding: 18% 0% 6% 0%;
    color: white;
}
#testimonial {
    padding: 14% 0% 6% 0%;
  
}
#offline_internship{
    padding: 14% 0% 6% 0%;
}
#gallery{
    padding: 14% 0% 6% 0%;
}
.navbar-collapse {
margin: 0;
background-color: #0d3447; /* Adjust background color as needed */
}

.navbar-nav {
margin: 0;
background-color: #0d3447;
}

.navbar-toggler {
color: white; /* Adjust text color as needed */
border-color: white; /* Adjust border color as needed */
}

.navbar-nav .nav-item {
text-align: center;
}

.navbar-nav .nav-link {
padding: 15px;
color: white; /* Adjust text color as needed */
}

.dropdown-menu {
margin: 0;
border: none;
}

.dropdown-menu .dropdown-item {
color: #0d3447; /* Adjust text color as needed */
}

.dropdown-menu .submenu {
position: static;
left: auto;
top: auto;
display: block;
width: 100%;
margin: 0;
box-shadow: none;
}

.navbar-nav .nav-item:hover .dropdown-menu {
display: none;
}

.navbar-nav .nav-item:hover .dropdown-menu.show {
display: block;
}
}