html {
  /*scroll-behavior: smooth;*/
}

section {
   overflow: hidden;
   /*overscroll-behavior: none;*/
   width: 100%;
}

body{
    background-color: #FFFFFF !important;
    font-family: 'Varela', sans-serif;
  font-weight: 400;
  font-style: normal;
}
header{
    border-top: 0.5px #0a2c78 solid;
    margin: 15px 0 0;    
}
header main{
    padding: 15px 0;
}
header main .logo{}
header main .logo a{}
header main .logo a img{
    width: 100%;
}
header main ul{
    margin: 0;
    padding: 0;
}
header main ul li{
        display: inline-block;
    padding: 10px 26px;
    font-size: 17px;
}
header main ul li a{
        font-family: "Varela", sans-serif;
    font-weight: 700;
    color: #000;
}
header main ul li a:hover,
header main ul li.active a{
    color: #0a2c78;
    text-decoration: none;
}
header main a.social{
        background: #dbedf4;
    color: #000;
    font-size: 20px;
    border-radius: 50%;
    width: 45px;
    display: inline-block;
    height: 45px;
    align-content: center;
    text-align: center;
}
header main a.social:hover{
    text-decoration: none;
    background: #ccc;
}


/*section banner*/

section.banner{
    padding: 40px 0;
}
section.banner .textBanner{}
section.banner .textBanner h1{
    font-weight: 700;
    font-size: 47px;
}
section.banner .textBanner h1 span{
    color: #0a2c78;     
}
section.banner .textBanner p{
    font-size: 17px;
    line-height: 23px;
}
section.banner .textBanner .botoes{
    padding: 140px 0 0;
}
section.banner .textBanner a{
    padding: 15px 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    margin: 0 5px;
}
section.banner .textBanner a.um{
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
}
section.banner .textBanner a.dois{
    background-image: linear-gradient(90deg, #2bbbed 30%, #233374 100%);
}
section.banner .textBanner a:hover{
    text-decoration: none;
    background: #000;
}
section.banner .imgBanner{
    margin-top: -54px;
}
section.banner .imgBanner img{
    width: 100%;
}

section.avaliacao{
    padding: 140px 0;
}
section.avaliacao img{
    width: 30%;
}

section.fil{
    overflow: visible;
    margin-top: 150px;
    padding: 0 0 30px;
}
section.fil .container{
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
    border-radius: 100px;
    box-shadow: 0px 0px 10px;
}
section.fil .pecaImg{
    text-align: center;
}
section.fil .pecaImg img{
    width: 90%;
    margin-top: -147px;
}
section.fil .filo{
    padding: 40px 30px;
    text-align: center;
}
section.fil .filo img{
    width: 60%;
}
section.fil .filo h4{
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    padding: 10px 0 0;
}
section.contaro{
    padding: 40px 0;
}
section.contaro h3{
    text-align: center;
    font-size: 25px;
}
section.contaro .line{
    border-bottom: 3px #0a2c78 solid;
    height: 20px;
}
section.contaro img{
    width: 100%;
}
section.contaro .col-md-4{
    margin: 15px 0;
    align-content: center;
}
section.contaro .col-md-8{
    align-content: center;
}
section.contaro .cima .col-md-12{
    background: #fff;
    box-shadow: 0px 0px 10px #0005;
    height: 200px;
    border-radius: 20px;
    border-top: 5px #092971 solid;
    align-content: center;
}
section.contaro .baixo .col-md-12{
    background: #fff;
    box-shadow: 0px 0px 10px #0005;
    height: 200px;
    border-radius: 20px;
    border-bottom: 5px #092971 solid;
    align-content: center;
}
section.contaro .title{
    padding: 35px 0;
}
section.contaro .title h1{
    text-align: center;
    font-weight: 700;
    font-size: 36px;
        margin: 0;
}
section.contaro .title h4{
    text-align: center;
    font-size: 20px;
    color: #2bc0ef;
}
section.contaro a.botao{
    margin: 0 auto;
    box-shadow: 0px 0px 10px #0005;
    padding: 15px 220px;
    color: #fff;
    border-radius: 30px;
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
}
section.contaro a.botao:hover{
    text-decoration: none;
    background: #000;
}
section.contaro ul{
    padding: 0;
    margin: 0;
}
section.contaro ul li{
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
    color: #fff;
    font-weight: 900;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    margin: 10px 0;
    border-radius: 5px;
}
section.expertise{
    background: #000;
    padding: 40px 0;
}
section.expertise .esquerdo{}
section.expertise .esquerdo img{
    width: 100%;
}
section.expertise .direito{}
section.expertise .direito h1{
    color: #fff;
    font-size: 44px;
    margin: 0 0 40px;
}
section.expertise .direito ul{
    margin: 0;
    padding: 0;
}
section.expertise .direito ul li{
    background: #fff;
    padding: 10px 15px;
    border-radius: 9px;
    margin: 18px auto;
    box-shadow: 0pc 0pc 10px #ccc;
    display: block;
}
section.expertise .direito ul li img{
    width: 30px;
    margin-left: -35px;
    margin-right: 13px;
}
section.missao{
    padding: 40px 0;
}
section.missao .title{}
section.missao .title h4{
    text-align: center;
    font-size: 20px;
    color: #2bc0ef;
    margin: 0;
}
section.missao .title h1{
    text-align: center;
    font-weight: 700;
    font-size: 36px;
}
section.missao h3{
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    font-size: 23px;
}
section.missao p{
    text-align: center;
    font-size: 15px;
}
section.missao a{
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
    margin: 0 auto;
    display: block;
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #0008;
}
section.missao a:hover{
    text-decoration: none;
    background: #000;
}
section.missao .centro{
    margin: 50px auto;
}
section.fiquePorDentro{
    background: #000;
    padding: 40px 0;
}
section.fiquePorDentro h1{
    color: #fff;
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    margin: 0;
}
section.fiquePorDentro .col-md-3{
    border: 1px #fff solid;
    border-radius: 10px;
    margin: 50px auto;
    padding: 15px 20px;
    text-align: center;
}
section.fiquePorDentro img{
    width: 50px;
}
section.fiquePorDentro h4{
    font-size: 20px;
    color: #fff;
    margin: 10px 0 0;
}
section.fiquePorDentro h5{
    font-size: 12px;
    color: #24bbed;
    text-transform: uppercase;
}
section.fiquePorDentro h5 i{
    margin-right: 10px;
    color: #fff;
}
section.fiquePorDentro a{
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
    margin: 25px auto 0;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #0008;
}
section.fiquePorDentro a:hover{
    background: #fff;
    color: #000;
    text-decoration: none;
}
section.sobre{
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
}
section.sobre h1{
    color: #fff;
    font-size: 36px;
}
section.sobre p{
    color: #fff;
}
section.sobre .botao{
    background: #fff;
    border-radius: 30px;
    padding: 5px;
}
section.sobre .botao img{
    width: 100%;
    margin: 4px auto;
}
section.sobre .botao a{
    background-image: linear-gradient(90deg, #233374 30%, #2bbbed 100%);
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 15px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #0008;
}
section.sobre .botao a:hover{
    background: #000;
    text-decoration: none;
}
section.sobre .direito img{
    width: 100%;
    position: absolute;
    bottom: 0;
}
section.sobre .esquerdo{
    padding: 40px 0;
}
section .contato{
    padding: 40px 7%;
}
section .contato .formulario{
    background-image: linear-gradient(130deg, #233374 0%, #2bbbed 100%);
    border-radius: 15px;
    margin: 15px auto;
    padding: 100px 15px;
}
section .contato .formulario h1{
    color: #fff;
    text-align: center;
    font-weight: 900;
    font-size: 45px;
    margin: 0;
}
section .contato .formulario p{
    color: #fff;
    font-size: 15px;
    text-align: center;
}
section .contato .formulario input{
    width: 100%;
    border: none;
    padding: 12px 15px;
    font-size: 13px;
    border-radius: 8px;
}
section .contato .formulario button{
    background: #233374;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border: none;
    padding: 13px 0;
    width: 100%;
}
section .contato .formulario button:hover{
    background: #000;
}
section .contato .logo1{
    background-image: linear-gradient(180deg, #2bbbed 0%, #233374 100%);
        border-radius: 15px;
        margin: 15px auto;
        align-content: center;
        padding: 65px 100px;
}
section .contato img{
    width: 100%;
}

section .contato .logo2{
    background: #2bbbed;
    border-radius: 15px;
    margin: 15px auto;
    height: 100%;
    align-content: center;
}
section .contato .homem{
    background: #233374;
    border-radius: 15px;
    margin: 15px auto;
        height: 100%;
    align-content: end;
}
section .contato .contaroTeam{
    background-image: linear-gradient(90deg, #2bbbed 0%, #233374 100%);
    border-radius: 15px;
    margin: 15px auto;
    padding: 20px 15px;
    align-content: center;
}
section .contato .contaroTeam ul{
    padding: 0;
    margin: 0;
    align-content: center;
}
section .contato .contaroTeam ul li{
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 10px 5px;
}
section .contato .contaroTeam ul li i{
    margin-right: 15px;
}

footer .footer{
    background: #a7a8aa;
    padding: 40px 0;
}
footer a.logo{}
footer a.logo img{
    width: 75%;
}
footer .marca{
    align-content: center;
}
footer h3{
    font-family: 'Varela', sans-serif;
    font-weight: bolder;
    font-size: 25px;
    margin-bottom: 25px;
}
footer ul{
    padding: 0;
}
footer ul li{
    display: block;
    padding: 4px 0px;
    font-weight: 500;
}
footer ul li a i,
footer i{
    margin: 0 15px 0px 0;
    color: #0a2c78;
}
footer ul li a{
    color: #000;
}
footer ul li .end{
    padding: 0;
}
footer .icon{
    align-content: center;
}
footer ul li a:hover{
    color: #0a2c78;
    text-decoration: none;
}
footer ul li.SocialTitle{
    display: inline-block;
}
footer ul li.social{
    display: inline-block;
}
footer ul li.social a{}
footer ul li.social a:hover{
    color:#000;
}
:root{
    --cinza: #605F5B;
    --bordo: #6C1716;
    --wpp: #00D246;
    --amarelo: #C8A049;
    --degrade: linear-gradient(90deg, #C8A049, #EFC65E, #F4DDB2, #EFC65E, #B68B31, #C8A049);
}
footer .copyright{
    background: #000;
    color: #fff;
    padding: 15px 0;
}
footer .copyright .wecanPublicidade{
    font-size: 12px;
    align-content: center;
}
footer .copyright .wecanPublicidade a{
    font-weight: 900;
    color: #fff;
}
footer .copyright .wecanPublicidade a:hover{
    color: #ffcd00;
    text-decoration: none;
}
footer .copyright .wecanPublicidade a b{
    color: #ffcd00;
}
footer .copyright .allReserved{
    text-align: center;
    font-size: 15px;
}