* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   body {
       font-family: Arial, sans-serif;
       background: #f8f8f8;
   }

   .custom-navbar {
       max-width: 1100px;
       margin: 30px auto;
       background: #fff;
       border: 2px solid #4CAF70;
       border-radius: 60px;
       padding: 20px 40px;
   }

   .logo-box {
       display: flex;
       align-items: center;
       gap: 12px;
   }

   .logo-box img {
       width: 55px;
       height: 55px;
       border-radius: 50%;
       object-fit: cover;
   }

   .logo-text {
       font-size: 18px;
       font-weight: 600;
       line-height: 1.1;
       color: #111;
   }

   /* Desktop Menu */
   .nav-links {
       display: flex;
       align-items: center;
       gap: 35px;
   }

   .nav-links a,
   .mobile-nav-links a {
       text-decoration: none;
       color: #222;
       font-size: 16px;
       font-weight: 500;
       transition: .3s;
   }

   .nav-links a:hover,
   .mobile-nav-links a:hover,
   .nav-links .active,
   .mobile-nav-links .active {
       color: #4CAF70;
   }

   .support-btn {
       background: #5CC57B;
       color: #fff !important;
       padding: 12px 28px;
       border-radius: 12px;
       text-decoration: none;
       font-weight: 600;
   }

   .support-btn:hover {
       background: #49b46a;
       color: #fff !important;
   }

   /* Mobile Menu */
   .mobile-nav-links {
       display: flex;
       flex-direction: column;
       gap: 18px;
       text-align: center;
       margin-top: 25px;
   }

   .mobile-nav-links .support-btn {
       width: 160px;
       margin: auto;
   }

   .navbar-toggler {
       border: none;
       box-shadow: none !important;
   }

   .menu-icon {
       font-size: 35px;
       color: #4CAF70;
       line-height: 1;
   }

   /* Mobile */
   @media (max-width:991px) {
       .custom-navbar {
           max-width: 95%;
           border-radius: 25px;
           padding: 20px;
       }

       .logo-text {
           font-size: 16px;
       }
   }