/* GENERAL ENGLISH PAGE (everyday_conversations.html) — harmony fix */

.section-title {
    display: inline-block; padding: 8px 18px; background: #eef5ff; color: #0d6efd;
    border-radius: 50px; font-weight: 600; font-size: .95rem; letter-spacing: 0; text-transform: none;
}
.section-title::before, .section-title::after { content: none; }

body { font-family: 'Vazirmatn', sans-serif; background: var(--bg, #f8f6f1); }

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar .dropdown-item:hover { color: #c8a45d !important; }

.footer .btn-link:hover { color: #c8a45d !important; }

.page-header {
    position: relative; overflow: hidden; padding: 100px 0 50px !important;
    background: linear-gradient(135deg, #18253b, #243452) !important;
    border-radius: 0 0 42px 42px; color: #fff;
}
.page-header::before {
    content: ""; position: absolute; width: 650px; height: 650px; border-radius: 50%;
    background: rgba(200, 164, 93, 0.10); right: -200px; top: -180px;
}
.page-header::after {
    content: ""; position: absolute; width: 350px; height: 350px; border-radius: 50%;
    background: rgba(200, 164, 93, 0.08); left: -120px; bottom: -120px;
}
.page-header .container { position: relative; z-index: 2; }
.page-header h1, .page-header h1 * { color: #fff !important; text-shadow: 0 12px 30px rgba(0, 0, 0, 0.25); font-size: clamp(1.7rem, 4.2vw, 2.8rem) !important; line-height: 1.4 !important; }
.page-header .text-primary { color: #c8a45d !important; }
.page-header p, .page-header .lead { color: rgba(255, 255, 255, 0.85) !important; }
.page-header .btn-primary {
    background: linear-gradient(135deg, #c8a45d, #d8bb79) !important; border: none !important;
    box-shadow: 0 12px 30px rgba(200, 164, 93, 0.3);
}
.page-header .btn-primary:hover { background: linear-gradient(135deg, #b28b42, #c8a45d) !important; }
.page-header .btn-outline-primary { color: #fff !important; border-color: rgba(255, 255, 255, 0.55) !important; }
.page-header .btn-outline-primary:hover { background: rgba(255, 255, 255, 0.12) !important; border-color: #fff !important; }
.page-header img { box-shadow: 0 20px 55px rgba(0, 0, 0, 0.35); }
.page-header .hero-stat { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); box-shadow: none !important; }
.page-header .hero-stat:hover { transform: translateY(-6px); background: rgba(255, 255, 255, 0.13) !important; }
.page-header .hero-stat small { color: rgba(255, 255, 255, 0.85); }

.feature-box i, .objective-icon, .mini-feature i { background: rgba(200, 164, 93, 0.14) !important; color: #b28b42 !important; }
.feature-box:hover i, .objective-card:hover .objective-icon, .mini-feature:hover i { background: #c8a45d !important; color: #fff !important; }
.level-card, .feature-box, .pricing-card, .mini-feature { border-color: rgba(24, 37, 59, 0.08) !important; }
.level-circle, .vip-card::after { background: linear-gradient(135deg, #18253b, #243452) !important; }
.level-card.active .level-circle { background: linear-gradient(135deg, #c8a45d, #d8bb79) !important; }
.target-box i { color: #b28b42 !important; }
.target-box:hover i { color: #c8a45d !important; }

section.py-5, .py-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
.row.g-5 { --bs-gutter-x: 1.75rem !important; --bs-gutter-y: 1.75rem !important; }
.row.g-4 { --bs-gutter-x: 1.25rem !important; --bs-gutter-y: 1.25rem !important; }
.mb-5 { margin-bottom: 2rem !important; }
.mb-4 { margin-bottom: 1.1rem !important; }
.feature-box { padding: 20px !important; }
.level-card { padding: 24px 16px !important; }
.objective-card { padding: 26px 20px !important; }
.target-box { padding: 22px !important; }
.mini-feature { padding: 15px !important; }
.pricing-card { padding: 28px !important; }
.hero-stat { padding: 16px !important; }
.feature-box i, .objective-icon, .mini-feature i { width: 56px !important; height: 56px !important; line-height: 56px !important; font-size: 22px !important; margin-bottom: 12px !important; }
.feature-box h5, .objective-card h4, .target-box h5 { margin-bottom: 8px !important; }
.feature-box p, .objective-card p, .target-box p { margin-bottom: 0 !important; }