/* Resetting defaults taaki blue links gayab ho jayein */
.top-bar a {
    text-decoration: none !important;
    color: #444 !important;
    font-family: 'Poppins', sans-serif;
}

.top-bar {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
    display: block; /* Ensure it takes full width */
}

.container-top {
    max-width: 1200px;
    margin: 0 auto;
    display: flex !important; /* Force Horizontal */
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.top-left a {
    font-weight: 500;
    font-size: 14px;
}

.top-left i {
    color: #1B4D3E; /* Logo Green */
    margin-right: 5px;
}

.top-right {
    display: flex;
    gap: 20px; /* Links ke beech gap */
}

.top-right a {
    font-size: 13px;
    transition: 0.3s;
}

.top-right a:hover {
    color: #D4AF37 !important; /* Gold on hover */
}

/* Mobile ke liye settings */
@media (max-width: 768px) {
    .container-top {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}