@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

body{
    margin: 0;
    padding:0;
    font-family: 'DM Sans', sans-serif;  
    overflow-x: hidden !important;
}

@media(min-width: 1200px){
    .container {
        max-width: 1152px;
    }
    
    .sub-footer.desktop > .container {
        max-width: 1390px;
    }
}

.responsive{
  display: none;
}

#navbar{
  padding: 24px 0;
}
.logo {
  max-width: 100%;
}

a:hover {
  color: #000000;
}

.banner{
  background: url(/img/banner.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  min-height: 546px;
}

.banner .content {
    margin: 90px 0 0;
}

  .banner .content h5{
   font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom:40px;
  }

  .banner .content h3{
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 73px;
    color: #FFFFFF;
    width: 100%;
    max-width: 456px;
  }


.banner .form-body{
    position: relative;
    width: 100%;
    max-width: 440px;
    min-height: 600px;
    background: #FFF;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding: 30px;
    margin: 65px 0 -119px auto;
}

.banner .form-body.thanks{
    min-height: 200px;
    text-align:center;
}
.thanks h3 {
  padding-top: 10px;
}
.thanks img {
  padding: 30px 0;
}
.thanks p{
  font-size: 16px;
  color: #666666;
}

.img-thanks {
    margin-bottom: 50px;
}

.banner .form-body h3{
  font-style: normal;
  font-weight: 700;
  font-size: 18.5px;
  line-height: 26px;
  color: #666666;
}

.banner .form-body h6{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
}

.banner .form-body span{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
  margin-bottom: 5px;
}

.banner .form-body input{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
  border: 0.5px solid #666666;
  margin-bottom: 10px;
  border-radius: 0;
}

.banner .form-body .checkbox{
  margin: 20px 0 10px 0;
}
.banner .form-body .checkbox2{
  margin: 10px 0 10px 0;
}

.banner .form-body .checkbox input[type="checkbox"]{
  position: relative;
  top: 3px;
  height: 18px;
  width: 18px;
}
.banner .form-body .checkbox2 input[type="checkbox"]{
  position: relative;
  top: 3px;
  height: 18px;
  width: 18px;
}

.banner .form-body .btn.form-button{
  padding: 15px 0px;
  background: #D81E05;
  border-radius: 8px; 
  width: 100%;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #FFFFFF;
}
.form-button {
  margin-top: 10px;
}

.Vantagens{
  margin-top: 80px;
  margin-bottom: 80px;
}

.Vantagens .title-section{
  position: relative;
}

.Vantagens .title-section h2{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
  color: #666666;
}

.Vantagens .title-section h2::after{
  content: ' ';
  display: block;
  position: absolute;
  bottom: -10px;
  left: -30px;
  height: 1px;
  width: 64px;
  background: #666666;
}

.Vantagens .content{
  width: 100%;
  min-height: 376px;
  background: #F5F6F7;
  border-radius: 8px;
}

.Vantagens .content .imagen{
 padding: 40px 0;
}

.Vantagens .content .content-int .title{
  width: 100%;
  max-width: 200px;
  margin: auto;
}

.Vantagens .content .content-int .title h4{
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #666666;
}

.Vantagens .content .content-int .text{
  width: 100%;
  max-width: 210px;
  margin: auto;
}

.Vantagens .content .content-int .text p{
  margin-top: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
  margin-top: 20px;
}

.abrangencias{
  margin-bottom: 40px;
}

.abrangencias .title-section{
  position: relative;
}

.abrangencias .title-section h2{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
  color: #666666;
}

.abrangencias .title-section h2::after{
  content: ' ';
  display: block;
  position: absolute;
  bottom: -10px;
  left: -30px;
  height: 1px;
  width: 64px;
  background: #666666;
}

.abrangencias .content{
  margin: 50px 0;
}

.testimonios{
  margin-bottom: 50px;
}



.testimonios .title-section{
  position: relative;
}

.testimonios .title-section h2{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
  color: #666666;
  margin-bottom: 50px;
}

.testimonios .title-section h2::after{
  content: ' ';
  display: block;
  position: absolute;
  bottom: -10px;
  left: -30px;
  height: 1px;
  width: 64px;
  background: #666666;
}

.testimonios .content {
    width: 100%;
    max-width: 352px;
    min-height: 322px;
    background: #F5F6F7;
    border-radius: 8px;
    padding: 40px 25px 0;
    margin-left: auto;
    margin-right: auto;
}

.testimonios .content .imagen-start{ 
  padding: 20px 0 50px 0;
}

.testimonios .content .text p{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #666666;
  max-width: 283px;
}

.testimonios .content .title-name h5{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #666666;
}

.testemunhos-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sub-footer{
  position: relative;
  min-height:400px;
  overflow:hidden;

}



.sub-footer .content{
    padding: 0px 16px 0 0px;
    min-height: 400px;
    width:100%;
    max-width:510px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.sub-footer .background-sub-footer{
  position: relative;
  background: #D81E05;
}

.sub-footer .background-sub-footer::before{
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: -130px;
  width: 130px;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 400px solid #D81E05;
}

.sub-footer.desktop > .container > .row{
    background: #D81E05;
}


.sub-footer .content p{
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.25;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  margin-bottom: 30px;
  
}

.sub-footer button{
  padding: 15px 70px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #D81E05;
  background: #FFFFFF;
  border: 1px solid #D81E05;
  border-radius: 8px;
}

.sub-footer img {
    position: absolute;
    right: -108px;
    object-fit: cover;
}
  
footer{
  margin: 20px 0;
}

footer img{
  width: 100%;
  max-width: 129px;
  height: auto;
}

@media(max-width: 1399px){
    
    .testimonios .content{
        min-height:317px; 
    }
  
    
    .testimonios .slick-initialized .slick-slide{
        padding:0 20px;  
    }
  
    
    .sub-footer .content{
        width: 100%;
        max-width: 450px;
        padding: 0px 26px 0 0;
        
    }
    
    .sub-footer .content p{
        font-size:38px;
    }
    
    .sub-footer img{
      right:-35%;
    }
}


@media(max-width: 1242px){
    .Vantagens .content{
        margin-bottom:20px;
    }
    
    .testimonios .slick-initialized .slick-slide{
        padding:0 15px;  
    }
  
    .sub-footer img{
      right:-25%;
    }
}

@media(max-width: 1200px){
    .sub-footer img{
      right:-55%;
    }
}


@media(max-width: 992px){
    
  .desktop{
    display: none;
  }

  .responsive{
    display: block;
  }

  nav{
    position: absolute !important;
    width: 100%;
  }

  nav .container{
    justify-content: center !important;
  }

  .banner{
    background-position: top left;
  }

  .banner .content {
    margin: 150px auto 0px;
    max-width: 302px;
    }

  .banner .content h5{
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 33px;
    color: #FFFFFF;
  }

  .banner .content h3{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #FFFFFF;
    width: 100%;
    max-width: 300px;
  }

  .banner .container .row div:nth-child(2){
    width: 100%;
  }
  
    .banner .form-body {
        bottom: 0px;
        margin: 50px auto 0 auto;
    }


  .Vantagens .content{
    min-height: 330px;
    margin: 20px auto 0 auto;
    padding: 0 20px;
    max-width:470px;
  }
  
  .Vantagens .content .content-int .text p{
    font-size: 13px;
  }

  .abrangencias .title-section h2{
    margin-bottom: 30px;
  }

  .abrangencias .content{
    margin: 30px 0;
  }
  
  .testimonios .slick-initialized .slick-slide{
    padding:0 5px;  
  }
  
  .testimonios .content{
        max-height: 340px;
  }
  
  .sub-footer .content{
      text-align:center;
      margin:auto;
  }
  
    .responsive .footer-banner {
        padding:0;
    }
    
    .responsive.sub-footer img {
        width: 100%;
        min-height: 310px;
        position: relative;
        right: 0;
        object-fit: cover;
        background: #D81E05;
    }
    
    body > section.sub-footer.responsive > div > div > div.col-lg-12.order-2.background-sub-footer:before{
        content: ' ';
        display: block;
        position: absolute;
        top: -68px;
        left: 0;
        width: 100%;
        height: 0;
        border-left: 960px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 70px solid #D81E05;
        z-index:1;
    }

}



@media(max-width: 767px){
  .logo {
    padding-left: 20px;
  }
    .testimonios .slick-initialized .slick-slide{
        padding:0 10px;  
      }
  
    .sub-footer {
        text-align: center;
    }
    
    .sub-footer .content {
        padding: 0;
        max-height: 400px;
        width: 292px;
        margin: 0 auto;
        min-height: auto;
        margin: 20px auto 53px;
    }
    
    .sub-footer .content p {
        font-size: 25px;
        line-height: 1.25;
    }

    
    .sub-footer {
        position: unset;
        height: unset;
    }
    
    .navbar {
        padding: 8px 0;
    }
    
    
}



@media(max-width: 472px){
    
   .banner{
    background: url(/img/responsive/banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 700px;
  }

  
  
  .Vantagens .content {
    min-height: 300px;
    max-width: 262px;
    }
  
  
  .testimonios .content {
    min-height: 337px;
   }
   
   .banner .content {
        margin: 276px auto 0px;
        max-width: 302px;
    }
    
    .banner .form-body {
        bottom: 0px;
        margin: 176px auto -520px auto;
    }
    
    .banner .content h5 {
        margin-bottom: 19px;
    }
    
    .Vantagens {
        margin-top: 600px;
        margin-bottom: 80px;
    }

}



.error {
    color: red;
}