.navbar{position:sticky;top:0;width:100%;background:radial-gradient(circle at center,#00391c 0,#00543d 30%,#001010 70%,#000000 100%);background-color:#000000;background-attachment:fixed;background-size:cover;z-index:999;color:white!important}.navbar,.navbar ul{display:flex;align-items:center;justify-content:space-between}.navbar ul{gap:1rem;list-style:none;flex:1}.navbar ul .services-li{display:flex;align-items:center;gap:10px;color:white!important}.navbar ul .services-li i{margin-left:-20px}.navbar i,.navbar ul .services-li i{font-size:1.5rem;color:#ffd84d}.navbar .logo{display:flex;align-items:center;gap:.5rem}.navbar .logo img{border-radius:6px;width:100%;height:100%}.bx-menu,.bx-x{font-size:2rem;cursor:pointer;transition:all .3s ease-in-out;display:none}.bx-x:hover{color:#470a1f}.nav-items .join{display:none}.nav-items .join button{display:flex;align-items:center;justify-content:center!important}@media (max-width:575px){.navbar{padding:1rem;justify-content:space-between}.navbar .nav-items{position:fixed;top:0;right:200vw;flex-direction:column;align-items:start;justify-content:flex-start;width:100%;height:100dvh;padding:2rem 1rem;background-color:#000000;background-attachment:fixed;background-size:cover;color:#ffffff;border-radius:5px;z-index:998;border:1px solid rgba(255,255,255,.1)}.nav-items.active{right:0;transition:all .3s ease-in-out}.nav-items ul{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;color:black!important}.navbar .join{position:absolute;bottom:2rem;left:0;padding:0 1rem;display:flex;width:100%}.navbar .join button{width:100%}.bx-menu,.bx-x{display:block}.bx-x{position:absolute;right:1rem;top:1rem}.main-button{display:none}}@media (min-width:576px) and (max-width:767px){.navbar{padding:1rem 2rem;justify-content:space-between}.navbar .nav-items{position:fixed;top:0;right:200vw;flex-direction:column;align-items:start;justify-content:flex-start;width:100%;height:100vh;padding:2rem;background-color:#000000;background-attachment:fixed;background-size:cover;color:#ffffff;border-radius:5px;z-index:998;border:1px solid rgba(255,255,255,.1)}.nav-items.active{right:0;transition:all .3s ease-in-out}.nav-items ul{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.navbar .join{position:absolute;bottom:2rem;left:0;width:100%;padding:0 2rem;display:flex}.navbar .join button{width:100%}.bx-menu,.bx-x{display:block}.bx-x{position:absolute;right:1rem;top:1rem}.main-button{display:none}}@media (min-width:768px) and (max-width:991px){.navbar{padding:1rem 3rem;justify-content:space-between}.navbar .nav-items{position:fixed;top:0;right:200vw;flex-direction:column;align-items:start;justify-content:flex-start;width:100%;height:100vh;padding:1rem 3rem;background-color:#000000;background-attachment:fixed;background-size:cover;color:#ffffff;border-radius:5px;z-index:998;border:1px solid rgba(255,255,255,.1)}.nav-items.active{right:0;transition:all .3s ease-in-out}.nav-items ul{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.navbar .join{position:absolute;bottom:2rem;left:0;width:100%;padding:0 3rem;display:flex}.navbar .join button{width:100%}.bx-menu,.bx-x{display:block}.bx-x{position:absolute;right:3rem;top:1rem}.main-button{display:none}}@media (min-width:992px) and (max-width:1199px){.navbar{padding:1rem 4rem;justify-content:space-between}}@media (min-width:1200px){.navbar{padding:1rem 4rem;justify-content:space-between}}@media (min-width:1600px){.navbar{padding:1rem 4rem;justify-content:space-between}}