body {
        font-family: 'SolaimanLipi', Arial, sans-serif !important;
    }
    .header {
        /* background-color: rgb(37, 136, 12); */
        height: 270px;
        /* width: 100%; */
    }
    .header img{
        height: 270px;
        width: 100%;
    }
    
    .navbar {
        background-color: rgb(24, 24, 53);
        /* color: white; */
    }
    /* .navber .nav-item .nav-link {
    color: white;
} */
    
    .collapse ul li:hover {
        color: chocolate;
    }
    
    .navbar-nav li {
        color: white;
        text-decoration: none;
        font-size: 17px;
    }
    
    .navbar-nav li a {
        color: white;
    }
    
    .navbar-nav li ul li a {
        color: black;
    }
    
    .navbar-nav li a:hover {
        color: rgb(228, 104, 15);
    }
    
    .runImage img {
        height: 300px;
    }
    
    
    marquee a {
        text-decoration: none;
        color: white;
        font-weight: 300;
        font-size: medium;
    }
    
    .teacher-info .col-lg-6 {
        width: 48% !important;
    }
    
    .teacher-info {
        display: flex !important;
        column-gap: 4%;
    }
    
    .teacher {
        display: flex !important;
        column-gap: 2%;
        
    }
    
    
    .teacher .col-sm-4 {
        width: 32% !important;
    }
    
    .table tr td{
        font-size: bold;
    }
    .jj {
        display: flex !important;
        column-gap: 2%;
    }
    
    .jj .col-sm-4 {
        width: 32% !important;
    }
    
    .dev {
        display: flex !important;
    }
    
    .dev .col-sm-6 {
        width: 50%;
    }
    
    .menu-title {
        font-size: 28px;
        text-align: left;
        padding-bottom: 10px;
        font-weight: normal;
        border-bottom: 1px solid#333;
        position: relative;
        margin-bottom: 10px;
        color: white;
    }
    
    .menu-title::before {
        position: absolute;
        left: 1;
        bottom: -1px;
        content: "";
        background: #0675ff;
        width: 40%;
        height: 2px;
    }
    
    .menu-list {
        font-size: 18px;
        text-align: left;
        padding-bottom: 10px;
        font-weight: normal;
        border-bottom: 1px solid#333;
        position: relative;
        margin-bottom: 10px;
        /* color: white; */
    }
    
    .menu-list a {
        color: white;
    }
    
    .menu-list a:hover {
        color: crimson;
    }
    
    @media all and (min-width: 992px) {
        .navbar .nav-item .dropdown-menu {
            display: none;
        }
        .navbar .nav-item:hover .nav-link {}
        .navbar .nav-item:hover .dropdown-menu {
            display: block;
        }
        .navbar .nav-item .dropdown-menu {
            margin-top: 0;
        }
    }
    
    @media all and (max-width: 576px) {
        .navbar .nav-item .dropdown-menu {
            display: none;
        }
        .navbar .nav-item:hover .nav-link {}
        .navbar .nav-item:hover .dropdown-menu {
            display: block;
        }
        .navbar .nav-item .dropdown-menu {
            margin-top: 0;
        }
        .notice .col-sm-10 marquee a {
            font-size: 15px;
        }
        
        .teacher img {
            height: 100px;
        }
        .teacher a h3 {
            font-size: 12px;
        }
        .teacher h4 {
            font-size: 10px;
        }
        .menu-title {
            font-size: 13px;
        }
        .menu-list {
            font-size: 10px;
        }
        .jj p {
            font-size: 10px;
        }
        .dev p {
            font-size: 11px;
        }
        .table tr {
            font-size: 10px;
        }
        .table img {
            height: 40px;
            width: 100%;
        }
    }
    
    .side-menu .col-sm-12 {
        width: 96%;
        border: solid 1px #333;
        padding-top: 3%;
        padding-bottom: 3%;
        margin-bottom: 5%;
        margin-left: 4%;
    }
    
    iframe {
        width: 100%;
        height: 400px;
    }
   



    
    .gallery {
        display: flex !important;
        column-gap: 2%;
    }
    
    .gallery .col-sm-4 {
        width: 32% !important;
        margin-top: 1%;
    }
    
    video {
        width: 100%;
        height: auto;
    }