.vector-pair-icon,
.vector-pair-icon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
}
.vector-pair-icon1 {
  z-index: 1;
}
.depth-8-frame-038 {
  position: absolute;
  top: -1110.5px;
  left: -2059px;
  width: 15.5px;
  height: 15.5px;
  display: none;
}
.depth-6-frame-039 {
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.depth-6-frame-0-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-base) 0 0;
}
.food-share2 {
  position: relative;
  letter-spacing: -0.27px;
  line-height: 22.5px;
  white-space: nowrap;
}
.frame-food-share {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8.799999999999955px 0 0;
}
.donors2 {
  position: relative;
  line-height: 21px;
  font-weight: 500;
}
.depth-5-frame-019,
.depth-6-frame-040 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-6-frame-040 {
  align-self: stretch;
}
.depth-5-frame-019 {
  width: 60px;
}
.recipients2 {
  position: relative;
  line-height: 21px;
  font-weight: 500;
}
.depth-5-frame-14,
.depth-6-frame-041 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-6-frame-041 {
  align-self: stretch;
}
.depth-5-frame-14 {
  width: 85.6px;
}
.food-banks2 {
  position: relative;
  line-height: 21px;
  font-weight: 500;
  white-space: nowrap;
}
.depth-5-frame-22,
.depth-6-frame-042 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.volunteers2 {
  position: relative;
  line-height: 21px;
  font-weight: 500;
  white-space: nowrap;
}
.depth-5-frame-32,
.depth-6-frame-043 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.resource2 {
  position: relative;
  line-height: 21px;
  font-weight: 500;
  white-space: nowrap;
}
.depth-5-frame-42,
.depth-6-frame-044 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-5-frame-42 {
  width: 24.8px;
}
.depth-4-frame-02,
.sign-up2 {
  font-size: var(--font-size-sm);
  font-family: var(--font-epilogue);
  text-align: left;
}
.depth-4-frame-02 {
  margin: 0;
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--padding-9xl) 0 0;
  box-sizing: border-box;
  max-width: 100%;
  gap: var(--gap-xl);
  color: var(--color-gray);
}
.sign-up2 {
  position: relative;
  letter-spacing: 0.21px;
  line-height: 21px;
  color: var(--color-snow);
  white-space: nowrap;
}
.depth-7-frame-031 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-5-frame-020,
.depth-6-frame-045 {
  background-color: var(--color-orangered);
  overflow: hidden;
  display: flex;
}
.depth-6-frame-045 {
  cursor: pointer;
  border: 0;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-5-frame-020 {
  align-self: stretch;
  border-radius: var(--br-xs);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-base);
}
.log-in2 {
  position: relative;
  font-size: var(--font-size-sm);
  letter-spacing: 0.21px;
  line-height: 21px;
  font-family: var(--font-epilogue);
  color: var(--color-gray);
  text-align: left;
  white-space: nowrap;
}
.depth-7-frame-032 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-5-frame-15,
.depth-6-frame-046 {
  background-color: var(--color-lavenderblush);
  overflow: hidden;
  display: flex;
}
.depth-6-frame-046 {
  cursor: pointer;
  border: 0;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-5-frame-15 {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-xs);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-base);
}
.depth-2-frame-02,
.depth-3-frame-12,
.depth-4-frame-13 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.depth-4-frame-13 {
  width: 178px;
  justify-content: flex-start;
  gap: 0 8px;
}
.depth-2-frame-02,
.depth-3-frame-12 {
  box-sizing: border-box;
  max-width: 100%;
}
.depth-3-frame-12 {
  flex: 1;
  justify-content: flex-end;
  padding: 0 0 0 var(--padding-344xl);
  gap: 0 32px;
}
.depth-2-frame-02 {
   height: 65px;
    background-color: #fcf7f7;
    border-bottom: 1px solid var(--color-gainsboro);
    justify-content: flex-start;
    padding: var(--padding-smi-5) var(--padding-21xl);
    top: 0;
    z-index: 99;
    /* position: sticky; */
    text-align: left;
    font-size: var(--font-size-lg);
    color: var(--color-gray);
    font-family: var(--font-epilogue);
}
.resource-centre {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.8px;
  line-height: 40px;
  font-weight: 700;
  font-family: inherit;
}
.depth-6-frame-047,
.depth-7-frame-033 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-5-frame-021,
.search-tip-frame {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.depth-5-frame-021 {
  flex: 1;
  flex-direction: column;
}
.search-tip-frame {
  width: 439.5px;
  flex-direction: row;
  padding: 0 32px;
  box-sizing: border-box;
}
.vector-0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}
.depth-8-frame-039 {
  position: absolute;
  top: -1251px;
  left: -2195px;
  width: 19px;
  height: 20px;
}
.depth-7-frame-034 {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.depth-6-frame-048,
.depth-6-frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-6-frame-19 {
  width: calc(100% - 56px);
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 24px;
  flex: 1;
  font-family: var(--font-epilogue);
  font-size: var(--font-size-base);
  color: var(--color-sienna);
  min-width: 300px;
  max-width: 100%;
}
.depth-4-frame-14,
.depth-5-frame-022 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.depth-5-frame-022 {
  flex: 1;
  border-radius: var(--br-xs);
  background-color: var(--color-lavenderblush);
  flex-wrap: wrap;
  align-items: center;
  padding: var(--padding-xs) var(--padding-base);
  gap: 0 12px;
}
.depth-4-frame-14 {
  align-self: stretch;
  align-items: flex-start;
  padding: var(--padding-xs) var(--padding-base) var(--padding-9xl);
  z-index: 1;
}
.depth-9-frame-039 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.depth-8-frame-040 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.how-to-reduce {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.depth-9-frame-040 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.article {
  align-self: stretch;
  position: relative;
  line-height: 21px;
}
.depth-9-frame-18 {
  align-self: stretch;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--color-sienna);
}
.depth-7-frame-035,
.depth-8-frame-110,
.depth-9-frame-18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-8-frame-110 {
  align-self: stretch;
  height: 79px;
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
}
.depth-7-frame-035 {
  height: 259.5px;
  gap: 12px 0;
}
.depth-9-frame-041 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.depth-8-frame-041 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.the-growing-problem {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.depth-9-frame-042 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.article1 {
  align-self: stretch;
  position: relative;
  line-height: 21px;
}
.depth-9-frame-19 {
  align-self: stretch;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--color-sienna);
}
.depth-7-frame-111,
.depth-8-frame-111,
.depth-9-frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-8-frame-111 {
  align-self: stretch;
  height: 79px;
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
}
.depth-7-frame-111 {
  height: 259.5px;
  gap: 12px 0;
}
.depth-9-frame-043 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.depth-8-frame-042 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.government-initiatives-for {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.depth-9-frame-044 {
  align-self: stretch;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-9-frame-110 {
  align-self: stretch;
  flex: 1;
}
.article2 {
  align-self: stretch;
  position: absolute;
  margin: 0 !important;
  top: 45.5px;
  left: 0;
  font-size: var(--font-size-sm);
  line-height: 21px;
  color: var(--color-sienna);
  z-index: 1;
}
.depth-8-frame-112 {
  align-self: stretch;
  height: 79px;
  display: flex;
  flex-direction: column;
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
  position: relative;
}
.depth-6-frame-110,
.depth-7-frame-27,
.depth-8-frame-112 {
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-7-frame-27 {
  height: 259.5px;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.depth-6-frame-110 {
  width: 944px;
  display: grid;
  flex-direction: row;
  padding: 0 15px 18.5px 0;
  box-sizing: border-box;
  gap: 0 12.2px;
  max-width: 100%;
  grid-template-columns: repeat(3, minmax(226px, 1fr));
  margin-top: -5px;
}
.search-frame-articles,
.search-tip-frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  max-width: 100%;
  font-size: var(--font-size-base);
}
.search-tip-frame-parent {
  align-items: flex-start;
  text-align: left;
  font-size: var(--font-size-13xl);
  color: var(--color-gray);
  font-family: var(--font-epilogue);
}
.depth-9-frame-045 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.depth-8-frame-043 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.how-can-you {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.depth-9-frame-046 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.guide {
  align-self: stretch;
  position: relative;
  line-height: 21px;
}
.depth-9-frame-111 {
  align-self: stretch;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--color-sienna);
}
.depth-7-frame-036,
.depth-8-frame-113,
.depth-9-frame-111 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-8-frame-113 {
  align-self: stretch;
  height: 79px;
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
}
.depth-7-frame-036 {
  height: 259.5px;
  gap: 12px 0;
}
.depth-9-frame-047 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.depth-8-frame-044 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.tips-to-prevent {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.depth-9-frame-048 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.article3 {
  align-self: stretch;
  position: relative;
  line-height: 21px;
}
.depth-9-frame-112 {
  align-self: stretch;
  flex: 1;
  font-size: var(--font-size-sm);
  color: var(--color-sienna);
}
.depth-7-frame-112,
.depth-8-frame-114,
.depth-9-frame-112 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-8-frame-114 {
  align-self: stretch;
  height: 79px;
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
}
.depth-7-frame-112 {
  height: 259.5px;
  gap: 12px 0;
}
.depth-9-frame-049 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.depth-8-frame-045 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.poverty-leading-hunger {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.depth-9-frame-050 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.article4 {
  align-self: stretch;
  position: relative;
  line-height: 21px;
}
.depth-8-frame-115,
.depth-9-frame-113 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.depth-9-frame-113 {
  flex: 1;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-sm);
  color: var(--color-sienna);
}
.depth-8-frame-115 {
  height: 79px;
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
}
.depth-6-frame-111,
.depth-7-frame-28,
.depth-8-frame-115 {
  align-items: flex-start;
  justify-content: flex-start;
}
.depth-7-frame-28 {
  height: 259.5px;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.depth-6-frame-111 {
  flex: 1;
  display: grid;
  flex-direction: row;
  padding: 0;
  box-sizing: border-box;
  gap: 0 12.2px;
  max-width: 100%;
  grid-template-columns: repeat(3, minmax(226px, 1fr));
}
.depth-0-frame-01,
.how-to,
.resource-center {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.how-to {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-base);
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-gray);
  font-family: var(--font-epilogue);
}
.depth-0-frame-01,
.resource-center {
  flex-direction: column;
}
.depth-0-frame-01 {
  align-self: stretch;
  background-color: var(--color-snow);
  overflow: hidden;
  padding: var(--padding-17xl) 176px 73.5px 144px;
  box-sizing: border-box;
  gap: 30px 0;
  max-width: 100%;
}
.resource-center {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  letter-spacing: normal;
}
@media screen and (max-width: 1050px) {
  .depth-3-frame-12 {
    padding-left: var(--padding-162xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1000px) {
  .depth-4-frame-02 {
    display: none;
  }
  .resource-centre {
    font-size: var(--font-size-7xl);
    line-height: 32px;
  }
  .depth-6-frame-110,
  .depth-6-frame-111 {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(226px, 392px));
  }
  .depth-0-frame-01 {
    padding-top: 23px;
    padding-bottom: 48px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 725px) {
  .depth-3-frame-12 {
    gap: 0 16px;
    padding-left: var(--padding-71xl);
    box-sizing: border-box;
  }
  .depth-6-frame-110,
  .depth-6-frame-111 {
    grid-template-columns: minmax(226px, 1fr);
  }
  .depth-0-frame-01 {
    gap: 15px 0;
    padding-left: 72px;
    padding-right: 88px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .depth-3-frame-12 {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .resource-centre {
    font-size: var(--font-size-lgi);
    line-height: 24px;
  }
  .depth-0-frame-01 {
    padding: var(--padding-xl) var(--padding-xl) 31px;
    box-sizing: border-box;
  }
}
a, a:hover, a:active, a:focus {
  text-decoration: none;
  color: inherit;
}

.shrink img {
  transition: 1s ease;
  }
  
  .shrink img:hover{
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transition: 1s ease;
  }