body {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  background-color: #eed5b7;
  color: white;
}
header img {
  max-width: 250px;
  transition: transform 0.3s;
   /* ou 'relative' se preferir */
  left: 15px;
  top: 0; /* ajuste conforme necessário */
}

header img:hover {
  transform: scale(1.1);
}

.section1 {
  background-color: #eed5b7;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.section2 {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  background-color: #ffff;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.section4 {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  background-color: #ffff;
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}
.section5 {
  background-color: #eed5b7;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.section6 {
  opacity: 1;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  background-color: #ffff;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.section7 {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  background-color: #ffff;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.section1 .content1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section2 .content2 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}


.section5 .container {
  display: flex;
  flex-direction: column; /* Faz o parágrafo e os cartões ocuparem a largura total */
  gap: 20px; /* Espaçamento entre o parágrafo e os cartões */
}

.section7 .container7 {
  display: flex;
  flex-direction: column; /* Faz o parágrafo e os cartões ocuparem a largura total */
  gap: 20px; /* Espaçamento entre o parágrafo e os cartões */
}
.section5 .container .cards {
  display: flex;
  flex-wrap: wrap; /* Permite que os itens quebrem a linha se necessário */
  justify-content: space-between; /* Ajusta o espaço entre os itens */
}

.section5 .container7 .cards7 {
  display: flex;
  flex-wrap: wrap; /* Permite que os itens quebrem a linha se necessário */
  justify-content: space-between; /* Ajusta o espaço entre os itens */
}
.section5 .container .cards .content5 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1 1 30%;
  background-color: #fff;
  padding: 15px;
  margin: 15px;
  border-radius: 20px;
  box-sizing: border-box;
}

.section6 .content6 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section1 .content1 .text-container1 {
  display: grid;
  flex: 1;
  margin-right: 20px;
  animation: fadeIn 1s;
}

.section5 .content5 .text-container5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  margin-right: 20px;
  animation: fadeIn 1s;
}
.section6 .content6 .text-container6 {
  display: grid;
  flex: 1;
  margin-right: 20px;
  animation: fadeIn 1s;
}
.section1 .content1 .text-container1 h2 {
  color: #545b55;
  font-size: 29px;
  font-weight: bold;
}

.section1 .content1 .text-container1 p {
  color: #545b55;
  margin-bottom: 0px;
  font-size: 16px;
  align-items: center;
}

.section2 h2 {
  color: #d19793;
  font-size: 29px;
}

.section2 p {
  color: #545b55;
  margin-bottom: 0px;
  font-size: 16px;
}

.section4 h2 {
  position: relative;
  left: 10px;
  color: #ccc7ae;
  font-size: 29px;
}

.section4 p {
  font-size: 16px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #545b55;
  margin-bottom: 7px;
  margin-top: 10px;
}
.section5 .content5 .text-container5 h2 {
  color: #d19793;
  font-size: 29px;
  text-align: center;
}

.section5 .content5 .text-container5 p {
  color: #545b55;
  margin-bottom: 0px;
  font-size: 16px;
}

.section5 .container p{
  color: #d19793;
  font-size: 16px;
}
.section5 .container
h2 {
  font-size: 29px;
  color: #d19793;
}
.section6 .content6 .text-container6 h2 {
  font-size: 29px;
  color: #d19793;
}
.section6 .content6 .text-container6 span {
  font-size: 29px;
  color: #d19793;
}
.section6 .content6 .text-container6 .sobre {
  font-size: 19px;
  color: #d19793;
}
.section6 .content6 .text-container6 p {
  color: #545b55;
  margin-bottom: 0px;
}
.section7 .container7 h2 {
  color: #d19793;
  font-size: 29px;
}
.section7 .container7 p {
  color: #545b55;
  margin-bottom: 0px;
  
}
.section6 .content6 .text-container6 img {
  max-width: 200px;
  transition: transform 0.3s;
  border-radius: 0%;
}
.container-logo6 {
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 25%;
}
.section1 .content1 .image-container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
  animation: fadeIn 1s;
}
.section1 .content1 img {
  margin-top: 15px;
  max-width: 100%;
  max-height: 500px;
  border-radius: 50%;
  transition: transform 0.3s, box-shadow 0.3s;
}
.section1 .content1 img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.section5 .content5 .image-container5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
  animation: fadeIn 1s;
}

.section5 .content5 img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  transition: transform 0.3s, box-shadow 0.3s;
}

.section5 .content5 img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.section6 .content6 .image-container6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
  animation: fadeIn 1s;
}
.section6 .content6 img {
  max-width: 100%;
  max-height: 500px;
  border-radius: 50%;
  transition: transform 0.3s, box-shadow 0.3s;
}
.section6 .content6 img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.section h2 {
  margin-top: 0;
}
.section1 button {
  display: block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #d19793;
  color: #545b55;
  border: none;
  border-radius: 20px;
  cursor: pointer;

  text-decoration: none;
  transition: background-color 0.3s;
}
.section1 button:hover {
  background-color: #f6cec8;
}
.section4 button {
  display: block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #ccc7ae;
  color: #545b55;
  border: none;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s;
}
.section4 button:hover {
  background-color: #f6cec8;
}
.section5 button {
  display: block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #d19793;
  color: #545b55;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: background-color 0.3s;
}
.section5 button:hover {
  background-color: #f6cec8;
}

.section5 button:hover {
  background-color: #f6cec8;
}

/* ==============================
   SEÇÃO 3
   ============================== */

/* Estilos da Seção 3 (section3) */
.section3 {
  background-color: #eed5b7;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
}

.section3 .container3 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
}

.section3 .container3 .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section3 .content3 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1 1 30%;
  margin: 25px;
  border-radius: 20px;
  box-sizing: border-box;
  position: relative; /* Para posicionar o botão de forma relativa */
}

.section3 .image-container3 {
  position: relative; /* Para posicionar o botão de forma relativa */
  overflow: hidden; /* Para a imagem ocupar todo o espaço da div */
}

.section3 .image-container3 img {
  width: 100%; /* Para a imagem ocupar toda a largura da div */
  height: auto; /* Para manter a proporção da imagem */
  display: block; /* Para garantir que a imagem se comporte como um bloco */
  border-radius: 10px; /* Bordas arredondadas para a imagem, se desejado */
}

.section3 .container3 h2{
  color: #d19793;
}

.section3 button {
  position: absolute; /* Posição absoluta em relação ao container pai */
  bottom: 30px; /* Centraliza verticalmente */
  right: 39%; /* Centraliza horizontalmente */
  transform: translate(-50%, -50%); /* Centraliza completamente o botão */
  background-color: #d19793;
  color: #545b55;
  border: none;
  border-radius: 20px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
  animation: increaseSize 2s infinite;
}

.section3 button:hover {
  background-color: #f6cec8;
  text-decoration: none;
}


footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: #eed5b7;
  color: white;
}
footer img {
  width: 250px;
  transition: transform 0.3s;
}
footer img:hover {
  transform: scale(1.1);
}
a {
  text-decoration: none;
}
button:hover {
  text-decoration: underline;
}
footer a button {
  display: block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #d19793;
  color: #545b55;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  animation: fadeIn 2s;
}
footer button:hover {
  background-color: #f6cec8;
}
.testimonial {
  background-color: #fff;
  border: 1px solid #f6cec8;
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1 1 30%;
  position: relative;
  flex-direction: column;
  animation: fadeIn 1s;
}
.botao5{
  justify-content: center;
  align-items: center;
  display: flex;
}
.testimonial-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes increaseSize {
  0% {
      transform: scale(1);
  }
  100% {
      transform: scale(1.25);
  }
}
@media (max-width: 768px) {
  .section1 .content1,
  .section3 .cards,
  .section5 .cards,
  .section6 .content6 {
    flex-direction: column;
  }
  .section1 .content1 .text-container1,
  .section3 .content3 .image-container2 {
    margin-right: 0;
  }
  .section4 p{
    margin-top: 22px;
    margin-bottom: 22px;
  }
  footer{
    flex-direction: column;
  }
  
  .section3 button {
    position: absolute; /* Posição absoluta em relação ao container pai */
    transform: translateY(50%);
    bottom: 30px; /* Centraliza verticalmente */
    align-items: center;

  }
  @media (max-width: 450px){
    .container-logo6{
      margin-left: 20px;  
      }
      .section3 button {
        position: absolute; /* Posição absoluta em relação ao container pai */
        right: 30%;  
        bottom: 30px; /* Centraliza verticalmente */
        align-items: center;
    }
     
}
}