/* container inicial */
.container.bg-servicos{
    position: absolute;
    align-items: center;
    top: 25%;
    color: white;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* titulo principal (topo ) */
.container.bg-servicos h5{
    font-size: 5vw;
}

/* texto principal (topo) */
.container.bg-servicos p{
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    font-size: 2vw;
    justify-content: center;
    align-items: center;
}

/* container com introdução para os serviços */
.container-1{
    margin-top: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    color:white;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: linear-gradient(125deg, black, #4e4e4e);
}

.titulo-1{
    text-align: center;
    margin-bottom: 2%;

}
/* texto do container-1 (introdutorio) */
.texto-1{
    width: 66%;
    text-align: center;
    font-size: 1.7vw;
    display: inline-block;
}
.container.servicos{
    background-color: black;
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-right: 2%;
    padding-left: 2%;
}
/* colunas do card */
.row .coluna-servico{
    margin-bottom: 2%;
}

/*div card principal */
.card{
    color: white;
    border-color: rgb(108, 108, 108);
    border-width: 2%;
    height: 100%; 
}

/* card imagem */
.card-img-top{
    justify-content: center;
    align-items: center;
    align-content: center;
    aspect-ratio: 16/9;
    
}

/* card para titulo e texto */
.card-body{
    bottom: 2%;
    width: auto;
    height: 90%;
    align-content: center;
    justify-content: center;
}

.card-body .card-title{
    text-align: center;
}

.card-body .card-text{
    text-align: justify;
}

.final{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
    color: white;
    background: rgba(30, 30, 30, 0.4);
    background: radial-gradient(circle,#636262, #161616);
    padding-top: 5%;
    padding-bottom: 5%;
}

.titulo-final{
    font-size: 2.5vw;
    margin-bottom: 4%;
}

.texto-final{
    width: 50%;
    text-align: justify;
    font-size: 1.7vw;
}

.texto-final-contato-whatsapp{
    font-size: 1.1vw;
}
/* efeito nos simbolos tag <a> */
a.final{
    border-radius: 15%;
    transition: transform 0.2s;
} 
  /* Efeito de hover para a imagem */
a:hover.final{
    transform: scale(1.3);
    filter: brightness(0.8);
}




@media screen and (max-width: 575px){
  
.navbar-brand{
    width: 60%;
}

/* container inicial */
.background-top-servicos{
    margin-top: 20%;
    margin-bottom: 5%;
}


.container.bg-servicos{
    display: flex;
    flex-direction: column;
    margin: auto;
    justify-content: center;
    align-items: center;
}

/* titulo container inicial */
.container.bg-servicos h5{
    font-size: 7vw;

}

/* texto container inicial */
.container.bg-servicos p{
    font-size: 4vw;
}

.container-1{
    margin-top: 5%;
}

.container-1 h2{
    font-size: 4.5vw;
    margin-bottom: 10%;
}

.container-1 p{
    width: 95%;
    font-size: 3.5vw;
}

.container.servicos{
    width: 95%;
    padding: auto;
    margin: auto;
}
    
.coluna-servico{
    margin-top: 5%;
    padding: auto;
    margin: auto;
}
.card-body h5{
    margin-top: 3%;
    font-size: 4.5vw;
}
.card-body p{
    font-size: 3vw;
    margin: 5%;
    padding-bottom: 3%;
}

.final h2{
    font-size: 4.5vw;
}
.final p{
    width: 80%;
    font-size: 3vw;
}

}