.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #361C6A;
    z-index: 999;
}

nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-brand {
    margin-block: .67rem;
    max-width: 250px;
    white-space: normal;
}

.header-sticky .navbar-brand {
    max-width: 200px;
    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: .6rem;
}

.nav-right_top .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    border: .2rem solid var(--color-prime);
    color: #fff;
    padding: .4rem;
    line-height: 1;
}

.nav-right_top a.btn-prime {
    padding-inline: 1rem
}

.nav-right_top :is(a.btn-square, button) {
    padding-inline: .5rem;
    border-color: #fff;
}

.nav-right_top :is(a.btn-square)::after {
    display: none;
}

.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 - 54px); }
.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;}

.drop-menu ul li a {
    color: #fff;
}

@media (min-width: 992px) {
    .nav-right ul li .drop-menu {
        display: none;
        position: relative;
    }

    .nav-right ul li .drop-menu ul {
        background-color: #361C6A;
        width: 100%;
        padding: 1rem 2rem;
    }

    .nav-right ul li .drop-menu ul li {
        padding: 0.5rem 0rem;
    }

    .nav-right ul li:hover>.drop-menu {
        display: block;
        position: absolute;
    }

    .navbar-brand {
        margin-right: 1rem
    }

    .nav-right {
        display: flex;
    }

    nav {
        justify-content: space-between;
    }

    .header-sticky .menu-link {
        padding-top: .8rem;
    }
}

@media (min-width: 768px) {
    .navbar-brand {
        max-width: 100%;
        display: flex;
        align-items: center;
    }

    .navbar-brand img {
        margin-left: 0;
        max-width: 260px;
        padding-right: 2rem;
    }

    /* h2.faculty-title a {
        color: #fff;
        font-size: 20px;
    } */

    .header-sticky .navbar-brand {
        max-width: 100%;
        display: flex;
        align-items: center;
    }
}

@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 - 54px);
    }

    .sidebar .container {
        padding-inline: 2rem
    }

    .sidebar .row .row {
        --bs-gutter-x: 4rem;
        flex-wrap: nowrap;
    }
}

@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;
    }
}

@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 - 147px);
    }

    .header-sticky .sidebar {
        height: calc(100vh - 79px);
    }
}

@media (max-width: 991px) {
    /* .programms .programms-left .alc-programms-left_bottom {
        padding: 0;
        margin-top: 0rem;
        position: relative !important;
    }

    .programms-left .programms-left_top {
        margin-left: 0rem;
        position: absolute;
        top: -5rem !important;
    } */

    .rievance-arrows {
        margin-bottom: 2rem;
    }

    .alc-section-heading {
        margin-top: 3rem;
    }
}