/* @import url('https://fonts.googleapis.com/css2?family=Urbanist&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');



/*Google Fontes*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



.roboto-thin {

    font-family: "Roboto", sans-serif;

    font-weight: 100;

    font-style: normal;

}



.roboto-light {

    font-family: "Roboto", sans-serif;

    font-weight: 300;

    font-style: normal;

}



.roboto-regular {

    font-family: "Roboto", sans-serif;

    font-weight: 400;

    font-style: normal;

}



.roboto-medium {

    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-style: normal;

}



.roboto-bold {

    font-family: "Roboto", sans-serif;

    font-weight: 700;

    font-style: normal;

}



.roboto-black {

    font-family: "Roboto", sans-serif;

    font-weight: 900;

    font-style: normal;

}



.roboto-thin-italic {

    font-family: "Roboto", sans-serif;

    font-weight: 100;

    font-style: italic;

}



.roboto-light-italic {

    font-family: "Roboto", sans-serif;

    font-weight: 300;

    font-style: italic;

}



.roboto-regular-italic {

    font-family: "Roboto", sans-serif;

    font-weight: 400;

    font-style: italic;

}



.roboto-medium-italic {

    font-family: "Roboto", sans-serif;

    font-weight: 500;

    font-style: italic;

}



.roboto-bold-italic {

    font-family: "Roboto", sans-serif;

    font-weight: 700;

    font-style: italic;

}



.roboto-black-italic {

    font-family: "Roboto", sans-serif;

    font-weight: 900;

    font-style: italic;

}



body::-webkit-scrollbar {

    width: 15px; /* width of the entire scrollbar */

}



body::-webkit-scrollbar-track {

    background: #113602; /* color of the tracking area */

}



body::-webkit-scrollbar-thumb {

    background-color: #82BC4C; /* color of the scroll thumb */

    border-radius: 30px; /* roundness of the scroll thumb */

    border: 4px solid #113602; /* creates padding around scroll thumb */

}



.navbar-icon {

    background-image: linear-gradient(to left, #82BC4C, #868686);

    /* background-color: #F8F9FA; */

}



.nav-link, .dropdown-item {

    /* font-family: 'Poppins', sans-serif; */

    font-family: 'Roboto', foco;

    color: #018740;

    font-size: 15px;

    align-items: center;

    margin: 0;

    display: flex;

    font-weight: bold;

}



/* .navbar{

    box-shadow: 1px 3px 10px #000;

} */



.icon {

    font-size: 30px;

    /* background-color: #82BC4C; */

    color: #FFF;

    /* padding: 10px 15px 10px 15px; */

}



.icon:hover {

    font-size: 30px;

    /* background-color: #000065; */

    color: #000065;

    /* padding: 10px 15px 10px 15px; */

}



.icon-rodape {

    font-size: 40px;

    color: #4d8a15;

}



.icon-rodape:hover {

    font-size: 40px;

    color: #000065;

}



.iconrodape {

    font-size: 30px;

    color: #216904;

    /* padding: 10px 15px 10px 15px; */

}



.iconrodape:hover {

    font-size: 30px;

    /* background-color: #000065; */

    color: #000065;

    /* padding: 10px 15px 10px 15px; */

}



.banner-segmento-bercario {

    background: url(../img/naex/naex.png) no-repeat;

    height: 50vh;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}



.banner-segmento-infantil {

    background: url(../img/segmentos/educacao-infantil.jpg) no-repeat;

    height: 50vh;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}



.banner-segmento-fund1 {

    background: url(../img/segmentos/fundamental-i.jpg) no-repeat;

    height: 50vh;

    background-position: top;

    background-size: cover;

    background-attachment: fixed;

}



.banner-segmento-fund2 {

    background: url(../img/segmentos/fundamental-ii.jpg) no-repeat;

    height: 50vh;

    background-position: top;

    background-size: cover;

    background-attachment: fixed;

}



.banner-segmento-proposta {

    background: url(../img/proposta-pedagogica.jpg) no-repeat;

    height: 50vh;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}



.banner-segmento-info {

    background: url(../img/diferencial4.jpg) no-repeat;

    height: 50vh;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}



.banner-segmento-historia {

    background: url(../img/fachada2.jpg) no-repeat;

    height: 50vh;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}



.btn-matricula {

    padding: 10px 25px 10px 25px;

    border: #82BC4C solid 1px;

    border-radius: 30px;

    font-family: 'Poppins', sans-serif;

    background-color: #82BC4C;

}



a {

    font-family: 'Roboto', foco;

    font-weight: bold;

    text-decoration: none;

    color: #fff;

}



a:hover {

    text-decoration: none;

    color: #fff;

}



.lista-material {

    font-family: 'Roboto', foco;

    font-weight: bold;

    text-decoration: none;

    background-color: #018740;

    padding: 10px 70px 10px 70px;

    border-radius: 5px;

    border: #018740 1px solid;

}



.lista-material:hover {

    font-family: 'Roboto', foco;

    font-weight: bold;

    text-decoration: none;

    background-color: #002712;

    padding: 10px 70px 10px 70px;

    border-radius: 5px;

    border: #002712 1px solid;

}



.lista-material-mobile {

    font-family: 'Roboto', foco;

    font-weight: bold;

    text-decoration: none;

    background-color: #018740;

    padding: 10px 40px 10px 40px;

    border-radius: 5px;

    border: #018740 1px solid;

}



.lista-material-mobile:hover {

    font-family: 'Roboto', foco;

    font-weight: bold;

    text-decoration: none;

    background-color: #002712;

    padding: 10px 40px 10px 40px;

    border-radius: 5px;

    border: #002712 1px solid;

}



.btn-matricula:hover {

    padding: 10px 25px 10px 25px;

    border: #018740 solid 1px;

    background-color: #018740;

    border-radius: 30px;

    font-family: 'Poppins', sans-serif;

}



.btn-visita {

    padding: 10px 25px 10px 25px;

    border: #FFF solid 1px;

    border-radius: 30px;

    text-decoration: none;

    font-family: 'Poppins', sans-serif;

    color: #FFF;

}



.btn-visita:hover {

    padding: 10px 25px 10px 25px;

    border: #82BC4C solid 1px;

    background-color: #FFF;

    border-radius: 30px;

    text-decoration: none;

    font-family: 'Poppins', sans-serif;

    color: #82BC4C;

}



.carousel {

    /* background: url(../img/banner/banner-2023-certo.jpeg) no-repeat;*/

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

    /* height: 100vh;

    display: flex; */

    align-items: center;

}



.icones {

    text-align: center;

    display: flex !important;

}



h1 {

    color: #216904;

    /* font-family: 'Pacifico', cursive; */

    /* font-family: 'Lobster', cursive; */

    font-family: 'Roboto', foco !important;

    text-align: center;

}



h2 {

    /* font-family: 'Roboto', foco; */

    font-family: 'Roboto', foco !important;

    /* font-family: 'Poppins', sans-serif !important; */

    color: #FFF;

    /* font-weight: bold; */

}



h3 {

    color: #000;

    font-size: 32px;

    /* font-weight: bold; */

    font-family: 'Roboto', foco;

}



h4 {

    color: #fff;

    background-color: #113602;

    padding: 5px;

    border-radius: 20px;

    font-size: 16px;

    /* font-weight: bold; */

    font-family: 'Roboto', foco;

    text-transform: uppercase;

}



h5 {

    color: #fff;

    font-family: 'Pacifico', cursive;

    font-size: 70px;

    /* -webkit-text-stroke: 1px #fff; */

    text-shadow: 2px 2px 10px #000;

}



p {

    font-family: 'Roboto', foco;

    color: #000;

    font-size: 18px;

    text-align: justify;

    margin-bottom: 0 !important;

}



.paragrafo-diferenciais {

    font-family: 'Roboto', foco;

    color: #000;

    font-size: 14px;

    text-align: center;

}



.parte1 {

    background-image: url('../img/fundo.png') !important;

    background-attachment: fixed;

}



/* .parte2{

    background-image: url('../img/faixa-fundo.png');

    background-repeat: no-repeat;

} */



.parte2 {

    background-color: #82BC4C;

}



.parte3, .parte3-mobile {

    background-color: #FAFAFA;

}



.parte4 {

    background-image: url('../img/fundo-2.png');

    background-attachment: fixed;

}



.parte5, .parte7, .parte7-mobile {

    background-image: url('../img/fundo-3.png');

    /* background-repeat: no-repeat; */

    background-attachment: fixed;

}



.parte6 {

    background-image: url('../img/arborizado2.jpg');

    background-attachment: fixed;

    /* background-repeat: no-repeat; */

}



.parte8 {

    background-color: #017abe;

}



.parte2-segmento, .parte4-segmento {

    background-image: url('../img/fundo.png') !important;

}



.parte4-segmento {

    background-image: url('../img/fundo-3.png') !important;

}



.parte6-segmento {

    background-color: #e2e2e21a;

}



.paragrafo-rodape {

    color: #216904;

    font-weight: bold;

}



.legenda-segmento {

    background-color: #57C1F2;

    text-align: center;

    font-size: 16px;

}



.legenda-segmento2 {

    background-color: #B9C73A;

    text-align: center;

    font-size: 16px;

}



.legenda-segmento3 {

    background-color: #FFAB08;

    text-align: center;

    font-size: 16px;

}



.legenda-segmento4 {

    background-color: #C65F9E;

    text-align: center;

    font-size: 16px;

}



span {

    color: #216904;

    /* -webkit-text-stroke: 1px #fff; */

    text-shadow: 2px 2px #fff;

}



.diferenciais {

    box-shadow: 7px 7px 25px rgba(0, 0, 0, 0.548);

    /* border: #fff 2px solid; */

    border-radius: 30px;

}



@media only screen and (max-width: 500px) {



    .img-segmento, .video {

        width: 100% !important;

    }



    .parte3, .parte7 {

        display: none;

    }



    .parte8 p, h2 {

        text-align: center;

        margin-top: 5%;

        padding: 20px 5px -100px 5px;

    }



    .icons-footer, .logo-rodape {

        text-align: left !important;

    }



    .titulo-acompanhamentoescolar, .titulo-extracurricular {

        font-size: 12px;

    }

}



@media only screen and (min-width: 768px) {



    .parte3-mobile, .parte7-mobile {

        display: none;

    }



}



@media only screen and (min-width: 992px) and (max-width: 1193px) {

    .nav-link {

        font-size: 10px;

        text-align: center;

    }



    .btn-matricula {

        font-size: 12px;

    }

}



#backtotop {

    display: none;

    position: fixed;

    z-index: 9999;

    color: #216904;

    font-size: 40px;

    bottom: 10px;

    right: 25px;

    transition-delay: 0.5s;

    animation: 'backtotop' 0.5s ease-in;

}



@keyframes backtotop {

    0% {

        opacity: 0.75;

    }

    100% {

        opacity: 1;

    }

}

.wrapper {
    display: flex;
    width: 90%;
    justify-content: space-around;
  }
  
  .card-segmento {
    width: 100%;
    height: 400px;
    border-radius: 15px;
    padding: 1.5rem;
    background: white;
    position: relative;
    display: flex;
    align-items: flex-end;
    transition: 0.4s ease-out;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
  }
  
  .card-segmento:hover {
    transform: translateY(20px);
  }
  
  .card-segmento:hover:before {
    opacity: 1;
  }
  
  .card-segmento:hover .info {
    opacity: 1;
    transform: translateY(0px);
  }
  
  .card-segmento:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
    transition: 0.5s;
    opacity: 0;
  }
  
  .card-segmento img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
  }
  
  .card-segmento .info {
    position: relative;
    z-index: 3;
    color: white;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s;
  }
  
  .card-segmento .info h1 {
    margin: 0px;
    color: #fff;
  }
  
  .card-segmento .info p {
    letter-spacing: 1px;
    font-size: 15px;
    margin-top: 8px;
    color: #fff;
  }
  
  .card-segmento .info button {
    padding: 0.6rem;
    outline: none;
    border: none;
    border-radius: 3px;
    background: white;
    color: black;
    font-weight: bold;
    cursor: pointer;
    transition: 0.4s ease;
  }
  
  .card-segmento .info button:hover {
    background: dodgerblue;
    color: white;
  }