/* Queen of Peace - Modern Custom CSS - External - Bootstrap 5.3.8 Compatible */
:root{
  --primary:#1a237e;
  --primary-light:#283593;
  --accent:#c99a2b;
  --accent-dark:#a87f1f;
  --light:#f8f9ff;
  --dark-blue:#0f1442;
}
body{font-family:'Poppins',sans-serif;color:#333}
h1,h2,h3,h4{font-family:'Merriweather',serif}
.bg-primary{background-color:var(--primary)!important}
.text-primary{color:var(--primary)!important}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light)}
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}
.btn-accent:hover{background:var(--accent-dark);color:#fff;border-color:var(--accent-dark)}
.navbar{box-shadow:0 2px 20px rgba(0,0,0,.08)}
.navbar-brand img{height:55px}
.nav-link{font-weight:500;color:#222!important;padding:8px 16px!important}
.nav-link.active,.nav-link:hover{color:var(--primary)!important}
.hero .carousel-item{height:78vh;min-height:500px}
.hero .carousel-item img{object-fit:cover;height:100%;width:100%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,35,126,.85) 0%,rgba(26,35,126,.25) 100%)}
.hero-caption{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;z-index:2}
.quick-links{margin-top:-50px;position:relative;z-index:3}
.quick-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:24px 16px;text-align:center;transition:.3s;border:1px solid #eee;height:100%}
.quick-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.15)}
.quick-card i{font-size:32px;color:var(--primary);margin-bottom:10px}
.section-title span{color:var(--primary);position:relative}
.section-title span:after{content:'';width:60px;height:3px;background:var(--accent);display:block;margin:10px auto 0}
.school-card{border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.08);transition:.3s;border:0}
.school-card:hover{transform:translateY(-6px)}
.school-card img{height:220px;object-fit:cover}
.facility-img{border-radius:12px;height:220px;object-fit:cover;width:100%}
.admission-banner{background:linear-gradient(135deg,var(--primary) 0%,#3949ab 100%);border-radius:20px}
.faith-section{background:var(--light)}
.contact-card{background:#fff;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.1);overflow:hidden}
.form-control{padding:12px 16px;border-radius:10px;border:1px solid #e0e0e0}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(26,35,126,.15)}
.footer{background:var(--dark-blue);color:#c5cae9}
.footer a{color:#c5cae9;text-decoration:none}
.footer a:hover{color:#fff}
.footer h5{color:#fff;font-weight:600}
.topbar{background:var(--dark-blue);color:#fff;font-size:.85rem}
.topbar a{color:#fff;text-decoration:none}
.whatsapp-float{position:fixed;bottom:25px;right:25px;z-index:9999;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.3)}
@media(max-width:768px){.hero .carousel-item{height:65vh}.hero-caption h1{font-size:1.8rem}.quick-links{margin-top:20px}}