@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap');

    /* Estilos Gerais */
    body {
      margin: 0;
      padding: 0;
      font-family: "Poppins", Arial, Helvetica, sans-serif;
      line-height: 1.6;
      overflow-x: hidden;
    }

    .card-conteudo, .card-esquerdo {
      background-color: #ADD8E6;
      border: none;
    }

    .card-escolha {
      border: none;
    }

    .card-conteudo h4 {
      text-transform: uppercase;
      font-weight: 600;
    }

    .card-conteudo p {
      margin: 0;
      text-align: justify;
      font-size: 1.1em;
    }

    .card-texto-escolha h4 {
      font-size: 1.2em;
    }

    .card-escolha h5 {
      font-weight: normal;
      color: #333;
    }

    .card-escolha p {
      font-weight: 600;
      color: #333;
    }

    .card-escolha a {
      position: relative;
      display: block;
      overflow: hidden;
      text-decoration: none;
    }

    .card-escolha a .card-body {
      position: relative;
      z-index: 2;
      transition: color 0.3s ease-in-out;
      color: #001524;
    }

    .card-escolha a::before {
      content: "";
      position: absolute;
      top: -100%;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #001524; /* Cor do hover */
      z-index: 1;
      transition: top 0.3s ease-in-out;
      border-radius: 6px;
    }

    .card-escolha a:hover::before {
      top: 0;
    }

    /* Ajuste para hover no card-escolha */
    .card-escolha a:hover .card-body p {
      color: #fff; /* Cor do texto ao passar o mouse */
    }

    /* Ajuste para hover no card-escolha */
    .card-escolha a:hover .card-body h5 {
      color: #fff; /* Cor do texto ao passar o mouse */
    }
    /* Ajusta o tamanho dos botões do carrossel */
    .carousel-control-prev, .carousel-control-next {
      background-color: rgba(0, 191, 255, 0.479); /* Azul claro com 90% da cor */
      height: auto; /* Permite ajustar a altura dinamicamente */
      width: auto;  /* Ajusta a largura ao conteúdo */
    }

    /* Depoimentos */
    .testemunho-card {
      max-width: 320px; /* Define uma largura máxima */
      height: 350px; /* Define uma altura fixa */
      text-align: center;
      background-color: #ADD8E6;
      border-radius: 10px;
      padding: 10px;
      letter-spacing: none;
    }

    .testemunho-card img {
      border-radius: 50%;
      width: 100px;
      height: 100px;
      object-fit: cover;
    }

    .testemunho-card p, .modal-body p {
      text-align: justify;
    }

    .testemunho-card a {
      text-decoration: none;
      color: #001524;
      font-style: normal;
    }

    .testemunho-card a:hover {
      text-decoration: none;
      color: #fff;
    }
    
    blockquote {
      font-style: italic;
      color: #333;
    }

    .botao-fechar-modal .btn {
      background-color: #ADD8E6;
      color: #333;
      letter-spacing: 0.1em;
    }

    .botao-fechar-modal .btn:hover {
      background-color: #001524;
      color: #fff;
      letter-spacing: 0.1em;
    }

    .carousel-control-prev-icon, .carousel-control-next-icon {
      width: 15px; /* Tamanho personalizado para o ícone */
      height: 15px; /* Tamanho personalizado para o ícone */
    }

    /* Diminui apenas a altura dos botões do carrossel */
    .carousel-control-prev,
    .carousel-control-next {
      height: 40px; /* Diminua a altura conforme necessário */
      top: 50%; /* Centraliza verticalmente */
      transform: translateY(-50%); /* Ajuste fino para centralização */
    }


    .carousel-control-prev, .carousel-control-next {
      padding: 2px; /* Reduz o espaço interno */
    }

    /* Rodapé */
    footer {
      background: #ADD8E6;
      color: #001524;
      padding: 10px 0;
    }

    footer p {
      margin: 0;
    }

   /* Ajustes para celulares pequenos (até 360px de largura) */
   
@media (max-width: 360px) {
  .testemunho-card {
    max-width: 285px; /* Reduz a largura */
    height: 285px; /* Reduz a altura */
    padding: 10px; /* Ajusta o padding */
  }
  
  .testemunho-card p {
    font-size: 14px; /* Fonte menor para caber melhor */
    line-height: 1.3;
  }
}


/* Ajustes para celulares médios (361px a 600px) */
@media (min-width: 361px) and (max-width: 600px) {
  .testemunho-card {
    max-width: 300px;
    height: 330px;
    padding: 10px;
  }
  .testemunho-card p {
    font-size: 14px;
    line-height: 1.4;
  }
}

/* Ajustes para tablets pequenos (601px a 768px) */
@media (min-width: 601px) and (max-width: 768px) {
  .testemunho-card {
    max-width: 330px; /* Mantém a largura */
    height: 350px; /* Altura padrão */
    padding: 10px; /* Maior padding */
  }
  .testemunho-card p {
    font-size: 14px; /* Fonte um pouco maior */
    line-height: 1.3;
  }
}

/* Ajustes para tablets maiores (769px a 900px) */
@media (min-width: 769px) and (max-width: 900px) {
  .testemunho-card {
    max-width: 360px; /* Aumenta a largura */
    height: 360px; /* Ajusta a altura */
    padding: 12px;
  }
  .testemunho-card p {
    font-size: 13px;
    line-height: 1.6;
  }
}