{"id":13,"date":"2026-08-05T15:27:26","date_gmt":"2026-08-05T15:27:26","guid":{"rendered":"https:\/\/kumbangcx.com\/faf\/?page_id=13"},"modified":"2026-09-29T00:54:59","modified_gmt":"2026-09-29T00:54:59","slug":"home","status":"publish","type":"page","link":"https:\/\/kumbangcx.com\/faf\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcb9525 e-flex e-con-boxed e-con e-parent\" data-id=\"dcb9525\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-389c431 elementor-widget elementor-widget-heading\" data-id=\"389c431\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">No One Should <br>Go Hungry.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-020549f elementor-widget elementor-widget-heading\" data-id=\"020549f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Foodbanking for the Needy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e89adc e-con-full e-flex e-con e-parent\" data-id=\"2e89adc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d026427 elementor-widget elementor-widget-html\" data-id=\"d026427\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FOOD AID FOUNDATION : FOUR WAYS TO MAKE A DIFFERENCE -->\r\n<section class=\"faf-action-section\">\r\n\r\n  <div class=\"faf-action-inner\">\r\n\r\n    <!-- SECTION INTRO -->\r\n    <div class=\"faf-action-intro\">\r\n      <div class=\"faf-eyebrow\">\r\n        <span><\/span>\r\n        BE PART OF THE CHANGE\r\n      <\/div>\r\n\r\n      <div class=\"faf-intro-grid\">\r\n        <h2>Four Ways to<br><strong>Make a Difference.<\/strong><\/h2>\r\n\r\n        <p>\r\n          Whether you give, volunteer, contribute food or partner with us,\r\n          every action helps Food Aid Foundation bring essential food support\r\n          to communities in need.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- 4 ACTIONS -->\r\n    <div class=\"faf-action-grid\">\r\n\r\n      <!-- DONATE -->\r\n      <article class=\"faf-action-card faf-donate\">\r\n\r\n        <div class=\"faf-card-top\">\r\n          <span class=\"faf-number\">01<\/span>\r\n          <span class=\"faf-arrow\">\u2197<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"faf-image-wrap\">\r\n          <div class=\"faf-circle\"><\/div>\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/Donate-scaled.png\"\r\n            alt=\"Donate to Food Aid Foundation\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"faf-card-content\">\r\n          <h3>Donate<\/h3>\r\n\r\n          <p>\r\n            Your contribution helps us provide food assistance to individuals\r\n            and families who need it most.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"faf-link\">\r\n            Make a Donation\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- VOLUNTEER -->\r\n      <article class=\"faf-action-card faf-volunteer\">\r\n\r\n        <div class=\"faf-card-top\">\r\n          <span class=\"faf-number\">02<\/span>\r\n          <span class=\"faf-arrow\">\u2197<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"faf-image-wrap\">\r\n          <div class=\"faf-circle\"><\/div>\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/Volunteer-scaled.png\"\r\n            alt=\"Volunteer with Food Aid Foundation\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"faf-card-content\">\r\n          <h3>Volunteer<\/h3>\r\n\r\n          <p>\r\n            Give your time and energy to help us reach more communities\r\n            and make every food assistance effort count.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"faf-link\">\r\n            Become a Volunteer\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- FOOD CONTRIBUTION -->\r\n      <article class=\"faf-action-card faf-food\">\r\n\r\n        <div class=\"faf-card-top\">\r\n          <span class=\"faf-number\">03<\/span>\r\n          <span class=\"faf-arrow\">\u2197<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"faf-image-wrap\">\r\n          <div class=\"faf-circle\"><\/div>\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/Food-Contribution-scaled.png\"\r\n            alt=\"Contribute food to Food Aid Foundation\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"faf-card-content\">\r\n          <h3>Food Contribution<\/h3>\r\n\r\n          <p>\r\n            Contribute suitable food supplies and help us channel them\r\n            responsibly to people and communities in need.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"faf-link\">\r\n            Contribute Food\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- CORPORATE CSR -->\r\n      <article class=\"faf-action-card faf-csr\">\r\n\r\n        <div class=\"faf-card-top\">\r\n          <span class=\"faf-number\">04<\/span>\r\n          <span class=\"faf-arrow\">\u2197<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"faf-image-wrap\">\r\n          <div class=\"faf-circle\"><\/div>\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/Corporate-CSR-scaled.png\"\r\n            alt=\"Corporate CSR with Food Aid Foundation\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"faf-card-content\">\r\n          <h3>Corporate CSR<\/h3>\r\n\r\n          <p>\r\n            Create meaningful social impact through corporate partnerships,\r\n            CSR initiatives and collaborative food programmes.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"faf-link\">\r\n            Partner With Us\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   FAF BRAND\r\n   Dark Green  : #249858\r\n   Light Green : #8DC63F\r\n   Blue        : #223982\r\n   ========================================================= *\/\r\n\r\n.faf-action-section {\r\n  --faf-dark-green: #249858;\r\n  --faf-light-green: #8DC63F;\r\n  --faf-blue: #223982;\r\n  --faf-text: #17202a;\r\n  --faf-muted: #667085;\r\n  --faf-line: #e4e9e6;\r\n  --faf-bg: #f7faf8;\r\n\r\n  width: 100%;\r\n  background:\r\n    radial-gradient(\r\n      circle at 8% 10%,\r\n      rgba(141, 198, 63, 0.08),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 92% 85%,\r\n      rgba(34, 57, 130, 0.06),\r\n      transparent 25%\r\n    ),\r\n    var(--faf-bg);\r\n\r\n  padding: 95px 30px 100px;\r\n  overflow: hidden;\r\n}\r\n\r\n.faf-action-section *,\r\n.faf-action-section *::before,\r\n.faf-action-section *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.faf-action-inner {\r\n  max-width: 1380px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n   INTRO\r\n   ========================= *\/\r\n\r\n.faf-action-intro {\r\n  margin-bottom: 65px;\r\n}\r\n\r\n.faf-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  font-family: \"Roboto\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  letter-spacing: 2.2px;\r\n\r\n  color: var(--faf-dark-green);\r\n}\r\n\r\n.faf-eyebrow span {\r\n  width: 34px;\r\n  height: 3px;\r\n  border-radius: 10px;\r\n  background: var(--faf-light-green);\r\n}\r\n\r\n.faf-intro-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 0.7fr;\r\n  align-items: end;\r\n  gap: 100px;\r\n}\r\n\r\n.faf-intro-grid h2 {\r\n  margin: 0;\r\n\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n  font-size: clamp(38px, 4.2vw, 66px);\r\n  line-height: 1.06;\r\n  letter-spacing: -2.5px;\r\n  font-weight: 600;\r\n\r\n  color: var(--faf-blue);\r\n}\r\n\r\n.faf-intro-grid h2 strong {\r\n  font-weight: 700;\r\n  color: var(--faf-dark-green);\r\n}\r\n\r\n.faf-intro-grid p {\r\n  max-width: 530px;\r\n  margin: 0 0 6px;\r\n\r\n  font-family: \"Roboto\", Arial, sans-serif;\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n  font-weight: 400;\r\n\r\n  color: var(--faf-muted);\r\n}\r\n\r\n\r\n\/* =========================\r\n   GRID\r\n   ========================= *\/\r\n\r\n.faf-action-grid {\r\n  position: relative;\r\n\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n\r\n  border-top: 1px solid var(--faf-line);\r\n  border-bottom: 1px solid var(--faf-line);\r\n}\r\n\r\n\/* Connecting accent line *\/\r\n\r\n.faf-action-grid::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: -2px;\r\n  left: 0;\r\n\r\n  width: 25%;\r\n  height: 3px;\r\n\r\n  background: var(--faf-dark-green);\r\n\r\n  transition:\r\n    width 0.8s cubic-bezier(.2,.8,.2,1),\r\n    background 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n   INDIVIDUAL ACTION\r\n   ========================= *\/\r\n\r\n.faf-action-card {\r\n  --accent: var(--faf-dark-green);\r\n  --accent-rgb: 36, 152, 88;\r\n\r\n  position: relative;\r\n\r\n  min-width: 0;\r\n  padding: 32px 30px 38px;\r\n\r\n  border-right: 1px solid var(--faf-line);\r\n\r\n  transition:\r\n    transform 0.4s cubic-bezier(.2,.8,.2,1),\r\n    background 0.4s ease,\r\n    box-shadow 0.4s ease;\r\n}\r\n\r\n.faf-action-card:last-child {\r\n  border-right: 0;\r\n}\r\n\r\n\r\n\/* Individual colour identities *\/\r\n\r\n.faf-donate {\r\n  --accent: #249858;\r\n  --accent-rgb: 36, 152, 88;\r\n}\r\n\r\n.faf-volunteer {\r\n  --accent: #8DC63F;\r\n  --accent-rgb: 141, 198, 63;\r\n}\r\n\r\n.faf-food {\r\n  --accent: #249858;\r\n  --accent-rgb: 36, 152, 88;\r\n}\r\n\r\n.faf-csr {\r\n  --accent: #223982;\r\n  --accent-rgb: 34, 57, 130;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TOP NUMBER \/ ARROW\r\n   ========================= *\/\r\n\r\n.faf-card-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.faf-number {\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n\r\n  color: var(--accent);\r\n}\r\n\r\n.faf-arrow {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  border: 1px solid rgba(34, 57, 130, 0.13);\r\n  border-radius: 50%;\r\n\r\n  font-family: Arial, sans-serif;\r\n  font-size: 17px;\r\n\r\n  color: var(--faf-blue);\r\n  background: #fff;\r\n\r\n  opacity: 0;\r\n  transform: translate(-8px, 8px);\r\n\r\n  transition:\r\n    opacity 0.35s ease,\r\n    transform 0.35s ease,\r\n    background 0.35s ease,\r\n    color 0.35s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n   IMAGE AREA\r\n   ========================= *\/\r\n\r\n.faf-image-wrap {\r\n  position: relative;\r\n\r\n  height: 225px;\r\n  margin: 18px 0 22px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.faf-circle {\r\n  position: absolute;\r\n\r\n  width: 158px;\r\n  height: 158px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(var(--accent-rgb), 0.16),\r\n      rgba(var(--accent-rgb), 0.035)\r\n    );\r\n\r\n  transition:\r\n    transform 0.5s cubic-bezier(.2,.8,.2,1),\r\n    background 0.4s ease;\r\n}\r\n\r\n.faf-circle::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: -12px;\r\n\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(var(--accent-rgb), 0.16);\r\n\r\n  transition: transform 0.6s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.faf-image-wrap img {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  width: 185px;\r\n  height: 185px;\r\n\r\n  object-fit: contain;\r\n\r\n  filter: drop-shadow(0 14px 18px rgba(22, 32, 42, 0.08));\r\n\r\n  transition:\r\n    transform 0.55s cubic-bezier(.2,.8,.2,1),\r\n    filter 0.4s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CONTENT\r\n   ========================= *\/\r\n\r\n.faf-card-content h3 {\r\n  position: relative;\r\n\r\n  margin: 0 0 16px;\r\n\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n  font-size: 23px;\r\n  line-height: 1.2;\r\n  font-weight: 700;\r\n\r\n  color: var(--faf-blue);\r\n\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.faf-card-content h3::after {\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 28px;\r\n  height: 3px;\r\n\r\n  margin-top: 13px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: var(--accent);\r\n\r\n  transition: width 0.4s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.faf-card-content p {\r\n  min-height: 92px;\r\n  margin: 0 0 25px;\r\n\r\n  font-family: \"Roboto\", Arial, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  font-weight: 400;\r\n\r\n  color: var(--faf-muted);\r\n}\r\n\r\n\r\n\/* =========================\r\n   LINK \/ CTA\r\n   ========================= *\/\r\n\r\n.faf-link {\r\n  position: relative;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  padding-bottom: 5px;\r\n\r\n  font-family: \"Roboto\", Arial, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n\r\n  color: var(--accent) !important;\r\n  text-decoration: none !important;\r\n\r\n  transition: gap 0.3s ease;\r\n}\r\n\r\n.faf-link::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n\r\n  width: 100%;\r\n  height: 1px;\r\n\r\n  background: var(--accent);\r\n\r\n  transform: scaleX(0.25);\r\n  transform-origin: left;\r\n\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.faf-link span {\r\n  font-size: 19px;\r\n  line-height: 1;\r\n\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n   HOVER EXPERIENCE\r\n   ========================= *\/\r\n\r\n@media (hover: hover) {\r\n\r\n  .faf-action-card:hover {\r\n    z-index: 3;\r\n\r\n    background: #ffffff;\r\n\r\n    transform: translateY(-10px);\r\n\r\n    box-shadow:\r\n      0 25px 60px rgba(20, 48, 36, 0.08);\r\n  }\r\n\r\n  .faf-action-card:hover .faf-arrow {\r\n    opacity: 1;\r\n    transform: translate(0, 0);\r\n\r\n    color: #fff;\r\n    background: var(--accent);\r\n    border-color: var(--accent);\r\n  }\r\n\r\n  .faf-action-card:hover .faf-circle {\r\n    transform: scale(1.08);\r\n    background: rgba(var(--accent-rgb), 0.12);\r\n  }\r\n\r\n  .faf-action-card:hover .faf-circle::before {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .faf-action-card:hover .faf-image-wrap img {\r\n    transform: translateY(-10px) scale(1.07);\r\n\r\n    filter:\r\n      drop-shadow(0 22px 22px rgba(22, 32, 42, 0.13));\r\n  }\r\n\r\n  .faf-action-card:hover h3 {\r\n    color: var(--accent);\r\n  }\r\n\r\n  .faf-action-card:hover h3::after {\r\n    width: 58px;\r\n  }\r\n\r\n  .faf-action-card:hover .faf-link {\r\n    gap: 15px;\r\n  }\r\n\r\n  .faf-action-card:hover .faf-link::after {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .faf-action-card:hover .faf-link span {\r\n    transform: translateX(3px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   ENTRANCE ANIMATION\r\n   ========================= *\/\r\n\r\n@keyframes fafFadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.faf-action-card {\r\n  opacity: 0;\r\n  animation: fafFadeUp 0.75s ease forwards;\r\n}\r\n\r\n.faf-action-card:nth-child(1) {\r\n  animation-delay: 0.05s;\r\n}\r\n\r\n.faf-action-card:nth-child(2) {\r\n  animation-delay: 0.14s;\r\n}\r\n\r\n.faf-action-card:nth-child(3) {\r\n  animation-delay: 0.23s;\r\n}\r\n\r\n.faf-action-card:nth-child(4) {\r\n  animation-delay: 0.32s;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n   ========================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .faf-action-section {\r\n    padding: 75px 25px 80px;\r\n  }\r\n\r\n  .faf-intro-grid {\r\n    grid-template-columns: 1fr 0.8fr;\r\n    gap: 50px;\r\n  }\r\n\r\n  .faf-action-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .faf-action-card:nth-child(2) {\r\n    border-right: 0;\r\n  }\r\n\r\n  .faf-action-card:nth-child(1),\r\n  .faf-action-card:nth-child(2) {\r\n    border-bottom: 1px solid var(--faf-line);\r\n  }\r\n\r\n  .faf-image-wrap {\r\n    height: 215px;\r\n  }\r\n\r\n  .faf-card-content p {\r\n    min-height: auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n   ========================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .faf-action-section {\r\n    padding: 60px 20px 65px;\r\n  }\r\n\r\n  .faf-action-intro {\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  .faf-intro-grid {\r\n    display: block;\r\n  }\r\n\r\n  .faf-intro-grid h2 {\r\n    font-size: 38px;\r\n    letter-spacing: -1.5px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .faf-intro-grid p {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .faf-action-grid {\r\n    display: block;\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .faf-action-grid::before {\r\n    width: 80px;\r\n  }\r\n\r\n  .faf-action-card,\r\n  .faf-action-card:nth-child(2) {\r\n    border-right: 0;\r\n    border-bottom: 1px solid var(--faf-line);\r\n\r\n    padding: 30px 10px 38px;\r\n  }\r\n\r\n  .faf-image-wrap {\r\n    height: 200px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .faf-image-wrap img {\r\n    width: 175px;\r\n    height: 175px;\r\n  }\r\n\r\n  .faf-circle {\r\n    width: 150px;\r\n    height: 150px;\r\n  }\r\n\r\n  .faf-card-content h3 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .faf-card-content p {\r\n    min-height: auto;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .faf-arrow {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Accessibility *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .faf-action-card {\r\n    opacity: 1;\r\n    animation: none;\r\n  }\r\n\r\n  .faf-action-card,\r\n  .faf-action-card *,\r\n  .faf-action-card *::before,\r\n  .faf-action-card *::after {\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5685f65 e-con-full e-flex e-con e-parent\" data-id=\"5685f65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f1bbc1 elementor-widget elementor-widget-html\" data-id=\"7f1bbc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n FOOD AID FOUNDATION\r\n HOMEPAGE \u2014 HAPPENINGS\r\n========================================================= -->\r\n\r\n<section class=\"faf-happenings\">\r\n\r\n    <div class=\"faf-hap-bg-word\" aria-hidden=\"true\">\r\n        HAPPENINGS\r\n    <\/div>\r\n\r\n    <div class=\"faf-hap-circle faf-hap-circle-one\"><\/div>\r\n    <div class=\"faf-hap-circle faf-hap-circle-two\"><\/div>\r\n\r\n\r\n    <div class=\"faf-hap-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"faf-hap-header\">\r\n\r\n            <div class=\"faf-hap-title faf-hap-reveal\">\r\n\r\n                <div class=\"faf-hap-kicker\">\r\n                    <span><\/span>\r\n                    WHAT'S HAPPENING AT FAF\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Stay Close to<br>\r\n                    <strong>What's Happening.<\/strong>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faf-hap-intro faf-hap-reveal\">\r\n\r\n                <p>\r\n                    Follow the latest from Food Aid Foundation,\r\n                    from food rescue efforts and events to\r\n                    updates on food waste awareness.\r\n                <\/p>\r\n\r\n                <span class=\"faf-hap-intro-line\"><\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ITEMS -->\r\n        <div class=\"faf-hap-grid\">\r\n\r\n\r\n            <!-- 01 NEWS -->\r\n            <!-- CHANGE href WHEN FINAL PAGE URL IS READY -->\r\n\r\n            <a href=\"\/news-updates\/\"\r\n               class=\"faf-hap-card faf-hap-reveal\">\r\n\r\n                <div class=\"faf-hap-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/1.-News-Updates.png\"\r\n                        alt=\"News and Updates\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"faf-hap-card-shade\"><\/div>\r\n\r\n\r\n                <div class=\"faf-hap-number\">\r\n                    01\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faf-hap-card-content\">\r\n\r\n                    <span class=\"faf-hap-category\">\r\n                        LATEST FROM FAF\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        News &amp;<br>\r\n                        Updates\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Keep up with the latest news,\r\n                        activities and developments\r\n                        from Food Aid Foundation.\r\n                    <\/p>\r\n\r\n                    <div class=\"faf-hap-link\">\r\n\r\n                        <span>DISCOVER MORE<\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- 02 FOOD RESCUE -->\r\n\r\n            <a href=\"\/food-rescue\/\"\r\n               class=\"faf-hap-card faf-hap-reveal\">\r\n\r\n                <div class=\"faf-hap-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/2.-Food-Rescue.png\"\r\n                        alt=\"Food Rescue\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"faf-hap-card-shade\"><\/div>\r\n\r\n\r\n                <div class=\"faf-hap-number\">\r\n                    02\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faf-hap-card-content\">\r\n\r\n                    <span class=\"faf-hap-category\">\r\n                        FOOD WITH PURPOSE\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Food<br>\r\n                        Rescue\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        See how suitable food can be\r\n                        redirected towards communities\r\n                        instead of going to waste.\r\n                    <\/p>\r\n\r\n                    <div class=\"faf-hap-link\">\r\n\r\n                        <span>DISCOVER MORE<\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- 03 FOOD WASTE AWARENESS -->\r\n\r\n            <a href=\"\/food-waste-awareness\/\"\r\n               class=\"faf-hap-card faf-hap-reveal\">\r\n\r\n                <div class=\"faf-hap-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/8.-Food-Waste-Awareness.png\"\r\n                        alt=\"Food Waste Awareness\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"faf-hap-card-shade\"><\/div>\r\n\r\n\r\n                <div class=\"faf-hap-number\">\r\n                    03\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faf-hap-card-content\">\r\n\r\n                    <span class=\"faf-hap-category\">\r\n                        RETHINK FOOD\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Food Waste<br>\r\n                        Awareness\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Learn more about food waste,\r\n                        responsible food use and why\r\n                        every contribution matters.\r\n                    <\/p>\r\n\r\n                    <div class=\"faf-hap-link\">\r\n\r\n                        <span>DISCOVER MORE<\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- 04 EVENTS -->\r\n\r\n            <a href=\"\/events\/\"\r\n               class=\"faf-hap-card faf-hap-reveal\">\r\n\r\n                <div class=\"faf-hap-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/6.-Events.png\"\r\n                        alt=\"Food Aid Foundation Events\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"faf-hap-card-shade\"><\/div>\r\n\r\n\r\n                <div class=\"faf-hap-number\">\r\n                    04\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faf-hap-card-content\">\r\n\r\n                    <span class=\"faf-hap-category\">\r\n                        COME TOGETHER\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Events\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Discover activities and events\r\n                        that bring people together in\r\n                        support of FAF's work.\r\n                    <\/p>\r\n\r\n                    <div class=\"faf-hap-link\">\r\n\r\n                        <span>DISCOVER MORE<\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n HAPPENINGS\r\n========================================================= *\/\r\n\r\n.faf-happenings {\r\n\r\n    --green:#249858;\r\n    --green-dark:#176F43;\r\n    --green-deep:#0F5835;\r\n    --lime:#8DC63F;\r\n    --blue:#223982;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100%;\r\n\r\n    padding:110px 0 120px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 0%,\r\n            rgba(141,198,63,.24),\r\n            transparent 27%\r\n        ),\r\n        linear-gradient(\r\n            125deg,\r\n            #176F43 0%,\r\n            #249858 55%,\r\n            #2FA262 100%\r\n        );\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-happenings *,\r\n.faf-happenings *::before,\r\n.faf-happenings *::after {\r\n\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.faf-hap-container {\r\n\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    width:calc(100% - 60px);\r\n    max-width:1320px;\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\r\n\/* BACKGROUND WORD *\/\r\n\r\n.faf-hap-bg-word {\r\n\r\n    position:absolute;\r\n\r\n    z-index:-1;\r\n\r\n    left:-25px;\r\n    top:10px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(100px,15vw,240px);\r\n\r\n    line-height:1;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:-10px;\r\n\r\n    color:\r\n        rgba(255,255,255,.035);\r\n\r\n    pointer-events:none;\r\n    user-select:none;\r\n}\r\n\r\n\r\n\r\n\/* DECORATION *\/\r\n\r\n.faf-hap-circle {\r\n\r\n    position:absolute;\r\n\r\n    z-index:-1;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    border-radius:50%;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.faf-hap-circle-one {\r\n\r\n    width:430px;\r\n    height:430px;\r\n\r\n    right:-260px;\r\n    top:-210px;\r\n}\r\n\r\n\r\n.faf-hap-circle-two {\r\n\r\n    width:600px;\r\n    height:600px;\r\n\r\n    left:-420px;\r\n    bottom:-400px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.faf-hap-header {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr .55fr;\r\n\r\n    gap:100px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:65px;\r\n}\r\n\r\n\r\n.faf-hap-kicker {\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:13px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:10px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:2.3px;\r\n\r\n    color:#DFF1C9;\r\n}\r\n\r\n\r\n.faf-hap-kicker span {\r\n\r\n    width:35px;\r\n    height:3px;\r\n\r\n    background:var(--lime);\r\n}\r\n\r\n\r\n.faf-hap-title h2 {\r\n\r\n    margin:0;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(43px,4.5vw,66px);\r\n\r\n    line-height:1.04;\r\n\r\n    letter-spacing:-2.5px;\r\n\r\n    font-weight:500;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-hap-title h2 strong {\r\n\r\n    font-weight:700;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-hap-intro {\r\n\r\n    padding-bottom:5px;\r\n}\r\n\r\n\r\n.faf-hap-intro p {\r\n\r\n    max-width:470px;\r\n\r\n    margin:0;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:15px;\r\n    line-height:1.8;\r\n\r\n    color:\r\n        rgba(255,255,255,.80);\r\n}\r\n\r\n\r\n.faf-hap-intro-line {\r\n\r\n    display:block;\r\n\r\n    width:65px;\r\n    height:3px;\r\n\r\n    margin-top:25px;\r\n\r\n    background:var(--lime);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n GRID\r\n========================================================= *\/\r\n\r\n.faf-hap-grid {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n\r\n    gap:12px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n.faf-hap-card {\r\n\r\n    position:relative;\r\n\r\n    min-height:510px;\r\n\r\n    display:flex;\r\n    align-items:flex-end;\r\n\r\n    overflow:hidden;\r\n\r\n    text-decoration:none !important;\r\n\r\n    color:#fff !important;\r\n\r\n    background:var(--green-dark);\r\n\r\n    isolation:isolate;\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .4s ease;\r\n}\r\n\r\n\r\n.faf-hap-card:hover {\r\n\r\n    z-index:5;\r\n\r\n    transform:\r\n        translateY(-10px);\r\n\r\n    box-shadow:\r\n        0 28px 55px\r\n        rgba(7,57,32,.25);\r\n}\r\n\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.faf-hap-card-image {\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:-3;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n.faf-hap-card-image img {\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    display:block;\r\n\r\n    object-fit:cover;\r\n\r\n    transform:scale(1.01);\r\n\r\n    filter:\r\n        saturate(.85)\r\n        contrast(1.02);\r\n\r\n    transition:\r\n        transform .8s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n\r\n.faf-hap-card:hover\r\n.faf-hap-card-image img {\r\n\r\n    transform:scale(1.075);\r\n\r\n    filter:\r\n        saturate(1.08)\r\n        contrast(1.04);\r\n}\r\n\r\n\r\n\r\n\/* SHADE *\/\r\n\r\n.faf-hap-card-shade {\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:-2;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(11,64,38,.05) 0%,\r\n            rgba(11,64,38,.10) 30%,\r\n            rgba(10,55,33,.90) 100%\r\n        );\r\n\r\n    transition:\r\n        background .4s ease;\r\n}\r\n\r\n\r\n.faf-hap-card:hover\r\n.faf-hap-card-shade {\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(18,111,65,.05) 0%,\r\n            rgba(18,111,65,.12) 28%,\r\n            rgba(11,74,43,.94) 100%\r\n        );\r\n}\r\n\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.faf-hap-number {\r\n\r\n    position:absolute;\r\n\r\n    top:24px;\r\n    left:25px;\r\n\r\n    z-index:3;\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.38);\r\n\r\n    border-radius:50%;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:600;\r\n\r\n    color:#fff;\r\n\r\n    backdrop-filter:\r\n        blur(7px);\r\n\r\n    background:\r\n        rgba(20,105,61,.20);\r\n\r\n    transition:.35s ease;\r\n}\r\n\r\n\r\n.faf-hap-card:hover\r\n.faf-hap-number {\r\n\r\n    border-color:var(--lime);\r\n\r\n    background:var(--lime);\r\n\r\n    color:var(--green-dark);\r\n}\r\n\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.faf-hap-card-content {\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        35px 27px 28px;\r\n}\r\n\r\n\r\n.faf-hap-category {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:10px;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:1.7px;\r\n\r\n    color:var(--lime);\r\n}\r\n\r\n\r\n.faf-hap-card h3 {\r\n\r\n    margin:\r\n        0 0 15px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(24px,2vw,31px);\r\n\r\n    line-height:1.04;\r\n\r\n    letter-spacing:-1px;\r\n\r\n    font-weight:700;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-hap-card p {\r\n\r\n    min-height:67px;\r\n\r\n    margin:0;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:13px;\r\n    line-height:1.65;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n\r\n\/* LINK *\/\r\n\r\n.faf-hap-link {\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    margin-top:24px;\r\n\r\n    padding-top:18px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.20);\r\n}\r\n\r\n\r\n.faf-hap-link span {\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:1.4px;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-hap-link b {\r\n\r\n    width:31px;\r\n    height:31px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--lime);\r\n\r\n    color:var(--green-dark);\r\n\r\n    font-size:15px;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.faf-hap-card:hover\r\n.faf-hap-link b {\r\n\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n ANIMATION\r\n========================================================= *\/\r\n\r\n.faf-hap-reveal {\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(25px);\r\n\r\n    transition:\r\n\r\n        opacity .75s\r\n        cubic-bezier(.2,.7,.2,1),\r\n\r\n        transform .75s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.faf-hap-reveal.faf-hap-visible {\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n.faf-hap-grid\r\n.faf-hap-card:nth-child(2) {\r\n\r\n    transition-delay:.07s;\r\n}\r\n\r\n\r\n.faf-hap-grid\r\n.faf-hap-card:nth-child(3) {\r\n\r\n    transition-delay:.14s;\r\n}\r\n\r\n\r\n.faf-hap-grid\r\n.faf-hap-card:nth-child(4) {\r\n\r\n    transition-delay:.21s;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1050px) {\r\n\r\n    .faf-hap-container {\r\n\r\n        width:\r\n            calc(100% - 50px);\r\n    }\r\n\r\n\r\n    .faf-hap-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n\r\n        gap:14px;\r\n    }\r\n\r\n\r\n    .faf-hap-card {\r\n\r\n        min-height:480px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .faf-happenings {\r\n\r\n        padding:\r\n            75px 0 80px;\r\n    }\r\n\r\n\r\n    .faf-hap-container {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n    }\r\n\r\n\r\n    .faf-hap-bg-word {\r\n\r\n        font-size:90px;\r\n\r\n        letter-spacing:-5px;\r\n    }\r\n\r\n\r\n    .faf-hap-header {\r\n\r\n        display:block;\r\n\r\n        margin-bottom:40px;\r\n    }\r\n\r\n\r\n    .faf-hap-title h2 {\r\n\r\n        font-size:40px;\r\n\r\n        letter-spacing:-1.6px;\r\n    }\r\n\r\n\r\n    .faf-hap-intro {\r\n\r\n        margin-top:25px;\r\n    }\r\n\r\n\r\n    .faf-hap-grid {\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:15px;\r\n    }\r\n\r\n\r\n    .faf-hap-card {\r\n\r\n        min-height:460px;\r\n    }\r\n\r\n\r\n    .faf-hap-card p {\r\n\r\n        min-height:0;\r\n\r\n        max-width:330px;\r\n    }\r\n\r\n\r\n    .faf-hap-card-content {\r\n\r\n        padding:\r\n            32px 25px 26px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n    .faf-hap-reveal {\r\n\r\n        opacity:1;\r\n\r\n        transform:none;\r\n\r\n        transition:none;\r\n    }\r\n\r\n\r\n    .faf-hap-card,\r\n    .faf-hap-card-image img {\r\n\r\n        transition:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const items =\r\n        document.querySelectorAll(\r\n            \".faf-happenings .faf-hap-reveal\"\r\n        );\r\n\r\n\r\n    if(!(\"IntersectionObserver\" in window)) {\r\n\r\n        items.forEach(function(item){\r\n\r\n            item.classList.add(\r\n                \"faf-hap-visible\"\r\n            );\r\n\r\n        });\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function(entries){\r\n\r\n                entries.forEach(\r\n                    function(entry){\r\n\r\n                        if(entry.isIntersecting){\r\n\r\n                            entry.target\r\n                                .classList\r\n                                .add(\r\n                                    \"faf-hap-visible\"\r\n                                );\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            },\r\n\r\n            {\r\n                threshold:.10,\r\n                rootMargin:\r\n                    \"0px 0px -35px 0px\"\r\n            }\r\n\r\n        );\r\n\r\n\r\n    items.forEach(function(item){\r\n\r\n        observer.observe(item);\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5694de e-con-full e-flex e-con e-parent\" data-id=\"f5694de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-855d4fc elementor-widget elementor-widget-html\" data-id=\"855d4fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n FOOD AID FOUNDATION\r\n HOMEPAGE SECTION 2 \u2014 EXPLORE\r\n COMPLETE ELEMENTOR HTML WIDGET CODE\r\n========================================================= -->\r\n\r\n<section class=\"faf-explore\">\r\n\r\n    <!-- DECORATIVE BACKGROUND ELEMENTS -->\r\n    <div class=\"faf-exp-decoration faf-exp-decoration-one\"><\/div>\r\n    <div class=\"faf-exp-decoration faf-exp-decoration-two\"><\/div>\r\n\r\n    <div class=\"faf-exp-background-word\" aria-hidden=\"true\">\r\n        EXPLORE\r\n    <\/div>\r\n\r\n\r\n    <div class=\"faf-exp-container\">\r\n\r\n\r\n        <!-- =================================================\r\n        SECTION HEADER\r\n        ================================================== -->\r\n\r\n        <div class=\"faf-exp-header\">\r\n\r\n            <div class=\"faf-exp-heading faf-exp-reveal\">\r\n\r\n                <div class=\"faf-exp-kicker\">\r\n                    <span><\/span>\r\n                    DISCOVER MORE ABOUT FAF\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Go Beyond the Surface.<br>\r\n                    <strong>Explore Our Work.<\/strong>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faf-exp-header-copy faf-exp-reveal\">\r\n\r\n                <p>\r\n                    Discover the wider story behind Food Aid\r\n                    Foundation, from community impact and\r\n                    empowerment to partnerships, media and\r\n                    publications.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n        FOUR EXPLORE ITEMS\r\n        ================================================== -->\r\n\r\n        <div class=\"faf-exp-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n            01 \u2014 COMMUNITY IMPACT\r\n            ================================================== -->\r\n\r\n            <a href=\"\/community-impact\/\"\r\n               class=\"faf-exp-card faf-exp-reveal\">\r\n\r\n                <div class=\"faf-exp-visual\">\r\n\r\n                    <div class=\"faf-exp-visual-circle\"><\/div>\r\n                    <div class=\"faf-exp-visual-ring\"><\/div>\r\n                    <div class=\"faf-exp-visual-dot\"><\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/3.-Community-Impact.png\"\r\n                        alt=\"Community Impact\">\r\n\r\n                    <span class=\"faf-exp-index\">\r\n                        01\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faf-exp-content\">\r\n\r\n                    <span class=\"faf-exp-label\">\r\n                        OUR IMPACT\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Community Impact\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        See how food assistance and community\r\n                        support connect with the people and\r\n                        communities FAF serves.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"faf-exp-action\">\r\n\r\n                        <span>\r\n                            EXPLORE\r\n                        <\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n            02 \u2014 EMPOWERMENT\r\n            ================================================== -->\r\n\r\n            <a href=\"\/empowerment\/\"\r\n               class=\"faf-exp-card faf-exp-reveal\">\r\n\r\n                <div class=\"faf-exp-visual\">\r\n\r\n                    <div class=\"faf-exp-visual-circle\"><\/div>\r\n                    <div class=\"faf-exp-visual-ring\"><\/div>\r\n                    <div class=\"faf-exp-visual-dot\"><\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/4.-Empowerment.png\"\r\n                        alt=\"Empowerment\">\r\n\r\n                    <span class=\"faf-exp-index\">\r\n                        02\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faf-exp-content\">\r\n\r\n                    <span class=\"faf-exp-label\">\r\n                        BUILDING POSSIBILITY\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Empowerment\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Discover stories and initiatives\r\n                        connected to creating opportunity,\r\n                        confidence and positive change.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"faf-exp-action\">\r\n\r\n                        <span>\r\n                            EXPLORE\r\n                        <\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n            03 \u2014 PARTNERSHIPS & CSR\r\n            ================================================== -->\r\n\r\n            <a href=\"\/partnerships-csr\/\"\r\n               class=\"faf-exp-card faf-exp-reveal\">\r\n\r\n                <div class=\"faf-exp-visual\">\r\n\r\n                    <div class=\"faf-exp-visual-circle\"><\/div>\r\n                    <div class=\"faf-exp-visual-ring\"><\/div>\r\n                    <div class=\"faf-exp-visual-dot\"><\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/5.-Partnerships-CSR.png\"\r\n                        alt=\"Partnerships and CSR\">\r\n\r\n                    <span class=\"faf-exp-index\">\r\n                        03\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faf-exp-content\">\r\n\r\n                    <span class=\"faf-exp-label\">\r\n                        WORKING TOGETHER\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Partnerships &amp; CSR\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Explore how organisations and\r\n                        partners can come together with\r\n                        FAF around meaningful social impact.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"faf-exp-action\">\r\n\r\n                        <span>\r\n                            EXPLORE\r\n                        <\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n            04 \u2014 MEDIA & PUBLICATIONS\r\n            ================================================== -->\r\n\r\n            <a href=\"\/media-publications\/\"\r\n               class=\"faf-exp-card faf-exp-reveal\">\r\n\r\n                <div class=\"faf-exp-visual\">\r\n\r\n                    <div class=\"faf-exp-visual-circle\"><\/div>\r\n                    <div class=\"faf-exp-visual-ring\"><\/div>\r\n                    <div class=\"faf-exp-visual-dot\"><\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/7.-Media-Publications.png\"\r\n                        alt=\"Media and Publications\">\r\n\r\n                    <span class=\"faf-exp-index\">\r\n                        04\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faf-exp-content\">\r\n\r\n                    <span class=\"faf-exp-label\">\r\n                        READ \u2022 WATCH \u2022 DISCOVER\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Media &amp; Publications\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Browse media coverage, publications\r\n                        and materials that document and\r\n                        share Food Aid Foundation's work.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"faf-exp-action\">\r\n\r\n                        <span>\r\n                            EXPLORE\r\n                        <\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n 01. SECTION BASE\r\n========================================================= *\/\r\n\r\n.faf-explore {\r\n\r\n    --blue:#223982;\r\n    --blue-dark:#172A70;\r\n    --blue-deep:#101E55;\r\n\r\n    --green:#249858;\r\n    --green-dark:#176F43;\r\n\r\n    --lime:#8DC63F;\r\n\r\n    --ink:#17231D;\r\n    --grey:#66736C;\r\n    --line:#E3E8E5;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100%;\r\n\r\n    padding:115px 0 125px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 8% 0%,\r\n            rgba(72,99,183,.25),\r\n            transparent 28%\r\n        ),\r\n        radial-gradient(\r\n            circle at 92% 92%,\r\n            rgba(141,198,63,.08),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            128deg,\r\n            #182B70 0%,\r\n            #223982 54%,\r\n            #29428D 100%\r\n        );\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-explore *,\r\n.faf-explore *::before,\r\n.faf-explore *::after {\r\n\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.faf-exp-container {\r\n\r\n    position:relative;\r\n    z-index:5;\r\n\r\n    width:calc(100% - 60px);\r\n    max-width:1320px;\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 02. BACKGROUND DETAILS\r\n========================================================= *\/\r\n\r\n.faf-exp-background-word {\r\n\r\n    position:absolute;\r\n\r\n    z-index:-1;\r\n\r\n    right:-30px;\r\n    bottom:-35px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(130px,18vw,280px);\r\n\r\n    line-height:.8;\r\n\r\n    letter-spacing:-13px;\r\n\r\n    font-weight:700;\r\n\r\n    color:\r\n        rgba(255,255,255,.035);\r\n\r\n    pointer-events:none;\r\n    user-select:none;\r\n}\r\n\r\n\r\n.faf-exp-decoration {\r\n\r\n    position:absolute;\r\n\r\n    z-index:-1;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    border-radius:50%;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.faf-exp-decoration-one {\r\n\r\n    width:480px;\r\n    height:480px;\r\n\r\n    top:-330px;\r\n    right:-190px;\r\n}\r\n\r\n\r\n.faf-exp-decoration-two {\r\n\r\n    width:620px;\r\n    height:620px;\r\n\r\n    bottom:-490px;\r\n    left:-320px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 03. HEADER\r\n========================================================= *\/\r\n\r\n.faf-exp-header {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr .55fr;\r\n\r\n    gap:100px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:65px;\r\n}\r\n\r\n\r\n.faf-exp-kicker {\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:13px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:10px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:2.3px;\r\n\r\n    color:#D9E1FF;\r\n}\r\n\r\n\r\n.faf-exp-kicker span {\r\n\r\n    width:35px;\r\n    height:3px;\r\n\r\n    flex:0 0 35px;\r\n\r\n    background:var(--lime);\r\n}\r\n\r\n\r\n.faf-exp-heading h2 {\r\n\r\n    margin:0;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(43px,4.5vw,66px);\r\n\r\n    line-height:1.04;\r\n\r\n    letter-spacing:-2.5px;\r\n\r\n    font-weight:500;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-exp-heading h2 strong {\r\n\r\n    font-weight:700;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.faf-exp-header-copy {\r\n\r\n    position:relative;\r\n\r\n    padding-left:25px;\r\n\r\n    border-left:\r\n        2px solid var(--lime);\r\n}\r\n\r\n\r\n.faf-exp-header-copy p {\r\n\r\n    max-width:450px;\r\n\r\n    margin:0;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:15px;\r\n    line-height:1.8;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 04. GRID\r\n========================================================= *\/\r\n\r\n.faf-exp-grid {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap:16px;\r\n\r\n    align-items:stretch;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 05. CARD\r\n========================================================= *\/\r\n\r\n.faf-exp-card {\r\n\r\n    position:relative;\r\n\r\n    min-width:0;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#fff;\r\n\r\n    color:var(--ink) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    box-shadow:\r\n        0 12px 32px\r\n        rgba(7,20,60,.15);\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .4s ease;\r\n}\r\n\r\n\r\n.faf-exp-card:hover {\r\n\r\n    transform:\r\n        translateY(-10px);\r\n\r\n    box-shadow:\r\n        0 30px 65px\r\n        rgba(7,20,60,.30);\r\n}\r\n\r\n\r\n\r\n\/* BOTTOM HOVER ACCENT *\/\r\n\r\n.faf-exp-card::after {\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    bottom:0;\r\n\r\n    width:0;\r\n    height:3px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--green),\r\n            var(--lime)\r\n        );\r\n\r\n    transition:\r\n        width .45s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.faf-exp-card:hover::after {\r\n\r\n    width:100%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 06. TOP ARTWORK AREA\r\n========================================================= *\/\r\n\r\n.faf-exp-visual {\r\n\r\n    position:relative;\r\n\r\n    height:225px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    overflow:hidden;\r\n\r\n    padding:32px 32px 27px;\r\n\r\n    \/*\r\n    Cleaner top colour.\r\n    Not strong blue.\r\n    Gives PNG artwork room to breathe.\r\n    *\/\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 82% 15%,\r\n            rgba(141,198,63,.11),\r\n            transparent 28%\r\n        ),\r\n        radial-gradient(\r\n            circle at 12% 90%,\r\n            rgba(36,152,88,.07),\r\n            transparent 31%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            #FBFCFB 0%,\r\n            #F2F7F4 100%\r\n        );\r\n\r\n    border-bottom:\r\n        1px solid #E5ECE8;\r\n}\r\n\r\n\r\n\r\n\/* LARGE SOFT CIRCLE *\/\r\n\r\n.faf-exp-visual-circle {\r\n\r\n    position:absolute;\r\n\r\n    z-index:0;\r\n\r\n    width:155px;\r\n    height:155px;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(36,152,88,.055);\r\n\r\n    transition:\r\n        transform .55s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        background .4s ease;\r\n}\r\n\r\n\r\n\r\n\/* THIN CIRCLE *\/\r\n\r\n.faf-exp-visual-ring {\r\n\r\n    position:absolute;\r\n\r\n    z-index:0;\r\n\r\n    width:185px;\r\n    height:185px;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,152,88,.08);\r\n\r\n    border-radius:50%;\r\n\r\n    transition:\r\n        transform .7s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        border-color .4s ease;\r\n}\r\n\r\n\r\n\r\n\/* SMALL LIME DETAIL *\/\r\n\r\n.faf-exp-visual-dot {\r\n\r\n    position:absolute;\r\n\r\n    z-index:1;\r\n\r\n    top:24px;\r\n    right:24px;\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--lime);\r\n\r\n    box-shadow:\r\n        0 0 0 7px\r\n        rgba(141,198,63,.09);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 07. ACTUAL PNG ICON \/ ARTWORK\r\n IMPORTANT \u2014 NO STRETCHING\r\n========================================================= *\/\r\n\r\n.faf-exp-visual img {\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:block;\r\n\r\n    \/*\r\n    DO NOT use width:100% or height:100%.\r\n    Keeps supplied artwork proportional.\r\n    *\/\r\n\r\n    width:auto;\r\n    height:auto;\r\n\r\n    max-width:68%;\r\n    max-height:145px;\r\n\r\n    object-fit:contain;\r\n    object-position:center;\r\n\r\n    filter:\r\n        saturate(1.03)\r\n        contrast(1.02);\r\n\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n\r\n    transition:\r\n        transform .55s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        filter .4s ease;\r\n}\r\n\r\n\r\n\r\n\/* ARTWORK HOVER *\/\r\n\r\n.faf-exp-card:hover\r\n.faf-exp-visual img {\r\n\r\n    transform:\r\n        translateY(-5px)\r\n        scale(1.04);\r\n\r\n    filter:\r\n        saturate(1.10)\r\n        contrast(1.04);\r\n}\r\n\r\n\r\n.faf-exp-card:hover\r\n.faf-exp-visual-circle {\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        scale(1.10);\r\n\r\n    background:\r\n        rgba(36,152,88,.085);\r\n}\r\n\r\n\r\n.faf-exp-card:hover\r\n.faf-exp-visual-ring {\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        scale(1.06);\r\n\r\n    border-color:\r\n        rgba(141,198,63,.22);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 08. INDEX NUMBER\r\n========================================================= *\/\r\n\r\n.faf-exp-index {\r\n\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    left:18px;\r\n    top:17px;\r\n\r\n    width:35px;\r\n    height:35px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(34,57,130,.10);\r\n\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n\r\n    color:var(--blue);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    box-shadow:\r\n        0 5px 15px\r\n        rgba(20,35,80,.07);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        transform .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n\r\n.faf-exp-card:hover\r\n.faf-exp-index {\r\n\r\n    background:var(--lime);\r\n\r\n    border-color:var(--lime);\r\n\r\n    color:var(--blue-dark);\r\n\r\n    transform:\r\n        rotate(-8deg);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 09. CONTENT\r\n========================================================= *\/\r\n\r\n.faf-exp-content {\r\n\r\n    position:relative;\r\n\r\n    flex:1;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    padding:\r\n        29px 25px 25px;\r\n}\r\n\r\n\r\n\r\n\/* GREEN TOP ACCENT *\/\r\n\r\n.faf-exp-content::before {\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:25px;\r\n\r\n    width:38px;\r\n    height:3px;\r\n\r\n    background:var(--green);\r\n\r\n    transition:\r\n        width .4s ease;\r\n}\r\n\r\n\r\n.faf-exp-card:hover\r\n.faf-exp-content::before {\r\n\r\n    width:\r\n        calc(100% - 50px);\r\n}\r\n\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.faf-exp-label {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:10px;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:8px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:1.7px;\r\n\r\n    color:var(--green);\r\n}\r\n\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.faf-exp-card h3 {\r\n\r\n    margin:\r\n        0 0 13px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:21px;\r\n    line-height:1.15;\r\n\r\n    letter-spacing:-.6px;\r\n\r\n    font-weight:700;\r\n\r\n    color:var(--blue-dark);\r\n}\r\n\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.faf-exp-card p {\r\n\r\n    margin:\r\n        0 0 24px;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:13px;\r\n    line-height:1.7;\r\n\r\n    color:var(--grey);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 10. EXPLORE BUTTON\r\n========================================================= *\/\r\n\r\n.faf-exp-action {\r\n\r\n    width:100%;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    margin-top:auto;\r\n\r\n    padding-top:17px;\r\n\r\n    border-top:\r\n        1px solid #E4E8EF;\r\n}\r\n\r\n\r\n.faf-exp-action span {\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:1.4px;\r\n\r\n    color:var(--blue);\r\n}\r\n\r\n\r\n.faf-exp-action b {\r\n\r\n    width:31px;\r\n    height:31px;\r\n\r\n    flex:0 0 31px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(34,57,130,.07);\r\n\r\n    color:var(--blue);\r\n\r\n    font-size:15px;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.faf-exp-card:hover\r\n.faf-exp-action b {\r\n\r\n    background:var(--green);\r\n\r\n    color:#fff;\r\n\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 11. SCROLL REVEAL\r\n========================================================= *\/\r\n\r\n.faf-exp-reveal {\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(26px);\r\n\r\n    transition:\r\n        opacity .75s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        transform .75s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.faf-exp-reveal.faf-exp-visible {\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\r\n\/* STAGGER CARDS *\/\r\n\r\n.faf-exp-grid\r\n.faf-exp-card:nth-child(1) {\r\n\r\n    transition-delay:0s;\r\n}\r\n\r\n\r\n.faf-exp-grid\r\n.faf-exp-card:nth-child(2) {\r\n\r\n    transition-delay:.07s;\r\n}\r\n\r\n\r\n.faf-exp-grid\r\n.faf-exp-card:nth-child(3) {\r\n\r\n    transition-delay:.14s;\r\n}\r\n\r\n\r\n.faf-exp-grid\r\n.faf-exp-card:nth-child(4) {\r\n\r\n    transition-delay:.21s;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 12. TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1050px) {\r\n\r\n    .faf-exp-container {\r\n\r\n        width:\r\n            calc(100% - 50px);\r\n    }\r\n\r\n\r\n    .faf-exp-header {\r\n\r\n        gap:60px;\r\n    }\r\n\r\n\r\n    .faf-exp-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap:18px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual {\r\n\r\n        height:250px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual img {\r\n\r\n        max-width:58%;\r\n        max-height:165px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual-circle {\r\n\r\n        width:175px;\r\n        height:175px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual-ring {\r\n\r\n        width:205px;\r\n        height:205px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 13. MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .faf-explore {\r\n\r\n        padding:\r\n            75px 0 80px;\r\n    }\r\n\r\n\r\n    .faf-exp-container {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .faf-exp-header {\r\n\r\n        display:block;\r\n\r\n        margin-bottom:40px;\r\n    }\r\n\r\n\r\n    .faf-exp-heading h2 {\r\n\r\n        font-size:40px;\r\n\r\n        line-height:1.07;\r\n\r\n        letter-spacing:-1.6px;\r\n    }\r\n\r\n\r\n    .faf-exp-header-copy {\r\n\r\n        margin-top:28px;\r\n\r\n        padding:\r\n            0 0 0 18px;\r\n    }\r\n\r\n\r\n    .faf-exp-header-copy p {\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    \/* GRID *\/\r\n\r\n    .faf-exp-grid {\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n    }\r\n\r\n\r\n    \/* VISUAL *\/\r\n\r\n    .faf-exp-visual {\r\n\r\n        height:235px;\r\n\r\n        padding:30px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual img {\r\n\r\n        max-width:58%;\r\n        max-height:155px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual-circle {\r\n\r\n        width:165px;\r\n        height:165px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual-ring {\r\n\r\n        width:195px;\r\n        height:195px;\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .faf-exp-content {\r\n\r\n        padding:\r\n            27px 23px 23px;\r\n    }\r\n\r\n\r\n    .faf-exp-content::before {\r\n\r\n        left:23px;\r\n    }\r\n\r\n\r\n    .faf-exp-card:hover\r\n    .faf-exp-content::before {\r\n\r\n        width:\r\n            calc(100% - 46px);\r\n    }\r\n\r\n\r\n    .faf-exp-card h3 {\r\n\r\n        font-size:22px;\r\n    }\r\n\r\n\r\n    \/* BACKGROUND WORD *\/\r\n\r\n    .faf-exp-background-word {\r\n\r\n        right:-10px;\r\n        bottom:-5px;\r\n\r\n        font-size:100px;\r\n\r\n        letter-spacing:-6px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 14. SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:420px) {\r\n\r\n    .faf-exp-heading h2 {\r\n\r\n        font-size:36px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual {\r\n\r\n        height:215px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual img {\r\n\r\n        max-width:62%;\r\n        max-height:140px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual-circle {\r\n\r\n        width:150px;\r\n        height:150px;\r\n    }\r\n\r\n\r\n    .faf-exp-visual-ring {\r\n\r\n        width:178px;\r\n        height:178px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 15. REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n    .faf-exp-reveal {\r\n\r\n        opacity:1;\r\n\r\n        transform:none;\r\n\r\n        transition:none;\r\n    }\r\n\r\n\r\n    .faf-exp-card,\r\n    .faf-exp-visual img,\r\n    .faf-exp-visual-circle,\r\n    .faf-exp-visual-ring {\r\n\r\n        transition:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n FOOD AID FOUNDATION\r\n EXPLORE SECTION \u2014 SCROLL ANIMATION\r\n========================================================= *\/\r\n\r\n(function () {\r\n\r\n    const section =\r\n        document.querySelector(\r\n            \".faf-explore\"\r\n        );\r\n\r\n\r\n    if (!section) {\r\n        return;\r\n    }\r\n\r\n\r\n    const items =\r\n        section.querySelectorAll(\r\n            \".faf-exp-reveal\"\r\n        );\r\n\r\n\r\n    \/* FALLBACK *\/\r\n\r\n    if (!(\"IntersectionObserver\" in window)) {\r\n\r\n        items.forEach(function (item) {\r\n\r\n            item.classList.add(\r\n                \"faf-exp-visible\"\r\n            );\r\n\r\n        });\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    \/* OBSERVER *\/\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function (entries) {\r\n\r\n                entries.forEach(\r\n                    function (entry) {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            entry.target\r\n                                .classList\r\n                                .add(\r\n                                    \"faf-exp-visible\"\r\n                                );\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            },\r\n\r\n            {\r\n                threshold: 0.10,\r\n\r\n                rootMargin:\r\n                    \"0px 0px -35px 0px\"\r\n            }\r\n\r\n        );\r\n\r\n\r\n    items.forEach(function (item) {\r\n\r\n        observer.observe(item);\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9ed922 e-con-full e-flex e-con e-parent\" data-id=\"b9ed922\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-336241d elementor-widget elementor-widget-html\" data-id=\"336241d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n FOOD AID FOUNDATION\r\n HOMEPAGE \u2014 GALLERY\r\n COMPLETE ELEMENTOR HTML WIDGET\r\n 8 UNIQUE GALLERY COVERS\r\n========================================================= -->\r\n\r\n<section class=\"faf-gallery\">\r\n\r\n    <!-- BACKGROUND DECORATION -->\r\n    <div class=\"faf-gallery-circle faf-gallery-circle-one\"><\/div>\r\n    <div class=\"faf-gallery-circle faf-gallery-circle-two\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n    HEADER\r\n    ====================================================== -->\r\n\r\n    <div class=\"faf-gallery-container\">\r\n\r\n        <div class=\"faf-gallery-header\">\r\n\r\n            <div class=\"faf-gallery-heading faf-gallery-reveal\">\r\n\r\n                <div class=\"faf-gallery-kicker\">\r\n                    <span><\/span>\r\n                    THROUGH OUR LENS\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Moments That<br>\r\n                    <strong>Tell Our Story.<\/strong>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faf-gallery-intro faf-gallery-reveal\">\r\n\r\n                <p>\r\n                    Explore moments from Food Aid Foundation's\r\n                    journey, from our beginnings and operations\r\n                    to volunteerism, partnerships, empowerment\r\n                    and the communities we reach.\r\n                <\/p>\r\n\r\n                <div class=\"faf-gallery-intro-line\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n    SCROLLING GALLERY\r\n    ====================================================== -->\r\n\r\n    <div class=\"faf-gallery-marquee-wrap faf-gallery-reveal\">\r\n\r\n\r\n        <!-- =================================================\r\n        ROW 1 \u2014 SCROLL LEFT\r\n        01 TO 04\r\n        ================================================== -->\r\n\r\n        <div class=\"faf-gallery-row faf-gallery-row-left\">\r\n\r\n            <div class=\"faf-gallery-track\">\r\n\r\n\r\n                <!-- ==============================\r\n                ORIGINAL SET\r\n                =============================== -->\r\n\r\n\r\n                <!-- 01 HUMBLE BEGINNINGS -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/2-Humble-Beginning-Cover.png\"\r\n                            alt=\"Humble Beginnings\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>01<\/span>\r\n\r\n                        <h3>\r\n                            Humble Beginnings\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 02 OPERATIONS -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/3-Operation-Cover.png\"\r\n                            alt=\"Operations\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>02<\/span>\r\n\r\n                        <h3>\r\n                            Operations\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 03 CORPORATE SOCIAL RESPONSIBILITIES -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/4-Corporate-Social-Responsibilities-Cover.png\"\r\n                            alt=\"Corporate Social Responsibilities\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>03<\/span>\r\n\r\n                        <h3>\r\n                            Corporate Social Responsibilities\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 04 EMPOWERMENT -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/5-Empowerment-Cover.png\"\r\n                            alt=\"Empowerment\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>04<\/span>\r\n\r\n                        <h3>\r\n                            Empowerment\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- ==============================\r\n                DUPLICATE SET\r\n                REQUIRED FOR SEAMLESS LOOP\r\n                =============================== -->\r\n\r\n\r\n                <!-- 01 DUPLICATE -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\"\r\n                   aria-hidden=\"true\"\r\n                   tabindex=\"-1\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/2-Humble-Beginning-Cover.png\"\r\n                            alt=\"\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>01<\/span>\r\n\r\n                        <h3>\r\n                            Humble Beginnings\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 02 DUPLICATE -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\"\r\n                   aria-hidden=\"true\"\r\n                   tabindex=\"-1\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/3-Operation-Cover.png\"\r\n                            alt=\"\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>02<\/span>\r\n\r\n                        <h3>\r\n                            Operations\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 03 DUPLICATE -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\"\r\n                   aria-hidden=\"true\"\r\n                   tabindex=\"-1\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/4-Corporate-Social-Responsibilities-Cover.png\"\r\n                            alt=\"\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>03<\/span>\r\n\r\n                        <h3>\r\n                            Corporate Social Responsibilities\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 04 DUPLICATE -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\"\r\n                   aria-hidden=\"true\"\r\n                   tabindex=\"-1\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/5-Empowerment-Cover.png\"\r\n                            alt=\"\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>04<\/span>\r\n\r\n                        <h3>\r\n                            Empowerment\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n        ROW 2 \u2014 SCROLL RIGHT\r\n        05 TO 08\r\n        ================================================== -->\r\n\r\n        <div class=\"faf-gallery-row faf-gallery-row-right\">\r\n\r\n            <div class=\"faf-gallery-track\">\r\n\r\n\r\n                <!-- ==============================\r\n                ORIGINAL SET\r\n                =============================== -->\r\n\r\n\r\n                <!-- 05 VOLUNTEERISM -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/6-Volunteerism-Cover.png\"\r\n                            alt=\"Volunteerism\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>05<\/span>\r\n\r\n                        <h3>\r\n                            Volunteerism\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 06 TRANSPARENCY & ACCOUNTABILITY -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/7-Transparency-and-Accountability-Cover.png\"\r\n                            alt=\"Transparency and Accountability\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>06<\/span>\r\n\r\n                        <h3>\r\n                            Transparency &amp; Accountability\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 07 GROWTH & REACH -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/8-Growth-and-Reach-Cover.png\"\r\n                            alt=\"Growth and Reach\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>07<\/span>\r\n\r\n                        <h3>\r\n                            Growth &amp; Reach\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 08 HUMANITARIAN AID -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/9-Humanitarian-Aid-Cover.png\"\r\n                            alt=\"Humanitarian Aid\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>08<\/span>\r\n\r\n                        <h3>\r\n                            Humanitarian Aid\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- ==============================\r\n                DUPLICATE SET\r\n                REQUIRED FOR SEAMLESS LOOP\r\n                =============================== -->\r\n\r\n\r\n                <!-- 05 DUPLICATE -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\"\r\n                   aria-hidden=\"true\"\r\n                   tabindex=\"-1\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/6-Volunteerism-Cover.png\"\r\n                            alt=\"\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>05<\/span>\r\n\r\n                        <h3>\r\n                            Volunteerism\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 06 DUPLICATE -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\"\r\n                   aria-hidden=\"true\"\r\n                   tabindex=\"-1\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/7-Transparency-and-Accountability-Cover.png\"\r\n                            alt=\"\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>06<\/span>\r\n\r\n                        <h3>\r\n                            Transparency &amp; Accountability\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 07 DUPLICATE -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\"\r\n                   aria-hidden=\"true\"\r\n                   tabindex=\"-1\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/8-Growth-and-Reach-Cover.png\"\r\n                            alt=\"\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>07<\/span>\r\n\r\n                        <h3>\r\n                            Growth &amp; Reach\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- 08 DUPLICATE -->\r\n\r\n                <a href=\"#\"\r\n                   class=\"faf-gallery-item\"\r\n                   aria-hidden=\"true\"\r\n                   tabindex=\"-1\">\r\n\r\n                    <div class=\"faf-gallery-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/9-Humanitarian-Aid-Cover.png\"\r\n                            alt=\"\">\r\n\r\n                        <div class=\"faf-gallery-image-overlay\"><\/div>\r\n\r\n                        <div class=\"faf-gallery-view\">\r\n                            <span>VIEW<\/span>\r\n                            <b>\u2197<\/b>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"faf-gallery-caption\">\r\n\r\n                        <span>08<\/span>\r\n\r\n                        <h3>\r\n                            Humanitarian Aid\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n    BOTTOM CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"faf-gallery-container\">\r\n\r\n        <div class=\"faf-gallery-bottom faf-gallery-reveal\">\r\n\r\n            <div class=\"faf-gallery-bottom-line\"><\/div>\r\n\r\n            <a href=\"\/gallery\/\"\r\n               class=\"faf-gallery-main-link\">\r\n\r\n                <span>\r\n                    EXPLORE THE FULL GALLERY\r\n                <\/span>\r\n\r\n                <b>\u2192<\/b>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n 01. BASE\r\n========================================================= *\/\r\n\r\n.faf-gallery {\r\n\r\n    --green:#249858;\r\n    --green-dark:#176F43;\r\n    --green-deep:#105A37;\r\n\r\n    --lime:#8DC63F;\r\n\r\n    --blue:#223982;\r\n    --blue-dark:#172A70;\r\n\r\n    --ink:#17231D;\r\n    --grey:#66736C;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n\r\n    width:100%;\r\n\r\n    padding:115px 0 105px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 10%,\r\n            rgba(141,198,63,.10),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #F7F9F6 0%,\r\n            #FFFFFF 55%,\r\n            #F5F8F5 100%\r\n        );\r\n\r\n    color:var(--ink);\r\n}\r\n\r\n\r\n.faf-gallery *,\r\n.faf-gallery *::before,\r\n.faf-gallery *::after {\r\n\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.faf-gallery-container {\r\n\r\n    position:relative;\r\n\r\n    z-index:4;\r\n\r\n    width:calc(100% - 60px);\r\n    max-width:1320px;\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 02. BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.faf-gallery-circle {\r\n\r\n    position:absolute;\r\n\r\n    z-index:-1;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,152,88,.08);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.faf-gallery-circle-one {\r\n\r\n    width:450px;\r\n    height:450px;\r\n\r\n    right:-290px;\r\n    top:-220px;\r\n}\r\n\r\n\r\n.faf-gallery-circle-two {\r\n\r\n    width:580px;\r\n    height:580px;\r\n\r\n    left:-400px;\r\n    bottom:-390px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 03. HEADER\r\n========================================================= *\/\r\n\r\n.faf-gallery-header {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr .55fr;\r\n\r\n    gap:100px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:65px;\r\n}\r\n\r\n\r\n.faf-gallery-kicker {\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:13px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:10px;\r\n    font-weight:500;\r\n\r\n    letter-spacing:2.3px;\r\n\r\n    color:var(--green);\r\n}\r\n\r\n\r\n.faf-gallery-kicker span {\r\n\r\n    width:35px;\r\n    height:3px;\r\n\r\n    flex:0 0 35px;\r\n\r\n    background:var(--lime);\r\n}\r\n\r\n\r\n.faf-gallery-heading h2 {\r\n\r\n    margin:0;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(43px,4.5vw,66px);\r\n\r\n    line-height:1.04;\r\n\r\n    letter-spacing:-2.5px;\r\n\r\n    font-weight:500;\r\n\r\n    color:var(--blue-dark);\r\n}\r\n\r\n\r\n.faf-gallery-heading h2 strong {\r\n\r\n    font-weight:700;\r\n\r\n    color:var(--green);\r\n}\r\n\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.faf-gallery-intro p {\r\n\r\n    max-width:470px;\r\n\r\n    margin:0;\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:15px;\r\n    line-height:1.8;\r\n\r\n    color:var(--grey);\r\n}\r\n\r\n\r\n.faf-gallery-intro-line {\r\n\r\n    width:65px;\r\n    height:3px;\r\n\r\n    margin-top:25px;\r\n\r\n    background:var(--green);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 04. MARQUEE\r\n========================================================= *\/\r\n\r\n.faf-gallery-marquee-wrap {\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\r\n\/* EDGE FADE *\/\r\n\r\n.faf-gallery-marquee-wrap::before,\r\n.faf-gallery-marquee-wrap::after {\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:10;\r\n\r\n    top:0;\r\n    bottom:0;\r\n\r\n    width:75px;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.faf-gallery-marquee-wrap::before {\r\n\r\n    left:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #F8FAF8,\r\n            rgba(248,250,248,0)\r\n        );\r\n}\r\n\r\n\r\n.faf-gallery-marquee-wrap::after {\r\n\r\n    right:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            270deg,\r\n            #F8FAF8,\r\n            rgba(248,250,248,0)\r\n        );\r\n}\r\n\r\n\r\n\r\n\/* ROW *\/\r\n\r\n.faf-gallery-row {\r\n\r\n    width:100%;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n.faf-gallery-row +\r\n.faf-gallery-row {\r\n\r\n    margin-top:38px;\r\n}\r\n\r\n\r\n\r\n\/* TRACK *\/\r\n\r\n.faf-gallery-track {\r\n\r\n    display:flex;\r\n\r\n    width:max-content;\r\n\r\n    gap:24px;\r\n\r\n    padding:0 12px;\r\n\r\n    will-change:transform;\r\n}\r\n\r\n\r\n\r\n\/* FIRST ROW LEFT *\/\r\n\r\n.faf-gallery-row-left\r\n.faf-gallery-track {\r\n\r\n    animation:\r\n        fafGalleryLeft\r\n        34s linear infinite;\r\n}\r\n\r\n\r\n\r\n\/* SECOND ROW RIGHT *\/\r\n\r\n.faf-gallery-row-right\r\n.faf-gallery-track {\r\n\r\n    animation:\r\n        fafGalleryRight\r\n        34s linear infinite;\r\n}\r\n\r\n\r\n\r\n\/* PAUSE ON HOVER *\/\r\n\r\n.faf-gallery-row:hover\r\n.faf-gallery-track {\r\n\r\n    animation-play-state:paused;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 05. GALLERY ITEM\r\n========================================================= *\/\r\n\r\n.faf-gallery-item {\r\n\r\n    width:\r\n        clamp(270px,23vw,390px);\r\n\r\n    flex:\r\n        0 0\r\n        clamp(270px,23vw,390px);\r\n\r\n    display:block;\r\n\r\n    color:inherit !important;\r\n\r\n    text-decoration:none !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 06. IMAGE\r\n========================================================= *\/\r\n\r\n.faf-gallery-image {\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    aspect-ratio:1.38 \/ 1;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#E8EEE9;\r\n\r\n    box-shadow:\r\n        0 8px 25px\r\n        rgba(23,60,39,.08);\r\n\r\n    transition:\r\n        transform .4s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .4s ease;\r\n}\r\n\r\n\r\n.faf-gallery-image img {\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    display:block;\r\n\r\n    object-fit:cover;\r\n\r\n    transform:scale(1.01);\r\n\r\n    filter:\r\n        saturate(.96)\r\n        contrast(1.02);\r\n\r\n    transition:\r\n        transform .75s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n\r\n\r\n\/* IMAGE OVERLAY *\/\r\n\r\n.faf-gallery-image-overlay {\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(36,152,88,0) 45%,\r\n            rgba(16,90,55,.10) 100%\r\n        );\r\n\r\n    transition:\r\n        background .4s ease;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 07. VIEW BUTTON\r\n========================================================= *\/\r\n\r\n.faf-gallery-view {\r\n\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    right:18px;\r\n    bottom:18px;\r\n\r\n    height:42px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    padding:0 14px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:\r\n        rgba(255,255,255,.95);\r\n\r\n    color:var(--green);\r\n\r\n    box-shadow:\r\n        0 6px 20px\r\n        rgba(0,0,0,.10);\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(8px);\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.faf-gallery-view span {\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:8px;\r\n    font-weight:600;\r\n\r\n    letter-spacing:1.3px;\r\n}\r\n\r\n\r\n.faf-gallery-view b {\r\n\r\n    font-size:15px;\r\n    font-weight:400;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 08. HOVER\r\n========================================================= *\/\r\n\r\n.faf-gallery-item:hover\r\n.faf-gallery-image {\r\n\r\n    transform:\r\n        translateY(-5px);\r\n\r\n    box-shadow:\r\n        0 20px 40px\r\n        rgba(23,60,39,.16);\r\n}\r\n\r\n\r\n.faf-gallery-item:hover\r\n.faf-gallery-image img {\r\n\r\n    transform:\r\n        scale(1.055);\r\n\r\n    filter:\r\n        saturate(1.07)\r\n        contrast(1.03);\r\n}\r\n\r\n\r\n.faf-gallery-item:hover\r\n.faf-gallery-image-overlay {\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(36,152,88,.01) 30%,\r\n            rgba(23,111,67,.24) 100%\r\n        );\r\n}\r\n\r\n\r\n.faf-gallery-item:hover\r\n.faf-gallery-view {\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 09. CAPTION\r\n========================================================= *\/\r\n\r\n.faf-gallery-caption {\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:13px;\r\n\r\n    padding:\r\n        16px 3px 0;\r\n}\r\n\r\n\r\n.faf-gallery-caption > span {\r\n\r\n    margin-top:4px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:8px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:1px;\r\n\r\n    color:var(--lime);\r\n}\r\n\r\n\r\n.faf-gallery-caption h3 {\r\n\r\n    margin:0;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(15px,1.25vw,18px);\r\n\r\n    line-height:1.25;\r\n\r\n    letter-spacing:-.3px;\r\n\r\n    font-weight:600;\r\n\r\n    color:var(--blue-dark);\r\n\r\n    transition:\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.faf-gallery-item:hover\r\n.faf-gallery-caption h3 {\r\n\r\n    color:var(--green);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 10. SCROLL ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes fafGalleryLeft {\r\n\r\n    from {\r\n\r\n        transform:\r\n            translateX(0);\r\n    }\r\n\r\n    to {\r\n\r\n        transform:\r\n            translateX(\r\n                calc(-50% - 12px)\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes fafGalleryRight {\r\n\r\n    from {\r\n\r\n        transform:\r\n            translateX(\r\n                calc(-50% - 12px)\r\n            );\r\n    }\r\n\r\n    to {\r\n\r\n        transform:\r\n            translateX(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 11. BOTTOM CTA\r\n========================================================= *\/\r\n\r\n.faf-gallery-bottom {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:28px;\r\n\r\n    margin-top:62px;\r\n}\r\n\r\n\r\n.faf-gallery-bottom-line {\r\n\r\n    height:1px;\r\n\r\n    flex:1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(36,152,88,.06),\r\n            rgba(36,152,88,.25)\r\n        );\r\n}\r\n\r\n\r\n.faf-gallery-main-link {\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n\r\n    color:var(--blue) !important;\r\n\r\n    text-decoration:none !important;\r\n}\r\n\r\n\r\n.faf-gallery-main-link span {\r\n\r\n    font-family:\r\n        \"Roboto\",\r\n        sans-serif;\r\n\r\n    font-size:9px;\r\n    font-weight:600;\r\n\r\n    letter-spacing:1.6px;\r\n}\r\n\r\n\r\n.faf-gallery-main-link b {\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--green);\r\n\r\n    color:#fff;\r\n\r\n    font-size:17px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.faf-gallery-main-link:hover b {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n    background:var(--blue);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 12. REVEAL ANIMATION\r\n========================================================= *\/\r\n\r\n.faf-gallery-reveal {\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(25px);\r\n\r\n    transition:\r\n        opacity .75s\r\n        cubic-bezier(.2,.7,.2,1),\r\n        transform .75s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.faf-gallery-reveal.faf-gallery-visible {\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 13. TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1050px) {\r\n\r\n    .faf-gallery-container {\r\n\r\n        width:\r\n            calc(100% - 50px);\r\n    }\r\n\r\n\r\n    .faf-gallery-header {\r\n\r\n        gap:60px;\r\n    }\r\n\r\n\r\n    .faf-gallery-item {\r\n\r\n        width:330px;\r\n\r\n        flex-basis:330px;\r\n    }\r\n\r\n\r\n    .faf-gallery-marquee-wrap::before,\r\n    .faf-gallery-marquee-wrap::after {\r\n\r\n        width:45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 14. MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    .faf-gallery {\r\n\r\n        padding:\r\n            75px 0 75px;\r\n    }\r\n\r\n\r\n    .faf-gallery-container {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .faf-gallery-header {\r\n\r\n        display:block;\r\n\r\n        margin-bottom:42px;\r\n    }\r\n\r\n\r\n    .faf-gallery-heading h2 {\r\n\r\n        font-size:40px;\r\n\r\n        line-height:1.07;\r\n\r\n        letter-spacing:-1.6px;\r\n    }\r\n\r\n\r\n    .faf-gallery-intro {\r\n\r\n        margin-top:26px;\r\n    }\r\n\r\n\r\n    .faf-gallery-intro p {\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    \/* GALLERY ITEMS *\/\r\n\r\n    .faf-gallery-item {\r\n\r\n        width:275px;\r\n\r\n        flex-basis:275px;\r\n    }\r\n\r\n\r\n    .faf-gallery-track {\r\n\r\n        gap:16px;\r\n\r\n        padding:0 8px;\r\n    }\r\n\r\n\r\n    .faf-gallery-row +\r\n    .faf-gallery-row {\r\n\r\n        margin-top:30px;\r\n    }\r\n\r\n\r\n    \/* SLIGHTLY FASTER MOBILE *\/\r\n\r\n    .faf-gallery-row-left\r\n    .faf-gallery-track {\r\n\r\n        animation-duration:27s;\r\n    }\r\n\r\n\r\n    .faf-gallery-row-right\r\n    .faf-gallery-track {\r\n\r\n        animation-duration:27s;\r\n    }\r\n\r\n\r\n    \/* EDGE FADE *\/\r\n\r\n    .faf-gallery-marquee-wrap::before,\r\n    .faf-gallery-marquee-wrap::after {\r\n\r\n        width:20px;\r\n    }\r\n\r\n\r\n    \/* MOBILE VIEW BUTTON *\/\r\n\r\n    .faf-gallery-view {\r\n\r\n        width:35px;\r\n        height:35px;\r\n\r\n        right:12px;\r\n        bottom:12px;\r\n\r\n        justify-content:center;\r\n\r\n        padding:0;\r\n\r\n        opacity:1;\r\n\r\n        transform:none;\r\n    }\r\n\r\n\r\n    .faf-gallery-view span {\r\n\r\n        display:none;\r\n    }\r\n\r\n\r\n    \/* CAPTION *\/\r\n\r\n    .faf-gallery-caption {\r\n\r\n        padding-top:13px;\r\n    }\r\n\r\n\r\n    .faf-gallery-caption h3 {\r\n\r\n        font-size:15px;\r\n    }\r\n\r\n\r\n    \/* BOTTOM CTA *\/\r\n\r\n    .faf-gallery-bottom {\r\n\r\n        margin-top:45px;\r\n\r\n        gap:18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 15. SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:420px) {\r\n\r\n    .faf-gallery-heading h2 {\r\n\r\n        font-size:36px;\r\n    }\r\n\r\n\r\n    .faf-gallery-item {\r\n\r\n        width:255px;\r\n\r\n        flex-basis:255px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n 16. REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n    .faf-gallery-track {\r\n\r\n        animation-play-state:paused !important;\r\n    }\r\n\r\n\r\n    .faf-gallery-reveal {\r\n\r\n        opacity:1;\r\n\r\n        transform:none;\r\n\r\n        transition:none;\r\n    }\r\n\r\n\r\n    .faf-gallery-image,\r\n    .faf-gallery-image img {\r\n\r\n        transition:none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n FOOD AID FOUNDATION\r\n GALLERY \u2014 SCROLL REVEAL\r\n========================================================= *\/\r\n\r\n(function () {\r\n\r\n    const section =\r\n        document.querySelector(\r\n            \".faf-gallery\"\r\n        );\r\n\r\n\r\n    if (!section) {\r\n        return;\r\n    }\r\n\r\n\r\n    const items =\r\n        section.querySelectorAll(\r\n            \".faf-gallery-reveal\"\r\n        );\r\n\r\n\r\n    \/* FALLBACK *\/\r\n\r\n    if (!(\"IntersectionObserver\" in window)) {\r\n\r\n        items.forEach(function (item) {\r\n\r\n            item.classList.add(\r\n                \"faf-gallery-visible\"\r\n            );\r\n\r\n        });\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    \/* OBSERVER *\/\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function (entries) {\r\n\r\n                entries.forEach(\r\n                    function (entry) {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            entry.target\r\n                                .classList\r\n                                .add(\r\n                                    \"faf-gallery-visible\"\r\n                                );\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            },\r\n\r\n            {\r\n                threshold:0.10,\r\n\r\n                rootMargin:\r\n                    \"0px 0px -35px 0px\"\r\n            }\r\n\r\n        );\r\n\r\n\r\n    items.forEach(function (item) {\r\n\r\n        observer.observe(item);\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>No One Should Go Hungry. Foodbanking for the Needy BE PART OF THE CHANGE Four Ways toMake a Difference. Whether you give, volunteer, contribute food or partner with us, every action helps Food Aid Foundation bring essential food support to communities in need. 01 \u2197 Donate Your contribution helps us provide food assistance to individuals [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":40,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/13\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}