.mobile-menu{
  display: none;
  flex-direction: column;
  gap: 14px;
  margin-top: 14px;
}

.mobile-menu.is-hidden{
  display: none;
}

.mobile-menu.is-open{
  display: flex;
}

@media (min-width: 992px){
  .mobile-menu{
    display: none !important;
  }
}

.service-icon i{
  font-size: 22px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dropdown{ position: relative; }
.dropdown-panel{ display:none; }
.dropdown.is-open .dropdown-panel{ display:block; }

@media (max-width: 991px){
  .dropdown-panel{
    position: static !important;
    width: 100%;
    margin-top: 10px;
  }
}
@media (min-width: 992px){
  #mobileToggle{
    display: none !important;
  }
}

@media (max-width: 991px){
  .mobile-menu{
    background: rgba(17, 28, 20, .92);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 14px;
    margin-top: 12px;
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 50;
  }
}
.dropdown{ position: relative; }
.dropdown-panel{ display:none; }
.dropdown.is-open .dropdown-panel{ display:block; }

@media (max-width: 991px){
  .dropdown-panel{
    position: static !important;
    width: 100%;
    margin-top: 10px;
  }
}

.card,
.stat,
.impact-card,
.cert-item,
.donor-item{
  position: relative !important;
  overflow: visible !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 4px 20px rgba(0,0,0,.25) !important;
  transition: box-shadow .45s ease, transform .45s ease, border-color .45s ease;
}

.card:hover,
.stat:hover,
.impact-card:hover,
.cert-item:hover,
.donor-item:hover{
  border-color: rgba(0,230,118,.18) !important;
  box-shadow:
    0 8px 30px rgba(0,0,0,.3),
    0 0 20px rgba(0,230,118,.08) !important;
  transform: translateY(-3px);
}

.card img,
.stat img,
.impact-card img,
.cert-item img,
.donor-item img{
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}


.reveal{
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .70s ease, transform .85s cubic-bezier(.2,.8,.2,1);
  will-change: transform, opacity;
}

.reveal.reveal-left  { transform: translateX(-36px); }
.reveal.reveal-right { transform: translateX( 36px); }
.reveal.reveal-top   { transform: translateY(-30px); }
.reveal.reveal-bottom{ transform: translateY( 30px); }

.reveal.is-in{
  opacity: 1;
  transform: translate(0,0);
}

@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
}