/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,400,500,600,700,800|Nunito:300,400,600,700,800");


html{
     scroll-behavior: smooth;
}

.company{
     margin-top: 18%;
     margin-bottom: 5%;
     background-color: rgb(255, 255, 255);
}

.texto_sobre_box {
    font-size: 1.2rem;
    color: #484848;
   }


   .imagem_servicos{
        height: 120px;
   }


.margemt{
     margin-top: 14%;
}
   
.portfolio-4-columns  img {
     margin-left:  10px;
     margin-right: 10px;
     margin-top: 5px;
     margin-bottom: 5px;
   }
   

.testemunho_margens{
     margin-top: 12%;
     margin-bottom: 5%;
}

.border_testem{
     border: 2px solid #c40000 !important; 
}

.footer_titulos{
     font-size: 20px;
     font-weight: 50px;
     color: #c40000;
}

.margem_foo_l{
     margin-left: 11px;
}

.margem_footer_c{
     margin-left: 30px;
}

.box_about{
     border-style: dotted;
     color: grey;
     height: fit-content;
     padding-bottom: 10px;
}

.lista_about{
     margin-top: 3%; 
     margin-left: 20%;
}

#header .container {
     height: fit-content;
   }

.botao_mensagem_ser:hover{
     background-color: white !important;
     color: #484848 !important;
}

.margens_footer{
     margin-top: 30px;
     margin-bottom: 30px;
}


.margem_top_team{
     margin-top: 12%;
     margin-bottom: 40px;
}

.margens_faq{
     margin-top: 10%;
     margin-bottom: 90px;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


@media (max-width: 1200px) {
     .testimonial.testimonial-box .testimonial-item{
          height: 41vh;
     }
}


@media (min-width: 1200px) {
     .testimonial.testimonial-box .testimonial-item{
          height: 41vh;
     }

     .company{
          margin-top: 12%;
          margin-bottom: 0%;
     }

     .margem_top_team{
          margin-top: 10%;
          margin-bottom: 0%;
     }

     .margens_faq{
          margin-top: 8%;
          margin-bottom: 5%;
     }

     .testemunho_margens{
          margin-top: 9%;
          margin-bottom: 5%;
     }
}



@media (max-width: 1024px) {
     .margin_sobre_text{
          border-top-width: 50px;
          position: absolute;
           }
     }

@media (max-width: 990px) {
     .imagem_servicos{
          height: 100px;
          }

     .imagem_servicos_tex{
          font-size: 17px;
     }

     .heading-text.heading-section h2 {
          font-size: 45px;
          }

     .text-medium {
          font-size: 35px !important;
          font-weight: 800;
          line-height: 1.1;
          margin-bottom: 20px;
          }

     .testimonial.testimonial-box .testimonial-item{
          height: 50vh;
     }

     .testimonial.testimonial-box .testimonial-item{
          height: 55vh;
     }
}

@media (max-width: 767px) {
     .margin_sobre_text{
          border-top-width: 50px;
          position: absolute;
           }

     .heading-text.heading-section h2:before {
          content: "";
          height: 2px;
          width: 100px;
          background-color: #C40000;
          bottom: -30px;

          margin: auto;
          }

     
     .text_slidder{
          text-align: center;
     }

     .mg_planos_caixas{
          margin-top: 50px;
     }

     .heading-text.heading-section h2 {
          position: relative;
          font-size: 45px;
          line-height: 50px;
          margin-bottom: 60px;
          color: #c40000;
          text-align: center;
          }

          .heading-text.heading-section h2:before {
               content: "";
               height: 2px;
               width: 100px;
               background-color: #C40000;
               bottom: -20px;
               margin: auto;
               }

          .box_about{
               border-style: dotted;
               color: grey;
               height: fit-content;
               padding-bottom: 10px;
               margin-top: 145px;
          }

          .ima_ser_mb{
               margin-top: 6%;
          }
}

@media (max-width: 576px) {
     .heading-text.heading-section h2 {
          position: relative;
          font-size: 40px;
          line-height: 50px;
          color: #c40000;
          text-align: center;
          margin-bottom: 45px;
          }

     .mt_about_tex{
          margin-bottom: 55px;
     }

     .testimonial.testimonial-box .testimonial-item{
          height: 45vh;

     }
}

     @media (max-width: 389px) {
          .box_about{
               border-style: dotted;
               color: grey;
               height: fit-content;
               padding-bottom: 10px;
               margin-top: 170px;
          }
     }