.main-menu-container{position:absolute;top:0;left:0;height:100px;width:100vw;z-index:99;overflow:hidden;transition:transform .3s ease-in-out;transform:translateX(-100%)}.main-menu-container.open{transform:translateX(0)}.main-menu-container:before{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;background-color:white;z-index:-1;transition:left .3s ease-in-out}.main-menu-container.open:before{left:0}.close-btn{color:black;position:absolute;width:42px;height:42px;top:50%;left:3.5%;transform:translate(-50%,-50%);cursor:pointer}.main-menu-wrapper{color:black;font-size:22px;height:100%}.main-menu-wrapper ul{display:flex;gap:20px;justify-content:center;align-items:center;height:100%}.main-menu-wrapper ul li{list-style:none}.main-menu-wrapper ul li:hover{color:#f37a21;cursor:pointer}@media (max-width:768px){.main-menu-container{height:100dvh}.close-btn{top:4%;left:5%}.main-menu-wrapper ul{flex-direction:column;gap:10px}.main-menu-wrapper ul li{font-size:18px}}