@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


*{
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', sans-serif;
}

img{
    max-width: 100%;
}

p{
    margin-bottom: 0 !important;
}

body{
    background-image: url(../img/18.jpg);
}

header{
    display: flex;
    align-items: center;
    justify-content: center;

    
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Bebas Neue', sans-serif;
}

#whatsapp{
    position: fixed;
    bottom: 10px;
    left: 10px;
    font-size: 20pt;
    background-color: #019ADA;
    padding: 30px;
    border-radius: 25px;
    color: #fff;
}


.l-2{
    margin-top: 50px;
}

.logo{
    display: flex;
    justify-content: center;
}

.logo img{
    max-width: 25%;
}

.visita{
    padding: 50px;
    background-color: #2B69B8;
    color: #fff;
}

.visita iframe{
    width: 100%;
    height: 450px;
    border-radius: 25px;
}

.frase-1{
    color: #FF4E1C;
    font-size: 30pt;
    margin-top: 50px;
    font-weight: bold;
}

.baixo{
    display: flex;
    align-items: center;
    justify-content: center;
}

.baixo i{
    color: #FF4E1C;
    font-size: 25pt;
}

.sobre{
   background-image: url(../img/fundo.png);
   background-size: cover;
}

.box h2{
    color: #019ADA;
    font-size: 40pt;
}

.box p{
    text-align: justify;
}

.cursos{
    padding: 50px;
    background-color: #dddddd;
}

.cursos img{
    border-radius: 30px;
}

.cursos h2{
    color: #2B69B8;
    font-weight: bold;
    font-size: 40pt;
}

.curso-geral{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cada-curso{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-radius: 10px 0px ;
    margin-top: 20px;
    padding: 20px;
}

.cada-curso h3{
    color: #FFEC70;
    font-weight: bolder;
}



.bercario{
    background-color: #FF4E1C;
}

.bercario-2{
    background-color: #2B69B8;
}

.maternal{
    background-color: #FFC743;
}

.maternal h3{
   font-weight: bold;
   color: #2B69B8;
}

.jardim{
    background-color: #2B69B8;
}

.jardim-2{
    background-color: #FF4E1C;
}

.jardim-3{
    background-color: #2B69B8;
}

.adapta{
    padding: 50px;
    background: url(../img/fundo.png);
}

.adapta img{
    border-radius: 25px;
}

.adapta p{
    text-align: justify;
}

.adapta-box{
    background-color: #FFC743;
    padding: 50px;
    border-radius: 25px 0px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.308);
    position: relative;
}

.adapta-box::after{
    content: url(../img/icones/lupa.png);
    position: absolute;
    top: -20px;
    right: -20px;
}

.adapta-box h2{
    color: #FF4E1C;
    text-transform: uppercase;
    font-size: 40pt;
}

.rotina-box{
    background-color: #FF4E1C;
    padding: 50px;
    border-radius: 25px 0px;
    position: relative;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.308);
}

.rotina-box::after{
    position: absolute;
    content: url(../img/icones/alarme.png);
    top: -20px;
    right: -20px;
    filter: drop-shadow(2px 2px 5px #000);
}

.rotina-box h2{
    color: #FFEC70;
    font-size: 40pt;
}

.rotina-box h3{
    color: #A5E5ED;
    font-size: 30pt;
}

.rotina-box p{
    color: #fff;
}

.maternal-box{
    background-color: #2B69B8;
    padding: 50px;
    border-radius: 50px 0px;
    color: #fff;
    position: relative; 
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.308);
}

.maternal-box::after{
    position: absolute;
    content: url(../img/icones/rocket.png);
    top: -20px;
    left: -20px;
    filter: drop-shadow(2px 2px 5px #000);

}

.maternal-box h2{
    color: #FFC743;
    font-size: 30pt;
}

.box-vant-1{
    padding: 50px;
    background-color: #2B69B8;
    border-radius: 25px;
    color: #fff;
    position: relative;
}

.box-vant-1::after{
    content: url(../img/icones/baby-bottle.png);
    position: absolute;
    top: -30px;
    right: -20px;
    filter: drop-shadow(2px 2px 5px #000);
}


.box-vant-1 h2{
    color: #FFC743;
    font-size: 30pt;
}

.box-vant-2{
    background-color: #FF4E1C;
    margin-top: 50px;
    padding: 50px;
    border-radius: 25px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.308);
    position: relative;
    color: #fff;
}

.box-vant-2::after{
    content: url(../img/icones/bone.png);
    position: absolute;
    top: -30px;
    right: -20px;
    filter: drop-shadow(2px 2px 5px #000);
}

.box-vant-2 h2{
    color: #FFC743;
    font-size: 30pt;
}

.copy{
    background-color: #019ADA;
    color: #fff;
    padding: 5px;
}

footer{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    background-color: #dddddd;
}

footer img{
    max-width: 15%;
    margin-bottom: 20px;
}