@media (max-width: 1600px){

    .seção1 .grupo1 .coluna1 p{

       
        font-size: 30px;
       
    
    }

    .seção1 .grupo1 .coluna1 img{

        width: 15%;
    
    }

    .seção1 .grupo1 .coluna2 p{

        
        font-size: 23px;
        
    
    }

    .seção1 .grupo1 .coluna2 i{

        font-size: 30px;
        
        
    
    }

    

}


@media (max-width: 1440px){

    .seção1 .grupo1 .coluna1 p{

       
        font-size: 25px;
       
    
    }

    .seção1 .grupo1 .coluna2 p{

        font-size: 20px;
    
    }

    .seção1 .grupo1 .coluna2 i{

        font-size: 28px;
        
        
    
    }


    .seção1 .grupo1 .coluna2{

        margin-top: 40px;
    
    }




}


@media (max-width: 1300px){

    .carousel-container {
        max-width: 1000px;
      }

      .seção1 .grupo1 .coluna2{

        margin-right: 50px;

    
    }

}


@media (max-width: 1170px){

    .seção1 .grupo1 .coluna1{

        margin-left: 50px;
    
    }

    .seção1 .grupo1 .coluna2{

        margin-right: 40px;

    
    }

}

@media (max-width: 1100px){

    .seção1 .grupo1{

        width: 70%;
        
    }
    
    .seção1 .grupo2 .coluna1{

        margin-right: 10%;
    }

    .seção1 .grupo2 .coluna2{

        margin-right: 10%;
    
    }

}

@media (max-width: 1015px){

    .carousel-container {
        max-width: 730px;
      }

      

}


@media (max-width: 950px){

    .seção1 .grupo1{

        width: 80%;
        
    }

    .seção1 .grupo2 .coluna1{

        margin-right: 5%;
    }

    .seção1 .grupo2 .coluna2{

        margin-right: 5%;
    
    }

}


@media (max-width: 870px){

    .navbar{

        flex-direction: column;
        
    }

    .logo{

        margin-bottom: 15px;

    }

    .menu{

        margin-bottom: 15px;

    }


    .services{

        flex-wrap: wrap;
    
    }
    
    .service2{
    
        display: none;
    
    }
    
    .service3{
    
        display: block;
    
    }


    .passos5 {
        
        display: none;
    }

    .passos52{

        display: flex;

    }

    .grade-de-imagens{

        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        padding: 20px;

    }


    .seção1 .grupo1{

        width: 100%;
        
    }

    .seção1 .grupo2{

        flex-direction: column;
        margin: 0 auto;
    
    }

    .seção1 .grupo2 .coluna1{

        margin-right: 0;
        text-align: center;
    }

    .seção1 .grupo2 .coluna2{

        margin-right: 0;
        text-align: center;
    }

    .seção1 .grupo2 .coluna3{

        text-align: center;

    }

    .seção1 .grupo3 .coluna1{

        flex-direction: column;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }



}


@media (max-width: 768px){

    .nav-menu{

        display: none;
    }

    

    

}

@media (min-width: 769px){

    .menu-mobile{

        display: none;
    }


}


@media (max-width: 740px){

    .carousel-container {
        max-width: 430px;
      }

}


@media (max-width: 670px){

    .seção1 .grupo1{

        flex-direction: column;
    }

    .seção1 .grupo1 .coluna1{

        margin-top: 30px;
        margin-left: 0px;
        margin-bottom: 0px;
        justify-items: center;
    
    }

    .seção1 .grupo1 .coluna1 img{

        display: none;
    
    }

    .seção1 .grupo1 .coluna2{

        margin-top: 15px;
        margin-left: 0;
        margin-right: 0px;
        margin-bottom: 30px;
    
    }

    .seção1 .grupo1 .coluna2 i{

        margin-top: 10px;
        
        
    
    }

}





@media (max-width: 510px){

    .banner-content h1{

        font-size: 35px

    }

    .banner-content h3{

        font-size: 22px;

    }

    .seção1 .grupo1 .coluna1 p{

        font-size: 20px;

    
    }

}

@media (max-width: 425px){

    .nav-container{

        flex-direction: column;

    }

    .icons{

        display: none;

    }

    .menu-mobile-on{

        margin-top: 124px;

    }




}

@media (min-width: 426px){

    .menu-mobile-on .line1{

        display: none;

    }

    .menu-mobile-on .icons1{

        display: none;

    }

}


@media (max-width: 375px){

    .menu a{

        margin-right: 7px;

    }

    .titulo-esquerdo{

        font-size: 25px;

    }



}


@media (max-width: 320px){

    .titulo-esquerdo{

        font-size: 25px;

    }

}