/* =========================================
   OUR IMPACT – Responsive Mobile
 
   ========================================= */

@media (max-width: 575px) {

  
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section section,
  .row.clearfix.our-impact-section-2nd-row section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .wrap-content-card,
  .row.clearfix.our-impact-section-2nd-row .wrap-content-card {
    margin: 0 0 18px 0 !important; /* controls spacing BETWEEN cards */
  }

  
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .contentcard.section,
  .row.clearfix.our-impact-section-2nd-row .contentcard.section {
    margin: 0 !important;
    padding: 0 !important;
  }

  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .content-card,
  .row.clearfix.our-impact-section-2nd-row .content-card {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .content-card--content,
  .row.clearfix.our-impact-section-2nd-row .content-card--content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;

    gap: 8px !important; /* controls spacing INSIDE card (label/number/body) */
  }

  
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .content-card--content > *,
  .row.clearfix.our-impact-section-2nd-row .content-card--content > * {
    margin: 0 !important;
    padding: 0 !important;
  }

  
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .content-card--content h2,
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .content-card--content h3,
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .content-card--content h4,
  .row.clearfix.our-impact-section-2nd-row .content-card--content h2,
  .row.clearfix.our-impact-section-2nd-row .content-card--content h3,
  .row.clearfix.our-impact-section-2nd-row .content-card--content h4 {
    line-height: 1.15 !important;
  }

  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .content-card--content p,
  .row.clearfix.our-impact-section-2nd-row .content-card--content p {
    line-height: 1.35 !important;
    max-width: 34ch;
  }

  
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .odometer,
  .row.clearfix.our-impact-section-2nd-row .odometer {
    display: inline-flex !important;
    align-items: baseline !important; /* key: aligns $ 12 M + */
    justify-content: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .odometer * ,
  .row.clearfix.our-impact-section-2nd-row .odometer * {
    line-height: 1 !important;
    vertical-align: baseline !important;
  }

  
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .odometer-formatting-mark,
  .row.clearfix.our-impact-section-2nd-row .odometer-formatting-mark {
    display: inline-block !important;
    vertical-align: baseline !important;
  }
}


@media (min-width: 576px) and (max-width: 767px) {
  .row.clearfix.mobile-image-100.mobile-image-justify-center.our-impact-section .content-card--content,
  .row.clearfix.our-impact-section-2nd-row .content-card--content {
    gap: 10px !important;
  }
}