.header{top:0;padding:15px 0;position:absolute;width:100%;top:20px;z-index:10}.header-wrapper .navbar{border:1px solid hsla(0,0%,100%,.6);box-shadow:0 0 26px 7px rgba(9,180,227,.2);padding:15px 8px;border-radius:50px;backdrop-filter:blur(16px)}.header-wrapper .navbar ul{display:flex;justify-content:space-between;align-items:center;gap:20px}.header-wrapper .navbar .navlink{color:#fff;font-size:16px;padding:10px 20px;border-radius:50px;transition:all .3s ease-in-out}.header-wrapper .navbar .navlink.active,.header-wrapper .navbar .navlink:hover{background:#05e077;transition:all .3s ease-in-out}.header-wrapper .navbar .navlink.active{color:#fff}.header-wrapper .contact-us-btn{display:flex;align-items:center}.header-wrapper .contact-us-btn .btn{background:#09b4e3;border-radius:50px;padding:15px 20px;font-weight:400;font-size:16px;letter-spacing:-.5px}.header-wrapper .contact-us-btn .svg-wrapper{display:none}@media screen and (max-width:768px){.header{top:0;padding:15px 0;position:absolute}.header-wrapper .navbar{padding:25px 15px;position:fixed;height:100%;max-width:280px;width:100%;top:0;right:0;box-shadow:none;border:none;border-radius:0;transform:translateX(100%);transition:all .3s ease-in-out;z-index:20}.header-wrapper .navbar.open{transform:translateX(0);transition:all .3s ease-in-out}.header-wrapper .navbar ul{flex-direction:column;gap:20px}.header-wrapper .contact-us-btn .btn{padding:10px 15px}.header-wrapper .contact-us-btn .svg-wrapper{display:block}}