.banner {
  background: url("img/plant.jpeg") no-repeat center center;
  background-size: cover;
  padding-top: 20%;
  padding-bottom: 20%;
  color: rgb(251, 252, 252);
}

.buttonToTop {
  width: 30px;
  height: 30px;
  background-color: rgb(255, 11, 11);
  color: rgb(250, 248, 248);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
}

.produk {
  background-image: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #8b8b8a);
}

.about {
  background-image: linear-gradient(0.25turn, #08b1fa, #ebf8e1, #646448);
}

.sertifikat {
  background-image: linear-gradient(0.25turn, #a55353, #ebf8e1, #afafae);
}

.kontak {
  background-image: linear-gradient(0.25turn, #2b6142, #3c5f44, #afebc8);
}

.berita {
  background-image: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #8b8b8a);
}

.karir {
  background-image: linear-gradient(0.25turn, #08b1fa, #ebf8e1, #646448);
}

.navigasi {
  background-image: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #8b8b8a);
  font-style: italic;
}

.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}