*{box-sizing:border-box}
html{
    scroll-behavior:smooth
}

body{
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    color:#26332f;
    background:#fff;line-height:1.45
}

.container{
    width:min(1180px,94%);
    margin:0 auto
}

.site-header{
    background:#fff;
    border-bottom:1px solid #e4e7e4;
    position:sticky;
    top:0;
    z-index:100
}

.header-inner{
    min-height:78px;
    display:flex;
    align-items:center;
    gap:24px
}

.brand-logo{
    display:flex;
    align-items:center;
    width:265px;
    height:64px;
    overflow:hidden;
    flex:0 0 265px
}

.brand-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center
}

.main-nav{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:18px
}

.main-nav a{
    font-size:13px;
    font-weight:700;
    color:#303a36;
    text-decoration:none;
    white-space:nowrap
}

.main-nav a:hover,
.main-nav a.active{color:#b97711}
.main-nav a.active{position:relative}
.main-nav a.active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:3px;
    background:#0a6b46;
    bottom:-10px;
    border-radius:3px
}

/* Matrimony Button */
.main-nav a.nav-matrimony {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 11px 14px !important;
    background-color: #e65520 !important;
    color: #ffffff !important;
    border-radius: 5px;
    text-decoration: none !important;
    white-space: nowrap;
    position: static !important;
}

.main-nav a.nav-matrimony:hover {
    background-color: #c74316 !important;
    color: #ffffff !important;
}

/* Support Our Work stays green */
.main-nav a.nav-support {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 11px 14px !important;
    background-color: #056a43 !important;
    color: #ffffff !important;
    border-radius: 5px;
    text-decoration: none !important;
    white-space: nowrap;
    position: static !important;
}

/* Keep buttons properly spaced on mobile */
@media (max-width: 800px) {
    .main-nav .nav-support,
    .main-nav .nav-matrimony {
        margin-top: 4px;
    }
}


.menu-toggle{display:none;border:0;background:none;font-size:24px;color:#056a43}
.home-hero{position:relative;min-height:360px;overflow:hidden;background:#f5f3e9}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center right;filter:saturate(.92)}
.home-hero:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.08) 67%,rgba(0,0,0,.05) 100%)
}
.hero-content{
    position:relative;
    z-index:2;
    min-height:360px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px
}
.hero-copy{
    width:54%;
    padding:32px 0
}
.hero-kicker{
    margin:0 0 8px;
    color:#0b6744;
    font-size:13px;
    font-weight:800;
    letter-spacing:.4px
}
.hero-copy h1{
    font-family:Georgia,'Times New Roman',serif;
    font-size:39px;
    line-height:1.06;
    margin:0 0 14px;
    color:#0b5e40
}
.hero-copy h1 span{
    color:#e65520
}
.hero-copy>p:not(.hero-kicker){
    font-size:14px;max-width:540px;margin:0
}
.hero-buttons{
    display:flex;
    gap:12px;
    margin-top:20px
}
.btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    text-decoration:none;
    font-weight:700;
    padding:10px 16px;
    border-radius:5px;
    font-size:13px
}

.btn-green{
    background:#056a43;color:#fff
}

.btn-white{
    background:#fff;color:#056a43;border:1px solid #056a43
}

.hero-quote{
    align-self:flex-end;
    margin:0 0 30px;
    width:310px;
    padding:16px 20px;
    background:rgba(0,86,55,.92);
    color:#fff;
    border-radius:5px;box-shadow:0 8px 25px rgba(0,0,0,.16)
}

.hero-quote span{
    font-size:30px;
    line-height:.5;
    opacity:.8
}

.hero-quote p{
    font-family:Georgia,serif;font-size:16px;margin:0 0 6px
}

.hero-quote small{font-size:12px}
.home-section{padding:12px 0 26px}.section-title{text-align:center;margin-bottom:12px}.section-title span{display:inline-block;width:60px;height:2px;background:#0b6b48;vertical-align:middle;margin:0 15px}.section-title h2{display:inline-block;font:700 27px Georgia,serif;color:#0b6544;margin:0}.section-title p{margin:3px 0 0;font-size:12px;color:#505957}.focus-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.focus-card{min-height:215px;border:1px solid #e1e5e2;border-radius:6px;background:#fff;text-align:center;padding:13px 10px 12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.focus-icon{width:58px;height:58px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#edf7f0;color:#056a43}.focus-card h3{font-size:13px;line-height:1.18;margin:0 0 8px;color:#056a43}.focus-card p{font-size:10.5px;line-height:1.35;min-height:62px;margin:0 0 9px;color:#333}.focus-card a{font-size:11px;font-weight:800;text-decoration:none;color:#056a43}.focus-card a i{font-size:10px}.focus-2 .focus-icon,.focus-2 h3,.focus-2 a{color:#f05a24}.focus-2 .focus-icon{background:#fff0e8}.focus-3 .focus-icon,.focus-3 h3,.focus-3 a{color:#8a1a94}.focus-3 .focus-icon{background:#f5eafa}.focus-4 .focus-icon,.focus-4 h3,.focus-4 a{color:#1557a4}.focus-4 .focus-icon{background:#eaf2fb}.focus-5 .focus-icon,.focus-5 h3,.focus-5 a{color:#087b78}.focus-5 .focus-icon{background:#e8f5f3}.focus-6 .focus-icon,.focus-6 h3,.focus-6 a{color:#c47a00}.focus-6 .focus-icon{background:#fbf2df}
.about-strip{padding:12px 0 10px}.about-grid{display:grid;grid-template-columns:165px 1.45fr 1fr;gap:24px;align-items:center;background:#f6f4ea;border:1px solid #e7e5da;border-radius:7px;padding:15px}.about-photo img{display:block;width:100%;height:165px;object-fit:cover;border-radius:6px}.about-copy h2{font:700 24px Georgia,serif;color:#0b6544;margin:0 0 6px}.about-copy p{font-size:12px;margin:0;line-height:1.45}.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.about-values div{text-align:center;border-right:1px solid #ddd9cb;font-size:9px;color:#333}.about-values div:last-child{border:0}.about-values i{display:block;color:#08724d;font-size:18px;margin-bottom:3px}.about-values strong{display:block;font-size:9px}.vision-card{background:#edf5eb;border-radius:6px;padding:20px;display:flex;gap:14px;align-items:center;min-height:145px}.vision-icon{width:55px;height:55px;flex:0 0 55px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#08724d;font-size:25px}.vision-card h3{font:700 17px Georgia,serif;color:#0b6544;margin:0 0 6px}.vision-card p{font-size:12px;margin:0}
.stats-strip{padding:7px 0}.stats-grid-home{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #e3e6e4;border-radius:6px;background:#fff}.home-stat{text-align:center;padding:9px 5px;border-right:1px solid #e5e7e5}.home-stat:last-child{border:0}.home-stat i{display:block;font-size:24px;margin-bottom:2px}.home-stat strong{display:block;font-size:22px;line-height:1.1;color:#08724d}.home-stat span{font-size:10px;color:#333}.stat-2 i{color:#f05a24}.stat-3 i{color:#1557a4}.stat-4 i{color:#087b78}.stat-5 i{color:#8a1a94}.stat-6 i{color:#c47a00}
.info-panels{padding:9px 0}.panels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.info-panel{position:relative;min-height:174px;border-radius:6px;padding:14px 16px 45px;overflow:hidden}.activity-panel{background:#edf7ec}.support-panel{background:#eaf2fb}.info-panel.info-panel{background:#fbf5e6}.panel-title{display:flex;align-items:center;gap:9px}.panel-title i{font-size:21px}.panel-title h3{font:700 16px Georgia,serif;margin:0}.activity-panel .panel-title{color:#0b6544}.support-panel .panel-title{color:#1557a4}.info-panel.info-panel .panel-title{color:#c47a00}.info-panel ul{list-style:none;padding:7px 0 0;margin:0}.info-panel li{font-size:10.5px;margin:4px 0;color:#333}.info-panel li i{font-size:8px;margin-right:7px}.activity-panel li i{color:#0b6544}.support-panel li i{color:#1557a4}.info-panel.info-panel li i{color:#c47a00}.panel-btn{position:absolute;right:14px;bottom:11px;color:#fff;text-decoration:none;font-size:10px;font-weight:800;padding:8px 11px;border-radius:4px}.activity-panel .panel-btn{background:#0b6544}.support-panel .panel-btn{background:#1557a4}.info-panel.info-panel .panel-btn{background:#c47a00}
.values-strip{background:#00633e;color:#fff;margin-top:8px}.values-home-grid{display:grid;grid-template-columns:repeat(4,1fr)}.values-home-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 8px;border-right:1px solid rgba(255,255,255,.3)}.values-home-grid>div:last-child{border:0}.values-home-grid i{font-size:25px}.values-home-grid span{font-weight:800;font-size:12px}.values-home-grid small{display:block;font-size:10px;font-weight:400;margin-top:2px}.visitor-section{background:#f3f4f3;padding:12px 0;text-align:center}.visitor-section span{font-size:11px;margin-right:8px}.visitor-section strong{color:#0b6544;font-size:17px}.site-footer{background:#123c2b;color:#fff;padding:25px 0 0}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-logo{width:180px;height:45px;object-fit:contain;object-position:left center;background:#000;margin-bottom:4px}.site-footer p{font-size:12px}.site-footer h3{margin:0 0 8px;font-size:14px}.site-footer a{display:block;color:#fff;text-decoration:none;font-size:12px;margin:5px 0}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.2);margin-top:18px;padding:10px 0;font-size:11px}
@media(max-width:1050px){
    .main-nav{gap:11px}
    .main-nav a{font-size:11px}
    .focus-grid{grid-template-columns:repeat(3,1fr)}
    .about-grid{grid-template-columns:140px 1fr}
    .vision-card{grid-column:1/-1}
    .hero-copy{width:62%}
    .hero-quote{width:280px}
}

@media(max-width:800px){
    .header-inner{min-height:68px}
    .brand-logo{width:210px;height:55px;flex-basis:210px}
    .menu-toggle{display:block;margin-left:auto}
    .main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid #ddd;padding:14px 5%;flex-direction:column;align-items:flex-start}
    .main-nav.open{display:flex}
    .main-nav a.active:after{bottom:-4px}

.home-hero{min-height:480px}
.hero-content{min-height:480px;display:block}
.hero-copy{width:100%;padding-top:55px}
.hero-quote{position:absolute;right:0;bottom:20px;width:300px}
.hero-copy h1{font-size:33px}
.panels-grid,.footer-main{grid-template-columns:1fr}
.stats-grid-home{grid-template-columns:repeat(3,1fr)}
.home-stat:nth-child(3){border:0}
.values-home-grid{grid-template-columns:repeat(2,1fr)}
.values-home-grid>div:nth-child(2){border:0}
.about-grid{grid-template-columns:1fr}
.about-photo img{width:165px;margin:auto}
.about-values{grid-template-columns:repeat(2,1fr)}}

@media(max-width:520px){
    .container{width:92%}
    .focus-grid{grid-template-columns:repeat(2,1fr)}
    .stats-grid-home{grid-template-columns:repeat(2,1fr)}
    .hero-copy h1{font-size:29px}
    .hero-copy>p:not(.hero-kicker){font-size:12px}
    .hero-buttons{flex-wrap:wrap}
    .hero-quote{position:relative;right:auto;bottom:auto;margin:25px 0 20px;width:100%}
    .home-hero{min-height:610px}.hero-content{min-height:610px}
    .values-home-grid{grid-template-columns:1fr}
    .values-home-grid>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
    .section-title h2{font-size:23px}
    .section-title span{width:30px;margin:0 7px}}
.language-switch{display:inline-flex;align-items:center;gap:5px;margin-left:2px;font-size:12px;font-weight:700;white-space:nowrap}
.language-switch a{color:#303a36!important;text-decoration:none}
.language-switch a.selected{color:#b97711!important}
.language-switch span{color:#aaa}


.about-readmore{margin-top:12px;display:inline-block}.about-photo img{box-shadow:0 5px 18px rgba(0,0,0,.10)}
.focus-icon img{width:32px;height:32px;object-fit:contain;display:block;margin:auto}

.focus-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

.focus-card {
    width: 100%;
    box-sizing: border-box;
}

/* Large tablets */
@media (max-width: 1200px) {
    .focus-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Tablets */
@media (max-width: 992px) {
    .focus-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 768px) {
    .focus-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (max-width: 520px) {
    .focus-grid {
        grid-template-columns: 1fr;
    }
}