#segmentos .segmentos,
#segmentos .central-de-atendimento {
  background: #f3f3f3 !important;
}
#segmentos .segmentos .wrapper__segmentos {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
  grid-auto-rows: 350px;
}
#segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(1) {
  grid-column: span 4;
  grid-row: span 1;
}
#segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(2) {
  grid-column: span 2;
  grid-row: span 2;
}
#segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(3),
#segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(4) {
  grid-column: span 2;
}
#segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(5),
#segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(6) {
  grid-column: span 3;
}
#segmentos .segmentos .wrapper__segmentos .card__segmentos {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 250px;
}
#segmentos .segmentos .wrapper__segmentos .card__segmentos .conteudo {
  background: var(--clr-blue);
  padding: 16px;
  max-width: 260px;
  border-radius: 16px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}
#segmentos .segmentos .wrapper__segmentos .card__segmentos .icon {
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 2;
}
#segmentos .segmentos .wrapper__segmentos .card__segmentos .icon img {
  height: auto;
}
@media (max-width: 1024px) {
  #segmentos .segmentos .wrapper__segmentos {
    grid-template-columns: 1fr;
  }
  #segmentos .segmentos .wrapper__segmentos .card__segmentos {
    grid-column: auto;
    grid-row: auto;
  }
  #segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(1),
  #segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(2),
  #segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(3),
  #segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(4),
  #segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(5),
  #segmentos .segmentos .wrapper__segmentos .card__segmentos:nth-of-type(6) {
    grid-area: auto;
  }
  #segmentos .segmentos .wrapper__segmentos .card__segmentos .icon {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 2;
  }
  #segmentos .segmentos .wrapper__segmentos .card__segmentos .conteudo {
    max-width: 100%;
    right: 24px;
  }
}