html{
    font-family: "DM Sans", sans-serif;
    background-color: #0B1D26;
}

body{
    background-color: #0B1D26;

}
@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }


h1,h2,h3,h4{
    font-family:"DM Sans", sans-serif !important ;
    color: #0B1D26;
    font-size: 26px;
    opacity: 0;
  animation: fadeIn 3s forwards;
}

.text-title{
  line-height: 35px;
}

.text-title-sub{
  line-height: 22px;
}

.badge-serv{
  padding: 10px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #f8d249;
  border-radius: 30px;
  border: 2px solid #f8d249;
}
.p-while {
  color: #f9f6f1 !important;
}

.p-verde{
  color: #0B1D26 !important;
}

.bg-while{
  background-color: #E8E6D7;
}
.bg-while h2,h2,h3,h4,p{
  color: #0B1D26 !important;
}

.bg-text-prima{
    color: #f8d249;
}



.log-img{
    opacity: 0;
  animation: fadeIn 1.5s forwards;
}

.bg-while-site{
    background-color: #f9f6f1;
}

.bg-header-top{
    /* background-image: url('../../img/slide-1/5.jpeg'); */
    background-image: url('../../img/capa-header-01.jpg');
    background-attachment: fixed;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-position: bottom center;
    background-size: cover;
    height: 450px;
    background-repeat: no-repeat;
    z-index: 1;
}

.bg-header-top::after{
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 40%, #0B1D26 100% );
  background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 40%, #0B1D26 100% );
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 40%, #0B1D26 100% );
}



.text-head{
  text-shadow: 0 0 4px #0B1D26;
}

.c-item {
    height: 480px;
  }

  .c-img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
  }

  .c-img-slide {
    height: 100%;
    object-fit: cover;
  }

  .item-card{
    padding-left: 70px;
    position: relative;
    margin-bottom: 30px;
  }

  .item-card .icon{
    position: absolute;
    left: 16px;
    font-size: 32px;
    color: #0B1D26;
  }

  .botao-pulse {
    padding: 15px 32px;
    max-width: 460px;
    font-size: 20px;

    font-weight: 400;
    border: 2px solid #ffce1c !important;
    box-shadow: 0px 3px 17px 3px #f7df8b;
    border-radius: 30px;
    background-color: #ffce1c;
   
    -webkit-animation: pulse 1s ease infinite;
    -moz-animation: pulse 1s ease infinite;
    -ms-animation: pulse 1s ease infinite;
    -o-animation: pulse 1s ease infinite;
    animation: pulse 1s ease infinite;
  }

  
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }

  50% {
    -o-transform: scale(0.9);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }

  
  50% {
    -o-transform: scale(0.9);
  }

  100% {
    -ms-transform: scale(1);
  }
}

@-o-keyframes pulse {

  0% {
    -o-transform: scale(1);
  }

  50% {
    -o-transform: scale(0.9);
  }

  100% {
    -o-transform: scale(1);
  }

}

@keyframes pulse {

  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

/* Container que define a proporção e a largura máxima */
.calendar-container {
  position: relative;
  /* 16:9 é uma proporção comum. 75% (4:3) é boa para calendários. */
  /* Você pode ajustar o 75% para mudar a altura em relação à largura. */
  padding-bottom: 75%; /* Altura é 75% da largura (proporção 4:3) */
  height: 0;
  overflow: hidden;
  max-width: 1000px; /* Defina uma largura máxima para o calendário em desktop */
  margin: 0 auto; /* Centraliza o container na página */
}

/* O iframe preenche o container e é posicionado de forma absoluta */
.calendar-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* O iframe ocupa 100% da largura do container */
  height: 100%; /* O iframe ocupa 100% da altura do container */
  border-radius: 10px;
}



.efect-scroll{
  visibility: hidden;
}

.btn-rede{
  border: 0;
  background-color: #f8d249 !important;
  color: #0B1D26 !important;
  border-radius: 20px;
  padding: 12px 28px;
}

.eui-widget-title{
  display: none !important;
}

.accordion-button{
  color: #0B1D26 !important;
}

.border-botom-faq{
  border-bottom: 1px solid #0B1D26;
}