/*UI07051988*/
.header {position: relative;width: 100%;z-index:999;transition: 0.5s;padding:2rem 0;background: #fff;/* background: linear-gradient(#111111d6, #fff0); */}
.header.header-inner { position: fixed;top: 0;}
.header::before {content: "";width: 15%;height: .5rem;background: #046684;position: absolute;left: 0rem;bottom: -.5rem;z-index: 9;}
.header::after {content: "";width: 85%;height: .5rem;background: #F3A100;position: absolute;right: 0rem;bottom: -.5rem;}
.header-wrapper {padding:0 2%;display:var(--flex);justify-content: space-between;align-items: center;}
.header-wrapper .navbar{width: 100%;position: static; flex-wrap: nowrap;}
.bundle.mobile-ham-menu {display: none;}
.navbar-menu > ul {display:var(--flex);}
.navbar-menu ul li > a{font-size: 2.1rem;padding:1.3rem 2rem;font-weight:600;color: var(--fontcolor);line-height: 2.1rem;transition: 0.3s;letter-spacing: 2.1px;}
.navbar-menu ul li:hover > a, .navbar-menu ul li a.active {color: #F3A100;}
.navbar-menu ul .admission-btn > a{background: #FCCF14;color: #000;}
.navbar-menu ul .admission-btn:hover > a{background: #005479;}
.hamberger{margin-left: 2.5rem;}
.logo-home {position: relative;z-index: 9; max-width: 34rem;}
.sticky .logo-home img{max-width: 60%;}
.header.sticky {background: #fff;padding: 1rem 0;position: fixed;}
.sticky .navbar-menu ul li > a{font-size: 1.9rem;padding: 1.3rem 1.5rem;}
main { margin-top: 17rem;}


/*hamberger menu*/
.mobile-hamb{display: none;}
.box-menu {width: 50%;}
.side-menu {overflow-y: auto;background-color:#F8F5F5;width: 40rem;padding:12rem 5rem 10rem 5rem;position: fixed;top: 0;right: -80rem;z-index: 9999;height: 100vh;transition: all 0.3s ease-in-out;opacity: 0;}

.slide-toggle .bar {width: 3.2rem;height: .2rem;background: #000;border-radius: .2rem;transition: 0.4s ease;display: block;cursor: pointer;}
.slide-toggle .bar:not(:first-child) { margin-top: 1rem;}
.slide-toggle.open-slide .bar:first-child { transform: rotate(-45deg);background: #046684;margin-top: 2rem;}
.slide-toggle.open-slide .bar:nth-child(2) { opacity: 0;}
.slide-toggle.open-slide .bar:nth-child(3) { margin-top: -1.4rem; transform: rotate(45deg);background: #046684;}
.slide-toggle:hover .bar:nth-child(2){width: 2.5rem;}

.side-menu a{font-size: 2rem;padding: 1.5rem 1rem;color: #4a4a4a;line-height: 2.2rem;position: relative;border-bottom: .1rem dotted #33333370;}
.side-menu a::before { height: 0; width: .2rem; background: #046684; position: absolute; left: 0rem; bottom: 0; transition: 0.5s; content: '';  opacity: 0; top: 0; margin: auto;}
.side-menu a:hover::before { opacity: 1; height: 1.2rem;}
.side-menu a:hover{padding-left: 1.5rem;color: #046684;border-color: #046684;}
.side-menu h3 a{font-size: 1.75rem;color: #393939;padding: .2rem 0rem;}
.side-menu.open-slide {right: 0;opacity: 1;}
.opacity-bg {background: url(../images/bg.webp) repeat;width:0; position: fixed;right: 0; top: 0; opacity: 0;transition: 0.5s; z-index: 999;height: 100%;}
.open-slide + .opacity-bg {opacity: 0.8;width: 100%;}
.slide-toggle{cursor: pointer;display: block;position: relative;z-index: 99999;width: 3.2rem;height: 2.7rem;}

.close-icon {width: 2.5rem;height: 2.5rem;display: inline-block;filter: brightness(30%);cursor: pointer;position: absolute;right: 3rem;top: 7rem;display: none;}
.box-menu h4{padding: 0 0 1rem; margin: 0 0 1.3rem;position: relative;transition: 0.5s;}
.box-menu h4::before{background: #000;height: .2rem;width: 6rem;position: absolute;left: 0;bottom: 0;content: '';opacity: 0.36;}
.box-menu a h4{margin-bottom: 0;}
/*.side-menu a:hover h4{color: #fff;}*/
.box-menu ul{padding: 1rem 0 2rem;}
.side-menu h5{margin-bottom: 0;color: #333;}

.side-menu::-webkit-scrollbar, .megha-menu::-webkit-scrollbar, .notif-popup::-webkit-scrollbar{width:.6rem;}
.side-menu::-webkit-scrollbar-track, .megha-menu::-webkit-scrollbar-track, .notif-popup::-webkit-scrollbar-track{background-color:#FFDE00;border-radius:1rem;}
.side-menu::-webkit-scrollbar-thumb, .megha-menu::-webkit-scrollbar-thumb, .notif-popup::-webkit-scrollbar-thumb{border-radius:1rem;background:#000;}
/*hamberger menu*/


/*inner-header*/
.header.inner-header { background: #FFF; position:relative;}
.header.inner-header .logo-home a {width: 63%;}
.header.inner-header.sticky {position: fixed;top: 0;left: 0;width: 100%;/*background: #333;*/z-index: 999;}

.inner-header .navbar-menu ul li > a{color: #000;}
.inner-header .hamberger .slide-toggle img{filter: brightness(0);}
.inner-header .navbar-menu ul .admission-btn > a{background: #2F3180;color: #fff;}
.inner-header.sticky::before, .inner-header.sticky::after {height: .3rem;bottom: -.3rem;}
.inner-header.header_hover .navbar-menu ul li > a{color: #fff;}
.inner-header.header_hover .hamberger .slide-toggle img{filter: unset;}

@-webkit-keyframes submenu {
  from {
    opacity: 0;
    
   }

  100% {
    opacity: 1;
   
  }
}
.drop-menu {
  position: relative;
}
.sub-menu {
  position: absolute;
  top: 100%;
  background: #fff;
  left: 0;
  width: 30rem;
  padding: 3rem;
  display: none;
  opacity: 0;
  z-index: 99;border-radius: .5rem;
  box-shadow: 0px 3px 24px #0000001A;
}
.drop-menu:hover .sub-menu {
  display: block;
  animation: submenu 0.5s;
  opacity: 1;
}
.sub-menu a {
  font-size: 1.8rem;
  font-weight: 400;
  color: #000;
  padding: 1rem 0;
  margin: 0;
  position: relative;
}
.sub-menu a:hover{color: #F3A100;}

@media screen and (max-width:1900px){
  .navbar-menu ul li > a {
    font-size: 1.8rem;
    padding: 1.3rem 1.5rem;
  }

}

@media (max-width: 1649px){
.navbar-menu ul li > a{padding: 1.3rem 1rem;}
.sticky .navbar-menu ul li > a {font-size: 1.7rem;padding: 1rem 1rem;}
.logo-home a img{max-width: 100%;}
main { margin-top: 14rem;}
.logo-home{
  max-width: 34rem;
}

}

@media screen and (max-width:1475px){
      .logo-home {
        max-width: 32rem;
    }
        .navbar-menu ul li > a {
        padding: 1.3rem 1rem;
        font-size: 1.6rem;
    }

}

@media (max-width: 1399px){
main { margin-top: 10.5rem;}
.header{padding: 1.2rem 0;}
.sticky .navbar-menu ul li > a {font-size: 1.6rem;padding: 1rem 1rem;}
.sticky .logo-home a img{max-width: 40%;}
.side-menu{padding: 5rem 5rem 5rem 5rem;}
.logo-home {
        max-width: 28rem;
    }
}


@media screen and (max-width:1350px){
  .navbar-menu ul li > a {
        padding: 1.3rem 0.8rem;
        font-size: 1.5rem;
    }
      .logo-home {
        max-width: 26rem;
    }
}

@media screen and (max-width:1220px){
  .navbar-menu ul li > a{
        padding: 1.3rem 0.7rem;
        font-size: 1.4rem;
  }
  .logo-home {
        max-width: 20rem;
    }
}


@media (max-width: 1199px){
main { margin-top: 8.5rem;}


.logo-home a img {max-width: 100%;}
.sticky .logo-home a img {max-width: 70%;}
.navbar-menu ul li > a, .sticky .navbar-menu ul li > a {font-size: 1.4rem;padding: .5rem .8rem;}
.hamberger {margin-left: 1.5rem;}

.side-menu {padding: 4rem;}
.CET-schedule ul li:nth-child(1) a, .CET-schedule ul li:nth-child(2) a{font-size: 1.8rem;}
.admi-top-right p{font-size: 2.5rem;line-height: 3.8rem;}
.admi-top-left a, .admi-top-right a { padding: 1rem 1rem;font-size: 1.3rem;}
.admi-top-left p{padding: 1rem 0 3rem;font-size: 1.6rem;}
.admi-top-left strong {line-height: 6.5rem;font-size: 6.5rem;}
.admi-bottom a, .admission h4 {font-size: 1.6rem;}
.megha-menu.admission{padding-right: 5rem;}
.box-menu h4, .notif-head a{font-size: 1.8rem;}
  .navbar-menu ul li > a, .sticky .navbar-menu ul li > a {
      font-size: 1.2rem;
      padding: .5rem 0.5rem;
  }


}


@media (max-width: 991px){
.fixed-icon{display: none;}
.header .navbar-menu{display: none;}
.logo-home {width: auto;}
.header-wrapper{padding: 0 5%;}
.side-menu{width: 90%; padding-top: 8rem;}
.side-menu .sub-menu{ position: relative; display: block; top: 0; width: 100%; z-index: 1; opacity: 1; box-shadow: none; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; padding-top: 1.3rem;display: none; background: rgba(255,255,255,.6);}
.sub-menu-parent>a::after{ position: relative; content:'+'; width: 2.5rem; height: 2.5rem; background: #046684; color: #fff; transition:.3s all ; display: flex; justify-content: center; align-items: center; -webkit-transition:.3s all ; -moz-transition:.3s all ; -ms-transition:.3s all ; -o-transition:.3s all; line-height: 1;}
.sub-menu-parent>a{display: flex; justify-content: space-between;align-items: center;}
.side-menu li .sub-menu a{color: #4a4a4a;}
.sub-menu-parent.active>a::after{content:'-'; background: #FCCF14}

}

@media (max-width:767px){
  .side-menu a{font-size: 1.7rem;}
  .side-menu .submenu a{font-size: 1.6rem;}
}

@media (max-width:575px){
.logo-home{width: 12rem;transition: 0.5s;}
.sticky .logo-home a img{max-width: 100%;}
.sticky .logo-home{width: 10rem;}
.slide-toggle{width: 2.5rem;}
/* .header.sticky{position: relative;} */
.side-menu .sub-menu{padding-inline: 1.5rem;}
.side-menu .sub-menu a{font-size: 1.6rem;}
}