/* Eye Bank Elements for WPBakery */
.ebx{
  --ebx-primary:#07528c; --ebx-accent:#078b91; --ebx-heading:#12344c; --ebx-text:#536779;
  --ebx-card-bg:#fff; --ebx-border:#e1ebf1; --ebx-hover-bg:var(--ebx-card-bg); --ebx-icon-bg:#e8f6f5;
  --ebx-radius:10px; --ebx-bw:1px; --ebx-pad:30px; --ebx-gap:22px; --ebx-trans:300ms;
  --ebx-h-font:'Outfit',sans-serif; --ebx-b-font:'DM Sans',sans-serif; --ebx-h-weight:700; --ebx-lh:1.75;
  --ebx-align:left; --ebx-sub-tt:uppercase; --ebx-shadow:none;
  font-family:var(--ebx-b-font); color:var(--ebx-text); line-height:var(--ebx-lh); text-align:var(--ebx-align);
  font-size:var(--ebx-t-size,16px); position:relative; box-sizing:border-box;
}
.ebx *,.ebx *::before,.ebx *::after{box-sizing:border-box}
.ebx h1,.ebx h2,.ebx h3,.ebx h4{font-family:var(--ebx-h-font);color:var(--ebx-heading);font-weight:var(--ebx-h-weight);line-height:1.3;letter-spacing:var(--ebx-ls,normal);margin:0}
.ebx p{margin:0 0 1em}
.ebx a{text-decoration:none}
.ebx-container{width:100%;max-width:1200px;margin:0 auto}

/* Heading */
.ebx-heading{max-width:750px;margin:0 auto 45px;text-align:center}
.ebx-sub{display:block;color:var(--ebx-accent);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:var(--ebx-sub-tt)}
.ebx-title{font-size:var(--ebx-h-size,38px);margin:10px 0}
.ebx-heading .ebx-desc{font-size:15px;margin:0}

/* Buttons */
.ebx-btnwrap{display:flex}
.ebx-btn{--b-bg:var(--ebx-accent);--b-c:#fff;--b-hbg:var(--ebx-primary);--b-hc:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:5px;font-size:14px;font-weight:700;
  cursor:pointer;border:1px solid transparent;transition:all var(--ebx-trans) ease;background:var(--b-bg);color:var(--b-c)!important;font-family:inherit;line-height:1.4}
.ebx-btn:hover{background:var(--b-hbg);color:var(--b-hc)!important;transform:translateY(-2px)}
.ebx-btn--outline{--b-bg:transparent;--b-c:#fff;--b-hbg:#fff;--b-hc:var(--ebx-primary);border-color:#fff}
.ebx-btn--outline-dark{--b-bg:transparent;--b-c:var(--ebx-primary);--b-hbg:var(--ebx-primary);--b-hc:#fff;border-color:var(--ebx-primary)}
.ebx-btn--white{--b-bg:#fff;--b-c:var(--ebx-primary);--b-hbg:var(--ebx-heading);--b-hc:#fff}
.ebx-btn--custom{border:0}

/* Hero */
.ebx-el-hero{min-height:var(--ebx-minh,610px);display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--ebx-dark,#12344c)}
.ebx-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.ebx-hero__bg.ebx-parallax{background-attachment:fixed}
.ebx-hero__ov{position:absolute;inset:0;z-index:1;opacity:var(--ebx-ov-o,.9)}
.ebx-ov--gradient{background:linear-gradient(90deg,var(--ebx-ov,#05233d),transparent)}
.ebx-ov--solid{background:var(--ebx-ov,#05233d)}
.ebx-el-hero .ebx-container{position:relative;z-index:2}
.ebx-hero__content{max-width:730px;padding:100px 0}
.ebx-hero__tag{display:inline-block;padding:7px 17px;border:1px solid rgba(255,255,255,.4);border-radius:30px;font-size:12px;margin-bottom:22px;color:#fff}
.ebx .ebx-hero__title{font-size:var(--ebx-h-size,clamp(42px,6vw,68px));color:#fff;margin:0 0 20px}
.ebx-hero__title span{color:#65d5cf}
.ebx-hero__text{color:#e3edf4;font-size:17px;max-width:650px;margin-bottom:30px}
.ebx-hero__btns{display:flex;gap:12px;flex-wrap:wrap}

/* Grid + cards */
.ebx-grid{display:grid;gap:var(--ebx-gap);grid-template-columns:repeat(var(--ebx-cols,3),1fr)}
.ebx-grid--steps{grid-template-columns:repeat(var(--ebx-cols,5),1fr);gap:var(--ebx-gap,15px)}
.ebx-grid--2{grid-template-columns:repeat(var(--ebx-cols,2),1fr);gap:30px}
.ebx-card{background:var(--ebx-card-bg);border:var(--ebx-bw) solid var(--ebx-border);border-radius:var(--ebx-radius);padding:var(--ebx-pad);
  box-shadow:var(--ebx-shadow);transition:all var(--ebx-trans) ease;height:100%}
.ebx-card:hover{background:var(--ebx-hover-bg)}
.ebx-ctitle{font-size:var(--ebx-ct-size,19px);margin-bottom:12px}
.ebx-card p{font-size:14.5px;margin:0}
.ebx-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:10px;background:var(--ebx-icon-bg);color:var(--ebx-accent);font-size:23px;margin-bottom:20px;transition:all var(--ebx-trans)}
.ebx-icon img{max-width:60%;height:auto}
.ebx-icon--lg{margin-top:10px}
.ebx-card--question .ebx-ctitle{color:var(--ebx-primary);font-size:var(--ebx-ct-size,21px)}
.ebx-card--question .ebx-icon{width:auto;height:auto;background:none;font-size:inherit;margin:0 8px 0 0}
.ebx-card--service{display:flex;gap:18px;align-items:flex-start}
.ebx-card--service .ebx-icon{flex:0 0 auto;width:58px;height:58px;margin:0}
.ebx-card--awareness{background:var(--ebx-card-bg,#eaf5fa)}
.ebx-more{display:inline-block;margin-top:14px;font-weight:700;font-size:14px;color:var(--ebx-accent)}
.ebx-num{font-family:var(--ebx-h-font);font-size:35px;font-weight:800;color:#a8d7d8;margin-bottom:10px;line-height:1}
.ebx-card--step{padding:25px 19px}

/* Hover effects */
.ebx-hv-lift .ebx-card:hover,.ebx-hv-lift .ebx-faq__item:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,50,90,.12)}
.ebx-hv-scale .ebx-card:hover{transform:scale(1.04)}
.ebx-hv-glow .ebx-card:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--ebx-accent) 25%,transparent),0 10px 35px color-mix(in srgb,var(--ebx-accent) 35%,transparent)}
.ebx-hv-border .ebx-card:hover{border-color:var(--ebx-accent)}
.ebx-hv-tilt .ebx-card:hover{transform:perspective(800px) rotateX(3deg) rotateY(-4deg) translateY(-4px)}

/* Icon hover animations */
.ebx-ih-spin .ebx-card:hover .ebx-icon i{animation:ebxSpin .8s linear}
.ebx-ih-pulse .ebx-card:hover .ebx-icon{animation:ebxPulse .8s ease}
.ebx-ih-bounce .ebx-card:hover .ebx-icon{animation:ebxBounce .7s ease}
.ebx-ih-shake .ebx-card:hover .ebx-icon{animation:ebxShake .6s ease}
.ebx-ih-flip .ebx-card:hover .ebx-icon{animation:ebxFlip .8s ease}
@keyframes ebxSpin{to{transform:rotate(360deg)}}
@keyframes ebxPulse{50%{transform:scale(1.25)}}
@keyframes ebxBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-12px)}70%{transform:translateY(-4px)}}
@keyframes ebxShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@keyframes ebxFlip{to{transform:rotateY(360deg)}}

/* Intro */
.ebx-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.ebx-intro.is-reverse .ebx-intro__img{order:2}
.ebx-intro__img{height:430px;border-radius:12px;background:#dfeaf1 center/cover no-repeat;position:relative}
.ebx-badge{position:absolute;bottom:20px;right:20px;background:#fff;color:var(--ebx-primary);padding:15px 22px;border-radius:7px;font-weight:800}
.ebx-intro .ebx-title{font-size:var(--ebx-h-size,36px);margin:12px 0 20px}
.ebx-check{list-style:none;margin:22px 0;padding:0}
.ebx-check li{display:flex;gap:12px;margin-bottom:13px}
.ebx-check i{color:var(--ebx-accent);margin-top:6px}

/* Banner */
.ebx-el-banner{padding:45px 0;background:var(--ebx-primary);color:#fff}
.ebx-banner__in{display:flex;align-items:center;justify-content:space-between;gap:25px}
.ebx-el-banner .ebx-title{color:#fff;font-size:var(--ebx-h-size,30px);margin:0}
.ebx-el-banner p{color:#dbeaf3;margin:6px 0 0}

/* FAQ */
.ebx-faq{max-width:900px;margin:auto}
.ebx-faq__item{background:var(--ebx-card-bg);border:var(--ebx-bw) solid var(--ebx-border);border-radius:var(--ebx-radius);margin-bottom:12px;overflow:hidden;box-shadow:var(--ebx-shadow);transition:all var(--ebx-trans)}
.ebx-faq__item summary{cursor:pointer;padding:19px 23px;color:var(--ebx-heading);font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:var(--ebx-ct-size,16px)}
.ebx-faq__item summary::-webkit-details-marker{display:none}
.ebx-faq__item summary::after{content:'+';font-size:23px;line-height:1;color:var(--ebx-accent);transition:transform var(--ebx-trans)}
.ebx-faq__item[open] summary::after{content:'\2212'}
.ebx-faq__item:hover{background:var(--ebx-hover-bg)}
.ebx-faq__a{padding:0 23px 20px;font-size:14.5px;animation:ebxFaq .35s ease}
@keyframes ebxFaq{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Pledge */
.ebx-pledge{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center}
.ebx-pledge .ebx-title{font-size:var(--ebx-h-size,39px);margin:15px 0}
.ebx-pledge__form{background:#fff;padding:35px;border-radius:12px;box-shadow:0 8px 35px rgba(0,0,0,.06)}
.ebx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 17px;margin-bottom:12px}
.ebx-field{margin-bottom:10px}.is-full{grid-column:1/-1}
.ebx-field label{display:block;color:var(--ebx-heading);font-weight:700;font-size:13px;margin-bottom:6px}
.ebx-field input,.ebx-field textarea{width:100%;padding:12px 14px;border:1px solid #dce6ed;border-radius:5px;outline:none;font:inherit;font-size:14px;background:#fff;transition:border-color .2s,box-shadow .2s}
.ebx-field input:focus,.ebx-field textarea:focus{border-color:var(--ebx-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ebx-accent) 18%,transparent)}
.ebx-consent{display:flex;gap:8px;font-size:13px;align-items:flex-start}
.ebx-hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0}
.ebx-msg{margin-top:14px;font-weight:600;font-size:14px}.ebx-msg.ok{color:#1b7f4b}.ebx-msg.err{color:#c0392b}
.ebx-form.is-loading .ebx-btn{opacity:.6;pointer-events:none}

/* Contact */
.ebx-citem{display:flex;gap:15px;margin:22px 0}
.ebx-cicon{color:var(--ebx-accent);font-size:20px;margin-top:4px;width:24px}
.ebx-citem h4{font-size:15px}.ebx-citem p{margin:0;font-size:14.5px}.ebx-citem a{color:var(--ebx-primary);font-weight:600}
.ebx-emergency{background:#eaf5fa;border-left:4px solid var(--ebx-accent);padding:20px;border-radius:5px;margin-top:10px;color:var(--ebx-heading)}
.ebx-disclaimer{margin-top:20px;font-size:13px!important;font-style:italic}

/* ---------- Entrance animations ---------- */
.ebx-pre{opacity:0}
.ebx-anim{animation-fill-mode:both;animation-name:var(--ebx-an)}
.ebx-a-fadeIn{--ebx-an:ebxFadeIn}.ebx-a-fadeInUp{--ebx-an:ebxFadeInUp}.ebx-a-fadeInDown{--ebx-an:ebxFadeInDown}
.ebx-a-fadeInLeft{--ebx-an:ebxFadeInLeft}.ebx-a-fadeInRight{--ebx-an:ebxFadeInRight}.ebx-a-zoomIn{--ebx-an:ebxZoomIn}
.ebx-a-zoomOut{--ebx-an:ebxZoomOut}.ebx-a-flipInX{--ebx-an:ebxFlipInX}.ebx-a-flipInY{--ebx-an:ebxFlipInY}
.ebx-a-bounceIn{--ebx-an:ebxBounceIn}.ebx-a-rotateIn{--ebx-an:ebxRotateIn}.ebx-a-blurIn{--ebx-an:ebxBlurIn}
.ebx-a-slideInUp{--ebx-an:ebxSlideInUp}.ebx-a-revealLeft{--ebx-an:ebxReveal}
@keyframes ebxFadeIn{from{opacity:0}to{opacity:1}}
@keyframes ebxFadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes ebxFadeInDown{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}
@keyframes ebxFadeInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}
@keyframes ebxFadeInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}
@keyframes ebxZoomIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes ebxZoomOut{from{opacity:0;transform:scale(1.4)}to{opacity:1;transform:none}}
@keyframes ebxFlipInX{from{opacity:0;transform:perspective(600px) rotateX(-90deg)}to{opacity:1;transform:perspective(600px) rotateX(0)}}
@keyframes ebxFlipInY{from{opacity:0;transform:perspective(600px) rotateY(-90deg)}to{opacity:1;transform:perspective(600px) rotateY(0)}}
@keyframes ebxBounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}100%{transform:scale(1)}}
@keyframes ebxRotateIn{from{opacity:0;transform:rotate(-120deg) scale(.6)}to{opacity:1;transform:none}}
@keyframes ebxBlurIn{from{opacity:0;filter:blur(14px)}to{opacity:1;filter:blur(0)}}
@keyframes ebxSlideInUp{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:none}}
@keyframes ebxReveal{from{opacity:1;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}

/* Responsive */
@media(max-width:1024px){
  .ebx-grid{grid-template-columns:repeat(var(--ebx-cols-t,2),1fr)}
  .ebx-grid--steps{grid-template-columns:repeat(var(--ebx-cols-t,3),1fr)}
  .ebx-grid--2{grid-template-columns:repeat(var(--ebx-cols-t,1),1fr)}
}
@media(max-width:768px){
  .ebx-intro,.ebx-pledge{grid-template-columns:1fr}
  .ebx-intro.is-reverse .ebx-intro__img{order:0}
  .ebx-intro__img{height:320px}
  .ebx-banner__in{flex-direction:column;align-items:flex-start}
  .ebx-el-hero{min-height:var(--ebx-minh,530px)}
  .ebx-hero__bg.ebx-parallax{background-attachment:scroll}
}
@media(max-width:640px){
  .ebx-grid,.ebx-grid--steps,.ebx-grid--2{grid-template-columns:repeat(var(--ebx-cols-m,1),1fr)}
  .ebx-form-grid{grid-template-columns:1fr}
  .ebx-title{font-size:var(--ebx-h-size,29px)}
  .ebx .ebx-hero__title{font-size:var(--ebx-h-size,40px)}
  .ebx-pledge__form{padding:23px}
}
@media(prefers-reduced-motion:reduce){
  .ebx-pre{opacity:1!important}
  .ebx-anim,.ebx *{animation:none!important;transition:none!important}
}

.ebx-el-hero .ebx-container,.ebx-el-banner .ebx-container{padding-left:20px;padding-right:20px}
