/* Para o texto regular  */
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
}

/* Para o texto em negrito com Google Sans */
.bold-text {
  font-family: 'Google Sans', sans-serif;
  font-weight: 600;
}

/* Para o texto regular com Roboto */
.regular-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
}

/* Para o texto em negrito com Roboto */
.bold-roboto-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

/* Para o texto regular com Oswald */
.regular-oswald-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
}

/* Para o texto em negrito com oswald */
.bold-oswald-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}

.text-custom {
  color: #01325d;
  /* Cor de texto personalizada */
}

/* Adicionando estilo para mudar a cor da seta para preto do carrossel*/
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #01325d;
  border-radius: 60%;
}

/* Para o fundo do formulario trabalhe conosco  */
.custom-input {
  background-color: #01325d50;
}
.custom-checkbox {
  background-color: #01325d50;
  /* Substitua pela cor desejada */
  color: #fff;
}
.custom-file-input {
  background-color: #01325d;
  /* Substitua pela cor desejada */
  color: #fff;
}
/* Adicione este bloco de estilo para personalizar o fundo do botão "Escolher arquivo" */
.custom-file-input::before {
  background-color: #01325d;
  /* Substitua pela cor desejada */
  color: #fff;
  /* Substitua "your_color" pela cor desejada */
}

.custom-file-input:active::before,
.custom-file-input:focus::before {
  background-color: #01325d;
  /* Substitua pela cor desejada */
  color: #fff;
  /* Substitua "your_hover_color" pela cor desejada ao passar o mouse */
}

/* Tradutor de linguagens port;esp;eua */
.gtranslate_wrapper {
  text-align: right;

}
/* Estilos dos botões em image/video/slide */

.video-container {
  position: relative;
  width: 100%;
}

video {
  width: 100%;
  height: auto;
}

.button-container {
  position: absolute;
  top: 0px;
  left: 0px;
}
.carrousel-img-container {
  position: relative;
  width: 100%;
}
.button-img-container {
  position: absolute;
  top: 143px;
  left: 65px;
}
.button-carrousel-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width:100%;
}
.btn-outline-primary{
  background: transparent #01325d50; 
  border: none;
  color: white;
  cursor: pointer;
}
.btn-transparent{
  background: transparent #01325d; 
  border: none;
  color: white;
  cursor: pointer;
}

.btn-transparent:hover, .btn-outline-primary:hover {
  background: #01325d50;
  color: white;
}

.btn-custom {
  background-color: #01325d;
  color: #fff;
  border: none;
}

.btn-custom:hover {
  background-color: #01325d;
  color: #fff;
  /* Cor de fundo ao passar o mouse, opcional */
}

.btn-custom:focus,
.btn-custom:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover{
  color: #fff;
  background-color:#01325d50;
}
.btn-outline-primary:active{
  color: #fff;
  background-color:#01325d50;
}


.card-text-limit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Número de linhas para mostrar */
  -webkit-box-orient: vertical;
}

.social-icons {
  justify-content: center;
  align-items: center;

}

.social-icons a {
  text-decoration: none;
  font-size: 22px;
  /* Tamanho dos ícones */
}

.social-icons a i {
  color: white;
  font-size: 22px;
  /* Tamanho dos ícones */
}

.social-icons a:hover {
  color: #01325d;
  /* Azul (cor dos icones de rede social) ao passar o mouse sobre os ícones */
}
  /* Estilo Whatsapp */

.whatsapp-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgba(0, 128, 0, 0.7);
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease-in-out;
}

.whatsapp-icon a {
  color: #fff;
  text-decoration: none;
}

.whatsapp-icon i {
  font-size: 24px;
}