.banner-img {
  background: url("assets/images/Home/banner.jpg");
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  margin-top: 80px;
}

.navmenu a,
.navmenu a:focus {
  color: #000;
}

.header .header-social-links a {
  color: color-mix(in srgb, #fe5000, transparent 40%);
}

.about .icon-box p {
  font-size: 15px;
  color: #000;
  margin-bottom: 0;
  text-align: justify;
}

.about .icon-box ul {
  margin-top: 5px;
  font-size: 15px;
  color: #000;
}

.navmenu li:hover > a,
.navmenu .active,
.navmenu .active:focus,
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #fe5000;
  font-weight: 700;
}

.about .icon-box:hover h4 a {
  color: #c43e00;
}

.services .service-item img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
}

.services .service-item .description {
  text-align: justify;
}

.header .header-social-links span {
  color: color-mix(in srgb, #fe5000, transparent 40%);
}

.process-content-container {
  display: flex;
  gap: 50px;
}

.img-left-circle > img {
  width: 100%;
}

.content-right-container-process {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}

textarea:focus,
input:focus,
:focus {
  outline: none;
}

.process-content > h3 {
  margin-bottom: 15px;
  font-weight: 700;
}

.footer {
  background-color: #c43e00 !important;
}

.recycling .recycling-item img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
}

.recycling .recycling-item .description {
  text-align: justify;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.footer-img-container {
  display: flex;
  flex-direction: row;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 50px;
  border-radius: 10px;
}

.footer .copyright {
  color: #FFF;
  border-color: #FFF;
}

.steps-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 10px;
  padding: 20px;
  gap: 5px 20px;
}

.steps-container.orange{
  background: #D65428;
}

.steps-container.gray {
  background: #444444;
}

.step-number {
  background: #FFF;
  padding: 10px 30px;
  font-size: 35px;
  border-radius: 10px;
  font-weight: 700;
}

.step-description > h2,
.step-description > span {
  color: #FFF;
  text-align: justify;
}

.step-description {
  display: flex;
  flex-direction: column;
}

.content-steps-container-process.col-lg-6 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.process-map-container {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.process-parent-container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

@media screen and (min-width: 699px) {
  .process-map-container {
    flex-direction: row;
  }
}