body {
    background-color: #e9e9ed;
}

a {
    cursor: pointer;
}
.mbl-overlay {
    background: #0000008a;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
header {
    padding: 8px 0;
    margin-bottom: 20px;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 999;
}

.main-menu ul {
    padding-left: 0;
    margin-bottom: 0;
}

.main-menu li {
    display: inline-flex;
    position: relative;
}

.logo {
    max-width: 157px;
    min-width: 157px;
}

.login-sec {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(https://img.freepik.com/free-vector/books-seamless-pattern-doodle-outline-textbooks_107791-9584.jpg?w=740&t=st=1707462621~exp=1707463221~hmac=ca3171f6107922c8b52c1583fd5ede5af6016fccf8757f2be913e6915b63ffa2);
    background-size: 25%;
}

.login-sec::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(https://img.freepik.com/premium-vector/geography-loupe-with-compass-book_188544-3828.jpg?w=740);
    width: 50%;
    height: 100%;
}

.login-sec::before {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    background: #ff3300eb;
    left: 0;
}

.main-menu a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    margin-right: 44px;
}

header .dropdown-toggle::after {
    display: none;
}

.submenu {
    position: absolute;
    min-width: 260px;
    top: 15px;
    padding-top: 36px;
    display: none;
}

.main-menu li:hover .submenu {
    display: block;
}

.submenu ul {
    background: #fff;
    padding: 18px;
    box-shadow: 0 0 6px #eee;
    border-radius: 4px;
}

.submenu li {
    display: block;
}

.submenu ul a {
    margin-bottom: 11px;
    display: block;
}

.submenu li:last-child a {
    margin-bottom: 0;
}