/* ===================================================
   ABOUT PAGE — UI OVERHAUL
   Fixes: colours, spacing, off-brand purple/blue/green,
   bottom form, stats strip, section padding
=================================================== */

/* ── HERO ─────────────────────────────────────────── */
section.about.backgrosection {
  background: linear-gradient(135deg, #fff7d8 0%, #ffe8e8 100%) !important;
  border-bottom: 3px solid #000 !important;
  padding: 60px 0 40px !important;
}
.aboutsection1h1 {
  font-family: "Grandstander", cursive !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.2 !important;
}

/* ── STATS STRIP ──────────────────────────────────── */
.aboutsection2div1 {
  background: #fff !important;
  border-top: 3px solid #000 !important;
  border-bottom: 3px solid #000 !important;
  padding: 32px 0 !important;
}
.aboutsection2h1 {
  font-family: "Grandstander", cursive !important;
  font-size: clamp(36px, 5vw, 60px) !important;
  font-weight: 700 !important;
  color: #BC2117 !important;
  margin-bottom: 4px !important;
}
.aboutsection2p1 {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

/* ── MY LIFE SECTION ──────────────────────────────── */
.aboutsection2h333 {
  font-family: "Grandstander", cursive !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* ── VISION SECTION ───────────────────────────────── */
section#about.about.mt-0.pt-5 {
  background: #f8f8f8 !important;
  border-bottom: 3px solid #000 !important;
}
/* Override inline purple colour on vision heading */
section#about h3[style*="1A0D7C"],
section#about h3[style*="color"] {
  color: #BC2117 !important;
  font-family: "Grandstander", cursive !important;
  font-size: 34px !important;
}
/* Override vision paragraph inline styles */
section#about p[style*="Grandstander"] {
  color: #333 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  font-family: "Inter", sans-serif !important;
}

/* ── WHAT CHARAN OFFERS ───────────────────────────── */
#features { background: #fff !important; }
.aboutsection4h333 {
  font-family: "Grandstander", cursive !important;
  font-size: clamp(24px, 3vw, 38px) !important;
  font-weight: 700 !important;
  color: #111 !important;
}
.aboutsection4pp11 {
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111 !important;
}

/* ── WHAT'S DIFFERENT ─────────────────────────────── */
.aboutsection5h33 {
  font-family: "Grandstander", cursive !important;
  font-size: clamp(22px, 3vw, 36px) !important;
  font-weight: 700 !important;
  color: #111 !important;
}
/* Card title badges — replace old colours with brand */
.aboutsection6back1,
.aboutsection6back2,
.aboutsection6back3 {
  background: #BC2117 !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 50px !important;
  font-family: "Grandstander", cursive !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  display: inline-block !important;
  margin-bottom: 16px !important;
  box-shadow: 3px 3px 0 #000 !important;
}
.aboutsection6p111 {
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  color: #444 !important;
  line-height: 1.65 !important;
}

/* ── BOTTOM GET IN TOUCH — replace with CTA band ── */
.aboutsection7gettuch {
  font-family: "Grandstander", cursive !important;
  font-size: clamp(26px, 3.5vw, 42px) !important;
  font-weight: 700 !important;
  color: #111 !important;
}
.aboutsection7pgettuch {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  color: #555 !important;
  line-height: 1.65 !important;
}
/* Fix the purple submit button */
input[type=submit][style*="9747FF"],
input[type=submit][style*="purple"] {
  background-color: #BC2117 !important;
  border-color: #000 !important;
  font-family: "Grandstander", cursive !important;
  font-size: 16px !important;
  cursor: pointer !important;
}
input[type=submit][style*="9747FF"]:hover {
  background-color: #FCE300 !important;
  color: #000 !important;
}
/* Email input on about page */
.aboutsection7adjesment2 input[type=text],
.aboutsection7adjesment2 input[type=email] {
  border: 2px solid #ddd !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  background: #fafafa !important;
  border-bottom: 2px solid #ddd !important;
}
.aboutsection7adjesment2 input[type=text]:focus,
.aboutsection7adjesment2 input[type=email]:focus {
  border-color: #BC2117 !important;
  outline: none !important;
}

/* ── SECTION ROW BOTTOM PADDING ──────────────────── */
.row[style*="padding-bottom: 200px"] {
  padding-bottom: 80px !important;
  background: #f8f8f8;
  border-top: 3px solid #eee;
  padding-top: 60px !important;
  margin-top: 0 !important;
}

/* ── REMOVE OVER-LARGE TOP MARGINS ───────────────── */
.row.mt-5.pt-5 { margin-top: 2rem !important; padding-top: 2rem !important; }