.top-bar{align-items:center;background-color:#e5e5e5;display:flex;height:auto;width:100%}.top-bar p{margin:0}.top-bar .whatsapp{color:#000;margin-left:5px;transition:.2s ease-in-out}.top-bar .whatsapp:hover{color:orange}.header{background-color:#eee;position:relative;width:100%;z-index:10}.header-content{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.logo img{height:auto;width:400px}.hamburger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:25px}.hamburger div{background-color:#000;border-radius:2px;height:3px}.overlay{background-color:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.menu{align-items:center;display:flex;z-index:10}.menu ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.menu ul li{font-size:20px;transition:.2s ease-in-out}.menu ul li:hover{color:orange}@media (min-width:769px) and (max-width:1024px){.header-content{align-items:center;flex-wrap:nowrap;justify-content:space-between}.logo img{height:auto;width:250px}.menu ul li{font-size:18px}.hamburger{display:flex}.menu{align-items:center;background-color:#eee;box-shadow:-4px 0 8px #0003;height:100vh;justify-content:flex-start;padding:20px 0;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease-in-out;width:300px}.menu,.menu ul{flex-direction:column}.menu ul{gap:30px}.menu-active{transform:translate(0)}.menu .close{background-color:transparent;color:#000;cursor:pointer;font-size:30px;font-weight:700;margin-bottom:20px;margin-top:10px;padding:10px;transition:.2s ease-in-out}.menu .close:hover{color:orange}.menu ul li{color:#000;font-size:20px;font-weight:700;margin:0 auto;transition:color .3s ease-in-out}.menu ul li:hover{color:orange}.top-bar p{font-size:15px}}@media (max-width:768px){.top-bar{width:auto}.hamburger,.top-bar p{display:flex}.hamburger{margin-left:auto}.logo img{height:75px;width:240px}.menu{align-items:center;background-color:#eee;box-shadow:-4px 0 8px #0003;height:100vh;justify-content:flex-start;padding:20px 0;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease-in-out;width:250px}.menu,.menu ul{flex-direction:column}.menu ul{gap:30px}.menu-active{transform:translate(0)}.menu .close{background-color:transparent;color:#000;cursor:pointer;font-size:30px;font-weight:700;margin-bottom:20px;margin-top:10px;padding:10px;transition:.2s ease-in-out}.menu .close:hover{color:orange}.menu ul li{color:#000;font-size:20px;font-weight:700;margin:0 auto;transition:color .3s ease-in-out}.menu ul li:hover{color:orange}.logo{flex-grow:1;text-align:left}}.phone{color:#fff;text-decoration:none}.phone:hover{color:orange;text-decoration:underline;transition:.2s ease}.footer{background:linear-gradient(100deg,#212529,#2f3439);color:#f8f9fa;font-family:Arial,sans-serif;padding:40px 20px}.footer-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-center,.footer-left,.footer-right{flex:1;min-width:250px}.footer-left p{color:#adb5bd}.footer-center{text-align:center}.footer-center h2{color:orange}.footer-menu ul{list-style:none;padding:0}.footer-menu li{margin:10px 0}.footer-menu a{color:#f8f9fa;font-size:18px;font-weight:700;text-decoration:none;transition:color .3s ease}.footer-menu a:hover,.footer-right h2{color:orange}.footer-right h3{font-size:18px;margin:10px 0 5px}.footer-right p{margin:5px}@media (max-width:768px){.footer-container{flex-direction:column;text-align:center}.footer-center,.footer-left,.footer-right{text-align:center}}