body, #conteudo_principal{
  background-color: #EFF4F6;
}
.item-mobile{
  display: none;
}
.item-desk{
  display: block;
}

/*** como funciona ***/
.comofunciona-interna .row{
  margin-left: 0;
  margin-right: 0;
}
.comofunciona-main{
  background-color: var(--cor-terciaria);
  color: #000;
}

.comofunciona-main .title{
  font-size: 2rem;
  font-weight: bold;
  color:var(--cor-principal);
  line-height: 1;
  padding-top: 2rem;
}
.comofunciona-main .box-center{
  padding-left: 40%;
}
.comofunciona-main .description{
  padding-top: 1rem;
}
.col-text{
  display: flex;
  align-items: center;
}

.comofunciona-main .row > div{
  padding-left: 0px;
  padding-right: 0px;
}
#como_funciona_img_main{
  max-width: 500px;
}
.page-como-funciona .col-md-6{
   padding-left: 0;
   padding-right: 0;
}

.page-como-funciona .como-funciona-explicacao{
  display: flex;
  align-items: center;
}


.page-como-funciona .title{
   font-size: 1.5rem;
   color: var(--cor-principal);
   font-weight: bold;
}
.page-como-funciona .row{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.page-como-funciona .box-tipo-cha-direta,
.page-como-funciona .img-tipo-cha-direta{
  padding-right: 15%;
}
.page-como-funciona .box-tipo-cha-esquerda,
.page-como-funciona .img-tipo-cha-esquerda{
  padding-left: 15%;
}

.page-como-funciona .img-tipo-cha-direta{
  text-align: right;

}
.page-como-funciona .img-tipo-cha-esquerda{
  text-align: left;

}
.page-como-funciona .box-tipo-cha-direta{
  padding-left: 2.5rem;
}
.page-como-funciona .box-tipo-cha-esquerda{
  padding-right:1rem;
}
.page-como-funciona .img-tipo-cha img{
   border-radius: 25px;
  
}
.page-como-funciona .botoes-funciona{
  padding-top: 1.5rem;
  display: table;
}
.page-como-funciona .botoes-funciona button:first-child{
 margin-right: 5%;
}
.page-como-funciona .img1 {
  display: block;
  margin-left: auto;
}

.page-como-funciona .passo{
  padding: 0.5rem;
  border: 2px solid var(--cor-secundaria);
  border-radius: 10px;
}
.page-como-funciona .align-items-center h3{
  margin-top: 1rem;
}
.row-mobile p,
.page-como-funciona .align-items-center p{
  border-top:2px dotted var(--cor-principal);
}


.rapido{
  background-color: var(--cor-terciaria);
}
.text-rapido{
  color: var(--cor-principal);
  font-weight: bold;
  text-align: left;
  font-size: 3rem;
  padding-left: 40%;
  line-height: 1.3;
}
.coluna_text_rapido{
  display: flex;
  align-items: center;
}
.coluna_notebook{
  padding-left: 0px;
}
.botao-rapido{
  text-align: right;
}
.final_rapido{
  max-width: 400px;
}
.item-mob{
  display: none;
}

@media(max-width: 1200px){
  .page-como-funciona .box-tipo-cha-esquerda,
  .page-como-funciona .img-tipo-cha-esquerda {
    padding-left: 7%;
  }
  .btn {
    font-size: 0.8rem;
  }

}


@media(max-width: 991px){
  .page-como-funciona .box-tipo-cha-esquerda,
  .page-como-funciona .img-tipo-cha-esquerda {
    padding-left: 3%;
  }
}

@media(max-width: 900px){
  .page-como-funciona .box-tipo-cha-esquerda,
  .page-como-funciona .img-tipo-cha-esquerda {
    padding-left: 0;
  }
}

@media(max-width: 850px){
  .como_funciona_tipo_cha_img{
    max-width: 95%;
  }
  .btn {
    font-size: 0.6rem;
  }
}

@media(max-width: 768px){
  .btn {
    font-size: 0.8rem;
  }
  .item-desk{
    display: none;
  }
  .item-mob{
    display: block;
  }
  .page-como-funciona .img-tipo-cha-esquerda {
    text-align: center;
  }

  .page-como-funciona .como-funciona-explicacao{
    margin-top: 1rem;
  }
  .page-como-funciona .box-tipo-cha-direta,
  .page-como-funciona .img-tipo-cha-direta,
  .page-como-funciona .col-12 {
    padding: 0;
  }
  .page-como-funciona .row {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .page-como-funciona .img-tipo-cha{
    margin-top: 2rem;
  }

  #como_funciona_img_main{
    max-width: 300px;
  }
  .como_funciona_img{
    text-align: center;
  }
  .comofunciona-main .box-center {
    padding-left: 0;
    text-align: center;
  }
  .botoes-funciona{
    margin-bottom: 1rem;
  }
  .final_rapido{
    max-width: 100%;
  }
}





/** contato ***/

.contato button{
  margin-top:20px;
}

.duvidas .btn-link{
  color: var(--cor-principal);
}

.parceiroBtn{
  margin-bottom: 10px;
  width: 60%;
  font-weight: bold;
}

.detalhe-parceiro{
  font-size: 0.8rem;
}


.contato{
  margin-bottom: 1rem;
}
/** pesquisa **/

#btBuscar{
  margin-bottom: 20px;
}

.pesquisa-text .tblPesquisa tbody tr:hover{
  cursor: pointer;
  background-color: var(--cor-principal);
  color: var(--cor-terciaria);
}
.somos-principal{
  padding-top: 20px;
}


/** cadastro ***/
.cadastro .dados{
  max-width: 400px;
  margin: auto;
}
.cadastro .checkbox{
  position: relative;
}
.cadastro .checkbox > *{
  display: inline-block;
}

.cadastro .checkbox > label {
  position: absolute;
  top: 0px;
  margin-left: 5px;
}

.cadastro .switch > *{ 
  display: inline-block;
}

.cadastro .switch{
  position: relative;
}

.cadastro .switch > label {
  position: absolute;
  top: -5px;
  margin-left: 5px;
}
.input-group-text {
  font-size: 1.5rem;
}

/**recursos**/

.recursos-main{
  background-color: var(--cor-principal);
  color: #fff;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.recursos-interna .row{
  margin-left: 0;
  margin-right: 0;
}

.recursos-main .title{
  font-size: 1.9rem;
  font-weight: bold;
  color:#FFF;
  line-height: 1.3;
  padding-top: 2rem;
  line-height: 1.2;
}

.recursos-main .description{
  padding-top: 1.5rem;
  font-size: 1.2rem;
}

.recursos-main .col-text,
.page-recursos .col-text{
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}


#recursos_img_main{
  max-width: 100%;
}

.page-recursos{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.page-recursos .recursos{
  padding-bottom: 2rem;
}


.recursos-title{
  font-size: 2.5rem;
  font-weight: bold;
  color:var(--cor-principal);
  line-height: 1;
  
}
.recursos .col-6{
  padding-left: 0px;
  padding-right: 0px;
}
.recursos-text{
  margin-top: 0.5rem;
  font-size: 1.1rem;  
}

.page-recursos .title {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--cor-principal);
  line-height: 1.1;
}
.page-recursos .col-md-6{
  padding-left: 0;
  padding-right: 0;
}
.page-recursos .col-md-4 {
  padding-left: 0px;
  padding-right: 0px;
}

.recursos .description {
  font-size: 0.9rem;
}

.recursos-box{
  margin-bottom: 2rem;
  background-color: #FFF;
  border-radius: 20px;
  display: block;
  padding: 1rem;
  min-height: 340px;
  margin-left: 5px;
  margin-right: 5px;
  
}
.recursos-box-icon iconify-icon{
  color: var(--cor-terciaria);
  font-size: 4rem;

}
.recursos-box-icon-more {
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--cor-principal);
  line-height: 1;
  display: flex;
 
}


.recursos-box-icon-more iconify-icon{
  color: var(--cor-principal);
  font-size: 1.3rem;
  margin-right: 5px;
}

.recursos-box .description{
  margin-top: 1rem;
}

.recursos-box-more{
  margin-bottom: 2rem;
  background-color: #FFF;
  border-radius: 20px;
  display: block;
  padding:1rem;
}

.row-more-recursos .col-md-6{
  padding-left: 5px;
  padding-right: 5px;
}

.recursos-box-more .description{
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

@media(max-width: 991px){
  .container{
    max-width: 95%;
  }
  .recursos-box{
    min-height: 350px;
  }
  .recursos-box-more{
    min-height: 150px;
  }
  .text-rapido { 
    padding-left: 20%;

  }
}

@media(max-width:767px){
  .recursos-main {
    text-align: center;
  }
  .text-rapido{
    padding-left: 0px;
  }
  .recursos-box {
    min-height: 250px;
  }
  
  .recursos-title,
  .recursos-text,
  .recursos-button{
    padding-left: 20px;
  }
  
  

  #recursos_img_main{
    max-width: 100%;
  }
}
@media(max-width:650px){
  .recursos-box{
    min-height: 300px;
  }
  .text-rapido {
    font-size: 2.5rem;
  }
}
@media(max-width:575px){
  .recursos-box-more {
    min-height: 100px;
  }
}
@media(max-width:500px){
  .item-mobile{
      display: block;
  }
  .item-desk{
    display: none;
  }
  .page-recursos .title {
    font-size: 1.3rem;
  }
  .recursos-box-icon iconify-icon {
    font-size: 3rem;
  }
  .text-rapido {
    font-size: 1.6rem;
  }
}

@media (max-width: 450px) {
  .parceiroBtn{
    width: 80%;
  }
  .recursos-title {
    font-size: 2rem;
  }
  .recursos-text {
    font-size: 1rem;
  }
}

@media (max-width: 400px) {
  .parceiroBtn{
    width: 80%;
  }
  .recursos-box-icon iconify-icon {
    font-size: 2rem;
  }

  .page-recursos .title {
    font-size: 1rem;
  }
  .recursos-box .description {
    font-size: 0.8rem;
  }

  .recursos-box{
    min-height: 260px;
  }
  
  .recursos-box-icon-more {
    font-size: 1rem;
  }
  .recursos-box-more .description {
    font-size: 0.8rem;
  }
  .btn {
    font-size: 0.9rem;
  }
}