@media screen and (max-width:1024px)and (pointer:coarse){.main{height:auto!important}}.header-wrapper{width:100%;height:80px;background-color:#dfc070;display:flex;justify-content:center;padding:0 20px}.header-wrapper .header{max-width:1420px;width:100%;display:flex;justify-content:start}.header-wrapper .header .header-container{display:flex;align-items:center;gap:50px}.header-wrapper .header .header-container .wallpaper-logo{width:80px;position:relative;z-index:2}.header-wrapper .header .header-container .mobile-background-con{display:none}.header-wrapper .header .header-container .nav{display:flex}.header-wrapper .header .header-container .nav .navigation-menu{display:flex;gap:30px}.header-wrapper .header .header-container .nav .navigation-menu .nav-link{color:#000;cursor:pointer}.header-wrapper .header .header-container .nav .navigation-menu .nav-link:hover{color:rgba(0,0,0,.7333333333)}.header-wrapper .header .header-container .mobile-btn{display:none;position:relative;z-index:2}@media screen and (max-width:1024px){.header-wrapper{position:relative}.header-wrapper .header .header-container{justify-content:space-between;width:100%}.header-wrapper .header .header-container .mobile-btn,.header-wrapper .header .header-container .wallpaper-logo{z-index:17}.header-wrapper .header .header-container .mobile-background-con{display:flex;width:100%;position:absolute;top:0;left:0;height:80px;pointer-events:none;background-color:#dfc070;z-index:16}.header-wrapper .header .header-container .nav{display:flex;top:80px;left:0;width:100%;position:absolute;transform:translateY(-200%);transition:.3s;background-color:#a1abcd;padding:15px;z-index:15}.header-wrapper .header .header-container .nav.mobile{transform:translateY(0);transition:.3s}.header-wrapper .header .header-container .nav .navigation-menu{flex-direction:column;width:100%;gap:0}.header-wrapper .header .header-container .nav .navigation-menu li .nav-link{padding:30px;width:100%;display:flex}.header-wrapper .header .header-container .mobile-btn{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background-color:#222e56;border-radius:4px;flex-direction:column;gap:3.5px}.header-wrapper .header .header-container .mobile-btn span{background:#dfc070;width:16px;height:2.5px;border-radius:5px;transition:all .3s linear}.header-wrapper .header .header-container .mobile-btn.active span:first-child,.header-wrapper .header .header-container .mobile-btn.active span:nth-child(3){transform:translateY(5px) rotate(-45deg) scalex(1.3);margin:0}.header-wrapper .header .header-container .mobile-btn.active span:nth-child(2){height:0;margin:0}.header-wrapper .header .header-container .mobile-btn.active span:nth-child(3){transform:translateY(-5px) rotate(45deg) scalex(1.3)}}.overlay{z-index:100;width:100vw;height:100vh;top:0;left:0;position:fixed;background-color:rgba(0,0,0,.2823529412);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;pointer-events:none;display:none}.overlay.active{opacity:1;transition:.3s;pointer-events:all;display:flex}.overlay .modal{position:relative;line-height:.7;background-color:#a1abcd;border-radius:3px;display:flex;flex-direction:row;width:90%;overflow-y:auto;padding:20px}.overlay .modal .close-modal{position:absolute;top:10px;left:10px;cursor:pointer;font-size:1.5rem;color:#222e56}.overlay .modal .close-modal:hover{color:#dfc070}