@media(max-width:992px){

.main-menu{

    position:fixed;

    top:100px;

    left:-100%;

    width:100%;

    height:calc(100vh - 100px);

    background:white;

    padding:50px 30px;

    transition:.4s;

}

.main-menu.active{

    left:0;

}

.main-menu ul{

    flex-direction:column;

    gap:25px;

}

.mobile-toggle{

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;
    height:48px;

    border:none;

    border-radius:50%;

    background:rgba(143,164,142,.08);

    font-size:30px;

}

.header-icons{

    display:none;

}

.hero h1{

    font-size:52px;

}

}

@media(max-width:768px){

.hero h1{

    font-size:40px;

}

.hero-buttons{

    flex-direction:column;

}

.section{

    padding:90px 0;

}

.footer-grid{

    grid-template-columns:1fr;

}

}