@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');



/*aqui, o css principal do site*/
/*textos,microtextos*/
h1, h2, h3, h4, h5 {font-family: 'Source Sans Pro', sans-serif!important;}
a {text-decoration: none;}
.c-azul{color: #0E1A4C;}
.c-amarelo{color: #FFCC00;}
.c-branco{color: #fff;}
a,p,.texto,label,.link{font-size:1rem; font-family:'Open Sans', sans-serif!important;}
a {text-decoration: none;}
.especial-text{color:#909090; font-family:texto}
.link{text-decoration: underline;}
.link:hover{text-decoration: none}
.link.box {margin: 3rem auto;padding: 1rem 1.5rem;border: 3px solid ;font-size: 1rem;min-width: 180px;text-decoration: none;color: #909090;text-transform: uppercase;text-align: center;transition: all .2s}
.clear{clear: both; float: none }
.letterspacing{letter-spacing: 2px;}
.bold,strong,b{font-weight: bolder;}
.upper{text-transform: uppercase}
.lower{text-transform: lowercase}
.firstUp{text-transform: capitalize}
.bold,strong,b{font-weight: bolder;}
.micro{font-size: .8rem; letter-spacing: 1px}
.center{text-align: center}
.end {text-align: end;}
.mt-1{margin-top: 0.5rem;}.mt-2{margin-top:1rem;}.mt-3{margin-top: 1.5rem;}.mt-4{margin-top:2rem;}.mt-5{margin-top:2.5rem;}
.mb-1{margin-bottom: 0.5rem;}.mb-2{margin-bottom:1rem;}.mb-3{margin-bottom: 1.5rem;}.mb-4{margin-bottom:2rem;}.mb-5{margin-bottom:2.5rem;}
.ml-3{margin-left:1.5rem;}.ml-4{margin-left: 2rem;}.ml-5{margin-left: 2.5rem;}
/* positions */
.relative{position: relative}
.sticky{position: sticky;top: 0;}
.cor-preto {color: black;}
.cor-branco {color: #fff;}
.text-nav{ align-items: center;}
/*box contents*/
.box, [data-content].box{display: table;padding: 0; margin: 0 auto}
.block{width: 100%; display: block}
.box.margin-extra,.margin-extra{margin:1rem auto}
.margin-extra.micro {margin: .5rem auto;}
[data-content],.box-container, .container {max-width: 1400px; margin: 0 auto; width: 100%; display: block; padding:1rem}
.box.container{display: table}
.flex,.img,.box-grid.vertical-start,.box-grid.horizontal-start{display: -webkit-flex; -webkit-align-items: center;-webkit-justify-content: center;display: flex; align-items: center;justify-content: center;}
.flex.extremos{-wbekit-justify-content: space-between;justify-content: space-between;}
.box-grid{ width: 100%;display: table;}
.box-grid.horizontal-start,.flex.horizontal-start{-webkit-justify-content: flex-start;justify-content: flex-start}
.box-grid.vertical-start,.flex.vertical-start{-webkit-align-items: flex-start;align-items: flex-start}
.grid{display: grid; }
.container.margin-dupla,.margin-dupla{margin: 2rem 0}
.container.margin-dupla.center,.margin-dupla.center{margin: 2rem auto}
.float-l {float: left;}
/*UNICA COLUNA*/
 .box-grid.cols1 {display: block;}
 .box-grid.cols1 > .col{width: 100%;display: table;margin: 0 0 1.5rem;}
/*usando grid*/
.grid.cosl1 {grid-template-columns: auto;grid-gap: 1rem;}

/*DUAS colunas*/
.box-grid.cols2 > .col{width: calc(50% - 3.5rem * 1 / 2);margin-top:.5rem;margin-right:3.5rem; float: left;}
.box-grid.cols2 > .col:last-child{margin-right: 0}
/*usando grid - 2 colunas*/
.grid.cosl2 {grid-template-columns: repeat(2,auto);grid-gap: 1rem;}

/*TRES colunas*/
.box-grid.cols3 > .col{width: calc(33.333% - 3.5rem * 2 / 3); margin-top:.5rem; margin-right: 3.5rem; float: left;}
.box-grid.cols3 > .col:last-child{margin-right: 0}
/*usando grid - 3 colunas*/
.grid.cosl3 {grid-template-columns: repeat(3,auto);grid-gap: 1rem;}

/*QUATRO ocolunas*/
.box-grid.cols4 > .col{width: calc(25% - 3.5rem * 3 / 4);margin-top:.5rem; margin-right: 3.5rem; float: left;}
.box-grid.cols4 > .col:last-child{margin-right: 0}
/*usando grid - 4 colunas*/
.grid.cosl4 {grid-template-columns: repeat(4,auto);grid-gap: 1rem;}
/*box positions*/
.box-right{float: right;}
.box-left{float: left; }


.social-icons{margin: 0}



/*TOPO*/
span.btn-menu{display: none;}
a.nav-link:hover{color: #FFCC00;}
header.interno{background:#1b51bb; height: inherit;}
header{background: url(../imgs/topo.png) 100% no-repeat;background-position: inherit; background-size: 150%;}
/* header{position: relative;margin: 0 auto; align-items: center;z-index: 99;background: url(../imgs/bgtopo.png) no-repeat 100%;width: 100%;height: 600px;top:0} */
nav{display: flex !important;align-items: center;justify-content: space-around; width: 100%;height: 100%;}
a.nav-link{color: white}
/* li.nav-item:last-child a.nav-link{background: white; color: #1f2057;border-radius: 20px;padding: 0 10px;} */
li.nav-item{display: flex;align-items: center;margin-right:15px;}
.sobre{position: absolute; width: 40%;top:35%;left: 10%;}
.lojas{position: absolute;top:35%;right: 10%;}
.sobre h1, .sobre h3{color:#252768}
.sobre h3{font-size: 1rem; margin: 2rem 0}
.sobre h1{font-size: 2rem}
h1.titulo{text-align: center;color:#1f2158; margin:6rem 0; }
img.icones-nav { width: 60px; height: 67px;}
.logo img {width: 100px;display: flex;flex-direction: column;}
/* .fig-nav { background: #1f2158;border-radius: 100%;padding: 10px;}
.fig-nav:hover { background: url(../imgs/fundoicones.png) no-repeat 100%;} */
.logo {margin-left: 4rem;}
a.nav-link { text-align: center; display: flex;flex-direction: column; padding: 30px; align-items: center;}
.text-nav{font-weight: bold;font-size: 0.9rem; color: #fff; }
.fa-bars{font-size: 2rem;}
ul.navbar-nav{width: 100%; display: flex; justify-content: center;padding-right:15rem;}
.titulo-sobre {color: #0E1A4C;font-weight: bold;width: 600px;margin-bottom: 1rem;font-size: 3.2rem!important;}


/*TOP*/
header.header-index{position: fixed; width: 100%; height: 110px; margin-top: 0; top: 0; z-index: 9;transition:.3s;} 
header.smaller {height: 75px;display: flex;flex-direction: row-reverse;justify-content: center;z-index: 1; }
header.smaller .logo img{width: 80px;margin-right: 2rem;} 
.smaller svg { width: 40px;height: 40px;}
.smaller svg#icon-login  {width: 40px;height: 40px!important;}
.smaller svg#icon-blog  {width: 40px;height: 40px!important;}
.smaller a.nav-link{font-size: 0;}
 /*SVG Icons*/
a svg:hover path {fill: #FFCC00!important;}

svg path { opacity: 1!important;}
svg#icon-faq {width: 60px!important; margin-bottom: 5px;fill: #fff;}
svg#icon-planos {width: 60px!important;margin-bottom: 8px;fill: #fff;}
svg#icon-blog {width: 60px!important;height:55px!important;margin-bottom: 8px;fill:#fff;}
svg#icon-vantagens {width: 60px!important;margin-bottom: 13px;fill: #fff;}
svg#icon-cliente {width: 60px!important;margin-bottom: 8px;fill: #fff;}
svg#icon-contato {width: 60px!important; margin-bottom: 8px;fill: #fff;}
svg#icon-login {width: 60px!important;height:60px!important;margin-bottom: 8px;fill: #fff;}

/*CONTEUDO*/
.titulo-vantagens{
    width: 420px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: bold;
    margin-bottom: 3rem;
    margin-top: 1rem;
}
.titulo-vantagens::after{
    content: '';
    display: block;
    width: 28rem;
    height: 4px;
    background: #fff;
    margin: 0 ;
}
.img-sobre {display: table;margin: 0 auto;width: 100%;margin-top: 7rem;}
.li-texto{font-size: 2rem;    display: flex;    text-align: center;}
.caracteristicas{background: url(../imgs/vantagensBg.png) no-repeat;padding: 1rem;display: table;width: 100%; background-size: 100%;}
.caracteristicas li{float: left;width: calc(100% / 5 - 1rem); margin: .5rem}
.caracteristicas ul{text-align: center;display: flex;   flex-wrap: wrap;justify-content: center;}
.caracteristicas figcaption{margin-top:2rem; color: white}


/*Como funciona*/
.titulo-sessao{
    width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: bold;
}
.titulo-sessao::after{
    content: '';
    display: block;
    width: 25rem;
    height: 4px;
    background: #0E1A4C;
    margin: 0 ;
}

/*metodologia*/
.metodologia{display: flex; flex-direction: column;justify-content: center;}
.titulo-metodologia{
    width: 500px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: bold;
    margin-bottom: 4rem;
}
.titulo-metodologia::after{
    content: '';
    display: block;
    width: 32rem;
    height: 4px;
    background: #0E1A4C;
    margin: 0 ;
}
.texto-metodologia{
    width: 700px;
    font-size: 1.3rem;
    color: #0E1A4C;

}
/*Planos*/
.planos{/*display: table;*/width: 80%;margin: 2rem auto;text-align: center;}
.planos h1{ font-size: 2rem;}
.planos p{ margin:1rem auto; height: 150px;}
.planos li{width: calc(100% / 3 - 2rem); margin: 1rem;float: left;text-align: center;cursor: pointer;display: flex;justify-content: center;}
.planos .card{display: block !important;padding: 1rem 1rem; height: 500px; width: 330px;}
.planos li .card h1{color: #1b75bb}
.planos li:hover .card{background: url(../imgs/vantagensBg.png) no-repeat 100%; transition: 1s; color: white}
.planos li:hover .card h1{color: #ffcc00}
.planos li:hover .card .btn-primary{background:#ffcc00 !important; color: #1753b6 !important;}
.btn-primary{background: #1b50bb !important; border-radius: 20px !important; padding: .5rem 2rem !important}
.btn-secondary{background: #dbdbdb !important; border-radius: 20px !important; padding: .5rem 2rem !important; border:none !important; color:#1f2158 !important;}
.btn-warning{ border-radius: 20px !important;color:#1f2158 !important;}
.img-card{height: 115px;}
h5.card-title{height: 25px;}
.titulo-card{height: 40px;}

.titulo-planos{
    width: 532px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: bold;
    margin-bottom: 3rem;
}
.titulo-planos::after{
    content: '';
    display: block;
    width: 42rem;
    height: 4px;
    background: #0E1A4C;
    margin: 0 ;
}

/* METODOLOGIA NPS INTERNO*/
.nps-form{width: 50%;margin-bottom: 1rem;margin: 0 auto;}

/*FAQ*/
/* .faq{display: table;width: 100%; margin: 0 auto} */
.faq {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.faq-form{width: 50%; margin: 2rem auto}
.faq p{width: 50%; margin: 0 auto;}
h1.titulo.faq {margin-top: 8rem;}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	border-radius: 10px;
    background-color: #eee;
    color:#0E1A4C;
    cursor: pointer;
    padding: 18px;
    width: 80%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom: 1rem;
}

/*Sobre*/
.sessao-sobre {
    margin-top: 7rem;
    
  
}

.ul-sobre {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:5rem;
    
}
.sobree{margin-right: 10rem; margin-left: 5rem;}
p.texto-sobre {
    width: 550px;
    font-size: 1.3rem;
    color: #DBA901;
}

img.img-p {
    height: 200px;
    align-self: flex-end;
    margin-left: 4rem;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #1f2158;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/*CLIENTES*/
section.clientes {display:flex;flex-direction:column;}
.li-clientes {float: left;width: calc(100% / 4 - 1.2rem);margin-bottom: 2rem;margin-right: 1rem;}
.li-clientes img {border:solid 1px; border-radius: 100%; border-color:#007bff}
.ul-clientes{padding:0 3rem;}
h1.titulo.usuario {margin-top:8rem;}


/*CONTATO*/
.contato{display: table;width: 80%; margin: 0 auto}
.contato form{width: 50%; margin: 2rem auto}
.contato p{width: 50%; margin: 0 auto;}




/*Como funciona*/
.como-funciona {display: flex;flex-direction: column;}
.como-funciona img {width: 100%; padding:1rem 3rem}

/*Fa�a*/
.faca {display: flex;align-items: center;
    justify-content: flex-end;}
.texto-faca {    width: 400px;text-align: center;    margin-right: 3rem;}
.img-faca{width: 30%; }
.faca img {width: 250px;    margin-right: 18rem;}
/*VANTAGENS*/
h1.titulo.vantagens {margin-top:8rem;}
/* .vantagens{display: table;width: 80%; margin: 0 auto;} */
.vantagens{display:flex; flex-direction: column;justify-content: center;align-items: center;}
.vantagens-ul{width: 80%; max-width: 1200px; margin: 0 auto;}
.vantagens li h3{font-size: 1.2rem; color: #1f2158}
.vantagens li{float: left;width: calc(100% / 2 - 2rem); margin: 1rem; margin-bottom: 5rem;display: flex; align-items: center;}
.dual{display: flex;justify-content: space-between;}
.btns{display: flex;justify-content: center;}
.btns .btn{margin: 0 1rem}
.form-group label{color:#1f2158 !important;}

/*MEtodologia*/
.metodologia {display: flex;flex-direction: column;align-items: center;}
.metodoliga-img{ display: flex; flex-direction:column; justify-content: center; }

figure.metodologia-img {width: 860px;
    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}

/*Coletas*/
.coletas { display: flex;
    flex-direction: column;
    align-items: center;}
/* .li-coletas{width: 320px; overflow: hidden;}
    ul .li-coletas:nth-child(odd) { float: left;} */
.li-coletas-esquerda {float: left;width: 80%;margin: 0 1rem;height: 100%;align-items: center;padding: 10px;border: 1px solid rgba(0, 0, 0, 0.125);border-radius: 0.50rem;margin-bottom: 2rem;color: #1f2158;}
.li-coletas-direita {width:80%;margin: 0 1rem;height: 100%;margin-bottom: 30px;align-items: center;justify-content: flex-end;padding-right:4rem;padding: 10px;border: 1px solid rgba(0, 0, 0, 0.125);border-radius: 0.50rem;margin-bottom: 2rem; color:#1f2158;}
.li-coletas-direita:hover{background: url(../imgs/vantagensBg.png) no-repeat 100%; transition: 1s; color: white;}
.li-coletas-esquerda:hover{background: url(../imgs/vantagensBg.png) no-repeat 100%; transition: 1s; color: white;}
.li-coletas-direita:hover h5.titulo-coleta{color: #ffcc00}
.li-coletas-esquerda:hover h5.titulo-coleta{color: #ffcc00}

.coletas img {width: 150px;
    height: 133px;
 
}
img.img-coletas {
    width: 200px;
    
}
.texto-coleta {font-size: 1.3rem;}
.coletas-ul{display: flex;flex-direction: column; align-items: center;padding-top: 3rem;}

.titulo-coleta { font-weight: bold;font-size: 2rem;}
.li-coletas-direita h5, .li-coletas-direita p{text-align: right;margin-right: 3rem;}
.titulo-coleta, .texto-coleta{margin-left: 3rem;}


/*Como funciona*/
.titulo-sessao-coletas{
    width: 600px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: bold;
}
.titulo-sessao-coletas::after{
    content: '';
    display: block;
    width: 38rem;
    height: 4px;
    background: #0E1A4C;
    margin: 0 ;
}

.texto{width: 300px;}
.texto p{text-align: right;}


/*PLANOS*/
.table td:nth-child(2){background:#b2d4ea !important;width: 20%}
.table td:nth-child(3){background:#feefb3 !important;width: 20%}
.table td:nth-child(4){background:#bac7ea !important;width: 20%}
th {text-align: left !important;}

.table .thead-dark th{background: #e5e5e5 !important; color: black !important;}
.table .thead-dark.blue th{background: #1f2158 !important; color: white !important;padding: 5px;border-color: #1f2158 !important;}
.table{border: 1px solid}
tr.tipos-planos th{text-align: center !important;}
.table .thead-dark th{text-align: center !important;}

ul.ul-planos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}

#titulo-planos{
    display: flex;
    align-self: flex-start;
}    

/*RODAPE*/
.rodape{background: url(../imgs/vantagensBg.png)  100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.conteudo-rodape{display: flex;width:100%; margin: 0 auto;padding: 2rem}
.logo-rodape{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.logo-rodape span {display: flex;align-items: baseline;color: white}
.dados li{display: flex;align-items: center; color: white}
.dados li figure{margin-right: 10px}
/* .social li{float: left;width: calc(100% / 3 - 20px); margin:10px;} */
.social ul {display: flex;
    width: 100px;}
.dados-social{display: flex;width:100%;justify-content: space-between;color: white}
.zaite a{display: flex;align-items: center;color: white!important;    transform: scale(.7);transition: all .3s ease-out;margin-bottom: 1rem;}
.zaite a:hover{transform:scale(.8);}
.texto-zaite {font-size: 1rem;}
.zaite{display: flex;justify-content: center; align-items: center;flex-direction: column;}
.social{color: white; width: 100%;display: flex;flex-direction: column;align-items: center; justify-content: center;text-align: center;}


@media screen and (max-width: 860px){
a.nav-link{color: black;font-size: 1.2rem;color: #fff; background: url(../imgs/vantagensBg.png);width: 50%;}
.logo img {width: 95px;padding:0!important;}
.logo{width: 100%;}
header{    background-size: 240%;}
.sobree {margin-right: 0;}
img.img-p{margin-left: 0;}
.titulo-sobre {font-size: 2rem;}
.metodologia{padding-left: 5rem;}
.ul-planos{display: flex;flex-direction: column;align-items: center;}
.titulo-planos{width: 580px;}
.caracteristicas{background-size:cover;}
img.img-coletas{display:none;}
.li-coletas-direita h5, .li-coletas-direita p{text-align: left;}/* padding-left: 9rem;*/
.li-coletas-direita{padding-right: 0;}
.planos li {width: 100%!important;}
figure.metodologia-img {display: none;}
p.texto-coleta {width: inherit!important;}
.dados li{flex-direction: column;}
header.header-index{position: static;}
.titulo-sobre{width:inherit;}
.texto-metodologia{width: inherit;}
.sessao-sobre {margin: 0;}
.ul-sobre {padding-top: 0;}
.vantagens li {display: flex;flex-direction: column;width: 100%;float: initial;}

}
@media only screen and (max-width:700px){
 a.nav-link{color: black;font-size: 1.2rem;color: #fff; background: url(../imgs/vantagensBg.png);width: 50%;}
 .logo img {width: 95px;padding:0!important;}
 .logo{width: 100%;}
 .sobree {margin-right: 0;}
 img.img-p{margin-left: 0;}
 .titulo-sobre {font-size: 2rem;}
 .planos li {width: 100%!important;}
 figure.metodologia-img {display: none;}
}
@media screen and (max-width: 500px){
button.navbar-toggler{border-color: white!important;}
span.navbar-toggler-icon {color: white!important;}
a.nav-link:hover{color: #252768;}
.titulo-sobre {font-size: 2rem!important;}
span.btn-menu{display: initial;}
nav{display: block !important;padding:0;}
.logo{text-align: center; display: flex;justify-content: space-around;width:100%; margin-left: 0!important;}
.interno .logo{background:  #252768}
.interno span.btn-menu{color: white;}
span.btn-menu{color: white; font-size: 3rem}
ul.navbar-nav {padding-right:0;}
/* li.nav-item:last-child a.nav-link{background: #1f2057; color: white;width: 50%;margin: 0 auto;padding: 10px;} */
.nav.mobile{display: none;padding: 10px}
.img-sobre{padding: 1rem}
li.nav-item{display: block;text-align: center;}
a.nav-link{font-size: 1rem;color: #fff; background: url(../imgs/vantagensBg.png);width: 70%;display: flex;flex-direction: row;justify-content: center;}
.sobre{width: initial;left: initial;padding: 1rem; position: inherit;top: inherit;}
.sobre h1{font-size: 1.5rem}
.sobre h3{margin:1rem 0;}
.lojas{top: initial;right: initial;right: 10%; left: 10%;position: inherit;}
.lojas li{float: left;margin: 10px;}
.logo img {width: 105px;padding:0;}
.li-img {display:flex;flex-direction:column;}
.titulo-vantagens::after{width:20rem;}
img.metodo {display:none;}
.caracteristicas ul{width: 100%}
li.li-coletas-esquerda{margin-bottom: 2rem;flex-direction: column-reverse;}
li.li-coletas-direita{margin-bottom: 2rem;flex-direction: column;}
.planos{width: 100%;padding: 1rem; margin: .5rem 0}
.planos h1{font-size: 1.2rem}
.planos p{width: 100%}
figure.metodologia-img {display: none;}
.planos li{width: 100%!important;margin: 10px auto;}
li.d-flex.li-img {display: none!important;}
.conteudo-rodape{display: block;width: 100%; padding: 0 1rem}
.dados-social{width: 100%;display: block;}
.logo-rodape{width: 100%;margin-top: 10px;display: flex; flex-direction: column;justify-content: center;align-items: center;}
.rodape{display: table;width: 100%}
.vantagens, .faq, .contato{width: 100%; padding: 1rem}
.vantagens li{width: 100%;margin:10px auto;text-align: center;}
.vantagens li figure{float: initial !important}
.vantagens li div{float: initial !important;width: initial !important;}
.contato form{width: 100%;margin: 10px auto}
.contato p{width: 100%;text-align: center;}
h1.titulo{margin: 1rem 0; font-size: 1.5rem}
.logo-rodape figure{text-align: center;}
.dados{margin:1rem 0;}
.zaite h1, .zaite p{margin: 0;}
.zaite{display: table;margin: 0 auto; float: inherit;}
.social {display: table;margin: 0 auto;}
header.header-index {background-size: 700%;position: static;height: 220px;} /*position: static!important;*/
/*sobre*/
.sobree {margin-left: 0;}
.ul-sobre {display: flex;padding: 0;flex-direction: column;}
.titulo-sobre {width: inherit;font-size: 2rem!important;}
p.texto-sobre {width: inherit;}
.ul-sobre a{margin-bottom: 1rem;}
img.img-p {margin: 0;}
.sessao-sobre{margin-top:2rem;}
/*como funciona*/
.titulo-sessao {width: inherit;font-size: 2rem;display:none;}
a.btn.btn-primary.teste.font-weight-bold{display: none;}
.como-funciona img{display: none;}
.titulo-sessao::after {width: 400px;}
.titulo-vantagens {width: inherit;}
.caracteristicas {display: block;background: url(../imgs/vantagensBg.png) repeat;padding: 1rem; background-size: none;    width: 100%; background-attachment: fixed;} /**/
.titulo-vantagens {display: inherit;}
.metodologia {padding-left: 0;}
.titulo-sessao-coletas {width: inherit;margin-left: 1rem;font-size:2rem!important;}
.coletas-ul {padding:0; margin-left: 1rem;}
.li-coletas-esquerda {display: block !important;margin: 0;}
img.img-coletas {width: 70%; margin-bottom: 2rem; display: block;    margin-top: 1rem;}
.titulo-coleta {margin: 0 !important;}
.texto-coleta {width: inherit !important;text-align: left !important;margin: 0 !important;}
.li-coletas-direita {margin: 0; display: block !important;}
.li-coletas-direita h5, .li-coletas-direita p {padding-left: 0;margin-bottom: 1rem;}
/*metodologia*/
.titulo-metodologia {width: inherit;font-size: 2rem;}
.texto-metodologia {width: 100%;}
/*planos*/
.planos {display: block;}
svg#icon-faq {width: 40px!important;margin-right: 10px;}
/* svg#icon-planos {width: 40px!important;margin-right: 10px;} */
svg#icon-vantagens {width: 40px!important;margin-right: 10px;}
svg#icon-cliente {width: 40px!important;margin-right: 10px;}
svg#icon-contato {width: 40px!important;margin-right: 10px;}
svg#icon-blog {width: 40px!important;margin-right: 10px;}
/* svg#icon-login {width: 40px!important;margin-right: 10px;} */
.titulo-planos {width: inherit;}
.caracteristicas li{width:100%;}
/*Forms*/
.form-group.dual {display:flex; flex-direction:column;}
input.form-control {width: 220px;}
textarea.form-control {width: 220px;}
.li-clientes {width: 100%;}
.roda {flex-direction: column;}
.faq p { width: 100%; text-align: center;}
.vantagens li {display: flex;flex-direction: column;}
}/*fim do media*/