header {
color: white;
text-align: center;
}

.bg-header {
background: rgb(0, 182, 207);
background: -moz-linear-gradient(90deg, rgba(0, 182, 207, 1) 0%, rgba(0, 32, 71, 1) 35%);
background: -webkit-linear-gradient(90deg, rgba(0, 182, 207, 1) 0%, rgba(0, 32, 71, 1) 35%);
background: linear-gradient(90deg, rgba(0, 182, 207, 1) 0%, rgba(0, 32, 71, 1) 35%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b6cf", endColorstr="#002047", GradientType=1);
}

.navbar-brand {
font-size: 24px;
font-weight: bold;
}

.navbar-nav .nav-link {
color: white !important;
font-weight: bold;
}

.btn-outline-primary:hover {
color: white;
border-color: #00FFEE;
background-color: #00FFEE;
}

.portal-aluno {
color: #00FFEE;
font-weight: bold;
border-color: #00FFEE;
}

.item-destaque {
text-transform: uppercase;
font-weight: normal;
}

.cta-destaque {
font-weight: bold;
}

.banner-header {
height: 580px;
display: flex;
align-items: center;
justify-content: center;
background-image: url('../img/banner-header.webp');
background-repeat: no-repeat;
background-size: cover;
color: white;
}

.banner-content {
width: 100%;
}

.banner-content h2 {
font-size: 38px;
font-weight: bold;
text-transform: uppercase;
}

.banner-content h4 {
font-size: 24px !important;
}

.banner-content p {
font-size: 18px;
}

.banner-image {
padding: 30px;
}

.banner-image img {
max-width: 100%;
height: auto;
}

.btn-header {
text-transform: uppercase;
font-weight: bold;	
}

.cursos-oferecidos { 
padding-top: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.cursos-oferecidos h3 {
font-size: 24px;
font-weight: bold;
text-align: center;
color: #002047;
}

.cursos-oferecidos p {
font-size: 18px;
color: #002047;
}

.cursos-oferecidos .col-md-6 {
padding: 10px;
}

.cursos-oferecidos h4 {
font-size: 22px;
font-weight: bold;
color: #002047;
}

.cursos-oferecidos .col-md-8 p {
font-size: 18px;
}

.cursos-oferecidos img {
max-width: 100%;
height: auto;
}

.cursos-destaques {
padding: 30px;
margin: 0 auto 20px;
max-width: 1200px;
}

.bg-cursos-destaques {
background-color: white;
padding: 30px;
}

.cta-cursos-destaques {
font-size: 26px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
color: white;
text-transform:uppercase;
}

.destaque-pos {
text-align:center;
color: white;
font-size: 18px;
}

.card {
margin-bottom: 20px;
border: none;
background-color: #DCDCDC;
}

.card-img-top {
max-width: 100%;
height: 150px;
}

.card-title {
font-size: 20px;
font-weight: bold;
text-align: center;
color: #002047;
}

.card-text {
font-size: 18px;
text-align: center;
color: #002047;
}

.card-text-100 {
padding: 3px;
text-align: center;	
font-weight: bold;
font-size: 18px;
text-align: center;
color: white;
background-color: #002047;
border-radius: 8px
}

.card-text-carga {
font-size: 18px;
text-align: center;
color: #002047;
}

.card-text-horas {
font-size: 18px;
text-align: center;
color: #002047;
font-weight: bold;
}

.card-text-modalidade {
font-size: 18px;
text-align: center;
color: #002047;
}

.card-text-duracao {
font-weight: bold;
text-align: center;
color: #002047;	
}

.card-footer {
text-align: center;
font-weight: bold;
background-color: #00b6cf;
}

footer {
background-color: #002047;	
}

.card-footer a {
text-align: center;
font-weight: bold;
color: white;
}

.btn-primary {
background-color: #00b6cf;
border-color: #00b6cf;
font-size: 14px;
}

.voce-preparado {
padding: 30px;
border-style: solid;
border-width: 0px;
border-color: #002047;
border-radius: 5px;
}

.voce-preparado h4 {
font-size: 30px;
font-weight: bold;
color: #002047;
text-transform: uppercase;
}

.voce-preparado p {
  font-size: 18px;
  color: white;
}

.voce-preparado img {
max-width: 100%;
height: auto;
}

.voce-preparado a.btn-primary {
background-color: #00b6cf;
border-color: #00b6cf;
font-size: 14px;
font-weight: bold;
color: white;
text-decoration: none;
padding: 10px 20px;
border-radius: 5px;
}

.voce-preparado a.btn-primary:hover {
background-color: #00b6cf;
border-color: #00b6cf;
color: white;
}

.pos-em-destaques {
background-color: #002047;
padding: 30px;	
}

.bg-preparado {
  padding: 30px;
  background: rgb(8,28,55);
  background: linear-gradient(156deg, rgba(8,28,55,1) 0%, rgba(11,55,105,1) 25%, rgba(14,70,117,1) 40%, rgba(20,96,139,1) 59%, rgba(23,107,148,1) 73%, rgba(28,126,164,1) 93%);
}
.beneficios {
padding: 30px;
}

.beneficios h4 {
font-size: 26px;
font-weight: bold;
color: white;
text-align: center;
}

.beneficios p {
font-size: 18px;
color: white;
}

.beneficios img {
max-width: 100%;
height: auto;
}

.bg-beneficios {
background-color: #002047;
padding: 30px;	
}

.o-que-procura {
padding: 30px;
background-color: white;
}

.o-que-procura h4 {
font-size: 26px;
font-weight: bold;
color: #002047;
}

.o-que-procura p {
font-size: 18px;
color: #002047;
}

.o-que-procura a.btn-primary {
background-color: #c00b2e;
border-color: #c00b2e;
font-size: 14px;
font-weight: bold;
color: white;
text-decoration: none;
padding: 10px 20px;
border-radius: 5px;
}

.o-que-procura a.btn-primary:hover {
background-color: #c00b2e;
border-color: #c00b2e;
color: white;
}

.bg-o-que-procura {
background-color: #00b6cf;	
}

.motivos-estudar {
padding: 30px;
}

.motivos-estudar h4 {
font-size: 26px;
font-weight: bold;
text-align: center;
color: #002047;
}

.motivos-estudar img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
margin-bottom: 20px;
}

.motivos-estudar p {
text-align: center;
font-size: 18px;
color: #002047;
}

.depoimentos {
padding: 30px;
background-color: #f9f9f9;
border-radius: 5px;;
}

.depoimentos h2 {
font-size: 26px;
font-weight: bold;
text-align: center;
color: #002047;
}

.depoimentos h4 {
font-size: 26px;
font-weight: bold;
text-align: left;
color: #002047;
}

.depoimentos .texto-depoimentos {
text-align: left;	
font-size: 18px;
}

.depoimentos p {
text-align: center;
font-size: 18px;
color: #002047;
}

.carousel-inner {
background-color: #f9f9f9;
}

.carousel-item {
padding: 20px;
}

.carousel-control-prev,
.carousel-control-next {
color: white;
font-size: 24px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
color: white;
}

.carousel-item .col-md-6 {
padding: 10px;
}

.carousel-item h4 {
font-size: 20px;
font-weight: bold;
}

.carousel-item p {
font-size: 16px;
}

.bg-depoimentos {
background-color: #002047;
padding: 30px;	
}

.fale-fasul {
padding: 30px;
text-align: center;
}

.fale-fasul h2 {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
color: white;
}

.fale-fasul .row {
display: flex;
justify-content: center;
align-items: center;
}

.fale-fasul p {
font-size: 18px;
margin-bottom: 10px;
color: white;
}

.fale-fasul .destaque-contato {
padding: 10px;
font-weight: bold;
background-color: #ffd001;
border-radius: 8px;
color: #c00b2e;	
}

.bg-fale-fasul {
background-color: #c00b2e;
padding: 30px;	
}

.tituloRodape {
font-weight: bold;
color: white;
font-size: 16px;
border-bottom: solid #002047 1px;
padding-bottom: 10px;
margin-right: 20px;
text-transform: uppercase;
}

.atxtrodape {
color: white;
font-size: 15px;
text-decoration: none;
text-transform: uppercase;
}

.lirodape {
text-align: left;
color: white;
}

ul {
list-style: none;
padding: 0;
} 

.porttxt {
color: white;
font-weight: 600;
font-size: 15px;
}

.txtrodape {
font-size: 13px;
font-weight: 400;
color: white;
}

.txtDir {
font-size: 13px;
font-weight: 600;
color: #002047;
}

.txtPol {
font-size: 13px;
color: #002047 !important;
}

.blue-background {
background-color: white !important;
color: white !important;
padding: 15px !important;
}

.conte-nos {
text-transform: uppercase;	
}

footer {
padding:30px;	
}
div#navbarNav {
  place-content: center;
}
a.btn.btn-primary.mais-cursos {
  font-size: 1.3rem;
}
.banner-content {
  border-radius: 10px;
  background: rgba(7, 55, 95, 0.90);
  padding: 25px;
}
.btn-warning{
  border-radius: 10px;
background: #FFF500 !important;
}
.col-md-6.inv-hero {
  display: none;
}
/* Media Query para telas menores que 768px */
@media (max-width: 767px) {
  .pos-em-destaques {
    padding-top: 430px;
}

  .banner-header {
    height: 300px;
  }
  .inv-hero {
    height: 718px;
    display: block !important;
}
  a.btn.btn-warning.btn-responsive.btn-header {
    font-size: 14px !important;
}

  .banner-content h2 {
    font-size: 24px;
  }

  .banner-content h4 {
    font-size: 20px;
  }

  .banner-content p {
    font-size: 16px;
  }

  .carousel-item h4 {
    font-size: 18px;
  }

  .carousel-item p {
    font-size: 14px;
  }

  .fale-fasul h2 {
    font-size: 20px;
  }

  .fale-fasul p {
    font-size: 16px;
  }

  .tituloRodape {
    font-size: 14px;
  }

  .atxtrodape {
    font-size: 13px;
  }

  .txtrodape {
    font-size: 12px;
  }

  .txtDir {
    font-size: 12px;
  }

  .txtPol {
    font-size: 12px !important;
  }
}

/* Media Query para telas entre 768px e 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .banner-header {
    height: 370px;
  }

  .banner-content h2 {
    font-size: 17px;
}

  .banner-content h4 {
    font-size: 15px !important;
}

  .banner-content p {
    font-size: 18px;
  }

  .carousel-item h4 {
    font-size: 20px;
  }

  .carousel-item p {
    font-size: 16px;
  }

  .fale-fasul h2 {
    font-size: 22px;
  }

  .fale-fasul p {
    font-size: 16px;
  }

  .tituloRodape {
    font-size: 14px;
  }

  .atxtrodape {
    font-size: 13px;
  }

  .txtrodape {
    font-size: 12px;
  }

  .txtDir {
    font-size: 12px;
  }

  .txtPol {
    font-size: 12px !important;
  }
}

/* Media Query para telas entre 992px e 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .banner-header {
    height: 400px;
  }

  .banner-content h2 {
    font-size: 28px;
  }

  .banner-content h4 {
    font-size: 24px;
  }

  .banner-content p {
    font-size: 18px;
  }

  .carousel-item h4 {
    font-size: 20px;
  }

  .carousel-item p {
    font-size: 16px;
  }

  .fale-fasul h2 {
    font-size: 24px;
  }

  .fale-fasul p {
    font-size: 16px;
  }

  .tituloRodape {
    font-size: 14px;
  }

  .atxtrodape {
    font-size: 13px;
  }

  .txtrodape {
    font-size: 12px;
  }

  .txtDir {
    font-size: 12px;
  }

  .txtPol {
    font-size: 12px !important;
  }
}

/* Media Query para telas maiores ou iguais a 1200px */
@media (min-width: 1200px) {
  .banner-header {
    height: 580px;
  }
  
  .banner-content h2 {
    font-size: 38px;
    font-weight: bold;
    text-transform: uppercase;
    }

  .banner-content h4 {
    font-size: 26px;
  }

  .banner-content p {
    font-size: 20px;
  }

  .carousel-item h4 {
    font-size: 22px;
  }

  .carousel-item p {
    font-size: 18px;
  }

  .fale-fasul h2 {
    font-size: 26px;
  }

  .fale-fasul p {
    font-size: 18px;
  }

  .tituloRodape {
    font-size: 16px;
  }

  .atxtrodape {
    font-size: 15px;
  }

  .txtrodape {
    font-size: 13px;
  }

  .txtDir {
    font-size: 13px;
  }

  .txtPol {
    font-size: 13px !important;
  }
}