.header{position: fixed; top: 0; left: 0; width: 100%; background-color: #1A1A1A; z-index: 999;}
nav{display: flex; justify-content: center; align-items: center;}
.navbar-brand{margin-block: .67rem; white-space: normal;}
.header-sticky .navbar-brand{margin-right: 0}

.nav-right{display: none; justify-content: end; align-items: end; flex-direction: column; justify-content: space-between;}
.nav-right_top{display: flex; padding-block: .5rem; padding-right: 0rem; column-gap:.3rem ;}
.nav-right_top .btn{display: flex; justify-content: center; align-items: center; font-weight: 600; border: 2px solid var(--color-prime); color: #fff; padding: .4rem; line-height: 1;}
.nav-right_top a.btn-prime{padding-inline: .8rem; font-size: max(13px, .89rem); border-width: 2px}
.nav-right_top :is(a.btn-square, button){padding-inline: .5rem; border-color: #fff;}
.nav-right_top :is(a, button):hover{border-color: var(--color-prime); background: var(--color-prime);}
.nav-right_top img{max-height: 18px; width: auto; }
.nav-right_top button.hamburger{display: grid; padding-block: .6rem; padding: 0}
.nav-right_top button.hamburger.active{background: var(--color-prime); border-color: var(--color-prime);}
.nav-right_top button.hamburger>*{grid-area: 1/1}
.nav-right_top button.hamburger img.cross{opacity: 0; filter: brightness(0) invert(1)}
.nav-right_top button.hamburger.active img.cross{opacity: 1;}
.nav-right_top button.hamburger.active img.bars{opacity: 0;}
.menubar{display: flex;}
.menu-link{font-size: .82rem; white-space: nowrap; text-transform: uppercase; padding: 1.25rem  .4rem; display: block; color: #fff; position: relative; display: flex; align-items: center; justify-content: space-between;  letter-spacing: -.5px; column-gap: .2rem; line-height: 1;}
.menu-item:hover .menu-link{color: var(--color-prime)}
.menu-item:last-child .menu-link{padding-right: 0}
.has-megamenu .menu-link::after{content:''; background: url('./../images/icon-angle-down-prime.svg'); height: 10px; width: 15px; line-height: .8; transition: .3s all; transform-origin: center; filter: brightness(0) invert(1);}


.text-resizer{display: flex; color: #fff; justify-content: center;align-items: center; column-gap: .5rem;}
.text-resizer span{cursor: pointer; display: block; line-height: 1;}
.text-resizer span:not(:first-child){padding-left: .5rem; border-left: 1px solid #e0e0e0}


/* .has-megamenu:hover .menu-link::after{transform: rotateX(-180deg);} */
.menu-item:hover .menu-link::after{filter: none;transform: rotateX(-180deg);}

.mega-menu{position: absolute; left: 0; top: 100%; width: 100%; z-index: -1; display: none;}
.mega-menu-inner{height: 100%; isolation: isolate; height: calc(100vh - 109px); overflow-y: auto; padding-top: 3.33rem; padding-bottom: 4rem; transition: .3s all}
.header-sticky .mega-menu-inner{height: calc(100vh - 101px);}
.mega-menu-inner::before{content: ''; position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; transform: translateX(-50%); background-color: #F0EFEF; z-index: -1;}
.megamenu-sidebar .megamenu-heading{padding: 1.2rem 1.5rem; cursor: pointer; background: #e0e0e0; font-size: 1.67rem; font-weight: 600; line-height: 1.2; margin-bottom: .5rem; transition: .3s all;}
.megamenu-sidebar :is(.megamenu-heading[aria-selected="true"], .megamenu-heading:hover){background: var(--color-sec); color: #fff}
.megamenu-sidebar :is(.megamenu-heading[aria-selected="true"], .megamenu-heading:hover) a{color: #fff}
.megamenu-left{transform : translateX(-2rem); margin-left: -1rem}
.megamenu-left .application{margin-top: 3.5rem;padding: 0rem 1.67rem; max-width: 21rem;}
.megamenu-left .application h4{font-size: 1.67rem; font-weight: 400; line-height: 1.4;}
.megamenu-right .megamenu-list{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 3rem;}
.megamenu-right .megamenu-list a{padding-block: 1rem; display: block;line-height: 1.5; font-size: .88rem; font-weight: 500; color: #000;}
.megamenu-right .megamenu-list a:hover{color: var(--color-prime)}
.megamenu-right .megamenu-list li,
.admission-megamenu .megamenu-left li{border-bottom: 1px solid rgba(0,0,0,.13);}

.admission-megamenu .megamenu-left li a{display: block; padding-block: 1.12rem; font-size: 1.67rem; color: var(--color-prime); font-weight: 700;}
.admission-megamenu .megamenu-left{margin-left: 0}
.admission-megamenu .megamenu-right .row{--bs-gutter-x: 4rem}
.admission-megamenu .megamenu-right h6{font-size: 1.17rem; font-weight: 700; color: var(--color-purple); margin-bottom: 1rem; margin-top: 2rem}
.admission-megamenu .megamenu-right :is(p, a){color: #000; font-weight: 500;}
.admission-megamenu .megamenu-right p.address{font-weight: 400;}
.admission-megamenu .megamenu-right p.heading{color: var(--color-purple); font-weight: 700; margin-bottom: 1.67rem; margin-top: 2.78rem}
.admission-megamenu .megamenu-right p span{display: block;}
.admission-megamenu .megamenu-right a:hover{color: var(--color-prime)}
.admission-megamenu .megamenu-right a.btn-outlined{margin-top: .78rem}
.admission-megamenu a.btn-outlined:hover{color: #fff}
.admission-megamenu .megamenu-right h5:not(:first-child){margin-top: 4rem}


.sidebar{position: fixed; left: 0; overflow: hidden; bottom: 0; width: 100vw; height: calc(100vh - 109px); overflow-y: auto; background: rgba(0,0,0,.3);z-index: 8; padding-block: 0rem; display: none; transition: height .3s ease-in;}
.header-sticky .sidebar{ height: calc(100vh - 101px); }
.sidebar ul li a{font-size: .88rem; padding-block: .6em; display: block; font-weight: 500; color: #000}
.sidebar ul li a:hover{color: var(--color-prime)}
.sidebar h5{margin-bottom: 1.3rem; font-weight: 700;}
.sidebar .col-auto:last-child{max-width: max-content}
.sidebar .full-width{height: 100%;}
.sidebar .sidebar-inner{max-width: 20rem; margin-left: auto; background: rgb(240, 239, 239); height: 100%; padding: 5rem 2rem; position: relative;}
.sidebar .sidebar-inner::after{content:''; position: absolute; top: 0; height: 100%; left: calc(100% - 1px); width: 60vw; background: rgb(240, 239, 239);}
/* .sidebar .sidebar-inner:not(.sidebar-aside, .sidebar-faculties){padding-bottom: 1.5rem; border-bottom: 2px solid rgba(0,0,0,.15);}
.sidebar .sidebar-inner:not(:last-child){margin-bottom: 2.5rem;} */
.sidebar .sidebar-aside li a{font-size: 1.33rem; padding-block: 1.13rem; line-height: 1.2; color: var(--color-prime)}
.sidebar .sidebar-aside li{border-bottom: 1px solid rgba(0,0,0,.15);}
.sidebar .sidebar-aside li:first-child a{padding-top: 0}
.sidebar .col-auto{flex-grow: 1; flex-shrink: 1;}
.sidebar .row .row{flex-wrap: nowrap;}


@media (min-width: 768px){
    .navbar-brand{max-width: 280px;}
    .header-sticky .navbar-brand{max-width: 230px;}
}

@media (min-width: 992px){
    .navbar-brand{margin-right: 1rem}
    .nav-right{display: flex;}
    nav{justify-content: space-between;}
    .header-sticky .menu-link {padding-top: .8rem;}
}

@media (min-width: 1200px){
    .header{ padding-left: 1rem;}
    .nav-right_top{padding-right: .4rem}
    .menu-item:last-child .menu-link{padding-right: .4rem}
    .menu-link{font-size: 1rem; column-gap: .4rem}
    .mega-menu-inner{height: calc(100vh - 112px);}
    .header-sticky .mega-menu-inner{height: calc(100vh - 104px);}
    .sidebar{height: calc(100vh - 112px);}
    .header-sticky .sidebar{height: calc(100vh - 104px);}
    .sidebar .container{padding-inline: 2rem}
    .sidebar .row .row{--bs-gutter-x: 4rem; flex-wrap: nowrap;}
    .nav-right_top a.btn-prime{font-size: 1rem; padding-inline: 1rem}
    .nav-right_top{column-gap: .6rem}
}
@media (min-width: 1400px){
    .navbar-brand{max-width: 353px;}
    .header-sticky .navbar-brand{max-width: 300px;}
    .menu-link{font-size: 1rem; column-gap: .7rem}
    .sidebar .col-auto:first-child .sidebar-inner{margin-left: -4rem;}
    .sidebar .container{padding-inline: 2.5rem}
    .sidebar .row .row{--bs-gutter-x: 5rem; flex-wrap: nowrap;}
    .nav-right_top .btn{border-width: 3px}
    .nav-right_top a.btn-prime{ border-width: 3px;}
}
@media (min-width: 1700px){
    .nav-right_top{padding-right: .9rem; padding-block: .67rem;}
    .header-sticky .nav-right_top{padding-block: .5rem;}
    .menu-link{padding: 1.6rem  1.1rem;}
    .menu-item:last-child .menu-link{padding-right: .9rem}
    .header-sticky .menu-link {padding-top: 1rem}
    .nav-right_top{padding-bottom: 1rem;}
    .header-sticky .nav-right_top{padding-bottom: .6rem;}
    .mega-menu-inner{height: calc(100vh - 147px);}
    .header-sticky .mega-menu-inner{height: calc(100vh - 127px);}
    .sidebar{height: calc(100vh - 152.7px);}
    .header-sticky .sidebar{height: calc(100vh - 137px);}
}