.navbar{display:flex;justify-content:center;align-items:center;width:100%;height:80px;background-color:#283618;color:#fff}.navbar .calltoaction{color:#dda15e;padding:10px 15px;border:3px solid #dda15e;border-radius:153px}.navbar a{color:#fff;text-decoration:none}.navbar .content{display:flex;justify-content:space-between;align-items:center;width:80%;max-width:1200px;padding:0 1rem}.navbar .navbar-logo{display:flex;align-items:center;font-weight:700;color:#fff}.navbar .desktop-nav{display:none;align-items:center}.navbar .desktop-nav .nav-links{display:flex;gap:2rem;text-decoration:none}.navbar .desktop-nav .nav-links li{list-style-type:none}.navbar .desktop-nav .nav-links a{text-decoration:none;font-weight:700}.navbar .desktop-nav .nav-links a:hover{color:#dda15e}.navbar .mobile-nav{display:flex;align-items:center;position:relative;width:100%;justify-content:flex-end}.navbar .mobile-nav .menu-icon{cursor:pointer}.navbar .mobile-nav .dropdown{position:absolute;top:100%;left:0;right:0;width:100%;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-top:2px solid #113d5d;transition:max-height .3s ease-in-out;max-height:0;visibility:hidden;overflow:hidden;z-index:10}.navbar .mobile-nav .dropdown.open{max-height:500px;visibility:visible}.navbar .mobile-nav .dropdown a{display:block;padding:1rem;color:#113d5d;text-decoration:none}.navbar .mobile-nav .dropdown a:hover{background-color:#dda15e;color:#fff}@media (min-width:640px){.navbar .desktop-nav{display:flex}.navbar .mobile-nav{display:none}}