@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

html {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #fefaf7 !important;
  color: #333;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 147px;
}

.btn-sky2{
  background-color: #0072BC;
  color: #fff;
  font-weight: 600;
  border-radius: 50px;
  padding: 6px 18px;
}

.btn-sky2:hover{
  background-color: #33ADC8;
}

@media (min-width: 1400px) {
  .container{
    max-width: 1400px !important;
  }
}

.py-5{
  padding-top: 5rem !important;
}
  

.subTitle{
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-weight: 700 !important;
  font-style: Bold !important;
  font-size: 33px !important;
  color:#E43470 !important;
}

.site-header {
  background: #004080;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.site-header a {
  color: #fff;
  text-decoration: none;
}

.site-footer {
  background: #001f3f;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  margin-top: 40px;
}

/**** SECTION AREA DE ATUAÇÃO ****/

.section-area{
  width: 100% !important;
  margin-bottom: 50px !important;
}

.section-area .container{
  width: 100% !important;
}

.section-area p{
  font-size: 15px;
  height: 60px;
}

.section-area a{
  color: #3A99B0 !important;
  font-size: 17px;
}

.section-area .card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.section-area .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.section-area .rounded-top-4 {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.section-area .text-danger {
  color: #e6007e !important; /* cor rosa igual ao da FEBRASGO */
}

.section-area h2{
  font-size: 48px !important;
}

.section-area .card-body{
  border-radius: 10px 10px;
  position: absolute;
  background-color: #fff;
  top: 165px;
  padding: 20px;
}

.section-area .position-relative{
  height: 340px;
}


/**** SECTION AREA DE ATUAÇÃO FIM ****/

/**** CARROSSEL ****/

#carrosselCentral{
  margin-bottom: 60px;
}

#carrosselCentral .carousel-indicators{
  bottom: -50px !important;
}

#carrosselCentral .carousel-indicators [data-bs-target] {
  background-color: #E43470;
  width: 40px;
  height: 6px;
}

#carrosselCentral .carousel-inner{
  border-radius: 30px;
}

#carrosselCentral .conteudo-banner-central{
  position: absolute;
  top: 200px;
  left: 12%;
  color: #fff;
  z-index: 2;
}

#carrosselCentral .conteudo-banner-central a{
  color: #fff !important;
  background-color: #33adc8;
  padding: 5px 30px;
  border-radius: 50px;
}

#carrosselCentral .carousel-item{
  height: 470px;
  overflow: hidden;
  border-radius: 30px;
}

#carrosselCentral .carousel-item::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #263c63, rgba(0, 0, 0, 0));
  z-index: 1;
}

/**** CARROSSEL FIM ****/

/**** CARROSSEL AGENDA ****/
.section-agenda{
  width: 100% !important;
}

.section-agenda .container{
  width: 100% !important;
}

#agendaCarrossel{
  height: 535px;
}

#agendaCarrossel .card{
  width: 440px !important;
  height: 500px !important;
}

#agendaCarrossel .btn-ver-agenda{
  position: relative;
  bottom: 55px;
  left: 15%;
}

#agendaCarrossel .btn-ver-agenda button{
  background-color: #E43470 !important;
}

#agendaCarrossel .carousel-indicators [data-bs-target]{
  background-color: #E43470;
}

#agendaCarrossel .seta-saiba-mais{
  background-color: #fefaf7;
  border-radius: 34px 0 0 0;
  width: 86px;
  height: 86px;
  position: relative;
  bottom: 85px;
  left: 235px;
  display: block;
}

@media (min-width:1200px) and (max-width: 1400px) {
  #agendaCarrossel .seta-saiba-mais{
    left: 170px !important;
  }
}

@media (min-width:992px) and (max-width: 1200px) {
  #agendaCarrossel .seta-saiba-mais{
    left: 125px !important;
  }
}

@media (max-width: 992px) {
  #agendaCarrossel .seta-saiba-mais{
    left: 355px !important;
  }
}

#agendaCarrossel .seta-saiba-mais img{
  margin: 25px;
}

#agendaCarrossel .carousel-item span{
  border-radius: 25px;
  border: #FFFFFF solid 1px;
  color: #FFFFFF;
  padding: 7px 15px;
  font-size: 15px;

}

#agendaCarrossel .conteudo-card-agenda{
  margin-top: 250px;
}

#agendaCarrossel .conteudo-card-agenda h5{
  font-size: 24px;
}

#agendaCarrossel .conteudo-card-agenda p{
  font-size: 18px;
}

/**** CARROSSEL AGENDA FIM ****/


/*** NOTICIAS E ATUALIZACOES ***/

.noticias-atualizacoes P{
  font-size: 18px !important;
  color: #6F6C6C !important;
}

.noticias-atualizacoes .btn-category-not{
  font-size: 14px !important;
  margin-left: 8px !important;
  border: #E5E5E5 solid 1px !important;
  border-radius: 10px !important;
}

.noticias-atualizacoes .btn-category-not:hover{
  background-color: #33ADC8;
  color: #fff;
}

.noticias-atualizacoes .btn-category-not:active{
  background-color: #33ADC8;
  color: #fff;
}

.noticias-atualizacoes .btn-atualizacao{
  background-color: #0072BC;
  font-size: 14px;
  margin-top: 70px;
}

.card-not{
  padding: 5px !important;
}

.card-not .card-body span{
  font-size: 14px;
  margin-top: 5px;
  display: block;
}

.card-not .card-body small{
  font-size: 10px;
}



.noticias-atualizacoes .card-not-preview{
  border-radius: 15px;
  height: 235px;
  position: relative;
}

.noticias-atualizacoes .card-not-preview span{
  width: 75px;
  height: 20px;
  background-color: #E0F2FE;
  border-radius: 10px;
  padding: 3px 7px;
  font-size: 12px;
  text-align: center;
}

.noticias-atualizacoes .seta-saiba-mais-not{
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 45px;
  height: 45px;
  display: block;
  background-color: #fefaf7;
  border-radius: 15px 0 0 0;
  padding: 10px 13px;
}

/* @media (min-width:1200px) and (max-width: 1400px) {
  .noticias-atualizacoes .seta-saiba-mais-not{
    right: -195px;
  }

}

@media (min-width:992px) and (max-width: 1200px) {
  .noticias-atualizacoes .seta-saiba-mais-not{
    right: -154px;
  }
}

@media (min-width:768px) and (max-width: 992px) {
  .noticias-atualizacoes .seta-saiba-mais-not{
    right: -178px;
  }
}

@media (min-width:576px) and (max-width: 768px) {
  .noticias-atualizacoes .seta-saiba-mais-not{
    right: -462px;
  }
}

@media (min-width:400px) and (max-width: 575px) {
  .noticias-atualizacoes .seta-saiba-mais-not{
    right: -476px;
  }
} */


/*** NOTICIAS E ATUALIZACOES FIM ***/


/**** SECTION INFO *****/

.section-info .box-esquerda{
  width: 100%;
  height: 400px;
  border-radius: 15px;
  background-color: #52B7C3;
  padding: 25px;
}

.section-info .box-esquerda p{
  font-size: 20px;
}

.section-info .box-direita{
  width: 100%;
  height: 400px;
  border-radius: 27px;
  background-color: #52B7C3;
}


/**** SECTION INFO FIM ***/


/**** FOOTER ****/

footer{
  background-color: #333230;
  color: #b1b1b1 !important;
}

footer p{
  font-size: 12px !important;
  color: #b1b1b1 !important;
}

footer h6{
  font-size: 12px !important;
  color: #e9e4e4 !important;
}

footer li a{
  font-size: 12px !important;
  color: #b1b1b1 !important;
}

footer .parceiros img{
  width: 46px;
  background-color: #474746 !important;
  margin: 5px;
}

/**** FOOTER FIM ****/