@font-face {
    font-family: Kanit;
    src: url("../fonts/Kanit-Regular.ttf") format("opentype");
 }
 
@font-face {
    font-family: KanitExtraBold;
    src: url("../fonts/Kanit-ExtraBold.ttf") format("opentype");
	font-weight: bold;
}
 
@font-face {
    font-family: KanitBold;
    src: url("../fonts/Kanit-Bold.ttf") format("opentype");
}

@font-face {
    font-family: KanitLight;
    src: url("../fonts/Kanit-Light.ttf") format("opentype");
}

.texto{
  margin: 10px 0;
  font-family: Kanit !important;
  color: #fff;
}
.bg-cor-inicial {
  background-color: #f8b214 !important;
}

.h5{
    font-size: 1.5Rem !important;
  }
.bg-none {
  background: none !important;
}

.capa {
  background-color: #2a4896 !important;
}

.corazul, .bg-corazul {
  color: #2d2e82;
}

.coramarela, .bg-coramarela {
  color: #f8b133;
}

.corlaranja, .bg-corlaranja {
  color: #e84e1b;
}

.bg-corazul {
  background-color: #2d2e82;
}

.bg-coramarela {
  background-color: #f8b133;
}

.bg-corlaranja {
  background-color: #e84e1b;
}

.cardinicio {
    --box-shadow: 0 0 20px 10px #6c757d !important; 
    border-radius: 5px !important;
    border: 4px solid #000105;
}


.botaoacessop1 {
  border-radius: 20px !important;
  color: #ffff !important;
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
  font-size: 1.6Rem;
  background-color: #000105  !important;
  border-color: #000105  !important;
}

.overlay {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 992px) { 
  .h5{
    font-size: 1.3Rem !important;
  }
  .botaoacessop1 {
  border-radius: 10px !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
  font-size: 1.2Rem;
}
.overlay {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -0%);
}

}

/* Estilo para a seta com fundo laranja e bordas arredondadas */
.scroll-indicator {
    position: absolute;
    bottom: 60px; /* Posição da seta, ajustável */
    left: 50%;
    transform: translateX(-50%);
    font-size: 40px; /* Tamanho da seta */
    color: #fff; /* Cor da seta */
    background-color: #020107; /* Fundo laranja */
    border-radius: 50%; /* Tornando o fundo redondo */
    padding: 15px; /* Espaçamento interno para deixar o círculo maior */
    animation: bounce 1.5s infinite; /* Animação */
    cursor: pointer; /* Indica que é interativo */
}

/* Animação para a seta */
@keyframes bounce {
    0% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-20px); }
    100% { transform: translateX(-50%) translateY(0); }
}

/* Estilo para a imagem (se necessário) */
.img-fluid {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

@media (max-width: 768px) { /* Ajuste o tamanho conforme necessário */
    .scroll-indicator {
        display: none;
    }
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}