.navbar{position:fixed;top:0;left:0;width:100%;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 0;z-index:1000;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.menu-toggle{display:none;cursor:pointer;width:30px;height:25px;position:relative}.nav-header{display:flex;max-width:1600px;margin:0 auto;width:90%;align-items:center}nav.navbar.bgcolor{background-color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}nav.navbar.bgcolor .contact-btn a{color:var(--textcolor)}.menu-toggle span{display:block;width:100%;height:3px;background-color:#fff;position:absolute;transition:0.3s}.menu-toggle span:nth-child(1){top:0}.menu-toggle span:nth-child(2){top:11px}.menu-toggle span:nth-child(3){bottom:0}.menu-toggle.active span:nth-child(1){transform:rotate(45deg);top:11px}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg);top:11px}.menu{display:flex;gap:20px}.menu li{list-style:none;position:relative}.menu li a{text-decoration:none;color:var(--textcolor);margin:10px 10px;font-weight:500;display:block;font-family:var(--font-two);text-transform:uppercase;font-size:1.2em;position:relative;transition:0.5s}.contact-btn a::after{position:absolute;content:"";width:100%;height:2px;top:100%;left:0;background:#206CFA;transition:transform 0.5s;transform:scaleX(0);transform-origin:right}.contact-btn a:hover{color:#206CFA}.contact-btn a:hover::after{transform:scaleX(1);transform-origin:left}.menu li a::after{position:absolute;content:"";width:100%;height:2px;top:100%;left:0;background:#206CFA;transition:transform 0.5s;transform:scaleX(0);transform-origin:right}.menu li a:hover{color:#206CFA}.menu li a:hover::after{transform:scaleX(1);transform-origin:left}.header-left{width:70%;display:flex;align-items:center}.contact-btn{width:30%;text-align:right}.contact-btn a{text-decoration:none;color:var(--text-color-two);position:relative;font-weight:500;font-size:1.2em}.menu li ul{position:absolute;top:40px;left:0;background:linear-gradient(to bottom,#fff0 5%,rgb(255 255 255) 30%)!important;padding:10px 0;display:none;min-width:150px;z-index:1000;border-radius:0 0 10px 10px;transition:background 0.1s ease-in-out,background-color 0.1s ease-in-out}.menu li:hover>ul{display:block}.menu li ul li{padding:5px 15px}.menu li ul li a{padding:20px 0 0 0}.menu li ul li ul{top:0;left:150px}nav.navbar.bgcolor .menu li ul{background-color:#ffffff!important}@media (max-width:1023px){.menu-toggle{display:block}.menu{flex-direction:column;position:fixed;top:0;left:-100%;background-color:#000;width:100%;height:100%;overflow-y:auto;transition:left 0.3s ease;padding-top:60px}.menu.active{left:0}.menu li{text-align:left}.close-btn{display:none}}