* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Poppins', sans-serif;
    }

    .navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 24px;
      background-color: #19203c;
      position: relative;
      color: white;
    }

    .nav-left .logo {
      width: 130px;
      object-fit: cover;
    }

    .nav-center,
    .nav-right {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .nav-center a,
    .nav-right a {
      text-decoration: none;
      color: white;
      font-weight: 500;
      transition: color 0.2s;
      font-size: 12px;
    }

    .nav-center a:hover,
    .nav-right a:hover {
      color: #ffc107;
    }

    .phone {
      font-size: 14px;
      color: #ccc;
    }

    .nav-toggle {
      display: none;
      font-size: 28px;
      cursor: pointer;
      color: white;
    }

    .mobile-menu {
      display: none;
      flex-direction: column;
      background-color: #19203c;
      padding: 16px;
      border-top: 1px solid #444;
      position: relative;
      top: 100%;
      width: 100%;
      left: 0;
      z-index: 100;
      
    }

    .mobile-menu a {
      padding: 10px 0px;
      text-decoration: none;
      color: white;
      font-weight: 500;
    border-bottom: 1px solid #a5a1a1; 
     
    }

    .mobile-menu .phone {
      margin-top: 10px;
      font-size: 14px;
      color: #ccc;
    }

    .mobile-menu.active {
      display: flex;
    }

    @media (max-width: 900px) {
      .nav-center,
      .nav-right {
        display: none;
      }

      .nav-toggle {
        display: block;
      }
    }