/* ===== HERO ===== */
.hero-section {
  background: linear-gradient(rgba(22,45,76,0.78), rgba(22,45,76,0.82)),
              url("/static/img/home-hero.webp") center/cover no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero-content h1 {
  font-size: 3rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 0.6rem;
}

.hero-content h1 span { color: #D4AF37; }

.hero-content p {
  color: rgba(255,255,255,0.92);
  font-size: 1.12rem;
  margin-bottom: 1.3rem;
}

.btn-gold {
  background: #D4AF37;
  color: #0F1A2C;
  border: none;
  font-weight: 700;
  border-radius: 40px;
  padding: 10px 24px;
}
.btn-gold:hover { background: #b8962d; color: #fff; }

.btn-outline-light {
  border: 2px solid rgba(255,255,255,0.95);
  color: #fff;
  background: transparent;
}
.btn-outline-light:hover { background: #fff; color: #0F1A2C; }

/* ===== PROCESS (How It Works) ===== */
.process-section { background: #0F1A2C; color:#fff; }
.process-box {
  background: #11263E;
  border-radius: 14px;
  padding: 28px 18px;
  transition: transform .28s ease, box-shadow .28s ease;
}
.process-box i { width: 56px; height: 56px; color: #D4AF37; }
.process-box h5 { color: #D4AF37; font-weight:700; }
.process-box p { color: #fff; }
.process-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 14px 34px rgba(0,0,0,0.25);
}

/* ===== ABOUT ===== */
.about-section { background: #111827; color: #fff; }
.about-img { border-radius: 12px; border: 3px solid #D4AF37; box-shadow: 0 10px 30px rgba(0,0,0,0.35); }

.home-abt {
  color: #D4AF37 !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

.home-abt:hover {
  color: white !important;
  text-decoration: underline;
}

/* ===== OFFERS (Special Offers) ===== */
.offers-section { background: #071028; color: #fff; }
.offers-section h2.section-title { color: #D4AF37; }
.offers-section p.text-white { color: #fff; }

.offer-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border-radius: 12px;
  border: 1px solid #bf9c55 !important;
  color: #fff;
  transition: transform .28s ease, box-shadow .28s ease;
}
.offer-top i { width: 44px; height: 44px; color: #D4AF37; }
.offer-top h5 { color: #D4AF37; font-weight:700; }
.offer-top small { color: #fff; }
.offer-card p { color: #fff; }
.offer-card .btn-gold {
  background: #D4AF37;
  color: #0F1A2C;
  border: 1px solid #bf9c55 !important;
}
.offer-card .btn-gold:hover {
  background: #b8962d;
  color: #fff;
}
.offer-card:hover { transform: translateY(-8px); box-shadow: 0 18px 40px rgba(0,0,0,0.45); }

/* ===== CTA ===== */
.cta-section { background: linear-gradient(90deg,#162d4c,#0f2438); }

/* ===== TESTIMONIALS ===== */
.testimonial-section { background: #071322; color: #fff; }
.testimonial-box {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border-radius: 12px;
  padding: 22px;
  color: #e6e6e6;
  border-left: 4px solid rgba(212,175,55,0.1);
}
.testimonial-box h6 { color: #D4AF37; }

/* ===== FIX MUTED TEXT ===== */
.text-muted { color: rgba(255,255,255,0.85) !important; }

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .hero-content h1 { font-size: 2.4rem; }
}
@media (max-width: 768px) {
  .hero-section { height: 78vh; }
  .hero-content h1 { font-size: 1.9rem; }
}