@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@font-face {
    font-family: 'Nunito';
    src: url('https://6025061.fs1.hubspotusercontent-na1.net/hubfs/6025061/Lp%20-%20Liquidez%20diaria/Nunito-VariableFont_wght.ttf');
}


/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.                             
 */





/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */

/* Structure */
      /*  */

/* Well Colors */






/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */


/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1100px;
  margin: 0 auto;
}
.container-fluid .row-fluid .page-center2 {
  float: none;
  max-width: 1200px;
  margin: 0 auto;
}


body {
/*   background: #fff; */
/*   color: rgba(25,26,26,.7); */
  font-family: 'Poppins', sans-serif;;
  font-size: 16px;
  line-height: 1.5;
}
html, body {
  overflow-x: hidden;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
/* DOBRA 1 - HEADER */
.header{
  background-image: url("https://6025061.fs1.hubspotusercontent-na1.net/hubfs/6025061/Lp%20-%20Liquidez%20diaria/BG%201.png");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 50vh !important;
}
.btn-abra-sua-conta {
  text-align:right;
  
}

.dobra1 h1 {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  color: #00A88F;
  line-height: 37px;
  /* or 111% */
  
}

.dobra1 p {
  font-family: 'Nunito';
  font-style: normal;
  font-size: 20px;
  line-height: 40px;
  color: #646464;
}
/* DOBRA 2 - PASSOS */
.dobra2 {
  background-color: #fff;
}

.dobra2 h2 {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-size: 34px;
  line-height: 46px;
  text-align: center;
  color: #00A88F;
}

.dobra2 p {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #646464;
}

.passos {
  text-align:center;
}

.passos-mobile {
  display:none !important;
}


.dobra3 {
  background: #F4F4F4;

} 

.dobra3 h2 {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-size: 34px;
  line-height: 46px;
  text-align: center;
  color: #646464;

} 
.dobra3 p {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 27px;
  color: #646464;
  text-align:center;

} 


.dobra3 p #sub-title {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #00A88F; 

} 
/*DOBRA 4 COMPARATIVO */

.dobra4 {
  background-color: #fff;
}
.coluna-itens-mobile {
  display:none !important;
}

.dobra4 h2 {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-size: 34px;
  line-height: 46px;
  text-align: center;
  color: #646464;
}

.dobra5 {
  background-color:#C4F9F1;
}

.dobra5 h2{
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 49px;
  text-align: right;
  color: #00A88F;
}
.dobra5 p{
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #646464;
}

.dobra5 p img {
  text-align:center;
}

.dobra6 h3{
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-size: 34px;
  line-height: 46px;
  text-align: center;
  color: #00A88F;
}
/* FOOTER */
#download-google {
  margin-right: 25px ;
}



/* ==========================================================================
   Base                                                    
   ========================================================================== */



body > div.footer-container-wrapper > div > div > div > div > div > div > div > div > div > div > div > div{
  display: flex;
  align-items: center;
  flex-direction: row;
  align-content: center;
  justify-content: space-evenly;
}

body > div.footer-container-wrapper > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(1) > div > div > div > div > div{
  display: flex;
  align-items: center;
}


  .banner{
    min-height: auto!important;
  }
  .bg-fundo{
    background-image: none!important;
		padding: 0 0 70px;
  }
  
  body > div.body-container-wrapper > div > div:nth-child(1) > div > div > div > div > div > div > div{
    display: flex;
    flex-direction: column-reverse; 
  }
  input[type="submit"]{
    width: 80% !important;
  }
  body > div.footer-container-wrapper > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(1) > div > div > div > div > div{
    display: flex;
    align-items: center;
    flex-direction: row; 
  }
  #hs_cos_wrapper_module_1645818233752679_ > img{
    max-width: 80%!important;
  }

  body > div.body-container-wrapper > div > div:nth-child(1) > div > div > div > div > div > div > div > div.span5.widget-span.widget-type-cell > div > div > div > div > div{
    display: flex;
    align-content: center;
    justify-content: space-evenly;
  }
  
  body > div.footer-container-wrapper>div>div>div>div>div>div>div>div>div>div>div>div{
    flex-direction: column;
  }
  body > div.footer-container-wrapper > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(3) > div > div > div > div > div{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
    align-content: center;
  }
  body > div.footer-container-wrapper > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(3) > div > div > div > div > div > div{
    margin-right: 10px !important;
  }
  
  body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div,
  body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-7 > div > div > div > div > div.span10.widget-span.widget-type-cell,
  body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-5 > div > div,
  body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-1 > div > div,
  .page-center, .page-center2
  {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-7 > div > div > div > div > div.span10.widget-span.widget-type-cell > div > div > div:nth-child(1) > div.row-fluid-wrapper.row-depth-1.row-number-10 > div,
  body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-7 > div > div > div > div > div.span10.widget-span.widget-type-cell > div > div > div:nth-child(3) > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div > div > div

  {
    margin-left: 0 !important;
  }
  body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-7 > div > div > div > div > div.span10.widget-span.widget-type-cell > div > div > div:nth-child(2) > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div > div > div{
    margin-left: 20px;
  }
  



/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.coluna-itens-desk {
	display: flex !important;
	justify-content: center;
}

/*****************************************/
/********* MEDIA QUERY 768px *************/
/*****************************************/
@media screen and (max-width: 768px){
    h1, h2 {
    margin: 15px;
    font-size: 26px !important;
  }
  p {
    margin:15px;
    font-size: 17px !important;
    text-align:center !important;
  }
  #hs_cos_wrapper_module_1687383166323225_ > p > img:nth-child(1){
  width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0px 0px 20px !important;
  }
  #hs_cos_wrapper_module_1687383166323225_ > p > img:nth-child(2){
  width: 1.5px !important;
    height: auto !important;
    max-width: 100% !important;
  }
  #hs_cos_wrapper_module_1687383166323225_ > p > img:nth-child(3){
  height: auto !important;
    max-width: 100% !important;
    width: 160px !important;
  }
  /* logo sofisa*/ 
  #hs_cos_wrapper_module_1662172040378329 {
    margin: 20px !important;
    padding-left: 0px !important;
  }
  .btn-abra-sua-conta {
  text-align:center !important;
  }
  /*CTA DOBRA 1 */
  #hs_cos_wrapper_module_1665156397493295 {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    padding-right: 45px !important;
  }
  .cta-dobra1 {
   float:none !important; 
   text-align: center !important;
  }
  /*imagem CDB*/
  #hs_cos_wrapper_module_1665156963781379 {
    text-align:center !important;
  }
  .dobra1 h1 {
    text-align:center;
    margin:15px;
    float:none !important;
  }
    .dobra1 p{
    text-align:left !important;
    margin-left: 160px !important;
  }
  
  /*texto dobra 1*/
  .texto-invista {
    text-align: center !important;
    margin:20px !important
  }
  /*DOBRA 2 */ 
  .passos {
    display: none !important;
  }
  .passos-mobile {
    display: block !important;
    text-align: center;
  }
  .dobra2 p {
    margin:20px !important;
    text-align: center !important;
  }
  
  /* DOBRA 3 */ 
  .dobra3 p {
    margin:20px !important;
  }
  
  /* DOBRA 4 - Comparativo */
  .coluna-itens-desk {
    display:none !important;
}
  .coluna-itens-mobile {
    display:block !important;
}
  #hs-cta-img-0c0b819b-14f8-47bd-b16b-5eb199c194b6 {
    float:none !important;
  }
 
  /* DOBRA 5 - TABELA */ 
  /*modulo*/
  #hs_cos_wrapper_module_16651650339731387 {
    margin-bottom: 0px !important; */
    margin-top: 20px !important;
  }
  
  #hs-cta-0c0b819b-14f8-47bd-b16b-5eb199c194b6 {
    text-align: center !important;
  }
  .dobra5 h2 {
    text-align:center !important;
  }


  #hs-cta-img-0c0b819b-14f8-47bd-b16b-5eb199c194b6 {
    margin-left: 20px !important;
   
  }
  .img-fique-atento {
    width: 98% !important;
  }
  .topic {
    padding:5px !important;
  }
  /* DOBRA 6 - FAQ */ 

  .question {
    font-size: 15px !important;
  }
  .faq-t {
    top: -20px !important;
  }
  /*FOOTER*/
  .footer-liquidez h1, h2, p {
    margin: 0!important;
  }
  #download-google {
       margin-right: 0px !important;
  }
  body>div.footer-container-wrapper>div>div>div>div>div>div>div>div>div>div>div>div>div:first-child>div>div>div>div>div {
    justify-content: space-around !important;
  }
}

/*****************************************/
/********* MEDIA QUERY 576px *************/
/*****************************************/
@media screen and (max-width: 576px){ 
  .dobra1 p {
    margin-left: 44px !important;
    margin-bottom: 35px !important;
  }
  /* CTA dobra 1 - abra sua conta*/
  #cta_button_6025061_ceef1344-c01c-4bae-b244-fd31839169bd{
    margin: 15px !important;
  }
  #hs_cos_wrapper_module_1665156397493295 {
   padding-left:70px !important;
  }
  
  a#cta_button_6025061_d3967aaa-bfe8-4f34-bf1c-2e9af3689d15 {
    width: 290px !important;
    margin: 10px !important;
  }
  .img-comparativo {
    margin: 10px !important;
  }

  #hs-cta-img-0c0b819b-14f8-47bd-b16b-5eb199c194b6 {
    margin-right: 40px !important;
  }
  
  .dobra5 p {
    margin:5px !important;
  }

  /*TEXTO CDB LIQUIDEZ */
  #hs_cos_wrapper_module_16651604779131043 {
    margin: 30px !important;
  }
  
  
  #cta_button_6025061_7549680e-ab54-4953-a548-b8b0f02e40dc {
    width: 300px;
    
  }
}