.custom-navbar {
   background-color: #152f2a;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   padding: 10px 0;
 }
 
 .navbar-logo {
   width: 120px;
   height: auto;
   transition: transform 0.3s ease;
 }
 
 .navbar-logo:hover {
   transform: scale(1.05);
 }
 
 .navbar-brand {
   font-size: 1.5rem;
   font-weight: bold;
   color: #edf6f1;
 }
 
 .navbar-toggler {
   border-color: #edf6f1;
 }
 
 .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(237, 246, 241, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .nav-link {
   color: #edf6f1 !important;
   font-weight: 500;
   padding: 0.5rem 1rem;
   transition: all 0.3s ease;
   position: relative;
 }
 
 .nav-link::after {
   content: '';
   position: absolute;
   width: 0;
   height: 2px;
   bottom: 0;
   left: 50%;
   background-color: #edf6f1;
   transition: all 0.3s ease;
 }
 
 .nav-link:hover {
   color: #ffffff !important;
 }
 
 .nav-link:hover::after {
   width: 100%;
   left: 0;
 }
 
 @media (max-width: 991.98px) {
   .navbar-nav {
     background-color: #202b29;
     padding: 10px;
     border-radius: 5px;
   }
 
   .nav-link {
     padding: 0.75rem 1rem;
   }
 
   .nav-link::after {
     display: none;
   }
 }
 
 .btn-link {
   color: #edf6f1 !important;
   text-decoration: none;
   padding: 0;
 }
 
 .btn-link:hover {
   color: #ffffff !important;
 }