/* === Navbar Section === */
    .main-navbar {
      background-color: #0c539d;
      padding: 0.8rem 2rem;
    }

    .navbar-brand img {
      height: 90px;
    }

    /* Center group (blue gradient with rounded edges) */
    .main-menu {
      background: linear-gradient(90deg, #78a8d4, #5a8fc1);
      border-radius: 50px;
      padding: 0.3rem 0rem;
      border: 1px solid rgba(255, 255, 255, 0.5);
    }

    .nav-link {
      color: #fff !important;
      font-weight: 600;
      padding: 0.5rem 1.3rem;
      transition: all 0.3s ease;
    }

    .nav-link:hover,
    .nav-link.active {
      color: #e9f2ff !important;
      text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
    }

    .main-menu .nav-item {
      margin: 0 20px; /* Increase horizontal space around the middle item */
    }

    /* Optionally highlight it slightly */
    .main-menu .nav-item:nth-child(3) .nav-link {
      font-weight: 700;
      border-bottom: 2px solid transparent;
      transition: 0.3s;
    }

    .main-menu .nav-item:nth-child(3) .nav-link:hover {
      border-bottom: 2px solid #fff;
    }

    /* Contact button */
    .btn-contact {
      background-color: #6ecb2c;
      color: #fff !important;
      font-weight: 600;
      border-radius: 50px;
      padding: 0.6rem 1.5rem;
      margin-left: 15px;
      transition: all 0.3s ease;
    }

    .btn-contact:hover {
      background-color: #5ab324;
      transform: scale(1.05);
    }

    /* Responsive */
    @media (max-width: 992px) {
      .main-menu {
        border-radius: 20px;
        background: none;
        border: none;
        padding: 0;
      }

      .navbar-collapse {
        background-color: #0c539d;
        border-radius: 10px;
        padding: 1rem;
      }

      .btn-contact {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0 0;
      }

      .main-menu .nav-item:nth-child(3) {
        margin: 0; /* remove spacing on mobile */
      }
    }