body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #ffff;
    
}

.navbar {
    transition: background-color 0.3s, box-shadow 0.3s;
}
.somos-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 40px 20px;
}
.somos-image img {
    width: 100%;
    max-width: 400px;
    height: auto;
    border-radius: 20px;
}
@media (max-width: 768px) {
    .somos-section {
        flex-direction: column;
        text-align: center;
    }

    .somos-text h1 {
        font-size: 3rem !important;
    }

    .somos-text p {
        font-size: 1rem;
    }
}
a[href*="wa.me"] {
    flex-shrink: 0;
}



.navbar.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: none;
}

.nav-link {
    color: #000 !important;
    margin-right: 15px;
}


.nav-link:hover {
    color: #e6c8a1 !important;
    text-decoration: none;
}

.btn-client {
    background-color: #000;
    color: #fff;
    border-radius: 20px;
    padding: 5px 15px;
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}

.content-section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110vh;
}

.content-image {
    width: 90%;
    max-width: 1200px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 770px) { /* Altere conforme necessário */
    .content-section {
        height: auto; /* Permitir que a altura se ajuste ao conteúdo */
        padding: 20px; /* Adicionar espaço em volta do conteúdo */
    }
    .content-image {
        width: 100%; /* Aumente a largura para 100% */
        height: auto; /* Mantenha a altura automática */
    }
    .content-image img {
        width: 100%; /* A imagem ocupará 100% da largura */
        height: auto; /* Mantenha a proporção */
        border-radius: 10px; /* Opção: mantenha os cantos arredondados */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra permanece */
    }
}

.somos-section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 50px 0;
}

.somos-text {
    flex: 1 1 50%;
    padding: 20px;
    max-width: 500px;
}

.somos-text h1 {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}

.somos-text p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #555;
    margin-bottom: 30px;
}

.somos-text .cta-button {
    display: inline-block;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 1.2rem;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.somos-text .cta-button:hover {
    background-color: #333;
}

.somos-image {
    flex: 1 1 50%;
    max-width: 500px;
    padding: 20px;
    position: relative;
}

.somos-image img {
      position: relative;
      border-radius: 0.5rem;
      width: 100%;
      height: auto;
      display: block;
      z-index: 1;
      object-fit: cover;
    }
    .cta-button:hover,
    .cta-button:focus {
      background-color: #222222;
    }

    .equipe-imagem img{
      position: relative;
      border-radius: 0.5rem;
      width: 100%;
      height: auto;
      display: block;
      z-index: 1;
      object-fit: cover;
    }

.background-pink {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(86%);
    height: calc(100%);
    background-color: rgba(232, 211, 183, 0.6);
    z-index: -1;
    border-radius: 10px;
}
 @media (min-width: 768px) {
      .somos-section {
        flex-direction: row;
        align-items: flex-start;
        gap: 3rem;
      }
    }

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');



*{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    transition: 0.3s;
}

.container1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    align-items: center;
}

.card {
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    padding: 15px;
    width: 250px;
    height: 181px;
    border-radius: 20px;
    margin: 10px;
    transition: 0.3s;
}

.card h2 {
    font-size: 1.4em;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #555;
}

.card:hover h2 {
    color: #fff;
}



.card img {
    transition: filter 0.3s ease;
}



button {
    cursor: pointer;
    padding: 10px 30px;
    border: none;
    border-radius: 20px;
    color: #fff;
    transition: 0.5s;
}

button:hover {
    background-color: black;
    color: #fff;
}

/* Efeito no card inteiro */
.card:hover {
    background-color: #9D7E52; /* Altera a cor de fundo do card */
    transform: scale(1.05); /* Aumenta um pouco o tamanho do card */
}

.card:hover img{
    filter: contrast(100%) brightness(850%);

}

.servicos-text {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 25px;
    color: #333;
    text-align: center;
  }


@import url("https://fonts.googleapis.com/css2?family=Baloo 2&family=Roboto:wght@300&display=swap");

            

.badge {
    text-transform: uppercase;
    color: #E8D3B7;
    letter-spacing: 1px;

}

.heading {
    font-size: 26px;
    margin: 20px 0;
}

.card_group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }

  .pricing-card:hover {
    box-shadow: 0 0 15px #9D7E52;
    transform: scale(1.05);
  }

.pricing-card {
    margin: 0;
    height: 693px;
    width: 275px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 14px;
    border-radius: 10px;
    border: 3px solid #9D7E52;
    transition: 0.5s ease-in-out;
    box-sizing: border-box;
    background: #fff;
  }

.pricing-card i {
    color: #E6C8A1;
    height: 90px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    border-radius: 50%;
    box-shadow: 0 0 34px -12px gray;
    margin-bottom: 30px; /* increased margin to push title down */
  }

  .pricing-card i img {
    width: auto;
    max-width: 63px;
    border-radius: 90px;
    display: block;
  }

  /* For the third card bigger icon */
  .pricing-card:nth-child(3) i img {
    width: 77px !important;
    border-radius: 0 !important;
  }

.pricing-card span {
    color: black;
    margin: 0 0 30px; /* increased bottom margin to push text down */
    font-weight: bold;
    font-size: 0.9rem; /* decreased font size */
    text-align: center;
    display: block;
  }

.package_list {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    margin: 0;
    list-style: none;
    flex-grow: 1;
  }

.package_list li {
    margin: 10px 0; /* increased vertical spacing */
    color: black;
    font-size: 0.8rem; /* decreased font size */
    line-height: 1.3;
  }

  .package_list li b {
    font-weight: 700;
  }

  /* Special padding bottom for last card's ul */
  .package_list[style] {
    padding-bottom: 40px;
  }

.get_started_btn {
    border: 3px solid #9D7E52;
    color: white;
    background: #9D7E52;
    padding: 8px 25px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s ease-in-out;
    display: inline-block;
    margin-top: auto;
    font-size: 0.9rem;
    text-align: center;
  }

.get_started_btn:hover {
    background: transparent;
    color: black;
  }

  /* Additional spacing for Premium and Santo text */
  .pricing-card:nth-child(2) .package_list {
    margin-top: 40px;
  }
  .pricing-card:nth-child(3) .package_list {
    margin-top: 40px;
  }

  /* Responsive */
  @media (max-width: 960px) {
    .card_group {
      gap: 20px;
    }
  }

  @media (max-width: 768px) {
    .card_group {
      flex-direction: column;
      align-items: center;
    }
    .pricing-card {
      width: 90vw;
      max-width: 350px;
      height: auto;
    }
    .pricing-card i {
      height: 80px;
      width: 80px;
      margin-bottom: 25px;
    }
    .pricing-card i img {
      max-width: 55px !important;
    }
    .pricing-card:nth-child(3) i img {
      width: 65px !important;
    }
    .package_list li {
      font-size: 0.85rem;
      margin: 10px 0;
    }
    .get_started_btn {
      font-size: 1rem;
      padding: 10px 30px;
    }
    .pricing-card:nth-child(2) .package_list,
    .pricing-card:nth-child(3) .package_list {
      margin-top: 30px;
    }
    .pricing-card span {
      font-size: 0.85rem;
    }
  }

.background-annie {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(86%);
    height: calc(100%);
    background-color: #e6c8a17e;
    z-index: -1;
    border-radius: 10px;
}

     /* Base styles (desktop) */
    .testimonial-slider {
      max-width: 800px;
      margin: 100px auto;
      text-align: center;
      background: #fff;
      padding: 40px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      border-radius: 20px;
    }

    h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .testimonial-quote {
      font-style: italic;
      color: #666;
      font-size: 18px;
      margin-bottom: 30px;
    }

    .testimonial-profile {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 30px;
    }

    .profile-pic {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      margin-bottom: 10px;
    }

    .testimonial-author {
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #333;
    }

    .testimonial-navigation {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-top: 20px;
    }

    .testimonial-navigation i {
      font-size: 24px;
      cursor: pointer;
      color: #333;
    }

    .testimonial-navigation i:hover {
      color: #007bff;
    }

    .testimonial-counter {
      font-size: 18px;
      color: #333;
    }
    .depoimentos {
      width: 100%;
      padding: 50px 20px;
      max-width: 900px;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .slide .person img {
      width: 150px;
      height: 150px;
      object-fit: cover;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .slide .person {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .depoimentos i {
      font-size: 90px;
      color: #e6c8a1;
    }

    .depoimentos p.depoi-txt {
      font-weight: 300;
      margin-bottom: 40px;
      font-size: 20px;
    }

    .slide .person p.nome-person {
      font-size: 16px;
      font-weight: 600;
      margin: 0;
    }

    .slide .person p.func-person {
      font-size: 14px;
      margin: 0;
    }

    .depoimentos .slide {
      padding: 40px 60px;
      cursor: grab;
      box-sizing: border-box;
    }

    .depoimentos .slide:active {
      cursor: grabbing;
    }

    .swiper-button-next,
    .swiper-button-prev {
      color: #e6c8a1 !important;
    }

    .swiper-pagination-bullet {
      background-color: #e6c8a1 !important;
    }

    /* Mobile adjustments */
    @media (max-width: 768px) {
      html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #fff;
      }
      .container {
        max-width: 100%;
        margin: 0 auto;
        padding: 20px 15px;
        box-sizing: border-box;
      }
      h1.servicos-text {
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 20px;
        text-align: center;
      }
      .depoimentos {
        width: 100%;
        padding: 0;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
      }
      .depoimentos-container {
        width: 100%;
        box-sizing: border-box;
      }
      .slide {
        padding: 20px 15px;
        box-sizing: border-box;
        cursor: grab;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
      }
      .slide:active {
        cursor: grabbing;
      }
      .depoimentos i {
        font-size: 70px;
        color: #e6c8a1;
        margin-bottom: 20px;
        user-select: none;
      }
      .depoimentos p.depoi-txt {
        font-weight: 300;
        font-size: 16px;
        margin-bottom: 25px;
        padding: 0 5px;
        word-wrap: break-word;
        white-space: normal;
      }
      .slide .person {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 100%;
      }
      .slide .person img {
        width: 100px;
        height: 100px;
      }
      .info-person {
        text-align: left;
        max-width: calc(100% - 100px);
        word-wrap: break-word;
      }
      .slide .person p.nome-person {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 5px 0;
        text-transform: none;
      }
      .slide .person p.func-person {
        font-size: 14px;
        margin: 0;
      }
      .swiper-button-next,
      .swiper-button-prev {
        color: #e6c8a1 !important;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
      }
      .swiper-pagination-bullet {
        background-color: #e6c8a1 !important;
      }
    }
/* Estilo personalizado */ 
.bg-pink {
    background-color: #4F4952;
  }
  
  .text-pink {
    color: #E6C8A1 ;
  }

  .text p, h5, a{
    color: white;
  }
  
  footer h5 {
    font-size: 1.5rem;
    font-weight: bold;
  }
  
  footer a {
    transition: color 0.3s ease;
  }
  
  footer a:hover {
    color: #e6c8a1;
  }
  
  footer button {
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 5px;
  }
  
  footer hr {
    border-top: 1px solid #fff;
  }
  
  footer .list-inline-item a {
    margin-right: 10px;
  }

  .social-icon i {
    font-size: 25px; /* Aumenta o tamanho dos ícones */
    transition: transform 0.3s ease; /* Efeito de animação ao passar o mouse */
  }
  
  .social-icon i:hover {
    transform: scale(1.2); /* Aumenta o ícone quando o mouse passa */
    color: #e6c8a1; /* Muda a cor ao passar o mouse */
  }