.elementor-10 .elementor-element.elementor-element-62dc578{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-1dd2a2b *//* Navbar me items ko vertically center karne ke liye */
.navbar {
    display: flex;
    align-items: center; /* Yeh logo, links aur actions ko center rakhta hai */
    justify-content: space-between;
    padding: 1rem 0; /* Padding thori balance ki hai */
    gap: 1.5rem;
    border-bottom: 1px solid var(--border);
    background: var(--nav-bg);
    transition: background var(--transition), border-color var(--transition);
}

/* Nav Actions ko vertically center align karne ke liye */
.nav-actions {
    display: flex;
    align-items: center; /* Isse button aur theme toggle dono center ho jayenge */
    gap: 0.8rem;
}

/* Button ki alignment check karne ke liye */
.btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.7rem 1.4rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--gold-light), var(--gold) 60%, var(--gold-dark));
    color: #0a0a0a;
    box-shadow: 0 10px 30px rgba(201, 150, 44, 0.35);
    transition: transform var(--transition), box-shadow var(--transition);
    white-space: nowrap;
    line-height: 1; /* Line height 1 karne se text bilkul center me rehta hai */
}/* End custom CSS */