:root {
  --dark-green: #3d4918;
  --mid-green: #91ab52;
  --light-green: #ebffae;

  --dark-brown: #543819;
  --mid-brown: #ffedd7;
  --light-brown: #fffbf7;

  --dark-purple: #8f3cd6;
  --mid-purple: #cabbff;
  --light-purple: #ded7ff;

  --dark-red: #f4400f;
  --mid-red: #f26533;
  --light-red: #ffa488;
}

#hero {
  background-image: url("../img/farm/hero.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#hero h1 {
  color: var(--mid-brown);
  margin-top: -150px;
}

#hero .plants-r {
  width: 30vw;
}

#hero .plants-l {
  width: 25vw;
}

.projects-one__single-img img {
  height: 500px;
  object-fit: cover;
}

.projects-one__single-img {
  border-radius: 0;
}

#gallery {
  background-color: var(--mid-brown);
}

#gallery .owl-dots {
  display: none;
}

#organic h3 {
  margin-bottom: 15px !important;
}

#organic .sub-text {
  max-width: 700px;
  margin: 0 auto 60px;
}

#organic .of-img {
  height: 120px;
  margin: 0 auto 15px;
  display: block;
  transition: all 0.4s ease;
}

/* #organic .of-img:hover {
    transform: translateY(-5px);
} */

#organic .row > div {
  transition: all 0.4s ease;
}

#organic .row > div:hover .of-img {
  transform: translateY(-5px);
}

#organic .of-p {
  text-align: center;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

#about {
  padding-bottom: 100px;
}

#about .about-l {
  top: 10%;
}

#about .about-r {
  bottom: 45%;
}

#about .about-l2 {
  top: 70%;
  transform: rotateY(180deg);
}

@media (min-width: 600px) {
  #gallery .container-fluid {
    margin-right: 0;
    padding-right: 0;
    padding-left: 30px;
  }
}

@media (max-width: 992px) {
  #organic .of-p {
    margin-bottom: 50px;
  }

  #about .about-l {
    top: -15px;
    left: -20px;
    bottom: unset;
    width: 120px;
  }

  #about .about-r {
    width: 120px;
    top: 58%;
  }

  #about .about-l2 {
    bottom: 15px;
    left: -20px;
    top: unset;
    width: 120px;
  }
}