body{

    background: #fdfefd;

}



.navbar{

    position: fixed;

    width: 100%;

    top: 0px;

    z-index: 9999999;

    border-bottom: 5px solid #e3e3e3dd;

}



.navbar-nav{

    width: 50%;

    position: absolute;

    right: 0%;

}



.nav-item{

    padding-right: 8%;

}



.banner_video{

    display: flex;

    margin-top: 8%;

    margin-left: 11%;

    margin-right: 11%;

    margin-top: 15%;

}

.intro__illustration{

    width: 100%;

}



.banner_video h1{

    font-size: 35pt;

    color: #3c6797;

}



.banner_video p{

    font-size: 14pt;

}



.btn-custom{

    background: #3c6797;

    color: #fff;

    border-radius: 1px;

    padding-top: 3%;

    padding-bottom: 3%;

    font-size: 13pt;

    font-weight: 600;

    border-radius: 30px;

}



.btn-custom:hover{

    background: #305279;

    color: #fff;

}



.Atendimento_wand{

    text-align: center;

    margin-top: 5%;

}



.Atendimento_wand h2{

    font-size: 25pt;

    font-weight: 700 !important;

    color: #3c6797;

}

.Atendimento_wand h5{

    font-size: 25pt;

    font-weight: 700 !important;

    color: #3c6797;

}





.card_item p{

    font-size: 15pt;

}



.card_flex{

    display: flex;

    justify-content:space-evenly;

    flex-wrap: wrap;

}



.card_config{

    margin-top: 5%;

    margin-bottom: 7%;

}



.banner-horizontal{

    width: 1020px;

    border-radius: 70px;

    -webkit-box-shadow: 5px 21px 36px -11px rgba(0,0,0,0.75);

  -moz-box-shadow: 5px 21px 36px -11px rgba(0,0,0,0.75);

  box-shadow: 5px 21px 36px -11px rgba(0,0,0,0.75);

  }


  .carousel-inner{
    border-radius: 30px !important;
  }



.primeiro_banner{

    display: flex;

    justify-content: center;

    margin-top: 5%;

}



.card_servicos_config{

    margin-top: 5%;

    display: flex;

    justify-content: center;

    margin-left: 5%;

    margin-right: 5%;

}

.card{

    border-radius: 30px !important;

    border: none;

    -webkit-box-shadow: 5px 21px 36px -11px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 5px 21px 36px -11px rgba(0, 0, 0, 0.75);

    box-shadow: 3px 7px 23px -9px rgba(0, 0, 0, 0.75);

}



.card-img-top{

    border-radius: 30px 30px 0px 0px !important;

}



.card-body{

    text-align: center;

}



.card-title{

    font-size: 16pt;

    font-weight: 700;

    padding-bottom: 3%;

}



.btn-customCard{

    background: #3c6797;

    color: #fff;

    border-radius: 1px;

    padding-top: 1%;

    padding-bottom: 1%;

    font-size: 13pt;

    font-weight: 600;

    border-radius: 30px;

}



.btn-customCard:hover{

    background: #305279;

    color: #fff;

}



.quemsomos_text{

    margin-left: 5%;

    margin-right:5%;

    font-size:14pt;

    margin-bottom: 5%;

}



.quemsomos_text li h3{

    font-size: 12pt;

    font-weight: 400;

}



.quemsomos_text h4{

    text-align: center;

    font-weight: 700;

    color: #3c6797;

}



.accordion{

    width: 70%;

    margin-left: 15%;

}



.accordion-item{

    border-radius: 30px !important; 

    margin-bottom: 1%;

}



.accordion-header{

    background: #dbdbdb;

    border-radius: 30px;

}



.accordion-button:focus{

    box-shadow: none;

}



.accordion-button{

    background: transparent;

}



.accordion-button:not(.collapsed){

    background: transparent !important;

}



.carousel-item .img-mobile{

    display: none;

}



.carousel-item .img-desktop{

    display: block;

}



.pilares_compra_config{

    margin-top: 2%;

    margin-left: 5%;

    margin-right: 5%;

}



.nossos_produtos{

    margin-top: 2%;

    margin-left: 5%;

    margin-right: 5%;

}





.card_pilares{

    display: flex;

    width: 22%;

    flex-direction: column;

    flex-wrap: wrap;

    align-items: center;

    text-align: center;

}



.card_produtos{

    display: flex;

    width: 26%;

    flex-direction: column;

    flex-wrap: wrap;

    align-items: center;

    text-align: center;

    margin-left: 5%;

}



.pilares_compra_cont{

    display: flex;

    justify-content: space-between;

}



.nossos_produtos_cont{

    display: flex;

    flex-wrap: wrap;

    justify-content: left;

}



.card_pilares .img_radius{

    background: #82addd;

}



.card_produtos .img_radius{

    padding:6% !important;

}



.img_radius{

    background: #3c6797;

    border-radius: 100%;

    padding:10%;

    position: relative;

    top:38px;

}



.conteudo_pilar{

    background: #d9d9d9;

    padding-top: 20%;

    padding-left: 8%;

    padding-right: 8%;

    padding-bottom: 20%;

    border-radius: 0px 0px 150px 150px;

    height: 360px;

}





.conteudo_pilar h2{

    font-size: 20pt;

    font-weight: 500;

}

.conteudo_produtos{

    background: #d9d9d9;

    padding-top: 20%;

    padding-left: 0%;

    padding-right: 0%;

    padding-bottom: 20%;

    border-radius: 20px;

    width: 350px;

}



.conteudo_produtos h2{

    font-size: 20pt;

    font-weight: 500;

}



.conteudo_produtos li h3{

    font-size: 12pt;

    font-weight: 400;

}



.conteudo_produtos .accordion{

    width: 90%;

    margin-left: 5%;

}



.conteudo_produtos .accordion-header{

    background: #3c6797;

}



.conteudo_produtos .accordion-button{

    color: #fff;

}



.conteudo_produtos .accordion-item{

    background: #e7e5e5;

    border: transparent;

}



.footer_config{

    background: #f8f9fa;

    max-width: none;

}



.button_flutuante{

    position: fixed;

    right: 25px;

    top: 80%;

    z-index: 999999;

}



.img_marcas{

    text-align: center;

    width: 100%;

    margin-bottom: 10%;

}

@media (max-width: 1000px){

    .banner-horizontal{

        width: 100%;

    }



    .accordion{

        width: 100%;

        margin-left: 0px;

    }



    .navbar-nav{

        width: 100%;

        position:initial;

    }

    

    .nav-item{

        padding-right: 0px;

    }





    

}



@media (max-width: 500px){

    .carousel-item .img-mobile{

        display: block;

    }

    .carousel-item .img-desktop{

        display: none !important;

    }



    .card_pilares{

        width: 100%;

    }



    .pilares_compra_cont{

        display: block;

        justify-content: space-between;

    }

    

    .card_produtos{

        width: 100%;

        margin-left: 0px;

    }



    .footer_config{

        text-align: center;

    }



    .img_footer{

        display: flex;

        justify-content: center;

    }



    .banner_video{

        margin-top: 40%;

    }

    

}



