@import url(../css/mobile-menu.css);

.header-section {
    background: #F6F6F6;
    border-bottom: 1px solid #C5C5C5;
        position: relative;
}
.logo a{display: inline-grid;}
.logo a>*{ grid-area: 1/1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.logo a .light-logo{opacity: 0;visibility: hidden;}
.fixed-header .logo a .dark-logo{opacity: 0;visibility: hidden;}
.fixed-header .logo a .light-logo{opacity: 1;visibility: visible;}
.cus-menu ul li a {
    color: var(--color-00);
}

.cus-menu ul li a:hover{
    color:var( --primary-color);
}

.academic-header{
        position: absolute;
    z-index: 1034;
    width: 100%;
    background: transparent linear-gradient(180deg, #000000e8 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    padding: 1rem 0 0 0;
    border: none;
}
.academic-header .cus-menu ul li a {
    color: var(--white-color);
}
.academic-header .cus-menu ul li a:hover {
    color: #c9cfd9;
}

.fixed-header {
    position: fixed;
    z-index: 9999;
    transition: 1s;
    -webkit-transition: 1s;
    background: #2a3c7e;
    padding: 0;
}
/* .academic-header.fixed-header {
    background-color: #000;
} */
.fixed-header .cus-menu ul li a{    color: var(--white-color);}
.fixed-header .cus-menu ul li a:hover{color:#c9cfd9;}


@media screen and (max-width:1560px) {
.logo {
    width: 30%;
}
}