/* -------------------------------------------------------------------------- */

/* Hero Section                                                               */

/* -------------------------------------------------------------------------- */

.get-involved-hero__content {

  background: var(--color-brand-green);

  padding: clamp(48px, 7vw, 98px) clamp(24px, 6vw, 146px);

  min-height: 520px;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  /*opacity: 0;*/

  /*transform: translateY(80px);*/

  /*animation: imageReveal 1s ease-out forwards;*/

}



.hero-eyebrow {

  color: var(--color-netural-light);

  font-size: 14px;

  font-weight: 600;

  line-height: 100%;

  letter-spacing: 1.5px;

  text-transform: uppercase;

}



.get-involved-hero__content h1 {

  margin-top: 16px;

  max-width: 514px;

  width: 100%;

  font-size: clamp(36px, 5vw, 55px);

  line-height: 1.1;

  color: var(--color-netural-light);

  font-weight: 400;

  margin-bottom: 25px;

  font-family: var(--font-title);

}



.get-involved-hero__content p {

  font-size: clamp(18px, 2.2vw, 24px);

  line-height: 1.5;

  color: var(--color-netural-light);

  font-family: var(--font-body);

  font-weight: 600;

  max-width: 550px;

}
.get-involved-hero__image {
  height: 100%;
  /*min-height: 520px;*/
}
.get-involved-hero__image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  /*opacity: 0;*/

  /*transform: translateY(80px);*/

  /*animation: imageReveal 1s ease-out forwards;*/

}



/* Tablet / Mobile */

@media (max-width: 991px) {

  .get-involved-hero__content {

    min-height: auto;

    padding: 56px 24px;

  }



  .get-involved-hero__image {

    min-height: 350px;

  }



  .get-involved-hero__image img {

    height: 350px;

  }

}



/* Small Mobile */

@media (max-width: 576px) {

  .get-involved-hero__content {

    padding: 48px 20px;

  }



  .get-involved-hero__image,

  .get-involved-hero__image img {

    height: 300px;

    min-height: 300px;

  }

}



@keyframes imageReveal {

  from {

    opacity: 0;

    transform: translateY(80px);

  }



  to {

    opacity: 1;

    transform: translateY(0);

  }

}



/* -------------------------------------------------------------------------- */

/* Get Involved Section                                                       */

/* -------------------------------------------------------------------------- */



.involved_text {

  font-size: clamp(16px, 2vw, 24px);

  font-weight: 600;

  line-height: 1.6;

  letter-spacing: 0;

  font-family: var(--font-body);

  color: var(--color-green);

}



.tried_child_container {

  padding: 16px;

}



@media (max-width: 768px) {

  .tried_child_container {

    padding: 12px;

  }



  .involved_text {

    line-height: 1.5;

  }

}



.outcome_text {

  position: relative;

  padding-left: 18px;

}

.outcome_text::before {

  content: "•";

  position: absolute;

  left: 0;

  top: 17px;

  font-size: 20px;

  line-height: 1;

}



.get-involved_container p {

  font-size: 18px;

  font-family: var(--font-body);

  font-weight: 400;

  line-height: 1.5;

}



.weeds_img {

  width: 100%;

  object-fit: cover;

}

.get-involved_text_container {

  margin-top: 16px;

  height: 40px;

  display: grid;

}



.garden_text {

  margin-top: 16px;

  display: flex;

  flex-direction: column;

  font-size: 14px;

}



/* remember_section */

#remember_section {

  width: 100%;

  margin: 24px 0;

  border-radius: 16px;

  padding: clamp(16px, 4vw, 24px);

  background-color: #f5f2ee;

  box-sizing: border-box;

}



#remember_section h2 {

  margin: 0 0 16px;

  font-size: clamp(16px, 2.5vw, 18px);

  font-weight: 600;

  line-height: 1.4;

  color: var(--color-brand-gray);

}



#remember_section ul {

  margin: 0;

  padding-left: 20px;

}



#remember_section li {

  margin-bottom: 10px;

  font-size: clamp(14px, 2.5vw, 18px);

  font-weight: 400;

  line-height: 1.5;

  color: var(--color-brand-gray);

}



#remember_section a {

  color: #555;

}



.get-involved_div {

  margin-top: 48px;

}



/* Mobile */

@media (max-width: 576px) {

  #remember_section {

    height: auto;

    min-height: auto;

    border-radius: 12px;

  }



  .plant-banner {

    align-items: flex-start;

    padding: 16px;

  }

}



.plant-section__see-all {

  display: flex;

  align-items: center;

  gap: 8px;

  font-family: var(--font-body);

  font-weight: 500;

  font-size: 18px;

  line-height: 1.5;

  color: var(--color-brand-gray);

  text-decoration: underline;

}



.plant-section__see-all img {

  width: 11px;

  height: 18px;

}