* {font-family: 'DIN Pro', sans-serif!important;color: #575756;}
body{font-family: 'DIN Pro', sans-serif!important;color: #575756;}
a, p, h1, h2, h3, h4, h5, h6{margin-bottom: 0!important}
.flex{display: flex;}
.between{justify-content: space-between;}

main{background-color: #E8FFF0;}

#header .on-767{display: none!important;}
#bl2 .on-767{display: none!important;}
#bl1 .on-575{display: none!important;}
#bl4 .on-575{display: none!important;}

#header {position: fixed;background-color: #fff;z-index:999;}
#header .header{padding-top:1%;padding-bottom:1%;}
#header .header-img img{width:31.5%;}
#header .header-texto{display: flex;justify-content: space-between;place-items: center;}
#header .header-texto a{font-size: 18px;font-weight: bold;text-transform: uppercase;color: #000;text-decoration: none;}

#space{width: 100%;padding-top: 4.5%;}

#bl1{background-color: #E8FFF0;padding: 0;}
#bl1 img{width: 100%;}

#bl2 h1{font-size: 47px;padding-bottom: 5%;}
#bl2 h2{font-size: 29px;}
#bl2 h3{font-size: 23px;padding-bottom: 5%;}
#bl2 p{font-size: 22px;font-style: italic;}
#bl2 span{color: #91CA4C;font-weight: bold;}
#bl2 .adj{display: flex;justify-content: space-between;}
#bl2 .adj img{width: 10%!important;height: max-content;align-self: center;}
#bl2 .mySwiperCards .swiper-slide{display: flex;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 90%);}
#bl2 .mySwiperCards .swiper-imagem{width: 47.5%;}
#bl2 .mySwiperCards .swiper-imagem img{width: 100%;}
#bl2 .mySwiperCards .swiper-texto{width: 50%;display: flex;flex-direction: column;justify-content: center;}
#bl2 .mySwiperCards .swiper-texto img{width: 15%;}
#bl2 .mySwiperCards .swiper-pagination-bullet {width: 15px;height: 15px;background: #fff;opacity: .75;border: solid 1px #91CA4D;}
#bl2 .mySwiperCards .swiper-pagination-bullet-active {background: #91CA4D;border: solid 1px #91CA4D;opacity: 1;}

#bl3{padding-top: 5%;padding-bottom: 5%;}
#bl3 h1{font-size: 36px;text-align: center;text-align: -webkit-center;font-weight: bold;color: #08325F;padding-bottom: 5%;}
#bl3 p{font-size: 20px;text-align: center;text-align: -webkit-center;font-weight: 400;padding-top: 5%;padding-bottom: 5%;}
#bl3 .form-input{width: 47.5%}
#bl3 .form-input input{font-size: 20px; color: #888888; font-weight: 400;}
#bl3 .form-input input::placeholder{font-size: 20px; color: #888888; font-weight: 400;}
#bl3 .form-input select{font-size: 20px; color: #888888; font-weight: 400;}
#bl3 .form-input select::placeholder{font-size: 20px; color: #888888; font-weight: 400;}
#bl3 .form-input option{font-size: 20px; color: #888888; font-weight: 400;}
#bl3 .form-input option::placeholder{font-size: 20px; color: #888888; font-weight: 400;}
#bl3 .form-textarea textarea{font-size: 20px; color: #888888; font-weight: 400;}
#bl3 .form-textarea textarea::placeholder{font-size: 20px; color: #888888; font-weight: 400;}
#bl3 form{text-align: center;}
#bl3 .form-control { background-color: #fff; border: none; border-radius: 50px;margin-bottom: 5%;padding: 2% 5%;}
#bl3 .form-control:focus {  border: none;box-shadow: none;}
#bl3 .btn-custom {font-size: 20px;font-weight: bold;text-decoration: none;color: #fff;background-color: #08325F;padding: 1% 10%;border-radius: 50px;text-align: center;}
#bl3 .bl3-titulo{background-color: #91CA4D;border-top-right-radius: 25px;border-top-left-radius: 25px;padding: 2.5% 7.5% 0;}
#bl3 .bl3-content{background-color: #91CA4D;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;padding: 0 7.5% 2.5%;}
#bl3 #uf{width: 17.5%;}
#bl3 #city{width: 77.5%;}
#bl3 #question{padding: 1% 2.5%;}
#bl3 .div-select{width: 100%;}

#bl4{background-color: #E8FFF0;padding: 0;}
#bl4 img{width: 100%;}

#footer .footer{padding-bottom: 2.5%;padding-top: 2.5%;border-top: solid #000 1px;}
#footer p{font-size: 16px;font-weight: 500;color: #A2A2A2;text-align: center;}
#footer .logo img{width: 65%;}
#footer .redes{text-align: right;}
#footer .redes img{width: 30px;margin-left: 10px;}

@media(max-width:1399px){
    #header .header-texto a{font-size: 16px;}

    #bl2 h1{font-size: 40px;padding-bottom: 5%;}
    #bl2 h2{font-size: 26px;}
    #bl2 h3{font-size: 20px;padding-bottom: 5%;}
    #bl2 p{font-size: 18px;font-style: italic;}
    #bl2 .mySwiperCards .swiper-pagination-bullet{width: 14px;height: 14px;}

    #bl3 h1{font-size: 32px;}
    #bl3 p{font-size: 18px;}
    #bl3 .form-input input{font-size: 18px;}
    #bl3 .form-input input::placeholder{font-size: 18px;}
    #bl3 .form-input select{font-size: 18px;}
    #bl3 .form-input select::placeholder{font-size: 18px;}
    #bl3 .form-input option{font-size: 18px;}
    #bl3 .form-input option::placeholder{font-size: 18px;}
    #bl3 .form-textarea textarea{font-size: 18px;}
    #bl3 .form-textarea textarea::placeholder{font-size: 18px;}
    #bl3 .btn-custom{font-size: 18px;width: 35%;}

    #footer p{font-size: 15px;}
    #footer .redes img{width: 28px;margin-left: 9px;}
}

@media(max-width:1199px){
    #header .header-texto a{font-size: 14px;}

    #bl2 h1{font-size: 35px;padding-bottom: 5%;}
    #bl2 h2{font-size: 23px;}
    #bl2 h3{font-size: 18px;padding-bottom: 5%;}
    #bl2 p{font-size: 15px;font-style: italic;}
    #bl2 .mySwiperCards .swiper-pagination-bullet{width: 13px;height: 13px;}

    #bl3 h1{font-size: 28px;}
    #bl3 p{font-size: 16px;}
    #bl3 .form-input input{font-size: 16px;}
    #bl3 .form-input input::placeholder{font-size: 16px;}
    #bl3 .form-input select{font-size: 16px;}
    #bl3 .form-input select::placeholder{font-size: 16px;}
    #bl3 .form-input option{font-size: 16px;}
    #bl3 .form-input option::placeholder{font-size: 16px;}
    #bl3 .form-textarea textarea{font-size: 16px;}
    #bl3 .form-textarea textarea::placeholder{font-size: 16px;}
    #bl3 .btn-custom{font-size: 16px;width: 30%;}

    #footer p{font-size: 14px;}
    #footer .redes img{width: 26px;margin-left: 8px;}
}

@media(max-width:991px){
    #header .header-texto a{font-size: 10px;}

    #bl2 h1{font-size: 25px;padding-bottom: 5%;}
    #bl2 h2{font-size: 17px;}
    #bl2 h3{font-size: 15px;padding-bottom: 5%;}
    #bl2 p{font-size: 11px;font-style: italic;}
    #bl2 .mySwiperCards .swiper-pagination-bullet{width: 12px;height: 12px;}

    #bl3 h1{font-size: 24px;}
    #bl3 p{font-size: 14px;}
    #bl3 .form-input input{font-size: 14px;}
    #bl3 .form-input input::placeholder{font-size: 14px;}
    #bl3 .form-input select{font-size: 14px;}
    #bl3 .form-input select::placeholder{font-size: 14px;}
    #bl3 .form-input option{font-size: 14px;}
    #bl3 .form-input option::placeholder{font-size: 14px;}
    #bl3 .form-textarea textarea{font-size: 14px;}
    #bl3 .form-textarea textarea::placeholder{font-size: 14px;}
    #bl3 .btn-custom{font-size: 14px;width: 30%;}

    #footer p{font-size: 12px;}
    #footer .redes img{width: 24px;margin-left: 7px;}
}

@media(max-width:767px){
    #header .on-767{display: block!important;text-align: -webkit-right;}
    #header .off-767{display: none!important;}

    #bl2 .on-767{display: block!important;}
    #bl2 .off-767{display: none!important;}
    
    #header .header-img img {
        width: 50%;
    }
    
    #header .header-texto a{font-size: 14px;}
    
    #space {
        width: 100%;
        padding-top: 5%;
    }
    
    #bl2 .mySwiperCards .swiper-slide {display: flex;background: #fff;flex-direction: column;align-items: center;border-radius: 25px;padding-top: 5%;padding-bottom: 5%;}
    #bl2 .mySwiperCards .swiper-imagem {width: 50%;padding-bottom: 5%;}
    #bl2 h2 {font-size: 25px;}
    #bl2 h3 {font-size: 20px;padding-bottom: 5%;padding-top: 5%;}
    #bl2 p {font-size: 20px;font-style: italic;}
    #bl2 .adj {flex-direction: column;}
    #bl2 .adj .imagem{display: flex;padding-top: 5%;}
    #bl2 .adj img{width: 20%!important;margin-right: 5%;}
    #bl2 .mySwiperCards .swiper-wrapper{padding-bottom: 7.5%;}
    
    
    #bl3 h1{font-size: 22px;}
    #bl3 p{font-size: 16px;}
    #bl3 .form-input input{font-size: 16px;}
    #bl3 .form-input input::placeholder{font-size: 16px;}
    #bl3 .form-input select{font-size: 16px;}
    #bl3 .form-input select::placeholder{font-size: 16px;}
    #bl3 .form-input option{font-size: 16px;}
    #bl3 .form-input option::placeholder{font-size: 16px;}
    #bl3 .form-textarea textarea{font-size: 16px;}
    #bl3 .form-textarea textarea::placeholder{font-size: 16px;}
    #bl3 .btn-custom{font-size: 14px;width: 35%;}
    
    #footer p{font-size: 12px;}
    #footer .redes img{width: 22px;margin-left: 6px;}
    
    #bl3 .form-row {flex-wrap: wrap;}
    #bl3 .form-input{width: 100%;}
    #bl3 .form-control{margin-bottom: 5%;}
    
    #footer .logo{text-align: center;}
    #footer .logo img {
        width: 30%;
    }
    #footer .texto{    padding-top: 2.5%;
        padding-bottom: 2.5%;}
        #footer .redes {
            text-align: center;
        }
    }
    
@media(max-width:575px){

    #bl1 .on-575{display: block!important;}
    #bl1 .off-575{display: none!important;}
    #bl4 .on-575{display: block!important;}
    #bl4 .off-575{display: none!important;}

    #header .header {padding-top: 5%;padding-bottom: 5%;text-align: center;}
    #header .header-texto a{font-size: 12px;}

    #header .header-img img {
        width: 175px;
    }

    #space {
        padding-top: 75px;
    }

    #bl2 .mySwiperCards .swiper-imagem{width: 60%;}
    #bl2 .mySwiperCards .swiper-texto{width: 60%;}
    #bl2 h2 {font-size: 28px;}
    #bl2 h3 {font-size: 22px;padding-bottom: 5%;padding-top: 5%;}
    #bl2 p {font-size: 22px;font-style: italic;}

    #bl3 {background-color: #91CA4D;}
    #bl3 h1{font-size: 22px;}
    #bl3 p{font-size: 14px;}
    #bl3 .form-input input{font-size: 14px;}
    #bl3 .form-input input::placeholder{font-size: 14px;}
    #bl3 .form-input select{font-size: 14px;}
    #bl3 .form-input select::placeholder{font-size: 14px;}
    #bl3 .form-input option{font-size: 14px;}
    #bl3 .form-input option::placeholder{font-size: 14px;}
    #bl3 .form-textarea textarea{font-size: 14px;}
    #bl3 .form-textarea textarea::placeholder{font-size: 14px;}
    #bl3 .btn-custom{font-size: 14px;width: 100%;}
    #bl3 .form-input{flex-wrap: wrap;}
    #bl3 #uf {width: 100%;}
    #bl3 #city {width: 100%;}

    #bl4{padding-top: 10%;}


    #footer p{font-size: 12px;}
    #footer .redes img{width: 20px;margin-left: 5px;}
    #footer .logo img {width: 175px;}
    #footer .texto {padding-top: 5%;padding-bottom: 5%;}
    #footer .footer {padding-bottom: 5%;padding-top: 5%;}
}