/* Fonts: Lato (UI), Merriweather (Headings) */
:root{
  --brand-green:#1f5b4f;
  --text:#13222a;
  --muted:#6c7a86;
  --ink:#0c0f12;
  --ribbon:#f7f9fb;
  --header-bg:#ffffff;
  --line:#d3d9e4;
  --panel:#e8eef6;
  --card:#eef5ee;
  --btn:#2b4ab1;
  --btn-dark:#2a2f38;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Lato",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  color:var(--text);
  background:#fff;
}

.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:var(--header-bg);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;text-decoration:none;color:inherit}
.brand-mark{display:flex;flex-direction:column}
.brand-acronym{font-weight:900;letter-spacing:1px}
.brand-sub{font-size:11px;color:var(--muted);max-width:200px}
.brand-logo{height:56px;width:auto;display:block}

.primary-nav{display:block}
.primary-nav .menu{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.menu-item>a{display:inline-block;padding:6px 2px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.02em}
.menu-item>a.active{color:var(--brand-green)}
.menu-item{position:relative}
.menu-item.has-children:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0)}
.submenu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:6px;list-style:none;margin:8px 0 0;padding:10px 0;min-width:220px;box-shadow:0 8px 24px rgba(16,24,40,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.submenu li a{display:block;padding:10px 14px;color:#1b1f24;text-decoration:none;font-weight:400;white-space:nowrap}
.submenu li a:hover{background:#f4f6f9}

.header-actions{display:flex;align-items:center;gap:12px}
.header-actions .cart{background:none;border:0;padding:6px;cursor:pointer}
.header-actions .cart svg{width:24px;height:24px;fill:#111}
.hamburger{width:40px;height:40px;border:0;background:none;display:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;cursor:pointer}
.hamburger span{height:2px;background:#111;border-radius:2px}

/* Mobile nav */
.mobile-nav{position:fixed;inset:0;background:rgba(8,12,16,.4);backdrop-filter:saturate(120%) blur(1px);opacity:0;visibility:hidden;transition:.2s;z-index:60}
.mobile-nav.open{opacity:1;visibility:visible}
.mobile-nav-inner{position:absolute;inset:0;background:#cfd5ea;padding:24px}
.close-mobile{position:absolute;top:8px;right:12px;border:0;background:none;font-size:44px;line-height:1;color:#111;cursor:pointer}
.mobile-accordion{list-style:none;margin:48px 0 0;padding:0}
.accordion-item{border-bottom:1px solid rgba(0,0,0,.06)}
.accordion-trigger{width:100%;text-align:left;padding:18px 8px;border:0;background:none;font-family:"Merriweather",serif;font-weight:900;letter-spacing:.06em;color:var(--brand-green);font-size:28px;cursor:pointer;position:relative;text-decoration: none !important; display: block; width: 100%;}
.accordion-trigger::after{content:"\25BE"; /* small down triangle */ position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform .2s ease}
.accordion-item.is-open > .accordion-trigger::after{transform:translateY(-50%) rotate(180deg)}
.accordion-item .accordion-panel{list-style:none;margin:0;padding:0 0 8px 8px;display:none}
.accordion-item.is-open .accordion-panel{display:block}
.accordion-panel li a{display:block;padding:14px 8px;font-size:22px;text-decoration:none;color:#1a1f26}
.mobile-social{display:flex;gap:22px;padding:24px 8px}
.social-icon{text-decoration:none;color:#111;font-size:28px}

@media (max-width:768px){
  .primary-nav{display:none}
  .hamburger{display:inline-flex}
}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-bg{width:100%;height:360px;object-fit:cover;object-position:center right;display:block;filter:saturate(95%)}
.hero-inner{position:absolute;inset:0;display:flex;align-items:center}
.hero-copy{max-width:640px;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.6) 70%,rgba(255,255,255,0));padding:18px 20px;border-radius:2px;margin-left:8px}
.hero h1{font-family:"Merriweather",serif;font-weight:900;letter-spacing:.02em;margin:0 0 8px;font-size:24px;color:#1a1f26}
.hero h1 em{font-weight:700;font-style:italic}
.hero p{margin:0;color:#1b2430;line-height:1.45}

/* Callout with photos */
.callout{background:linear-gradient(180deg,#d0d8ea 0%, #c7d0e6 60%, #c3cae2 100%);padding:40px 0}
.callout-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.callout-visual{position:relative;display:flex;align-items:center;justify-content:center}
.photo{border-radius:999px;background:#fff;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.photo img{display:block;border-radius:999px;width:100%;height:auto}
.photo-lg{width:260px}
.photo-sm{position:absolute;right:14%;bottom:-28px;width:160px}
.callout-text blockquote{margin:0 0 16px 0;padding:0 12px;border-left:0}
.callout-text p{font-size:18px;font-weight:700;color:#122}
.btn{display:inline-block;border-radius:8px;padding:12px 18px;text-decoration:none;font-weight:700}
.btn.primary{background:var(--btn);color:#fff}

/* Newsletter */
.newsletter{background:#c7cfe3;padding:40px 0}
.newsletter-card{background:#eef5ef;border-radius:6px;border:1px solid #dfe7df;padding:22px;max-width:760px;margin:0 auto}
.newsletter-card h2{font-family:"Merriweather",serif;font-weight:700;text-align:center;margin:4px 0 10px}
.newsletter-card p{text-align:center;color:#3e4a55;margin:0 0 16px}
.newsletter-form{display:flex;flex-direction:column;gap:14px}
.form-row{display:flex;gap:14px}
.form-row label{flex:1}
label span{display:block;font-size:14px;margin-bottom:6px;color:#2d3742}
input[type="text"],input[type="email"]{width:100%;height:38px;border:1px solid #aeb8c4;border-radius:2px;padding:6px 10px;font-size:14px}
label.full{width:100%}
.btn.dark{background:var(--btn-dark);color:#fff;align-self:flex-end;padding:10px 18px}

/* App section */
.mobile-app{padding:28px 0 50px;border-top:1px solid #cbd4e2}
.app-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.store-badges{display:flex;gap:12px}
.store{display:inline-flex;align-items:center;justify-content:center;height:auto;min-width:auto;border-radius:8px;padding:0;text-decoration:none;color:#fff;font-weight:700;background:none}
.store img{display:block;height:44px;width:auto}
.store.apple{background:none}
.store.google{background:none}

/* Vision */
.vision-section{padding:32px 0}
.content-card{background:#e8f1e9;border:1px solid #cfd8cf;border-radius:12px;box-shadow:0 8px 18px rgba(20,24,32,.18);overflow:hidden}
.content-card .card-header{background:#eaf3ea;padding:12px 16px;border-bottom:1px solid #d7e1d6}
.content-card .card-header h1{margin:0;text-align:center;font-family:"Merriweather",serif;font-weight:900;font-size:18px;color:#213;letter-spacing:.04em}
.content-card .card-body{padding:16px}
.vision-image{display:flex;justify-content:center;margin:4px 0 12px}
.vision-image img{width:420px;max-width:100%;height:auto;border-radius:6px}
.vision-copy{max-width:740px;margin:0 auto}
.vision-copy p{margin:0;color:#101821;line-height:1.7}
.vision-cta{display:flex;justify-content:center;margin:16px 0 6px}

/* Mission */
.mission-section{padding:32px 0}
.mission-image{display:flex;justify-content:center;margin:4px 0 12px}
.mission-image img{width:420px;max-width:100%;height:auto;border-radius:6px}
.mission-copy{max-width:740px;margin:0 auto}
.mission-copy p{margin:0;color:#101821;line-height:1.7}
.mission-cta{display:flex;justify-content:center;margin:16px 0 6px}

/* Core Values */
.core-values-section{padding:32px 0}
.core-values-image{display:flex;justify-content:center;margin:4px 0 12px}
.core-values-image img{width:420px;max-width:100%;height:auto;border-radius:6px}
.core-values-copy{max-width:740px;margin:0 auto}
.core-values-copy p{margin:0;color:#101821;line-height:1.7}
.core-values-cta{display:flex;justify-content:center;margin:16px 0 6px}

/* Community Needs */
.community-needs-section{padding:32px 0}
.community-needs-image{display:flex;justify-content:center;margin:4px 0 12px}
.community-needs-image img{width:420px;max-width:100%;height:auto;border-radius:6px}
.community-needs-copy{max-width:740px;margin:0 auto}
.community-needs-copy p{margin:0 0 16px;color:#101821;line-height:1.7}
.community-needs-copy p:last-child{margin-bottom:0}
.community-needs-cta{display:flex;justify-content:center;margin:16px 0 6px}

/* Who We Are */
.who-we-are-section{padding:32px 0;background:#d0d8ea}
.who-we-are-content{max-width:740px;margin:0 auto}
.who-we-are-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:24px;color:#213;margin:0 0 16px;text-align:left}
.who-we-are-content p{margin:0;color:#101821;line-height:1.7;text-align:left}

.community-involvement-section{padding:32px 0;background:#d0d8ea}
.community-involvement-content{max-width:740px;margin:0 auto}
.community-involvement-content h2{font-family:"Merriweather",serif;font-weight:900;font-size:24px;color:#213;margin:0 0 16px;text-align:left}
.community-involvement-content p{margin:0;color:#101821;line-height:1.7;text-align:left}

/* What We Do */
.what-we-do-section{padding:32px 0;background:#d0d8ea}
.what-we-do-content{max-width:740px;margin:0 auto}
.what-we-do-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;margin:0 0 20px;text-align:left}
.what-we-do-content p{margin:0 0 16px;color:#101821;line-height:1.7;text-align:left}
.what-we-do-content p:last-of-type{margin-bottom:24px}
.participation-areas{margin:24px 0}
.participation-areas h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 12px;text-align:left}
.participation-areas ul{list-style:none;margin:0;padding:0}
.participation-areas li{position:relative;padding-left:20px;margin-bottom:8px;color:#101821;line-height:1.6}
.participation-areas li::before{content:"☐";position:absolute;left:0;color:#213}
.partner-logos{margin:32px 0 16px;text-align:center}
.partner-logos img{max-width:100%;height:auto}

/* Our Work */
.our-work-section{padding:32px 0;background:#f5f5f5}
.our-work-content{max-width:740px;margin:0 auto}
.our-work-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;margin:0 0 20px;text-align:left}
.our-work-content p{margin:0 0 16px;color:#101821;line-height:1.7;text-align:left}
.work-cards-section{padding:32px 0;background:#f5f5f5}
.work-cards-grid{display:flex;flex-direction:row;gap:20px;max-width:1200px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.work-card{background:#f5f5f5;border-radius:16px;padding:24px;box-shadow:4px 4px 12px rgba(0,0,0,0.2);text-align:center;flex:1;min-width:250px;max-width:280px}
.card-icon{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#1a365d;border-radius:50%}
.card-icon img{width:40px;height:40px;object-fit:contain}
.work-card h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 12px}
.work-card p{margin:0;color:#101821;line-height:1.6;font-size:14px}

@media (max-width:768px){
  .work-cards-grid{flex-direction:column;max-width:740px}
  .work-card{max-width:none;margin-bottom:20px}
}

/* Our Leadership */
.leadership-section{padding:32px 0;background:#fff}
.leadership-content{max-width:740px;margin:0 auto;text-align:center}
.leadership-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;margin:0 0 8px}
.leadership-content h2{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 20px;text-decoration:underline;text-decoration-color:#4a90e2;text-underline-offset:4px}
.leadership-content p{margin:0;color:#101821;line-height:1.7;text-align:left}
.team-profiles-section{padding:32px 0;background:#f5f5f5}
.team-profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.team-profile{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-align:center}
.profile-image{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;overflow:hidden}
.profile-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.francis-image img{object-fit:cover;object-position:center center;transform:scale(0.85)}
.team-profile h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 4px}
.team-profile h4{font-family:"Lato",sans-serif;font-weight:400;font-size:16px;color:#666;margin:0 0 16px}
.profile-bio{background:#f8f9fa;padding:16px;border-radius:8px;text-align:left}
.profile-bio p{margin:0;color:#101821;line-height:1.6;font-size:14px}

@media (max-width:768px){
  .team-profiles-grid{grid-template-columns:1fr 1fr;max-width:740px}
  .team-profile{margin-bottom:24px}
}

/* Departmental Heads */
.departmental-heads-section{padding:32px 0;background:#fff}
.departmental-heads-content{max-width:740px;margin:0 auto;text-align:center;margin-bottom:32px}
.departmental-heads-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;margin:0 0 16px}
.departmental-heads-content p{margin:0;color:#101821;line-height:1.7}
.carousel-container{position:relative;max-width:800px;margin:0 auto;display:flex;align-items:center;gap:20px}
.carousel-wrapper{overflow:hidden;flex:1}
.carousel-slide{display:flex;gap:32px;transition:transform 0.5s ease-in-out}
.carousel-slide:not(.active){display:none}
.carousel-slide.active{display:flex}
.head-profile{flex:1;text-align:center}
.head-image{width:200px;height:200px;margin:0 auto 16px;border-radius:50%;overflow:hidden}
.head-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.head-profile h3{font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#213;margin:0 0 4px}
.head-profile h4{font-family:"Lato",sans-serif;font-weight:400;font-size:14px;color:#666;margin:0}
.carousel-arrow{width:40px;height:40px;border:none;background:#4a90e2;color:#fff;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s}
.carousel-arrow:hover{background:#357abd}
.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:24px}
.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ddd;cursor:pointer;transition:background-color 0.3s}
.indicator.active{background:#4a90e2}
.indicator:hover{background:#357abd}

@media (max-width:768px){
  .carousel-container{flex-direction:column;gap:16px}
  .carousel-slide{flex-direction:column;gap:24px}
  .head-image{width:150px;height:150px}
  .head-profile.empty{display:none}
}

/* Food Provision / Clothing */
.food-provision-section{padding:32px 0;background:#d0d8ea}
.food-provision-content{max-width:740px;margin:0 auto;text-align:center;margin-bottom:32px}
.food-provision-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:22px;color:#213;margin:0 0 16px}
.food-provision-content p{margin:0;color:#101821;line-height:1.7}
.project-section{max-width:740px;margin:0 auto 32px}
.project-section h2{font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#213;margin:0 0 16px;text-align:left}
.project-section p{margin:0;color:#101821;line-height:1.7;text-align:left}
.slideshow-container{position:relative;max-width:800px;margin:0 auto 32px;display:flex;align-items:center;gap:20px}
.slideshow-wrapper{overflow:hidden;flex:1;border-radius:12px;position:relative;height:400px}
.slideshow-slide{display:none;cursor:pointer;width:100%;height:100%}
.slideshow-slide.active{display:block}
.slideshow-image{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform 0.3s;cursor:pointer}
.slideshow-image:hover{transform:scale(1.02)}
.slideshow-arrow{width:40px;height:40px;border:none;background:#4a90e2;color:#fff;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s;z-index:10;position:relative}
.slideshow-arrow:hover{background:#357abd}

/* Videos Section */
.videos-section{max-width:1200px;margin:0 auto}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.video-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.video-thumbnail{position:relative;cursor:pointer}
.video-thumbnail img{width:100%;height:200px;object-fit:cover}
.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,0,0,0.9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;transition:background-color 0.3s}
.play-button:hover{background:rgba(255,0,0,1)}
.video-item h3{font-family:"Merriweather",serif;font-weight:700;font-size:16px;color:#213;margin:16px 16px 8px;line-height:1.4}
.video-item p{font-family:"Lato",sans-serif;font-size:14px;color:#666;margin:0 16px 12px}
.subscribe-btn{background:#ff0000;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;margin:0 16px 16px;transition:background-color 0.3s}
.subscribe-btn:hover{background:#cc0000}

/* Lightbox Modal */
.lightbox-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:none;align-items:center;justify-content:center}
.lightbox-modal.active{display:flex}
.lightbox-content{position:relative;max-width:90%;max-height:90%}
.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;z-index:1001}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s}
.lightbox-arrow:hover{background:rgba(255,255,255,0.3)}
.lightbox-prev{left:-70px}
.lightbox-next{right:-70px}
.lightbox-image-container{display:flex;align-items:center;justify-content:center}
.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain}

@media (max-width:768px){
  .slideshow-container{flex-direction:column;gap:16px}
  .slideshow-wrapper{height:300px}
  .video-grid{grid-template-columns:1fr 1fr;gap:20px}
  .lightbox-modal{background:rgba(0,0,0,1)}
  .lightbox-arrow{width:40px;height:40px;font-size:20px}
  .lightbox-prev{left:10px}
  .lightbox-next{right:10px}
  .lightbox-close{top:10px;right:10px;font-size:24px}
}

/* Education */
.education-section{padding:32px 0;background:#d0d8ea}
.education-content{max-width:740px;margin:0 auto;text-align:center;margin-bottom:32px}
.education-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:22px;color:#213;margin:0 0 16px}
.education-content p{margin:0;color:#101821;line-height:1.7;text-align:left}
.take-time-project-section{max-width:740px;margin:0 auto 32px;background:#fff;padding:24px;border-radius:12px}
.take-time-project-section h2{font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#213;margin:0 0 16px;text-align:left}
.take-time-project-section p{margin:0;color:#101821;line-height:1.7;text-align:left}
.take-time-banner{max-width:800px;margin:0 auto;text-align:center}
.take-time-banner img{width:100%;height:auto;border-radius:12px}

@media (max-width:768px){
  .education-content h1{font-size:20px}
  .take-time-project-section h2{font-size:16px}
  .take-time-project-section{padding:20px;margin-bottom:24px}
}

/* Training */
.training-section{padding:32px 0;background:#d0d8ea}
.training-content{max-width:740px;margin:0 auto;text-align:center;margin-bottom:32px}
.training-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:22px;color:#213;margin:0 0 16px}
.training-content p{margin:0;color:#101821;line-height:1.7;text-align:left}
.training-slideshow-container{position:relative;max-width:800px;margin:0 auto 32px;display:flex;align-items:center;gap:20px}
.training-slideshow-wrapper{overflow:hidden;flex:1;border-radius:12px;position:relative;height:400px}
.training-slideshow-slide{display:none;cursor:pointer;width:100%;height:100%}
.training-slideshow-slide.active{display:block}
.training-slideshow-image{width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:12px;transition:transform 0.3s;cursor:pointer}
.training-slideshow-image:hover{transform:scale(1.02)}
.training-slideshow-arrow{width:40px;height:40px;border:none;background:#4a90e2;color:#fff;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s;z-index:10;position:relative}
.training-slideshow-arrow:hover{background:#357abd}
.skills-acquisition-section{max-width:740px;margin:0 auto 32px;background:#fff;padding:24px;border-radius:12px}
.skills-acquisition-section h2{font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#213;margin:0 0 16px;text-align:center}
.skills-acquisition-section p{margin:0;color:#101821;line-height:1.7;text-align:left}

/* Training Lightbox Modal */
.training-lightbox-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;display:none;align-items:center;justify-content:center}
.training-lightbox-modal.active{display:flex}
.training-lightbox-content{position:relative;max-width:90%;max-height:90%}
.training-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;z-index:1001}
.training-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s}
.training-lightbox-arrow:hover{background:rgba(255,255,255,0.3)}
.training-lightbox-prev{left:-70px}
.training-lightbox-next{right:-70px}
.training-lightbox-image-container{display:flex;align-items:center;justify-content:center}
.training-lightbox-image{max-width:100%;max-height:80vh;object-fit:contain}

@media (max-width:768px){
  .training-slideshow-container{flex-direction:column;gap:16px}
  .training-slideshow-wrapper{height:300px}
  .training-lightbox-modal{background:rgba(0,0,0,1)}
  .training-lightbox-arrow{width:40px;height:40px;font-size:20px}
  .training-lightbox-prev{left:10px}
  .training-lightbox-next{right:10px}
  .training-lightbox-close{top:10px;right:10px;font-size:24px}
}

/* Strategic Boot Camp Initiative */
.boot-camp-hero{background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);padding:60px 0;text-align:center}
.hero-content{max-width:800px;margin:0 auto}
.hero-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:32px;margin:0 0 16px;text-transform:uppercase}
.hero-content h2{font-family:"Merriweather",serif;font-weight:700;font-size:20px;margin:0 0 24px;opacity:0.9}
.hero-content p{font-size:18px;line-height:1.7;margin:0 0 32px;opacity:0.95}
.mission-statement{background:rgba(255,255,255,0.1);padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,0.2)}
.mission-statement p{font-size:20px;font-weight:700;margin:0;font-style:italic}

.program-highlights{background:#f8f9fa;padding:60px 0}
.program-highlights h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;text-align:center;margin:0 0 8px}
.program-highlights .subtitle{text-align:center;font-size:18px;color:#666;margin:0 0 40px}
.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto 48px}
.highlight-item{background:#fff;padding:32px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);text-align:center;transition:transform 0.3s,box-shadow 0.3s}
.highlight-item:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,0.15)}
.highlight-icon{font-size:48px;margin:0 0 16px}
.highlight-item h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 12px}
.highlight-item p{color:#666;line-height:1.6;margin:0}
.call-to-action{text-align:center;background:#4a90e2;color:#fff;padding:32px;border-radius:16px;max-width:600px;margin:0 auto}
.call-to-action h3{font-family:"Merriweather",serif;font-weight:700;font-size:24px;margin:0 0 8px}
.call-to-action p{font-size:18px;margin:0;opacity:0.9}

.partnership-section{background:#fff;padding:60px 0}
.partnership-section h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;text-align:center;margin:0 0 24px}
.partnership-section > .container > p{text-align:center;font-size:18px;color:#666;margin:0 0 40px;max-width:600px;margin-left:auto;margin-right:auto}
.partnership-categories,.support-forms{margin-bottom:40px}
.partnership-categories h3,.support-forms h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 16px}
.partnership-categories ul,.support-forms ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.partnership-categories li,.support-forms li{background:#f8f9fa;padding:16px;border-radius:8px;color:#213;font-weight:500}
.action-buttons{display:flex;justify-content:center;gap:24px;margin-top:48px}
.btn-primary,.btn-secondary{padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;transition:all 0.3s;border:none;cursor:pointer}
.btn-primary{background:#4a90e2;color:#fff}
.btn-primary:hover{background:#357abd;transform:translateY(-2px)}
.btn-secondary{background:transparent;color:#4a90e2;border:2px solid #4a90e2}
.btn-secondary:hover{background:#4a90e2;color:#fff;transform:translateY(-2px)}

.pilot-phase{background:#f8f9fa;padding:60px 0}
.pilot-phase h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;text-align:center;margin:0 0 40px}
.pilot-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;max-width:800px;margin:0 auto}
.detail-item{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.1);text-align:center}
.detail-item h3{font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#213;margin:0 0 8px}
.detail-item p{color:#666;font-size:16px;margin:0}

.pilot-outcomes{background:#fff;padding:60px 0}
.pilot-outcomes h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;text-align:center;margin:0 0 40px}
.outcomes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}
.outcome-item{background:#4a90e2;color:#fff;padding:32px;border-radius:12px;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}
.outcome-item p{font-size:16px;margin:0;font-weight:500}

.vision-impact{background:#f8f9fa;padding:60px 0}
.vision-impact h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;text-align:center;margin:0 0 24px}
.vision-impact p{font-size:18px;color:#666;line-height:1.7;margin:0 0 16px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
.vision-impact ul{list-style:none;padding:0;margin:32px 0;max-width:600px;margin-left:auto;margin-right:auto}
.vision-impact li{background:#fff;padding:16px;margin-bottom:12px;border-radius:8px;color:#213;font-weight:500;text-align:center}
.quote{background:#4a90e2;color:#fff;padding:32px;border-radius:16px;max-width:700px;margin:48px auto 0;text-align:center}
.quote p{font-size:20px;font-style:italic;margin:0 0 16px;font-weight:500}
.quote cite{font-size:16px;opacity:0.9}

.program-images{padding:60px 0;background:#fff}
.images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:1000px;margin:0 auto}
.image-item img{width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.1)}

.news-articles{background:#f8f9fa;padding:60px 0}
.news-articles h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;text-align:center;margin:0 0 40px}
.news-article{background:#fff;padding:40px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);max-width:800px;margin:0 auto}
.news-article h3{font-family:"Merriweather",serif;font-weight:700;font-size:24px;color:#213;margin:0 0 24px}
.news-article p{color:#666;line-height:1.7;margin:0 0 20px;font-size:16px}
.news-article p:last-child{margin-bottom:0}

.program-features{padding:60px 0;background:#fff}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.feature-card{background:#f8f9fa;padding:32px;border-radius:16px;text-align:center;transition:transform 0.3s,box-shadow 0.3s}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,0.15)}
.feature-card img{width:100%;height:200px;object-fit:cover;border-radius:12px;margin:0 0 24px}
.feature-card h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 16px}
.feature-card p{color:#666;line-height:1.6;margin:0}

.contact-section{background:#4a90e2;color:#fff;padding:60px 0;text-align:center}
.contact-section h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;margin:0 0 40px}
.contact-info{display:flex;justify-content:center;gap:48px;max-width:700px;margin:0 auto}
.contact-item h3{font-family:"Merriweather",serif;font-weight:700;font-size:18px;margin:0 0 8px;opacity:0.9}
.contact-item p{font-size:16px;margin:0;font-weight:500}

@media (max-width:768px){
  .hero-content h1{font-size:24px}
  .hero-content h2{font-size:18px}
  .hero-content p{font-size:16px}
  .highlights-grid{grid-template-columns:1fr;gap:24px}
  .action-buttons{flex-direction:column;align-items:center}
  .pilot-details{grid-template-columns:1fr 1fr;gap:24px}
  .outcomes-grid{grid-template-columns:1fr 1fr;gap:20px}
  .images-grid{grid-template-columns:1fr;gap:24px}
  .features-grid{grid-template-columns:1fr;gap:24px}
  .contact-info{flex-direction:column;gap:24px}
  .partnership-categories ul,.support-forms ul{grid-template-columns:1fr 1fr}
}

/* Health Screening Initiative */
.health-screening-hero{background:#f8f9fa;padding:60px 0;text-align:center}
.health-screening-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:32px;color:#213;margin:0 0 24px;text-transform:uppercase}
.health-screening-hero p{font-size:18px;color:#666;line-height:1.7;margin:0 0 16px;max-width:800px;margin-left:auto;margin-right:auto}
.health-screening-hero .subtitle{font-weight:700;color:#213;margin-top:32px}

.fostering-project{background:#fff;padding:60px 0}
.fostering-project h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;text-align:center;margin:0 0 24px;text-transform:uppercase}
.fostering-project p{font-size:16px;color:#666;line-height:1.7;margin:0;max-width:800px;margin-left:auto;margin-right:auto;text-align:left}

.video-slideshow-section{background:#f8f9fa;padding:60px 0}
.video-slideshow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;text-align:center}
.video-container{position:relative;width:100%;height:315px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.video-container iframe{width:100%;height:100%;border-radius:12px}
.slideshow-container{position:relative;width:100%;height:315px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.health-slideshow-wrapper{width:100%;height:100%;position:relative}
.health-slideshow-slide{display:none;width:100%;height:100%}
.health-slideshow-slide.active{display:block}
.health-slideshow-image{width:100%;height:100%;object-fit:cover;border-radius:12px}
.health-slideshow-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,0.9);color:#213;border:none;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;z-index:10}
.health-slideshow-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}
.health-slideshow-arrow.prev{left:16px}
.health-slideshow-arrow.next{right:16px}
.slide-counter{position:absolute;top:16px;right:16px;background:rgba(0,0,0,0.7);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:600}

.cts-net-section{background:#fff;padding:60px 0}
.cts-net-section h2{font-family:"Merriweather",serif;font-weight:900;font-size:28px;color:#213;text-align:center;margin:0 0 32px;text-transform:uppercase}
.cts-net-section p{font-size:16px;color:#666;line-height:1.7;margin:0 0 20px;max-width:800px;margin-left:auto;margin-right:auto;text-align:left}
.cts-net-section p:last-child{margin-bottom:0}

.community-slideshow-section{background:#f8f9fa;padding:60px 0}
.community-slideshow-container{position:relative;max-width:1200px;margin:0 auto;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.community-slideshow-wrapper{width:100%;height:100%;position:relative}
.community-slideshow-slide{display:none;width:100%;height:100%}
.community-slideshow-slide.active{display:block}
.community-slideshow-image{width:100%;height:100%;object-fit:cover}
.community-slideshow-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,0.9);color:#213;border:none;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;z-index:10;opacity:0}
.community-slideshow-container:hover .community-slideshow-arrow{opacity:1}
.community-slideshow-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}
.community-slideshow-arrow.prev{left:20px}
.community-slideshow-arrow.next{right:20px}

@media (max-width:768px){
  .health-screening-hero h1{font-size:24px}
  .health-screening-hero p{font-size:16px}
  .video-slideshow-grid{grid-template-columns:1fr;gap:24px}
  .video-container,.slideshow-container{height:250px}
  .community-slideshow-container{height:300px}
  .health-slideshow-arrow,.community-slideshow-arrow{opacity:1}
  .health-slideshow-arrow{width:36px;height:36px;font-size:20px}
  .community-slideshow-arrow{width:44px;height:44px;font-size:24px}
}

/* International Projects */
.international-projects-hero{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;text-align:center}
.international-projects-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:36px;color:#213;margin:0 0 48px;text-transform:uppercase;letter-spacing:1px}
.project-content{max-width:800px;margin:0 auto;background:#fff;padding:48px;border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,0.1);text-align:left}
.project-content p{font-size:18px;color:#666;line-height:1.8;margin:0 0 24px;font-weight:400}
.project-content p:last-child{margin-bottom:0}
.project-title{margin:32px 0;padding:24px;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border-radius:12px;text-align:center}
.project-title h2{font-family:"Merriweather",serif;font-weight:700;font-size:24px;color:#fff;margin:0;line-height:1.4;font-style:italic}
.project-objectives{margin:32px 0;padding-left:24px;counter-reset:list-item}
.project-objectives li{font-size:18px;color:#213;line-height:1.8;margin-bottom:16px;font-weight:500;position:relative;counter-increment:list-item}
.project-objectives li:before{content:counter(list-item);position:absolute;left:-32px;top:0;width:24px;height:24px;background:#4a90e2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.project-objectives li:last-child{margin-bottom:0}

@media (max-width:768px){
  .international-projects-hero{padding:60px 0}
  .international-projects-hero h1{font-size:28px;margin-bottom:32px}
  .project-content{padding:32px;margin:0 16px}
  .project-content p{font-size:16px}
  .project-title{padding:20px;margin:24px 0}
  .project-title h2{font-size:20px}
  .project-objectives{padding-left:20px;margin:24px 0}
  .project-objectives li{font-size:16px;margin-bottom:12px}
  .project-objectives li:before{left:-28px;width:20px;height:20px;font-size:12px}
}

/* Testimonials */
.testimonials-hero{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:60px 0;text-align:center}
.testimonials-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:36px;color:#213;margin:0;text-transform:uppercase;letter-spacing:1px}

.testimonials-grid{background:#fff;padding:60px 0}
.testimonials-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:1200px;margin:0 auto}
.testimonial-card{background:#f8f9fa;padding:32px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.1);position:relative;transition:transform 0.3s,box-shadow 0.3s}
.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,0.15)}
.testimonial-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.testimonial-avatar{width:60px;height:60px;background:#4a90e2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Merriweather",serif;font-weight:700;font-size:18px;text-transform:uppercase}
.testimonial-name{font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#d32f2f;margin:0}
.testimonial-content p{font-size:16px;color:#213;line-height:1.7;margin:0;font-style:italic}
.testimonial-quote{position:absolute;bottom:16px;right:24px;font-size:48px;color:#4a90e2;font-family:"Merriweather",serif;font-weight:900;opacity:0.3}

@media (max-width:768px){
  .testimonials-hero h1{font-size:28px}
  .testimonials-wrapper{grid-template-columns:1fr;gap:24px;margin:0 16px}
  .testimonial-card{padding:24px}
  .testimonial-avatar{width:50px;height:50px;font-size:16px}
  .testimonial-name{font-size:16px}
  .testimonial-content p{font-size:15px}
  .testimonial-quote{font-size:36px;bottom:12px;right:16px}
}

/* Donations and Partnerships */
.donations-hero{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;text-align:center}
.donations-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:36px;color:#213;margin:0 0 48px;text-transform:uppercase;letter-spacing:1px}
.donations-content{max-width:800px;margin:0 auto;background:#fff;padding:48px;border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,0.1)}
.donations-content p{font-size:18px;color:#666;line-height:1.8;margin:0;font-weight:400}

.program-areas{background:#fff;padding:80px 0}
.program-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1200px;margin:0 auto}
.program-card{background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);padding:32px;border-radius:16px;text-align:center;box-shadow:0 8px 24px rgba(74,144,226,0.3);transition:transform 0.3s,box-shadow 0.3s}
.program-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(74,144,226,0.4)}
.program-icon{margin-bottom:24px}
.program-icon svg{width:60px;height:60px}
.program-card h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#fff;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}
.program-card p{font-size:16px;color:#fff;line-height:1.6;margin:0 0 24px;opacity:0.9}
.explore-btn{background:#d32f2f;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-family:"Lato",sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background 0.3s}
.explore-btn:hover{background:#b71c1c}

@media (max-width:1024px){
  .program-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin:0 16px}
}

@media (max-width:768px){
  .donations-hero{padding:60px 0}
  .donations-hero h1{font-size:28px;margin-bottom:32px}
  .donations-content{padding:32px;margin:0 16px}
  .donations-content p{font-size:16px}
  .program-areas{padding:60px 0}
  .program-cards-grid{grid-template-columns:1fr;gap:20px;margin:0 16px}
  .program-card{padding:24px}
  .program-card h3{font-size:18px}
  .program-card p{font-size:15px}
} 

/* How Can I Help */
.how-can-i-help-hero{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;text-align:center}
.how-can-i-help-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:36px;color:#4a90e2;margin:0 0 32px;text-transform:uppercase;letter-spacing:1px;text-decoration:underline;text-decoration-color:#4a90e2;text-underline-offset:8px}
.hero-content{max-width:800px;margin:0 auto;background:#fff;padding:32px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.hero-content p{font-size:18px;color:#666;line-height:1.7;margin:0;font-weight:400}

.help-options{background:#fff;padding:80px 0}
.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.help-card{background:#f8f9fa;padding:32px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;border-left:4px solid #4a90e2}
.help-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.help-card h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 16px;text-transform:uppercase;letter-spacing:0.5px}
.help-card p{font-size:16px;color:#666;line-height:1.6;margin:0 0 16px}
.help-card p:last-child{margin-bottom:0}
.help-list{list-style:none;padding:0;margin:16px 0 0}
.help-list li{font-size:15px;color:#666;line-height:1.6;margin-bottom:12px;padding-left:20px;position:relative}
.help-list li:before{content:"•";color:#4a90e2;font-weight:bold;position:absolute;left:0;top:0}
.help-list li:last-child{margin-bottom:0}
.help-list strong{color:#213;font-weight:700}

@media (max-width:768px){
  .how-can-i-help-hero{padding:60px 0}
  .how-can-i-help-hero h1{font-size:28px;margin-bottom:24px}
  .hero-content{padding:24px;margin:0 16px}
  .hero-content p{font-size:16px}
  .help-options{padding:60px 0}
  .help-grid{grid-template-columns:1fr;gap:24px;margin:0 16px}
  .help-card{padding:24px}
  .help-card h3{font-size:18px}
  .help-card p{font-size:15px}
  .help-list li{font-size:14px}
} 

/* Become A Volunteer */
.volunteer-hero{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;text-align:center}
.volunteer-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:36px;color:#4a90e2;margin:0;text-transform:uppercase;letter-spacing:1px}

.volunteer-options{background:#fff;padding:80px 0}
.volunteer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.volunteer-card{background:#f8f9fa;padding:32px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;border-left:4px solid #4a90e2}
.volunteer-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.volunteer-card h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 16px;text-transform:uppercase;letter-spacing:0.5px}
.volunteer-card p{font-size:16px;color:#666;line-height:1.6;margin:0}

.other-ways-to-help{background:#f5f5f5;padding:80px 0}
.other-ways-to-help h2{font-family:"Merriweather",serif;font-weight:700;font-size:28px;color:#213;margin:0 0 16px;text-align:center;text-transform:uppercase;letter-spacing:0.5px}
.intro-text{font-size:18px;color:#666;line-height:1.7;text-align:center;margin:0 0 48px;max-width:800px;margin-left:auto;margin-right:auto}
.sub-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;margin:0 auto}
.sub-option-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform 0.3s,box-shadow 0.3s}
.sub-option-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1)}
.sub-option-card h4{font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#213;margin:0 0 12px;text-transform:uppercase;letter-spacing:0.5px}
.sub-option-card p{font-size:15px;color:#666;line-height:1.6;margin:0}

@media (max-width:768px){
  .volunteer-hero{padding:60px 0}
  .volunteer-hero h1{font-size:28px}
  .volunteer-options{padding:60px 0}
  .volunteer-grid{gap:24px;margin:0 16px}
  .volunteer-card{padding:24px}
  .volunteer-card h3{font-size:18px}
  .volunteer-card p{font-size:15px}
  .other-ways-to-help{padding:60px 0}
  .other-ways-to-help h2{font-size:24px}
  .intro-text{font-size:16px;margin-bottom:32px;margin-left:16px;margin-right:16px}
  .sub-options-grid{gap:20px;margin:0 16px}
  .sub-option-card{padding:20px}
  .sub-option-card h4{font-size:16px}
  .sub-option-card p{font-size:14px}
} 

/* Contact Us */
.contact-hero{background:linear-gradient(135deg,#213 0%,#1a1f26 100%);padding:40px 0;color:#fff}
.contact-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:32px;margin:0 0 24px;text-transform:uppercase;letter-spacing:1px;    text-align: center;
}
.contact-form-container{max-width:800px;margin:0 auto;padding:0 20px}
.contact-form{background:#fff;padding:48px;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,0.1)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.form-group{margin-bottom:24px}
.contact-form .form-group label{display:block !important;font-family:"Merriweather",serif;font-weight:700;font-size:14px;color:#213;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px;opacity:1 !important;visibility:visible !important;flex:none !important}
.form-group input,.form-group textarea{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:"Lato",sans-serif;transition:border-color 0.3s,box-shadow 0.3s}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,0.1)}
.form-group textarea{resize:vertical;min-height:120px}
.submit-btn{background:#d32f2f;color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background 0.3s,transform 0.3s;width:100%}
.submit-btn:hover{background:#b71c1c;transform:translateY(-2px)}

.faq-section{background:#fff;padding:40px 0}
.faq-section h2{font-family:"Merriweather",serif;font-weight:700;font-size:28px;color:#213;margin:0 0 32px;text-transform:uppercase;letter-spacing:0.5px;text-align: center;}
.faq-search{position:relative;max-width:400px;margin:0 0 48px}
.faq-search-input{width:100%;padding:16px 48px 16px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:"Lato",sans-serif}
.faq-search-input:focus{outline:none;border-color:#4a90e2}
.faq-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer}
.faq-search-btn svg{width:20px;height:20px;fill:#666}

.faq-accordion{max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid #e0e0e0;margin-bottom:0}
.faq-question{width:100%;background:none;border:none;padding:24px 0;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#213;transition:color 0.3s}
.faq-question:hover{color:#4a90e2}
.faq-icon{font-size:24px;font-weight:900;color:#4a90e2;transition:transform 0.3s}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-answer{padding:0 0 24px;display:none}
.faq-item.active .faq-answer{display:block}
.faq-answer p{font-size:16px;color:#666;line-height:1.7;margin:0 0 16px}
.faq-answer a{color:#4a90e2;text-decoration:underline;font-weight:500}
.faq-answer a:hover{color:#357abd}
.faq-social{display:flex;gap:12px;margin-top:16px}
.social-share{width:32px;height:32px;background:#f5f5f5;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:700;transition:background 0.3s,color 0.3s}
.social-share:hover{background:#4a90e2;color:#fff}

/* Footer */
.site-footer{background:#fff;padding:40px 0;border-top:1px solid #e0e0e0}
.footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}
.footer-mark{font-size:24px;color:#4caf50}
.footer-inner p{margin:0;font-size:14px}

@media (max-width:768px){
  .contact-hero{padding:30px 0}
  .contact-hero h1{font-size:24px;margin-bottom:16px}
  .contact-form{padding:32px}
  .form-row{grid-template-columns:1fr 1fr;gap:16px}
  .form-group{margin-bottom:20px}
  .contact-form .form-group label{font-size:15px !important}
  .form-group input,.form-group textarea{padding:14px;font-size:15px}
  .submit-btn{padding:14px 24px;font-size:15px}
  .faq-section{padding:30px 0}
  .faq-section h2{font-size:24px;margin-bottom:24px}
  .faq-search{margin-bottom:32px}
  .faq-question{padding:20px 0;font-size:16px}
  .faq-answer{padding:0 0 20px}
  .callout-inner{grid-template-columns:1fr;text-align:center;gap:0}
  .callout-visual{margin-bottom:32px;display:flex;flex-direction:column;align-items:center}
  .photo-sm{position:static;margin-top:-40px;align-self:flex-end}
  .callout-text{text-align:center}
}

/* Our Partners */
.partners-hero{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;text-align:center}
.partners-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:36px;color:#213;margin:0 0 24px;text-transform:uppercase;letter-spacing:1px}
.hero-intro{font-size:18px;color:#666;line-height:1.7;max-width:800px;margin:0 auto;font-weight:400}

.partners-list{background:#fff;padding:80px 0}
.partners-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;max-width:1000px;margin:0 auto}
.partners-column{display:flex;flex-direction:column}
.partners-list-left,.partners-list-right{list-style:none;padding:0;margin:0}
.partners-list-left li,.partners-list-right li{font-size:18px;color:#213;line-height:1.8;margin-bottom:20px;padding-left:24px;position:relative;font-weight:500}
.partners-list-left li:before,.partners-list-right li:before{content:"•";color:#4a90e2;font-size:24px;font-weight:bold;position:absolute;left:0;top:-2px}

.affiliation-section{background:#f8f9fa;padding:80px 0}
.affiliation-content{text-align:center;max-width:1000px;margin:0 auto}
.affiliation-content h2{font-family:"Merriweather",serif;font-weight:700;font-size:24px;color:#213;margin:0 0 48px;line-height:1.5}
.partner-logos{display:flex;justify-content:center;align-items:center}
.logo-item{display:flex;flex-direction:column;align-items:center}
.partner-logo{width:900px;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.logo-caption{font-family:"Merriweather",serif;font-weight:700;font-size:14px;color:#213;text-align:center;line-height:1.4}
.logo-tagline{font-size:12px;color:#4a90e2;font-weight:600;text-align:center;font-style:italic}

@media (max-width:768px){
  .partners-hero{padding:60px 0}
  .partners-hero h1{font-size:28px;margin-bottom:20px}
  .hero-intro{font-size:16px;margin:0 16px}
  .partners-list{padding:60px 0}
  .partners-grid{grid-template-columns:1fr 1fr;gap:40px;margin:0 16px}
  .partners-list-left li,.partners-list-right li{font-size:16px;margin-bottom:16px}
  .affiliation-section{padding:60px 0}
  .affiliation-content h2{font-size:20px;margin-bottom:32px;margin-left:16px;margin-right:16px}
  .partner-logos{flex-direction:column;gap:32px}
  .logo-item{min-width:auto}
  .partner-logo{width:250px;height:auto}
  .logo-caption{font-size:13px}
  .logo-tagline{font-size:11px}
} 

/* Donate Now */
.donate-hero{background:linear-gradient(135deg,#213 0%,#1a1f26 100%);padding:80px 0;color:#fff;min-height:100vh;display:flex;align-items:center}
.donate-form-container{max-width:600px;margin:0 auto;width:100%}
.donate-form{background:#000;padding:48px;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,0.3)}
.donate-form h1{font-family:"Merriweather",serif;font-weight:900;font-size:36px;margin:0 0 8px;text-align:center;text-transform:uppercase;letter-spacing:1px}
.form-subtitle{font-size:18px;color:#ccc;text-align:center;margin:0 0 32px;font-style:italic}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.form-group{margin-bottom:24px}
.form-group label{display:block;font-family:"Merriweather",serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}
.form-group input{width:100%;padding:16px;border:2px solid #333;border-radius:8px;font-size:16px;font-family:"Lato",sans-serif;background:#fff;color:#213;transition:border-color 0.3s,box-shadow 0.3s}
.form-group input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,0.1)}
.form-group input::placeholder{color:#999}
.donate-btn{background:#000;color:#fff;border:2px solid #fff;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background 0.3s,color 0.3s,transform 0.3s;width:100%}
.donate-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}

@media (max-width:768px){
  .donate-hero{padding:60px 0;min-height:auto}
  .donate-form{padding:32px;margin:0 16px}
  .donate-form h1{font-size:28px}
  .form-subtitle{font-size:16px;margin-bottom:24px}
  .form-row{grid-template-columns:1fr 1fr;gap:16px}
  .form-group{margin-bottom:20px}
  .contact-form .form-group label{font-size:15px !important}
  .form-group input{padding:14px;font-size:15px}
  .donate-btn{padding:14px 24px;font-size:15px}
} 

/* Contact Form Label Fix */
.contact-form .form-group label {
    display: block !important;
    font-family: "Merriweather", serif;
    font-weight: 700;
    font-size: 14px;
    color: #213;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 1 !important;
    visibility: visible !important;
    flex: none !important;
    width: 100% !important;
}

@media (max-width: 768px) {

/* Leadership Page Styles */
.leadership-section{padding:40px 0;background:#f8f9fa}
.leadership-content{max-width:800px;margin:0 auto;text-align:center}
.leadership-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:32px;color:#213;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}
.leadership-content h2{font-family:"Merriweather",serif;font-weight:700;font-size:24px;color:#213;margin:0 0 20px}
.leadership-content p{font-size:16px;color:#555;line-height:1.6;margin:0}

.team-profiles-section{padding:60px 0;background:#fff}
.team-profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}
.team-profile{background:#f8f9fa;border-radius:12px;padding:30px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.profile-image{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.15)}
.profile-image img{width:100%;height:100%;object-fit:cover}
.francis-image{width:180px;height:180px}
.team-profile h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 8px}
.team-profile h4{font-size:14px;color:#666;margin:0 0 16px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.profile-bio p{font-size:14px;color:#555;line-height:1.6;margin:0;text-align:left}

@media (max-width:768px){
  .leadership-content h1{font-size:24px}
  .leadership-content h2{font-size:20px}
  .team-profiles-grid{grid-template-columns:1fr;gap:30px;padding:0 20px}
  .team-profile{padding:25px}
  .profile-image{width:120px;height:120px}
  .francis-image{width:140px;height:140px}
  .team-profile h3{font-size:18px}
  .team-profile h4{font-size:13px}
  .profile-bio p{font-size:13px}
}


/* Leadership Page Styles */
.leadership-section{padding:40px 0;background:#f8f9fa}
.leadership-content{max-width:800px;margin:0 auto;text-align:center}
.leadership-content h1{font-family:"Merriweather",serif;font-weight:900;font-size:32px;color:#213;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}
.leadership-content h2{font-family:"Merriweather",serif;font-weight:700;font-size:24px;color:#213;margin:0 0 20px}
.leadership-content p{font-size:16px;color:#555;line-height:1.6;margin:0}

.team-profiles-section{padding:60px 0;background:#fff}
.team-profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}
.team-profile{background:#f8f9fa;border-radius:12px;padding:30px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.profile-image{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.15)}
.profile-image img{width:100%;height:100%;object-fit:cover}
.francis-image{width:180px;height:180px}
.team-profile h3{font-family:"Merriweather",serif;font-weight:700;font-size:20px;color:#213;margin:0 0 8px}
.team-profile h4{font-size:14px;color:#666;margin:0 0 16px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.profile-bio p{font-size:14px;color:#555;line-height:1.6;margin:0;text-align:left}

@media (max-width:768px){
  .leadership-content h1{font-size:24px}
  .leadership-content h2{font-size:20px}
  .team-profiles-grid{grid-template-columns:1fr;gap:30px;padding:0 20px}
  .team-profile{padding:25px}
  .profile-image{width:120px;height:120px}
  .francis-image{width:140px;height:140px}
  .team-profile h3{font-size:18px}
  .team-profile h4{font-size:13px}
  .profile-bio p{font-size:13px}
}


/* Strategic Boot Camp Initiative Page Styles */
.boot-camp-hero{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);text-align:center}
.boot-camp-hero .hero-content{max-width:1000px;margin:0 auto}
.boot-camp-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:36px;color:#213;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}
.boot-camp-hero h2{font-family:"Merriweather",serif;font-weight:700;font-size:24px;color:#213;margin:0 0 24px}

/* Boot Camp Hero Section - Fixed */
.boot-camp-hero{padding:60px 0;background:#f8f9fa}
.boot-camp-hero h1{font-family:"Merriweather",serif;font-weight:900;font-size:32px;color:#213;margin:0 0 16px;text-align:center}
.boot-camp-hero h2{font-family:"Merriweather",serif;font-weight:700;font-size:18px;color:#213;margin:0 0 20px;text-align:center}
.boot-camp-hero p{font-size:16px;color:#555;line-height:1.6;margin:0 0 16px;text-align:center}


/* Boot Camp Hero Section */

.boot-camp-hero{padding:60px 0;background:#f8f9fa}

.boot-camp-hero h1{font-family:\

Merriweather\,serif;font-weight:900;font-size:32px;color:#213;margin:0 0 16px;text-align:center}

.boot-camp-hero h2{font-family:\

Merriweather\,serif;font-weight:700;font-size:18px;color:#213;margin:0 0 20px;text-align:center}

.boot-camp-hero p{font-size:16px;color:#555;line-height:1.6;margin:0 0 16px;text-align:center}

.boot-camp-hero .hero-content h1{font-family:\

Merriweather\,serif;font-weight:900;font-size:32px;color:#213 !important;margin:0 0 16px;text-align:center}

.boot-camp-hero .hero-content h2{font-family:\

Merriweather\,serif;font-weight:700;font-size:18px;color:#213 !important;margin:0 0 20px;text-align:center}

section.boot-camp-hero h1{display:block !important;color:#000 !important;font-size:32px !important;font-weight:bold !important}

section.boot-camp-hero h2{display:block !important;color:#000 !important;font-size:18px !important;font-weight:bold !important}



/* Mobile Styles for Boot Camp Page */

@media (max-width: 768px) {

  .images-grid{display:flex;flex-direction:column;gap:20px}

  .features-grid{display:flex;flex-direction:column;gap:30px}

}



/* Mobile Styles for Boot Camp Page */

@media (max-width: 768px) {

  .images-grid{grid-template-columns:1fr;gap:20px}

  .features-grid{grid-template-columns:1fr;gap:20px}

  .highlights-grid{grid-template-columns:1fr;gap:20px}

}



/* Mobile Flex Styles for Boot Camp Page */

@media (max-width: 768px) {

  .program-images .container{display:flex;flex-direction:column}

  .program-features .container{display:flex;flex-direction:column}


/* Mobile Flex Styles for Boot Camp Page */
@media (max-width: 768px) {
  .program-images .container{display:flex;flex-direction:column;gap:20px}
  .program-features .container{display:flex;flex-direction:column;gap:20px}
  .program-highlights .container{display:flex;flex-direction:column;gap:20px}
}
/* Video Slideshow Section */

.video-slideshow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;text-align:center}

.video-slideshow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;text-align:center}

.video-slideshow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;text-align:center}

@media (max-width: 768px) {

  .video-slideshow-grid{grid-template-columns:1fr;gap:24px}

}



/* Mobile Navigation Close Button */
.close-mobile{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#fff;border:2px solid #213;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;color:#213;cursor:pointer;z-index:1001}

/* How Can I Help Page Heading */
.help-options h1{font-family:'Merriweather',serif;font-weight:900;font-size:36px;color:#213;margin:0 0 20px;text-align:center;text-transform:uppercase;letter-spacing:1px}


/* Contact US Link in Mobile Nav */
.mobile-nav .accordion-item a[href*=\

contact-us\]{display:block;padding:15px 20px;text-decoration:none;color:#213;font-weight:700;text-transform:uppercase;letter-spacing:1px}


/* How Can I Help Page Content Styling */
.help-options p:first-of-type{font-size:18px;color:#555;line-height:1.7;margin:0 0 30px;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}


.help-options h1{font-family:'Merriweather',serif;font-weight:900;font-size:42px;color:#213;margin:0 0 40px;text-align:center;text-transform:uppercase;letter-spacing:2px}


/* Contact US Link Styling */
.mobile-nav .accordion-item a[href*=\

contact-us\]{display:block;padding:15px 20px;text-decoration:none;color:#213;font-weight:700;text-transform:uppercase;letter-spacing:1px}


/* Mobile Navigation Single Links Styling */
.mobile-nav .accordion-item a[href*=\

contact-us\], .mobile-nav .accordion-item a[href*=\donations\] {display:block;padding:15px 20px;text-decoration:none;color:#213;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;background:none;width:100%;text-align:left;cursor:pointer;}