html {
  scroll-behavior: smooth;
}

*{
    overflow-x: hidden !important;
}


body, h1, h2, h3, h4, p {
  padding: 0;
  margin: 0;
  font-family: Inter, sans-serif;

}

h1 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-top: 4rem
}

h2 {
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1.6rem
  
}

a {
  background: linear-gradient(to right, #0318A1, #00EDFF);
  padding: 1rem 4rem;
  color: white;
  font-weight: 600;
  font-size: 1.1rem;
  border-radius: 5px;
  transition: 0.4s ease;
  text-decoration: none;
  margin-top: 2rem
}

a:hover {
  transform: scale(90%)
}

span {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 2rem
}

p, li {
  color: #666;
  line-height:1.3em;
  font-size: 1.2rem;
}

.conteudo {
  background: #f5f5f5;
    display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  width: 80px;
  margin-top: 5rem
}

.cabecalho {
  background: url('/img/fundo.jpg');
  background-size: cover;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;;
}

.conteudo-cabecalho p {
  text-align: center;
  margin-bottom: 2rem;
}

.conteudo-cabecalho {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40vw
}

.projeto-pontos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 80px;
  margin: 5rem 0;
}

.projeto {
  padding: 3rem;
  width: 40% !important
}
.requisitos-investimento {
  display: flex;
}

.subtt-esquerdo {
  border-left: 5px solid #00EDFF;
  padding-left: 1rem;
}

.pontos {
  width: 60%
}

.ponto {
  margin: 2rem 0;
  display: flex;
  gap: 40px
}

.ponto img {
  width: 100px !important
}

.ponto h3 {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #01093B;
  font-size: 1.1rem;
  margin-bottom: 0.5rem
}

.ponto p {
  font-size: 1.1rem;
  line-height: 1.5em;
}

.projeto {
  box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
   border: 2px #E2E2E2 solid;
  border-radius: 30px;
  padding: 4rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
 
}

.projeto p, .professor p {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.4em;
}

.projeto p:last-child {
  margin: 0
}

.projeto img {
  position: absolute;
  width: 50px;
  top: -8px;
  right: 30px
}

.delimitador-01 {
  width: 1280px;
  align-self: center;
}

.delimitador-02 {
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: center;
  width: 40vw;
  padding: 0 4rem;
  margin-bottom: 8rem
}

.professor {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10rem 0
}


.professor::before {
content: "";
background-color: #00EDFF;
height: 6px;
width: 50px;
margin-bottom: 1rem
}

.requisitos {
  box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
  padding: 4rem;
  width: 100%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px #E2E2E2 solid;
}

.investimento{
  background: linear-gradient(160deg, #01093B 60%, #0318A1);
  width: 90%;
  border-radius: 0px 20px 20px 0px;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5rem
}

.requisitos-investimento {
  align-items: center;
  margin-bottom: 10rem
}

.investimento h2 {
  color: white
}

.investimento p {
  color: white;
}

.reqs {
  margin-bottom: 1rem;
  font-size: 1.3rem;
  display: flex;
}

.reqs img{
  margin-right: 1rem;
  width: 9px
}

.reqs:nth-child(1) {
  margin-bottom: 0 !important
}

.reqs.lista {
flex-direction: column;
}

.horarios {
  margin-bottom: 1rem;
}

.horarios:last-child {
  margin-bottom: 0 !important;
}

.professor {
  width: 60vw
}

.professor p {
  text-align: center
}

.delimitador-02 {
  padding-top: 4rem
}

.valor {
  font-size: 2.7rem;
  margin: 1rem 0
}

@media (max-width: 1280px) {
  .delimitador-01{
    width: 90vw;
  }

  .delimitador-02 {
    width: 80vw
  }
  .pontos {
    width: 60%
  }
}

@media (max-width: 950px) {
  .delimitador-01{
    flex-wrap: wrap;
    width: 80vw
  }
.conteudo-cabecalho{
  width: 60vw
}
  .projeto, .pontos {
   width: 100vw !important
  }

  .requisitos-investimento {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
  }

  .requisitos {
    width: 90%
  }
  .investimento {
    border-radius: 0 0 20px 20px;
    width: 60%;
  }
}

@media (max-width: 767px) {
  .conteudo-cabecalho {
    width: 90vw
  }

.requisitos {
  width: 75%;
  align-self: center;
  padding: 2.5rem
}

.delimitador-01 {
  width: 100%
}
  .delimitador-02 {
    width: 80vw
  }

  .projeto-pontos {
    flex-direction: column;
    align-items: center;
  }
  .projeto {
    padding: 2rem;
    width: 75% !important;
  }

  .pontos {
    width: 75% !important
  }

  .professor {
    margin-top: 5rem;
    width: 75%
  }

  .valor {
    font-size: 2.2rem
  }

  a {
    font-size: 1rem;
    padding: 1rem 2rem
  }
}

@media (max-width: 500px) {
  .conteudo-cabecalho h1 {
    font-size: 2.3rem;
  }

 p {
    font-size: 0.95rem !important;
  }

  a {
    padding: 1rem 1rem;
    font-size: 0.85rem
  }

  .projeto img {
    width: 35px
  }

  .projeto {
    width: 70% !important
  }

  .ponto {
    flex-direction: column !important;
    margin-top: 3rem;
  }

   .ponto img { 
    width: 50px !important;
    
   }

   .pontos {
    width: 80% !important
   }

   .professor p {
      text-align: left;
      width: 95%
   }

   .professor {
    width: 80%;
    align-items: flex-start;
    margin-top: 0 !important
   }

    .requisitos {
      width: 80% !important;
      border-radius: 20px 20px 0 0;
    }

    .investimento {
      width: 72% !important;
      padding: 2rem 2rem
    }

    .valor {
      font-size: 1.8rem !important
    }
    .reqs img {
      min-width: 7px !important;
      max-width: 7px;
      margin-right: 0.3rem
    }
    .reqs ul {
      padding-left: 1rem
    }
   
    .requisitos-investimento {
      margin: 0 !important
    }

    .delimitador-02 {
      margin-bottom: 0rem !important;
      padding-bottom: 4rem
    }
}