/* 1. Universal Button Style (Get ID Now ki tarah rounded) */
.nav-button-yellow a, 
.nav-button-white a,
.nav-button-green a {
    padding: 12px 24px !important;
    border-radius: 10px !important; /* Rounded corners like 'Get ID Now' */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease;
    text-decoration: none !important;
    border: none !important;
}

/* 2. Specific Colors */
.nav-button-yellow a {
    background-color: #f1d22e !important;
    color: #000 !important;
}

.nav-button-white a {
    background-color: #ffffff !important;
    color: #000 !important;
}

/* 3. WhatsApp Green Button (If needed) */
.nav-button-green a {
    background-color: #61ce70 !important;
    color: #000 !important;
}

/* 4. GAP FIX - Sabhi buttons ke beech barabar gap */
li.nav-button-yellow, 
li.nav-button-white,
li.nav-button-green {
    margin: 0 8px !important; /* Dono taraf thoda gap */
    display: inline-block !important;
    list-style: none !important;
}

/* 5. RESPONSIVE - Tablet aur Mobile ke liye */
@media (max-width: 980px) {
    /* Menu container ko flex banayenge taaki buttons line mein rahein */
    .main-navigation ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 10px 0 !important;
    }

    li.nav-button-yellow, 
    li.nav-button-white,
    li.nav-button-green {
        margin: 5px !important;
        width: auto !important; /* Buttons ko unki text ke hisaab se width dega */
    }

    .nav-button-yellow a, 
    .nav-button-white a,
    .nav-button-green a {
        padding: 6px 15px !important;
        font-size: 11px !important;
    }
}