:root{
    --primary:#003B73;
    --secondary:#F4B400;
    --light:#F8F9FA;
    --dark:#1F2937;
}

body{
    font-family:'Poppins',sans-serif;
}

.top-bar{
    background:var(--primary);
    color:white;
    font-size:.9rem;
}

.navbar-brand{
    color:var(--primary)!important;
    font-weight:700;
}

.nav-link{
    font-weight:600;
}

.nav-link:hover{
    color:var(--secondary)!important;
}

.btn-primary{
    background:var(--primary);
    border:none;
}

.btn-primary:hover{
    background:#002952;
}

.hero {
    height: 100vh;
}

.heroSwiper,
.swiper-slide {
    height: 100%;
}

.slide-one {
    background: url("../images/slide1.jpg") center/cover;
}

.slide-two {
    background: url("../images/slide2.jpg") center/cover;
}

.slide-three {
    background: url("../images/slide3.jpg") center/cover;
}

.overlay {
    background: rgba(0,0,0,.55);
    color: white;
    height: 100%;
    display: flex;
    align-items: center;
}

.overlay h1 {
    font-size: 4rem;
    font-weight: 700;
    color: white;
}

.overlay p {
    font-size: 1.3rem;
    max-width: 650px;
}

/* HERO */

.hero-slide{
    height:100vh;
}

.hero-overlay{
    background:rgba(0,0,0,.45);
    height:100%;
}

.hero-slide-1{
    background:linear-gradient(135deg,#003B73,#0056b3);
}

.hero-slide-2{
    background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
}

.hero-slide-3{
    background:linear-gradient(135deg,#00416A,#799F0C);
}

.carousel-item{
    transition:transform 1s ease-in-out;
}

.hero h1{
    color:white;
}

.hero .btn-warning{
    color:#000;
    font-weight:600;
    border-radius:40px;
    padding:12px 30px;
}

.hero .btn-outline-light{
    border-radius:40px;
    padding:12px 30px;
}

section{
    overflow:hidden;
}


/* INFO CARDS */

.info-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;

}

.info-card:hover{

    transform:translateY(-8px);

}

.icon-box{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:#003B73;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    margin-bottom:20px;

}

/* PILLARS */

.pillar-card{

    padding:35px;

    text-align:center;

    border-radius:18px;

    background:white;

    box-shadow:0 5px 25px rgba(0,0,0,.08);

    transition:.3s;

}

.pillar-card:hover{

    background:#003B73;

    color:white;

    transform:translateY(-8px);

}

.pillar-card i{

    font-size:42px;

    color:#F4B400;

}

/* IMPACT */

.impact-section{

    background:#003B73;

    color:white;

    padding:80px 0;

}

/* NEWS */

.card{
    border-radius:18px;
}

/* GALLERY */

.gallery-placeholder{

    height:250px;

    border-radius:18px;

    background:#f5f5f5;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    font-size:28px;

    color:#999;

}

/* DONATION */

.donate-section{

    background:#003B73;

    color:white;

    padding:80px 0;

}

.donation-box{

    background:white;

    color:#222;

    padding:35px;

    border-radius:18px;

}

/* MEMBERSHIP */

.membership-box{

    background:#F8F9FA;

    padding:70px;

    border-radius:20px;

}

.counter{

    font-size:52px;

    font-weight:700;

}

.footer{
    background:#0d1b2a;
    color:white;
}

.footer a{
    color:#ddd;
    text-decoration:none;
}

.footer a:hover{
    color:white;
}