.itemid-101 #sp-main-body{
  padding: 0;
}

#sp-header{
  background-color: transparent;
  box-shadow: none;
}
#sp-main{
  margin-top:-60px;
}
.hero-frase a{
  display: block;
  text-align: center;
  max-width: 400px;
  width: 95%;
  font-size: 18px;
  padding: 14px 5px;
  margin: 190px auto 20px auto;
  border: solid 1px #5ec562;
  background-color: #4CAF50;
  box-shadow: 0 -1px 7px 3px #4CAF50;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #333;
  position: relative;
  z-index: 99;
}
.hero-frase a:hover{
  background-color: #2c6c2e;
  
}
#sp-banner{
  height: 80vh;
  padding-top: 80px;
  position: relative;
}
#sp-banner::after{
  content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    z-index: 9;
    background: linear-gradient(to top, #000, transparent);
}
.burger-icon>span{background:#fff}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li.active>a{
  color: #fff;
}
.sp-megamenu-parent>li:hover>a, .sp-megamenu-parent>li.active:hover>a {
    color: #a361ef;
}
.hero-frase h1{
  margin-top:40px;
  font-size: 48px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Bebas Neue', sans-serif;
}
.hero-frase h1 span{
  text-shadow: 0 0 4px #fff;
  font-size: 84px;
}
#sp-carrousel-topo{
  background: #000;
  padding: 25px 0 100px 0;
  color: #fff;
}

#sp-carrousel-topo .sp-module-title{
  color: #fff;
}
.swiper{
  width: 125%;
}
.bebas{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 60px;
}
.efeito-e, .efeito-d{
  position: absolute;
  width: 100px;
  height: 12px;
  background: #000;
  border-radius: 0 20px 20px 0; 
  top: 70px; 
  transition: all 0.5s ease;
}
.efeito-e{
  left:0;    
}
.efeito-d{
  right:0;
  border-radius: 20px 0 0 20px;
}
.webpro-card:hover .efeito-e, .webpro-card:hover .efeito-d{
  top: 280px;
}
.webpro-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 55px 0;
}
.webpro-text{
  margin-top: 290px;
}
/* Botões de Navegação Customizados */
.webpro-nav {
    display: flex;
    gap: 10px;
}    
.webpro-btn-prev, .webpro-btn-next {
  width: 40px;
  height: 40px;
        border: 1px solid #ffffff40;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.3s;
    }
    .webpro-btn-prev:hover, .webpro-btn-next:hover {
        background: #fff;
        color: #000;
    }
    /* O Card do Slide */
    .swiper-slide.webpro-card {
        height: 474px; /* Altura fixa vertical */
        background-size: cover;
        background-position: center;
        background-color: #000;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;
    }

    /* Efeito de Sombra (Gradiente) para ler o texto */
    .webpro-card::before {
        content: '';
        position: absolute;
        bottom: 0; left: 0; right: 0;
        height: 80%;
        background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
        z-index: 1;
    }    

    /* Conteúdo do Card */
    .webpro-content {
        position: relative;
        z-index: 3;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .webpro-text h3 {
        font-size: 1.2rem;
        margin: 0;
        color: #fff;
    }
    .webpro-text h4 {
        font-size:28px;        
    }

.center-title{
    text-align: center;
    margin: 80px 0 20px 0;
}

#sp-professores{
  background: url(../../../images/professores.jpg) no-repeat top center;
  background-size: cover;
  padding: 250px 0;
  position: relative;
  color: #fff;
  margin-top: 100px;
}
#sp-professores::before{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.65);  
  position: absolute;
  top: 0;
}
.aprendizado{  
  position: relative;
  z-index: 99;
}
.aprendizado p{
  text-align: center;
  font-size: 24px;
}
.aprendizado h3{
  font-size: 120px;
  line-height: 115px;
}

#sp-destaques{
  margin-top: 100px;
}

#sp-position4{
  align-content: end;
  position: relative;
}
.detalhes{
  position: absolute;
  top: 0;
  right: 0;
  width: 210px;
  align-items: center;
}
#sp-dest{
  margin-top: 140px;
}

#sp-faq{
  margin-top: 120px;
  padding-top: 100px;
  padding-bottom: 100px;
  background: #f4f4f4;
}

#sp-footer img{margin-left: auto;}
#sp-footer1 p{padding-top: 15px;}
@media (max-width:767px) {   
  .detalhes{position: static;width: auto; text-align: center;}
  #sp-footer img{margin: 0 auto;}
  #sp-footer{text-align: center;}
}

@media (max-width:640px) {
  .swiper{width: 110%;}
  .aprendizado h3 {font-size: 58px; line-height: normal;}
  .hero-frase h1 span{font-size: 72px;}
}