
:root{
  --saffron:#d97706;--deep:#8a3b12;--gold:#f59e0b;--cream:#fff8ef;--light:#fffdf9;--text:#374151;--muted:#6b7280;--border:#f1e3cf;
}
*{box-sizing:border-box}
body{font-family:'Noto Sans Devanagari',sans-serif;background:var(--light);color:var(--text);line-height:1.7}
a{text-decoration:none}
.topbar{background:#5c2f11;color:#fff;padding:8px 0;font-size:.9rem}
.custom-nav{background:rgba(255,248,239,.96);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.navbar-brand{display:flex;flex-direction:column;font-weight:800;color:var(--deep)!important}
.navbar-brand small{font-size:.8rem;color:var(--muted);font-weight:600}
.brand-title{font-size:1.25rem}
.nav-link{font-weight:600;color:#2b2b2b!important}
.nav-link.active,.nav-link:hover{color:var(--saffron)!important}
.hero{padding:90px 0;background:linear-gradient(rgba(79,36,5,.70),rgba(79,36,5,.72)),url('https://images.unsplash.com/photo-1561361058-c24cecae35ca?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;color:#fff}
.hero h1{font-size:3rem;font-weight:800;margin:16px 0}
.hero p{font-size:1.05rem}
.hero-chip{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:999px}
.hero-card,.card-box,.pillar-card,.team-card,.gallery-card,.leader-profile{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.hero-card{padding:28px;color:var(--text)}
.hero-card h3{color:var(--deep);font-weight:700}
.section-space{padding:80px 0}
.section-soft{background:var(--cream)}	
.section-heading h2{font-size:2rem;font-weight:800;color:var(--deep)}
.section-heading p{max-width:850px;margin:12px auto 0;color:var(--muted)}
.card-box{padding:28px;height:100%}
.card-box h4{color:var(--deep);font-weight:700;margin-bottom:12px}
.btn-primary-custom{background:linear-gradient(90deg,var(--gold),var(--saffron));border:none;color:#fff;padding:12px 24px;border-radius:999px;font-weight:700}
.btn-outline-custom{border:2px solid #fff;color:#fff;padding:10px 24px;border-radius:999px;font-weight:700}
.section-soft .btn-outline-custom,.cta-section .btn-outline-custom,.page-banner .btn-outline-custom{border-color:var(--saffron);color:var(--saffron)}
.btn-outline-custom:hover{background:var(--saffron);color:#fff}
.pillar-card,.team-card{padding:24px;text-align:center;height:100%}
.pillar-icon,.team-avatar,.leader-photo,.gallery-thumb{width:78px;height:78px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--saffron));color:#fff;font-weight:800;font-size:1.5rem}
.quote-box{background:#fff;border-left:6px solid var(--saffron);padding:28px;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.06)}
.quote-author{color:var(--deep);font-weight:700}
.cta-box{background:linear-gradient(135deg,#fff7ed,#fffaf4);padding:40px;border-radius:24px;border:1px solid var(--border)}
.site-footer{background:#3b2411;color:#fff;padding:50px 0 20px}
.site-footer h4,.site-footer h5{font-weight:700}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:8px}
.footer-links a,.site-footer p{color:rgba(255,255,255,.9)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:20px;padding-top:16px;text-align:center}
.page-banner{padding:80px 0;background:linear-gradient(135deg,#fff7ed,#fff2db)}
.page-banner h1{color:var(--deep);font-weight:800}
.page-banner p{color:var(--muted)}
.leader-profile{padding:24px;display:flex;gap:20px;align-items:flex-start;height:100%}
.leader-profile span{display:block;color:var(--saffron);font-weight:700;margin-bottom:10px}
.gallery-card{overflow:hidden;height:100%}
.gallery-thumb{width:100%;height:220px;border-radius:0;margin:0;font-size:1.2rem}
.gallery-body{padding:20px}
.contact-form .form-control{padding:12px 14px;border-radius:12px;border:1px solid #ddd}
.whatsapp-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;font-size:1.4rem;box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:999}
@media (max-width:991px){.hero h1{font-size:2.3rem}.leader-profile{flex-direction:column;align-items:center;text-align:center}}
@media (max-width:576px){.section-space{padding:60px 0}.hero{padding:70px 0}.hero h1{font-size:1.9rem}}





/* ===== Inspiration Section ===== */

.vhm-inspiration-section{
    width:100%;
    background:#f8f1df;
    padding:70px 20px;
}

.vhm-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:50px;
    flex-wrap:wrap;
}

.vhm-card{
    flex:1;
    min-width:260px;
    text-align:center;
}

.vhm-center-card{
    transform:translateY(-20px);
}

.vhm-image-box{
    width:320px;
    max-width:100%;
    margin:auto;
    border:6px solid #8b0000;
    background:#fff;
    overflow:hidden;
    transition:.4s;
}

.vhm-image-box img{
    width:100%;
    display:block;
}

.vhm-image-box:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.vhm-card h3{
    margin-top:18px;
    font-size:34px;
    color:#8b0000;
    font-weight:700;
    line-height:1.3;
}

.vhm-card h4{
    font-size:30px;
    color:#8b0000;
    margin:8px 0;
    line-height:1.3;
    font-weight:600;
}

.vhm-card p{
    font-size:30px;
    color:#8b0000;
    font-weight:600;
    margin:8px 0;
}

.vhm-card span{
    display:block;
    color:#8b0000;
    font-size:28px;
    font-weight:600;
}

/* Responsive */

@media(max-width:992px){

    .vhm-container{
        gap:40px;
    }

    .vhm-image-box{
        width:280px;
    }

    .vhm-card h3{
        font-size:28px;
    }

    .vhm-card h4{
        font-size:24px;
    }

    .vhm-card p{
        font-size:24px;
    }

    .vhm-card span{
        font-size:22px;
    }
}

@media(max-width:768px){

    .vhm-container{
        flex-direction:column;
        align-items:center;
    }

    .vhm-center-card{
        transform:none;
    }

    .vhm-card{
        max-width:400px;
    }

    .vhm-image-box{
        width:100%;
    }

    .vhm-card h3{
        font-size:24px;
    }

    .vhm-card h4{
        font-size:22px;
    }

    .vhm-card p{
        font-size:22px;
    }

    .vhm-card span{
        font-size:20px;
    }
}

/* ===== news feed ===== */



.vhm-news{background:#fff8e8}.sec{background:linear-gradient(90deg,#ff7a00,#ffb347);padding:10px 18px;border-radius:8px;color:#fff}.scroll{height:350px;overflow:hidden}.scroll>div{animation:s 12s linear infinite}.scroll:hover>div{animation-play-state:paused}.item{background:#fff;border-left:5px solid #ff7a00;margin:15px 0;padding:15px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}@keyframes s{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}

















.leader-card{

background:#fff;
border-radius:15px;
padding:20px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.12);
transition:.3s;

}

.leader-card:hover{

transform:translateY(-8px);

}

.leader-card img{

width:170px;
height:170px;
border-radius:50%;
object-fit:cover;
border:5px solid orange;
margin-bottom:15px;

}

.leader-card h4{

font-size:22px;
font-weight:700;

}

.leader-card span{

color:#ff6600;
font-weight:600;

}

.state-card{

border-radius:12px;
padding:20px;
background:white;
box-shadow:0 5px 18px rgba(0,0,0,.12);
text-align:center;
margin-bottom:25px;

}

.state-card h5{

font-weight:bold;

}

.state-card button{

background:#ff7a00;
border:none;
color:white;
padding:8px 20px;
border-radius:8px;

}

.state-card button:hover{

background:#d95f00;

}