.pix-wrapper-bande-services {
  background: url('i/services-dots.webp') repeat-x center center;
  background-size: auto 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: clamp(25px, 3vw, 50px) 0px clamp(25px, 3vw, 50px);
  overflow: hidden;
}

.pix-wrapper-bande-services-inner {}

.pix-wrapper-bande-services-inner .pix-service {
  text-align: center;
  color: #443B51;
  padding: 0 20px;
  font-size: 26px;
}

.pix-wrapper-bande-services-inner .pix-service-inner {
  max-width: 300px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  background: #fff;
  border-radius: 1.2em;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}

.pix-wrapper-bande-services-inner .pix-wrapper-service-icone img {
  vertical-align: top;
}

.pix-wrapper-bande-services-inner .pix-service h3 {
  font-family: "Fira Sans", sans-serif;
  color: currentColor;
  font-weight: 500;
  font-size: 1em;
  margin: 0;
  margin-top: 0.8em;
  text-transform: uppercase;
}

.pix-wrapper-bande-services-inner .pix-service h3 span.fin {
  font-weight: 300;
}

@media (max-width: 1350px) {
  .pix-wrapper-bande-services-inner .pix-service {
    font-size: 22px;
  }

  .pix-wrapper-bande-services-inner .pix-wrapper-service-icone img {
    width: 120px;
  }
}

@media (max-width: 1150px) {
    .pix-wrapper-bande-services-inner .pix-service {
    font-size: 20px;
  }

  .pix-wrapper-bande-services-inner .pix-wrapper-service-icone img {
    width: 80px;
  }

  .pix-wrapper-bande-services-inner .pix-service-inner {
    max-width: 250px;
  }
}

@media (max-width: 1000px) {
  .pix-wrapper-bande-services-inner .pix-service {
    font-size: 18px;
  }

  .pix-wrapper-bande-services-inner .pix-wrapper-service-icone img {
    width: 75px;
  }
}

@media (max-width: 570px) {
  .pix-wrapper-bande-services-inner .pix-service {
    padding: 0 10px;
  }
}

@media (max-width: 400px) {
  .pix-wrapper-bande-services-inner .pix-service-inner {
      max-width: 200px;
  }
}