@font-face {
    font-family: solaimanLipi;
    src: url('../fonts/SolaimanLipi.ttf');
}
body{
    font-family: "solaimanLipi", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "solaimanLipi", sans-serif !important;
}
a{
    font-family: "solaimanLipi", sans-serif !important;
}
.mainbody{height:100%;}

.upper-header{
    background-color: #164260;
    color: white;
    padding: 3px;
    margin: 0;
}
.national-anthem{
    padding: 0;
    margin: 0;
}
body table tr td{
    border: none !important;
}
audio{
    padding: 0;
    width: 15.75em;
    height: 0.8em;
    margin-top: 0.3em;
}
.mid-box{
    height: 25em;
}
.mid-box .mid-box-header {
    height: 5em;
    background-color: rgb(158, 158, 255);
    color: white;
    text-align: center;
    padding-top: 1.5em;
}
.mid-box .mid-box-body {
    height: 20em;
    background-color: rgb(181, 183, 255);
    color: white;
}
.di-msg-box{
    height: 100%;
}
.di-msg-box .di-msg-box-body {
    width: 100%;
    padding: 1em;
    background-color: #E1F3FF;
    color: black;
}
.di-msg-box .di-msg-box-body img{
    width: 190px;
    height: 223px;
    border-radius: 7px;
    margin: 30px auto 15px;
}
.parallax {
    /* The image used */
    background-image: url('../images/parallax.png');

    /* Set a specific height */
    height: 250px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-box{
    width: 100%;
    background-color: rgb(7 74 112);
    height: 450px;
    margin-bottom: 1em;
}
.important-link-box{
    width: 100%;
    background-color: rgb(7 74 112);
    height: 450px;
    margin-bottom: 1em;
}
.important-link-box-emergency{
    width: 100%;
    height: 450px;
    margin-bottom: 1em;
}
.important-link-box a{
    color: white;
}
.main-footer{
    height: 100%;
    background-color: rgb(10,33,4);
    color: white;
    padding: 5px;
    margin: 0;
}

.main-footer .social-icon a{
    color: white;
    text-decoration: none;
}
.main-footer .social-icon a:hover{
    color: #507da5;
}

.cusNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.cusNav li {
    float: left;
    font-family: 'Oswald', sans-serif;
    border-right:1px solid #8e8e8e;
}

.cusNav li:last-child {
    border-right: none;
}

.cusNav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.cusNav li a:hover:not(.active) {
    color: #cdcdcd;
}
.custom-bg{
    background-color: #ffffff;
}
.custom-bg li{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.page-title-wrap {
    position: relative;
}

.page-title-wrap:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-image: url('../images/web_bg.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.responsive-width {
    font-size: 3vw;
}
.page-title-content {
    position: relative;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white !important;
    background-color: deepskyblue !important;
    border-color: deepskyblue !important;
}
.tab-link-content{
    padding: 0.2em;
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em !important;
}
.title-text{
    margin: 0 auto;
    text-align: center;
    padding: 0.3em;
    /*border: 2px solid white;*/
    font-weight: bold;
    border-radius: 10px;
    position: relative;
    color: red;
    <!--background-color: rgb(255,255,255);-->
    opacity: 0.3;
}
.title-text:before{
    content: ' ';
    display: block;
    position: absolute;

    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.title-text-content{
    position: relative;
    font-size:2.5rem;
}
.online-admission-button{
    align-items: center;
    overflow: hidden;
    text-align: center;
}
.online-admission-button li{
    width: 300px;
    display: inline-grid;
    height: 200px;
    margin: 5px;
    text-align: center;
}
.online-admission-button li a{
    font-size: 22px;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    align-items: center;
    display: grid;
    padding: 10px;
    border: 1px solid;
    color: #000;
    transition: 400ms;
}
.online-admission-button li a i{display: block;font-size: 40px;color: #007bff;}
.online-admission-button li a:hover{
    text-decoration: none;
    background: #f5ffbd;
    color: #007bff;
    box-shadow: 2px 2px 12px 0 #969090;

}
.mujib_hasina_logo_flash{margin-bottom: 10px;}
.solaimanLipi{font-family: solaimanLipi !important;}
.mobile-full-width{text-align: left; margin-right: 10px;}
.facebook-page{
    position: fixed;bottom: 25px;left: 10px;z-index: 9;
}
.facebook-icon{width: 60px;
    height: 60px;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
}
.fb-box{position: relative;width: 340px;height: 132px;border-radius: 6px; border: 1px solid #ddd;background: #fff;}
.fb-box-mini{}
@media screen and (max-width: 800px) {
    .parallax {
        /* The image used */
        display: none;
        background-image: url('../images/para_L_small.png');

        /* Set a specific height */
        height: 100px;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .responsive-width {
        font-size: 1vw;
    }
}
@media screen and (max-width: 767px) {
    .mobile-full-width{width: 100%;text-align: center;margin-right: 0px;}
    .facebook-page{bottom: 50px;}
}

@font-face {
    font-family: solaimanLipi;
    src: url('../fonts/SolaimanLipi.ttf');
}
.navbar{

}
.nav-item{
   background-color: #0077b6;
   border: 1px solid #0077b6;
   border-radius: 4px;
   box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
   box-sizing: border-box;
   color: #fff;
   cursor: pointer;
   font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   font-weight: 400;
   outline: none;
   outline: 0;
   padding:0 5px;
    margin: 5px;
   text-align: center;
   transition: transform 150ms, box-shadow 150ms;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
}

.navbar-nav .alumnai
{
    background:green;
}

.nav-item:hover {
    background:#d00000 ;
    box-shadow: rgba(0, 0, 0, .6) 0 5px 12px 0;
}
.active-menu{
    background:#d00000 !important;
    box-shadow: rgba(0, 0, 0, .6) 0 5px 12px 0;
}
.active-sub-menu{
    background-color: #d00000 !important;
    color: #ffffff !important;
}
@media (min-width: 768px) {
    .button-37 {
        padding: 10px 30px;
    }
}
.navbar-light .navbar-nav .nav-link{
    color: #FAFAFA !important;
}
.nav-item:hover .nav-link{
    color: #fafafa !important;
}
.dropdown-menu {
    display: none;
    position: absolute;
    background-color: rgb(237, 236, 230) !important;
    min-width: 160px;
    z-index: 1;
}

.dropdown-item {
    padding: 8px 8px;
    text-decoration: none;
    display: block;
    font-size: 16px !important;
    font-weight: bold;
}

.dropdown-item:hover {
    background-color: #d00000 !important;
    color: #FAFAFA !important;
}

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

.alumnai:hover {
    background: #d00000 !important;
}
 .grid-container {
            display: grid;
        gap: 10px;
        width: 100%;
    }

    .grid-item {
      
        text-align: center;
      
        border-radius: 5px;
    }
    

    @media (min-width: 1024px) {
        .grid-container {
            grid-template-columns: repeat(4, 1fr);
        }
    
       .admin_desktop{
           display:block;
       }
       .admin_mobile{
           display:none;
       }
    }

    @media (max-width: 1023px) {
        .grid-container {
            grid-template-columns: repeat(2, 1fr);
        }
        .team{
            height:150px !important;
        }
      
         .admin_desktop{
           display:none;
       }
       .admin_mobile{
           display:block;
       }
    }


.school-logo img{
    max-height: 110px;
}
.school-name h1{
    font-size: 50px;
}
.school-name h3{
    font-size: 25px;
}
.team{
    position: relative;
    height: 220px;
    margin: 20px;
    overflow: hidden; 
}
.team .team-hover {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 75px 20px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    bottom: 10px;
    right: 10px;
    background-color: #0ba1f8a9;
}
.team-hover h6{
    font-size: 14px;
    font-weight: bolder;
    line-height: 5px;
    color: #FAFAFA;
}
.team-hover p{
    font-size: 12px;
    font-weight: bolder;
    color: #FAFAFA;
}
.team:hover .team-hover{
    transform:scale(1.0);
    opacity:1;
    visibility:visible;
}
.teacher-img{
    border-radius: 5%;
    padding: 5px;
    height: 100%;
    border-radius: 5%;
    padding: 2px;
    background-color:#0BA0F8;
    /*border: 1px solid #0BA0F8;*/
}
.teacher-img img{
    height: 100%;
    width:100%;
    object-fit: cover;
    object-position: center;
    border-radius: 5%;
    background-color: green;
}

.teacher-img img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 5%;
    background-color: green;
}
/* all teacher card css start */
.teacher-card{
    background-color: #FFFFFF;
    height: 350px;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: all 1s ease;
    border: 2px solid #eee;
}
.teacher-card:hover{
    box-shadow: 2px 3px 11px #10101094;
}
/*.teacher-card:hover img{*/
/*    border-radius: 10px;*/
/*    padding: 6px;*/
/*    background: linear-gradient(315deg, #e6e6e6, #ffffff);*/
/*    box-shadow: none;*/
/*}*/
.teacher-card .t-img{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.teacher-card h5{
    font-size: 18px;
    font-weight: 700;
}
.teacher-card h6{
    font-weight: 400;
    line-height: 12px;
}
.teacher-card img{
    border-radius: 10px;
    padding: 6px;
    transition: all 1s ease;
    /*background: linear-gradient(315deg, #e6e6e6, #ffffff);*/
    /*box-shadow:  -6px -6px 10px #d1d1d1,*/
    /*             6px 6px 10px #ffffff;*/
}
.teacherInfo a{
    text-decoration: none;
}
/* end teacher-card css */

.important-link-box ul li a:hover {
    text-decoration: none;
    color:#caf0f8;
}