.navbar{align-items:center;background-color:transparent;border-bottom:1px solid #707070;display:flex;flex-direction:row;height:62px;justify-content:space-between;position:absolute;width:100%}.navbar .logo{height:36px;margin-left:60px;width:auto}.navbar .right{align-items:center;display:flex;flex-direction:row;gap:60px;height:100%;justify-content:space-between}.navbar .right a{color:#fff!important;font-size:14px;font-weight:500;text-decoration:none}.navbar .right #contact{align-items:center;background-color:#26a7df;display:flex;height:100%;padding:1rem}.nav-container{display:none}@media (max-width:800px){.navbar{flex-direction:row-reverse;height:auto;padding:1rem 2rem;width:100%}.navbar .logo{margin-left:0!important}.navbar .right{display:none}.nav-container{align-items:center;display:flex;height:62px;justify-content:space-between}.navbar .nav-container li{list-style:none}.navbar .nav-container a{color:#f3f5ff;font-size:1.2rem;font-weight:500;padding:.7rem;text-decoration:none}.navbar .nav-container a:hover{font-weight:bolder}.nav-container{display:block;height:60px;position:relative;width:100%}.nav-container .checkbox{cursor:pointer;display:block;height:32px;left:20px;opacity:0;position:absolute;top:20px;width:32px;z-index:5}.nav-container .hamburger-lines{display:block;display:flex;flex-direction:column;height:26px;justify-content:space-between;left:20px;position:absolute;top:17px;width:32px;z-index:2}.nav-container .hamburger-lines .line{background:#fff;border-radius:10px;display:block;height:2px;width:100%}.nav-container .hamburger-lines .line1{transform-origin:0 0;transition:transform .4s ease-in-out}.nav-container .hamburger-lines .line2{transition:transform .2s ease-in-out}.nav-container .hamburger-lines .line3{transform-origin:0 100%;transition:transform .4s ease-in-out}.navbar .menu-items{background-color:#0c0d0d;display:flex;flex-direction:column;height:100vh;margin-left:-32px;margin-top:-16px;padding:7rem 2rem;text-align:left;transform:translate(-150%);transition:transform .5s ease-in-out;width:100%}.navbar .menu-items li{font-size:1.5rem;font-weight:500;margin-bottom:1.2rem}.nav-container input[type=checkbox]:checked~.menu-items{transform:translateX(0)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(45deg)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-45deg)}}