.banner,
.loja,
.unidades,
.depoimento {
  padding: 7.5rem 8.75rem;
}

.banner {
  background: #001c85;
  text-align: center;
}

.banner h2 {
  color: #fff;
}

.depoimento {
  background: #ededed;
}

.banner p {
  color: #ededed;
  max-width: 70%;
  justify-self: center;
  margin-top: 1.5rem;
}

.loja {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

.loja-icon,
.unidades-icon,
.depoimento-icon {
  flex-shrink: 0;
}

.loja-img {
  border-radius: 5px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.loja-subTitulo,
.unidades-subTitulo,
.depoimento-subTitulo {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  color: #001c85;
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}

.loja-texto {
  align-self: center;
}

.loja-texto p,
.unidades-informacoes p {
  margin: 2rem 0 1.5rem;
}

.unidades-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  margin-top: 3.75rem;
}

.unidades-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.unidades-card img {
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0 0;
}

.unidades-card-texto {
  padding: 2rem 1.5rem;
  background: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  flex: 1;
}
.unidades-card h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #000000;
  font-size: 1.75rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}

.unidades-card p {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #000000;
  margin-bottom: 0.5rem;
}

.depoimento-wrapper {
  position: relative;
  margin-top: 3.75rem;
  overflow: hidden;
}

.depoimento-cards {
  display: flex;
  gap: 2.5rem;
  transition: transform 0.6s ease;
  will-change: transform;
}

.depoimento-card {
  background: #dedede;
  padding: 1.25rem;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  flex: 0 0 calc((100% - 5rem) / 2);
  flex-shrink: 0;

  display: flex;
  flex-direction: column; /* IMPORTANTE */
}

.depoimento-pessoa {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}

.depoimento-pessoa img {
  max-width: 5rem;
}

.depoimento-nome {
  align-self: center;
}

.depoimento-nome h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #121212;
}

.depoimento-pessoa p {
  font-size: 1rem;
  line-height: 1.25rem;
}

.depoimento-card-icon {
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.depoimento-google {
  margin-left: auto;
}

@media (max-width: 1300px) {
  .banner,
  .loja,
  .unidades,
  .depoimento {
    padding: 4.5rem 5.75rem;
  }
}

@media (max-width: 1190px) {
  .banner,
  .loja,
  .unidades,
  .depoimento {
    padding: 2.5rem 3rem;
  }

  .loja-subTitulo,
  .unidades-subTitulo,
  .depoimento-subTitulo {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0.75rem;
  }

  .loja-texto p,
  .unidades-informacoes p {
    margin: 1rem 0 0.75rem;
  }

  .unidades-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
    margin-top: 2rem;
  }

  .depoimento-wrapper {
    margin-top: 2rem;
  }

  .depoimento-cards {
    gap: 2rem;
  }

  .depoimento-card {
    flex: 0 0 calc((100% - 2rem) / 2);
  }
}

@media (max-width: 766px) {
  .banner,
  .loja,
  .unidades,
  .depoimento {
    padding: 2.5rem 2rem;
  }

  .loja,
  .unidades,
  .depoimento {
    padding: 2.5rem 2rem;
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .loja-subTitulo,
  .unidades-subTitulo,
  .depoimento-subTitulo {
    font-size: 0.75rem;
    line-height: 1rem;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
  }

  .loja-texto p,
  .unidades-informacoes p {
    margin: 1.5rem 0 1rem;
  }

  .unidades-cards {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.75rem;
    margin-top: 2rem;
  }

  .depoimento-wrapper {
    margin-top: 1.5rem;
  }

  .depoimento-card {
    flex: 0 0 100%;
  }

  .depoimento-pessoa img {
    max-width: 4rem;
  }

  .depoimento-nome h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #121212;
  }

  .depoimento-pessoa p {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .depoimento-card-icon {
    margin-top: 1.5rem;
    display: flex;
  }

  .depoimento-google {
    margin-left: auto;
  }
}