/* .main-header {
    padding: 0 20px;
}

.main-header nav {
    position: absolute;
    width: 30%;
    height: calc(100vh - 50px);
    background: #fff;
    top: 100px;
    left: -100%;
    transition: 0.5s;
}

.main-header nav.active {
    left: 0;
    top: 100%;
}

.main-header nav ul {
    display: block;
}

.main-header nav ul li a {
    border-bottom: 1px solid;
    padding: 0 20px;
}

.main-header nav ul li:hover ul {
    position: relative;
    background: #fff;
    margin: 0;
    transition: 0.8s;
}

.main-header nav ul li a:hover,
.main-header nav ul li a.active {
    color: var(--secoundary-color);
    border-top: none;
}

.main-header nav ul li ul li {
    transition: 0.2s;
    width: 100%;
    margin: 2% 0;
}

.main-header nav ul li ul li a {
    padding: 0 10% !important;
}

.hamburger {
    display: block;
}

.scroll {
    overflow: hidden;
} */