/*********seccion de logos clientes********* */
.cont-logos-clients {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 100px;
  align-items: center;
  justify-content: space-between;
  /* max-width: 1100px;*/
  margin: 0 auto;
}

@media (max-width: 1100px) {
  .cont-logos-clients {
    gap: 30px;
  }
}

@media (max-width: 442px) {
  .cont-logos-clients {
    gap: 0px;
    justify-content: center;
  }
}

.cont-logos-clients > img {
  width: 113px;
  transition: all 0.2s ease-in;
}

.cont-logos-clients > img:hover {
  width: 141px;
  transition: all 0.2s ease-in;
}

.link-whats {
  color: #4cb432;
  text-decoration: none;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 24px 0px;
  border: 1px solid #4cb432;
  border-radius: 12px;
  padding: 6px 20px;
  margin: 20px auto;
  display: inline-flex;
}

.link-whats:hover {
  background: #4cb432;
  color: #fff;
}

.bg-gradient-gray {
  background: rgb(238, 241, 247);
  background: -moz-linear-gradient(
    3deg,
    rgba(238, 241, 247, 1) 0%,
    rgba(238, 241, 247, 0) 100%
  );
  background: -webkit-linear-gradient(
    3deg,
    rgba(238, 241, 247, 1) 0%,
    rgba(238, 241, 247, 0) 100%
  );
  background: linear-gradient(
    3deg,
    rgba(238, 241, 247, 1) 0%,
    rgba(238, 241, 247, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eef1f7", endColorstr="#eef1f7", GradientType=1);
}

.bg-icon {
  position: absolute;
  z-index: -1;
  width: 350px;
}

.bg-icon.down {
  bottom: 0px;
  right: 0px;
}

.bg-icon.top {
  left: 0px;
  top: 200px;
  transform: rotate(-180deg);
}