:root{
  --ocf-navy:#062954; --ocf-navy-2:#031a35; --ocf-gold:#c99a2e; --ocf-gold-2:#e2bd62; --ocf-cream:#fff9ea; --ocf-dark:#101820;
}
body{font-family:'Segoe UI',Arial,sans-serif;color:#243044;line-height:1.7;background:#fff;overflow-x:hidden}.topbar{background:linear-gradient(90deg,var(--ocf-navy-2),var(--ocf-navy));color:#fff;font-size:.88rem;padding:.45rem 0;border-bottom:3px solid var(--ocf-gold)}.topbar a{color:#fff;text-decoration:none}.topbar a:hover{color:var(--ocf-gold-2)}.topbar-social a{width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.topbar-donate{background:var(--ocf-gold);padding:.42rem .95rem;border-radius:4px;font-weight:800;text-transform:uppercase;font-size:.78rem;box-shadow:0 8px 18px rgba(0,0,0,.15)}.topbar-donate:hover{background:#fff;color:var(--ocf-navy)!important}.navbar{box-shadow:0 7px 25px rgba(0,0,0,.08);z-index:50}.navbar-brand img{width:78px;height:78px;object-fit:contain}.nav-link{font-weight:700;color:#17243b!important;margin:0 .35rem}.nav-link.active,.nav-link:hover{color:var(--ocf-gold)!important}.btn-gold{background:var(--ocf-gold);color:#fff;border:0;font-weight:800;padding:.85rem 1.4rem;border-radius:6px}.btn-gold:hover{background:#ad8121;color:#fff}.btn-navy{background:var(--ocf-navy);color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:800;padding:.85rem 1.4rem;border-radius:6px}.btn-navy:hover{background:var(--ocf-navy-2);color:#fff}.section-pad{padding:80px 0}.section-tag{color:var(--ocf-gold);font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.section-title{font-family:Georgia,serif;color:var(--ocf-navy);font-weight:900}
#hero{position:relative;overflow:hidden;margin-bottom:0;background:var(--ocf-navy)}
#hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:112px;z-index:4;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;background-position:bottom center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 34 C 300 88 540 104 720 104 C 900 104 1140 88 1440 34 L1440 120 L0 120 Z' fill='white'/%3E%3Cpath d='M0 34 C 300 88 540 104 720 104 C 900 104 1140 88 1440 34' fill='none' stroke='%23c99a2e' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E")}
#hero .carousel-indicators{bottom:62px;z-index:6}.hero-slide{min-height:680px;background-size:cover;background-position:center;position:relative}.hero-slide:before,.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,26,53,.92),rgba(3,26,53,.5),rgba(3,26,53,.2))}.hero-content{position:relative;z-index:2;color:#fff;padding-top:160px;padding-bottom:120px}.hero-content h1{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,5.2rem);font-weight:900;line-height:1.05}.carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:50%}.carousel-control-prev,.carousel-control-next{z-index:6}.feature-icon,.cause-icon{width:64px;height:64px;border-radius:50%;background:var(--ocf-navy);color:var(--ocf-gold);display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem}.mission-card{border:0;border-radius:16px;box-shadow:0 15px 45px rgba(0,0,0,.08);overflow:hidden}.cause-card{border:0;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.1);height:100%;overflow:hidden;transition:.3s}.cause-card:hover{transform:translateY(-8px)}.cause-img{height:210px;background-size:cover;background-position:center}.impact-band{background:linear-gradient(135deg,var(--ocf-navy),var(--ocf-navy-2));color:#fff;border-radius:15px}.impact-item{border-right:1px solid rgba(255,255,255,.25)}.impact-item:last-child{border-right:0}.donation-box{border:1px solid rgba(201,154,46,.5);border-radius:16px;padding:35px;text-align:center;height:100%}.donation-box.featured{background:var(--ocf-gold);color:#fff}.newsletter{background:var(--ocf-navy);color:#fff;border-radius:16px;padding:40px}.fat-footer{position:relative;background:linear-gradient(135deg,#031a35,#062954);color:#dfe8f5;padding-top:110px;margin-top:85px}.footer-wave{position:absolute;top:-1px;left:0;width:100%;height:95px;transform:translateY(-99%);line-height:0; z-index: 20;}.footer-wave svg{width:100%;height:100%;display:block}.footer-wave path{fill:#031a35}.footer-main{position:relative;z-index:1}.fat-footer h5{color:var(--ocf-gold);font-weight:900;margin-bottom:1rem}.fat-footer a{color:#dfe8f5;text-decoration:none}.fat-footer a:hover{color:var(--ocf-gold)}.footer-logo{width:92px;border-radius:50%;background:#fff;padding:4px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.55rem}.contact-list li{display:flex;gap:.55rem}.contact-list i{color:var(--ocf-gold);margin-top:.25rem}.footer-social a{width:36px;height:36px;border-radius:50%;background:var(--ocf-gold);color:#fff;display:flex;align-items:center;justify-content:center}.footer-social a:hover{background:#fff;color:var(--ocf-navy)}.footer-bottom{background:var(--ocf-gold);color:#fff;padding:18px 0;margin-top:45px}.page-hero{min-height:360px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;color:#fff}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-family:Georgia,serif;font-size:3.8rem;font-weight:900}.gallery-item{height:260px;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 12px 30px rgba(0,0,0,.12)}.blog-card{border:0;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:14px;overflow:hidden}.contact-info{background:var(--ocf-cream);border-left:5px solid var(--ocf-gold);padding:25px;border-radius:12px}.form-control,.form-select{padding:.85rem;border-radius:8px}@media(max-width:991px){.topbar .container{justify-content:center!important;text-align:center}.topbar-right{justify-content:center;flex-wrap:wrap}.hero-slide{min-height:560px}.hero-content{padding-top:100px}.impact-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.impact-item:last-child{border-bottom:0}.fat-footer{padding-top:80px}.page-hero h1{font-size:2.7rem}}@media(max-width:575px){#hero:after{height:70px}.hero-content{padding-bottom:90px}.navbar-brand img{width:64px;height:64px}.footer-bottom .container{justify-content:center!important;text-align:center}.topbar-donate{width:100%;text-align:center}}

/* Stay Connected Subscription Section */
.stay-connected-section{background:inherit}
/* .stay-connected-card{background:inherit;border-radius:22px;box-shadow:0 18px 55px rgba(3,26,53,.10);padding:28px;overflow:hidden;} */
.stay-connected-image{height:360px;border-radius:18px;overflow:hidden;background:#fff;}
.stay-connected-image img{width:100%;height:100%;object-fit:cover;display:block;}
.stay-connected-form{background:#fff;padding:20px 18px;}
.stay-connected-form .section-title{color:var(--ocf-navy);}
.newsletter-form{display:flex;gap:12px;margin-top:22px;}
.newsletter-form .form-control{height:54px;background:#fff;border:1px solid rgba(3,26,53,.15);}
.newsletter-form .btn{min-width:145px;}
@media(max-width:767px){.stay-connected-card{padding:18px}.stay-connected-image{height:260px}.newsletter-form{flex-direction:column}.newsletter-form .btn{width:100%;}}

.stay-connected-image{
    position: relative;
    height: 360px;
    background: #fff;
    overflow: visible;
}

.stay-connected-image img{
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    height: 500px;
    width: auto;
    object-fit: contain;
    z-index: 10;
}



/* Who We Are Page */
.who-page-hero{background-position:center;}
.who-page-hero:before{background:linear-gradient(90deg,rgba(3,26,53,.90),rgba(3,26,53,.58),rgba(3,26,53,.18));}
.who-about-section{background:#fff;}
.who-about-section p{font-size:1rem;}
.who-highlight{border-left:5px solid var(--ocf-gold);background:var(--ocf-cream);color:var(--ocf-navy);font-weight:800;padding:18px 22px;border-radius:10px;}
.who-image-card,.who-side-image,.values-image-wrap{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(3,26,53,.16);}
.who-image-card:before,.who-side-image:before,.values-image-wrap:before{content:"";position:absolute;inset:0;border:3px solid rgba(201,154,46,.35);border-radius:22px;z-index:2;pointer-events:none;}
.who-image-card img,.who-side-image img,.values-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.who-image-card{height:620px;}
.who-image-card:hover img,.who-side-image:hover img,.values-image-wrap:hover img{transform:scale(1.04);}
.vision-mission-section{background:linear-gradient(135deg,#fff,var(--ocf-cream));position:relative;overflow:hidden;}
.vision-mission-section:before{content:"";position:absolute;right:-140px;top:-160px;width:430px;height:430px;border-radius:50%;background:rgba(201,154,46,.10);}
.vision-mission-card{position:relative;background:#fff;border-radius:22px;box-shadow:0 18px 45px rgba(3,26,53,.10);overflow:hidden;border:1px solid rgba(201,154,46,.18);}
.vm-box{padding:45px 35px;min-height:330px;}
.border-end-md{border-right:1px solid rgba(3,26,53,.12);}
.vm-icon{width:78px;height:78px;border-radius:50%;background:var(--ocf-navy);color:var(--ocf-gold);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:24px;box-shadow:0 12px 25px rgba(3,26,53,.18);}
.vm-box h3{font-family:Georgia,serif;color:var(--ocf-navy);font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px;}
.vm-box h3:after{content:"";display:block;width:55px;height:3px;background:var(--ocf-gold);margin-top:12px;}
.vm-box p{margin-bottom:0;}
.who-side-image{height:430px;}
.core-values-section{background:#fff;position:relative;}
.value-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(3,26,53,.10);height:100%;}
.value-item span{flex:0 0 62px;width:62px;height:62px;border-radius:16px;background:var(--ocf-cream);color:var(--ocf-gold);display:flex;align-items:center;justify-content:center;font-size:1.6rem;border:1px solid rgba(201,154,46,.18);}
.value-item h4{color:var(--ocf-navy);font-size:1.05rem;font-weight:900;margin-bottom:8px;}
.value-item p{font-size:.94rem;margin-bottom:0;line-height:1.65;}
.values-image-wrap{height:560px;}
@media(max-width:991px){.who-image-card,.values-image-wrap{height:440px}.who-side-image{height:360px}.vm-box{min-height:auto}.border-end-md{border-right:0;border-bottom:1px solid rgba(3,26,53,.12)}}
@media(max-width:575px){.who-image-card,.who-side-image,.values-image-wrap{height:320px}.vm-box{padding:32px 24px}.value-item{gap:14px}.value-item span{flex-basis:54px;width:54px;height:54px}}



/* Back To Top Button */
.back-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--ocf-gold);
  color:#fff;
  border:0;
  box-shadow:0 12px 30px rgba(3,26,53,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.1rem;
  z-index:999;
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:.3s ease;
}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top:hover{background:var(--ocf-navy);color:#fff;}

/* Support & Donation Page */
.support-intro-card{
  background:#fff;
  border-radius:22px;
  box-shadow:0 18px 45px rgba(3,26,53,.10);
  padding:36px;
  border-left:6px solid var(--ocf-gold);
}
.thank-you-card{
  background:linear-gradient(135deg,var(--ocf-navy),var(--ocf-navy-2));
  color:#fff;
  border-radius:22px;
  padding:36px;
  height:100%;
}
.thank-you-card h3{font-family:Georgia,serif;font-weight:900;color:#fff;}
.bank-details-section{background:linear-gradient(135deg,#fff,var(--ocf-cream));}
.bank-card{
  background:#fff;
  border-radius:18px;
  box-shadow:0 14px 38px rgba(3,26,53,.10);
  padding:34px;
  height:100%;
  border:1px solid rgba(201,154,46,.25);
}
.bank-card h3{font-family:Georgia,serif;color:var(--ocf-navy);font-weight:900;margin-bottom:22px;}
.bank-card .bank-row{display:flex;gap:12px;margin-bottom:14px;}
.bank-card .bank-label{min-width:130px;font-weight:900;color:var(--ocf-navy);}
.bank-card .bank-value{color:#243044;}
.account-number{font-size:1.25rem;font-weight:900;color:var(--ocf-gold)!important;}
@media(max-width:575px){.back-to-top{right:16px;bottom:16px;width:44px;height:44px}.support-intro-card,.thank-you-card,.bank-card{padding:26px}.bank-card .bank-row{display:block}.bank-card .bank-label{display:block;margin-bottom:3px}}


/* Our Impact Page */
.impact-page-hero{background-position:center;}
.impact-page-hero:before{background:linear-gradient(90deg,rgba(3,26,53,.92),rgba(3,26,53,.60),rgba(3,26,53,.18));}
.impact-intro-section{background:#fff;}
.impact-highlight{background:var(--ocf-cream);border-left:5px solid var(--ocf-gold);color:var(--ocf-navy);font-weight:900;padding:18px 22px;border-radius:12px;}
.impact-photo-card{height:520px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(3,26,53,.16);position:relative;}
.impact-photo-card:before{content:"";position:absolute;inset:0;border:3px solid rgba(201,154,46,.35);border-radius:24px;z-index:2;pointer-events:none;}
.impact-photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.impact-photo-card:hover img{transform:scale(1.04);}
.impact-grid-section{background:linear-gradient(135deg,#fff,var(--ocf-cream));}
.impact-card{height:100%;background:#fff;border-radius:18px;padding:30px 24px;box-shadow:0 14px 38px rgba(3,26,53,.09);border:1px solid rgba(201,154,46,.18);transition:.3s ease;}
.impact-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(3,26,53,.14);}
.impact-card span{width:66px;height:66px;border-radius:18px;background:var(--ocf-navy);color:var(--ocf-gold);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:20px;}
.impact-card p{margin-bottom:0;line-height:1.7;color:#243044;}
.impact-community-section{background:#fff;position:relative;overflow:hidden;}
.impact-community-section:before{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:rgba(201,154,46,.09);}
.impact-photo-card.small{height:430px;}
.impact-mini{height:100%;background:var(--ocf-navy);color:#fff;border-radius:16px;padding:24px;box-shadow:0 14px 30px rgba(3,26,53,.15);}
.impact-mini strong{display:block;font-family:Georgia,serif;color:var(--ocf-gold);font-size:1.35rem;margin-bottom:10px;}
.impact-mini span{display:block;line-height:1.65;}
@media(max-width:991px){.impact-photo-card{height:420px}.impact-photo-card.small{height:360px}}
@media(max-width:575px){.impact-photo-card,.impact-photo-card.small{height:300px}.impact-card{padding:26px 22px}.impact-card span{width:58px;height:58px}}


/* Home causes carousel update */
.home-causes-section{position:relative;overflow:hidden;}
.causes-slider-wrap{position:relative;overflow:hidden;}
.causes-slider{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:8px 4px 20px;scrollbar-width:none;}
.causes-slider::-webkit-scrollbar{display:none;}
.causes-slide-item{flex:0 0 calc(25% - 18px);scroll-snap-align:start;min-width:0;}
.causes-slider .cause-card{min-height:100%;}
.causes-slider .cause-card .card-body{padding:24px;}
.causes-slider .cause-card h5{color:var(--ocf-navy);font-weight:900;line-height:1.25;}
.causes-slider .cause-card p{font-size:.95rem;color:#4c5668;}
.causes-slider-controls{display:flex;align-items:center;gap:12px;}
.causes-arrow{width:48px;height:48px;border-radius:50%;border:2px solid var(--ocf-gold);background:#fff;color:var(--ocf-navy);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.25s;}
.causes-arrow:hover{background:var(--ocf-gold);color:#fff;transform:translateY(-2px);}
.causes-arrow:disabled{opacity:.45;cursor:not-allowed;transform:none;}
@media(max-width:1199px){.causes-slide-item{flex-basis:calc(33.333% - 16px);}}
@media(max-width:991px){.causes-slide-item{flex-basis:calc(50% - 12px);}.causes-slider-controls{align-self:flex-start;}}
@media(max-width:575px){.causes-slide-item{flex-basis:88%;}.causes-arrow{width:44px;height:44px;}}