.demo-login{
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.18)!important;
}
.text-green-600 {
    color: rgba(5, 150, 105, 1);
}

/* ============================================
   CUSTOM OVERRIDES BY US — sguru_july26
   Original Bootstrap/Theme values in comments
   ============================================ */

/* Global font size — Original: 16px (Bootstrap default) — Changed by us: 14px */
html {
    font-size: 14px;
}

/* Section padding — Original: Bootstrap py-5 = 3rem top/bottom — Changed by us: 2rem */
.py-5 {
    padding-top: 2rem !important;    /* original: 3rem */
    padding-bottom: 2rem !important; /* original: 3rem */
}

.my-5 {
    margin-top: 2rem !important;    /* original: 3rem */
    margin-bottom: 2rem !important; /* original: 3rem */
}

/* Heading sizes — Original Bootstrap values in comments */
h1, .h1 { font-size: 2rem !important; }   /* original: 2.5rem */
h2, .h2 { font-size: 1.6rem !important; }  /* original: 2rem */
h3, .h3 { font-size: 1.3rem !important; }  /* original: 1.75rem */
h4, .h4 { font-size: 1.1rem !important; }  /* original: 1.5rem */
h5, .h5 { font-size: 1rem !important; }    /* original: 1.25rem */

/* Card padding — Original: 1.5rem — Changed by us: 1rem */
.card-body {
    padding: 1rem !important; /* original: 1.5rem */
}

/* Container max width — Original: 1320px (Bootstrap xxl) — Changed by us: 1200px */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px; /* original: 1320px */
    }
}

/* Banner section padding — Original: padding-top-bottom-90 = 90px top/bottom — Changed by us: 0px top desktop, 40px bottom */
.padding-top-bottom-90 {
    padding-top: 0px !important;    /* original: 90px */
    padding-bottom: 40px !important; /* original: 90px */
}

/* Fix 1 — Mobile banner top padding — Original: 0px (hamne set kiya tha) — Fixed: 15px so content doesn't stick to navbar */
@media (max-width: 767px) {
    .padding-top-bottom-90 {
        padding-top: 15px !important;  /* original hamara: 0px — fix: 15px breathing room on mobile */
    }
}

/* Section padding — Original: theme default ~60-80px — Changed by us: 35px */
.section-padding {
    padding-top: 35px !important;    /* original: ~60px */
    padding-bottom: 35px !important; /* original: ~60px */
}

/* Banner image height — mobile override — Original: fixed 380px — Changed by us: auto on small screens */
@media (max-width: 767px) {
    .iq-team-slider.swiper .swiper-slide .iq-banner-img img {
        height: 220px !important; /* original: 380px — reduced for mobile */
    }
}

/* Banner image height — Original: theme sets height:622px on swiper slide — Changed by us: 380px */
.iq-team-slider.swiper .swiper-slide .iq-banner-img img {
    height: 380px !important;  /* original: 622px (theme CSS) */
    object-fit: cover;
    object-position: top;  /* original: center — show top of image, not middle */
}

/* Banner swiper slide top margin — Original: mt-5 = 3rem — Changed by us: 0.5rem */
.iq-team-slider .swiper-slide .mt-5 {
    margin-top: 0.5rem !important; /* original: 3rem (mt-5) — was 1rem */
}

/* Top header bar (phone/language row above navbar) — Original: theme sets padding:.625rem 0 — Changed by us: 2px */
.top-header {
    padding-top: 2px !important;    /* original: .625rem (10px) */
    padding-bottom: 2px !important; /* original: .625rem (10px) */
    font-size: 12px !important;     /* original: inherited ~14-16px */
    line-height: 1.2 !important;    /* original: 1.75 */
}

/* Navbar nav links vertical padding — Original: theme sets padding:30px 20px — Changed by us: 12px */
header .navbar .iq-nav-menu.navbar-nav li > a.nav-link {
    padding-top: 12px !important;    /* original: 30px */
    padding-bottom: 12px !important; /* original: 30px */
}

/* Right panel nav items padding — Original: 23px — Changed by us: 10px */
header .navbar .right-panel .navbar-nav .nav-item .nav-link {
    padding-top: 10px !important;    /* original: 23px */
    padding-bottom: 10px !important; /* original: 23px */
}

/* ============================================
   CITY QUICK SELECTOR — Location Modal
   ============================================ */
.city-quick-btn {
    border-radius: 20px;
    padding: 0.3rem 0.85rem;
    font-size: 13px;
    transition: all 0.2s ease;
}

.city-quick-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}

.city-quick-btn.btn-primary {
    box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb), 0.35);
}

/* Divider with text overlay */
.divider-text {
    position: relative;
}

.divider-text hr {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    border-color: #dee2e6;
}

.divider-text span {
    position: relative;
    z-index: 1;
    background: white;
}