header {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    background-size: 200%;
    background-position: 0 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

header::before {
    position: absolute;
    content: '';
    inset: 0;
    top: auto;
    height:100%;
    opacity: 0;
    background-color: #eee;
    transition: 0s all;
    -webkit-transition: 0s all;
    -moz-transition: 0s all;
    -ms-transition: 0s all;
    -o-transition: 0s all;
    z-index: -1;
    border-bottom: 1px solid #ccc;
}

header.header-sticky {
    border-color: transparent;
}

header.header-sticky::before {
    opacity: 1;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}

/* header nav{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding-block: 6.4rem 4rem; padding-inline: 4.2rem 4.2rem; transition: .6s all; -webkit-transition: .6s all; -moz-transition: .6s all; -ms-transition: .6s all; -o-transition: .6s all; } */
header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 2rem;
    padding-inline: 3.2rem 6.2rem;
    transition: .6s all;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
}

header.header-sticky nav {
    padding-block: 1.7rem;}

.navbar-brand {
    max-width: 35rem;
    display: block;
    /* transition: .6s all; */
    /* -webkit-transition: .6s all; */
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transition: .5s ease;
    outline: 0;
}

header.header-sticky .navbar-brand {
    max-width: 30rem;
    transition: .5s ease!important;
}

.nav-right {
    display: flex;
    column-gap: 3rem;
    align-items: center;
    margin-top: 1rem;
}

.menubar {
    display: flex;
    column-gap: 4.5rem;
    margin-bottom: 0;
}

.menubar .menu-link {
    font: var(--text-16);
    color: var(--color-white);
}

header .bars {
    width: 3rem;
    height: 2.4rem;
    position: relative;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

header .bars span {
    width: 100%;
    height: 2px;
    display: block;
    background-color: #0F3752;
}

/* header .bars span::before, header .bars span::after{content: ''; position: absolute; width: 100%; left: 0; background: var(--color-prime); height: 2px;}
header .bars span::before{top: 0}
header .bars span::after{bottom: 0} */
main {
    padding-top: 0px
}

@media (max-width: 2100px) {
    header nav {
        padding-block: 1.2rem 4rem;
        padding-inline: 3.5rem}

    .navbar-brand {
        max-width: 21rem;
        transition: .5s ease!important;
    }

    header.header-sticky .navbar-brand {
        max-width: 21rem;
    }

    header.header-sticky nav {
        padding-block: 0.8rem 2rem;
        }

    /* main{padding-top: 212px} */
}
header .bars span{background-color:#fff;}

/*-----------inner header css start here-----------*/
header.inner-header{background:#fff;}
.inner-header .btn-prime {margin-left: 1rem;}
.inner-header  .menubar {column-gap: 3rem;}
.inner-header .bars span {background-color: #4e4d4d;}
.inner-header nav {padding-block: 0.8rem 3rem;padding-inline: 3.5rem;}
.inner-header .nav-right{margin-top: 3rem;}
.inner-header .menubar .menu-link{color: var(--color-black);}


@media (min-width:1300px) {
body .btn-prime{font:var(--text-18);color: var(--color-prime);}
.inner-header .navbar-brand {max-width: 21rem; }
}

@media (min-width:1700px) {
body .btn-prime{font:var(--text-21);}
.menubar .menu-link{font: var(--text-21);}
    
}
    

    
header.header-sticky  .btn-prime{border-color:#000;color:#000;}
header.header-sticky .btn-prime:hover{border-color:#ED1C24;color: #fff;}

@media (max-width:999px) {
body {background: #EEEEEE;}
.nav-right{display: none;}
.navbar-brand {max-width: 24rem;margin: auto;position: relative;z-index: 9;}
header::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 83%;
background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;z-index: 0;opacity: 77%;}      
header.header-sticky:after{display: none;}
header.header-sticky nav {padding-block: 0.8rem 2rem;padding-inline: 0rem;}
header.header-sticky .navbar-brand {max-width: 18rem;}
header.inner-header::after{display: none;}
}


/*humburger menu css start here*/
.top_head_menu.head1 li a {color: #005996;font: var(--text-14);font-weight: 600;margin-bottom: 1rem;}
.top_head_menu.last-head {background: #008EC7;position: relative;padding-bottom: 8rem;}
.top_head_menu.last-head h2 {color: #fff;position: relative;}
.top_head_menu.last-head ul li a {color: #fff;}
.top_head_menu.last-head:before {content: "";width: 17em;height: 117%;background: #008EC7;position: absolute;top: -4.1rem;left: -5rem;right: 0;bottom: 0;}
.top_head_menu.last-head:after {content: "";width: 17em;height: 190px;background: url(../images/icons/menu-icon.svg) no-repeat;position: absolute;
bottom: -4.5rem;background-position: bottom;right: -14px;background-size: cover;}
.overlay-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #fff;border-radius: 10px;background-color: #008EC7;}
.overlay-menu::-webkit-scrollbar{width: 2px;background-color: #11a7e31c;}
.overlay-menu::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px #008EC7;background-color: #008EC7;}
.overlay-menu {background: #fff;width: 65em;float: right;margin-top: 2rem;height: auto;overflow-y: scroll;overflow-x: hidden;padding: 5rem 7rem;max-height: 100%;}
.top_head_menu h2 {color: #005996;font: var(--text-14);font-weight: 600;margin-bottom: 2rem;}
.top_head_menu ul li a {font: var(--text-12);color: #333;margin-bottom: .5rem;}
.overlay {position: fixed;background: #000000d1 0% 0% no-repeat padding-box;opacity: 1;backdrop-filter: blur(2px);top: 0;left: 0;
width: 100%;height: 0%;opacity: 0;visibility: hidden;transition: opacity .35s, visibility .35s, height .35s;overflow: hidden;}
.overlay.open {opacity: 1;visibility: visible; height: 100%;}
.overlay.open li {animation: fadeInRight .5s ease forwards;animation-delay: .35s;}
.overlay.open li:nth-of-type(2) {animation-delay: .4s;}
.overlay.open li:nth-of-type(3) {animation-delay: .45s;}
.overlay.open li:nth-of-type(4) {animation-delay: .50s;}
.overlay ul {list-style: none;padding: 0;margin: 0 auto 4rem;display: inline-block;position: relative;height: 100%;}
.overlay ul li {display: block;position: relative;opacity: 0;}
.overlay ul li a {display: block;position: relative;text-decoration: none;overflow: hidden;}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {width: 100%;}
.overlay ul li a:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0%;transform: translateX(-50%);height: 3px;/* background: #FFF; */transition: .35s;}
  
@keyframes fadeInRight {
0%{opacity: 0;left: 20%;}
100%{opacity: 1;left: 0;}
}
.close-btn {position: absolute;right: 3rem;z-index: 2;top: 5rem; opacity:0; visibility: hidden;}
.overlay.open  .close-btn {position: absolute;right: 3rem;z-index: 2;top: 5rem; opacity:1; visibility: visible;}
.close-btn img {width: 2.5rem;cursor: pointer;}

/*admission menu start here*/
.adm-menu1 {
    position: relative;
    z-index: 9;
}

.hover-menu header.header-sticky .admission-menu li a {
    color: #333!important;
}
.admission-menu {background: #F6F6F6; padding: 4rem;}
.admission-menu ul li a {color: #333;margin-bottom: 0;display: block;border-bottom: 1px solid #008EC730;padding:1rem 0;}
.admission-menu ul {display: flex;flex-wrap: wrap;column-gap: 15px;}
.admission-menu ul li {width: 48%;}
.admission-menu {position: absolute;top: 100%;opacity: 0;visibility: hidden;width:60rem;right: 6rem;transition: .5s ease;transform: translate(0px, 50px);}
.adm-menu:hover:after{content: "";width: 100rem;height:100px;position: absolute;background: #0000;top: 5rem;z-index: -1;left: 0;transition: transform .5s ease-in-out;}
.adm-menu:hover .admission-menu {opacity: 1;visibility: visible;transition: .5s ease;transform: translate(0px, 0px);}
.acd-panel-menu {position: absolute;background: #333;padding: 20rem 11rem 15rem 7rem;top: 0;width: 73em;right: -5rem;z-index: -1;opacity: 0;visibility: hidden;transition: .5s ease;transform: translate(0px, -70px);}
.menu-item.acd-menu:hover  .acd-panel-menu {opacity: 1;visibility: visible;transition: .5s ease;transform: translate(0px, -95px);}
body.hover-menu:after {content: "";position: fixed;background: #000000d1 0% 0% no-repeat padding-box;backdrop-filter: blur(2px);top: 0;left: 0;width: 100%;
opacity: 1;visibility: visible;transition: .5s ease;overflow: hidden;height: 100%;z-index: 99;}
body:after {content: "";position: fixed;background: #00000000 0% 0% no-repeat padding-box;top: 0;left: 0;width: 100%;opacity: 0;visibility: visible;
transition: .5s ease;overflow: hidden;height: 0%;z-index: 99;}
body.hover-menu a.navbar-brand {opacity: 0.5 !important;}
.hover-menu header.header-sticky li a, .hover-menu header.header-sticky .btn-prime {color: #fff !important; }
.fixed-links ul li p img {width: 4rem;}
.placement-content .title-head h2 {font-weight: 400;}
.quote_text p br{display: none;}
.gd-sider2.owl-carousel figure.logo-space img {margin-bottom: 2rem;}
.hblock1 {
    border-left: 2px solid #008EC7;
    padding: 2rem;
    background: #fff;
    width: 48%;
}.hblock2 {
    border-left: 2px solid #008EC7;
    padding: 2rem;
    background: #fff;
    width: 48%;
}

.adm-menu2 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    margin-top: 4rem;
}

.adm-menu2 h2 {
    color: #000;
    font: var(--text-12);
    margin-bottom: 1rem; font-weight:600;
}
.hblock2 h2 img {
    width: 2rem;
}
.adm-menu2 p a {
    color: #333333;
}.adm-menu2 p {
 margin:0 0 10px
}
.adm-menu2 p:where(:last-child) {
    margin-bottom: 0;
}
.hover-menu header.header-sticky  .admission-menu l li a {
    color: #333 !important;
}
.adm-menu2  a.m-apply-btn{color: #ED1C24;font: var(--text-12);font-weight: bold;padding: .5rem 5rem;margin-top: 1rem;background: linear-gradient(to left, #ED1C24    50%, #ffffff00  50%);background-size: 200% 100%;transition: .5s ease all;}
@media (min-width:1800px) {
.top_head_menu.last-head:after {width: 17em;height: 236px;bottom: -5.5rem;right: -17px;}

        
    }

    /*academic menu css start here*/
    body.hover-menu header.inner-header {
        background: none;
    }
    body.hover-menu .inner-header .menubar .menu-link {
        color: #fff;
    }
    
    body.hover-menu .inner-header  a.btn.btn-prime {
        color: #fff;
        border-color: #fff;
    }

    .acd-panel-menu h2 {
        color: #fff;
        margin-bottom: 2.5rem;
        font-size: 14px;
        font-weight: bold;
    }
    .menu_group_img {
        position: relative;
    }
    .acd-panel-menu .row{row-gap:18px;}
    .acd-panel-menu .col-md-6:nth-child(1) figcaption {  background: #008ec7e3;}
    .acd-panel-menu .col-md-6:nth-child(2) figcaption {  background: #ED1C24e3;}
    .acd-panel-menu .col-md-6:nth-child(3) figcaption {  background: #ED8B1Ce3;}
    .acd-panel-menu .col-md-6:nth-child(4) figcaption {  background: #005996e3;}
    .acd-panel-menu figcaption {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 1.2rem 2rem;
        font-size: 12px;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: .5s ease all;
    }
    .school-to-menu ul {
        background: #008EC7;
        padding: 3.5rem 3.5rem;
    }
    
    .school-to-menu {
        margin-left: 4rem;
    }
    
    .school-to-menu ul li a {
        color: #fff;
        border-bottom: 1px solid #ffffff2e !important;
        padding: 1rem 0;
        display: block;
        border-color: #ffffff2e !important;transition: .5s ease all;
    }
    .school-menu2{background: #fff;padding: 4rem 3rem;margin-left: 4rem;}
    .school-menu2 h3 {
        margin-bottom: 3rem;
        color: #000000;
        font: var(--text-12);
        font-weight: 600;
    }
    
    .school-menu2 h4 {
        margin-bottom: 1rem;
        color:#000000;
        font: var(--text-12);
        font-weight: 600;
    }
    .school-menu2 p {
        font-size: 11px;
    }

    body.hover-menu.sticky-color header::before{background:none;}

@media (max-width:1699px) {
.acd-panel-menu{width: 82em;}
.school-menu2 {padding: 2.2rem 3rem;}
.school-to-menu ul {padding: 2rem 3rem;}
.acd-panel-menu {
    position: absolute;
    background: #333;
    padding: 17rem 11rem 12rem 7rem;
}
}

li.menu-item.acd-menu:hover a.menu-link {
    color: #1CCBED!important;
    padding-bottom: 1rem;
}
.hover-menu header .admission-menu li:hover a, .adm-menu2 p a:hover, .overlay ul li a:hover{  color: #1CCBED!important; transition:.2s ease all;}

li.menu-item:hover a.menu-link {
    padding-bottom: 1rem;
    color: #1CCBED!important;transition:.2s ease all;
}

li.menu-item:hover a.menu-link:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0;
    height: 1px;
    background-color: #1CCBED;
    transition: opacity 0.3s ease, width 0.3s ease;
    -ms-transition: opacity 0.3s ease, width 0.3s ease;
  }
  li.menu-item a.menu-link:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0;
    height: 1px;
    background-color: #1ccaed00;
    transition: opacity 0.3s ease, width 0.3s ease;
    -ms-transition: opacity 0.3s ease, width 0.3s ease;
  }
li.menu-item:hover a.menu-link:hover:after {width: 100%;}
.adm-menu2 a.m-apply-btn:hover{background-position: right bottom;color: #fff!important;}
.menu_group_img:hover figcaption {padding: 1.2rem 2.5rem;}
.school-to-menu ul li a:hover{padding:1rem 1rem;}
@media (max-width:1199px) {
.menubar {column-gap: 3.1rem;}
body .btn-prime{font:var(--text-18); margin-left: 0rem;}
.btn {padding: .5rem 1rem;}
header nav {padding-block: 1.2rem 4rem;padding-inline: 1.5rem;}
.acd-panel-menu {width: 68em;padding: 17rem 5rem 12rem 7rem;}
.school-to-menu {margin-left: 2rem;}
.school-menu2 {padding:2rem 2rem;margin-left: 2rem;}
.school-to-menu ul li a{padding:.6rem 0;}
.admission-menu {width: 52rem;right: 6.2rem;}
.inner-header .btn-prime {margin-left: 0rem;color: var(--color-prime);}
.inner-header .menubar{column-gap: 3.1rem;}
 }