.single-projetos{
    background: linear-gradient(136deg, rgb(61, 127, 63) 0%, rgb(106, 167, 107) 100%);
}

.single-projetos .projeto-content {padding-bottom: 60px;}

.single-projetos .projeto-content .box-content, .single-projetos .projeto-content .box-info {
    background-color: var(--wp--preset--color--secondary-color);
    padding: 40px;
    border-radius: 8px;
    margin: 4rem auto;
    color: var(--wp--preset--color--primary-color);
}

.single-projetos .projeto-content .box-content p {
    font-size: var(--wp--preset--font-size--title-small);

}
.single-projetos .projeto-content .box-info h3 { font-weight: 700;   letter-spacing: 2px;}
.single-projetos .projeto-content .box-info p {
    font-size: var(--wp--preset--font-size--title-small);
}

.servicos .servicos-card {
    background-color: #E4E7DE;
    text-align: center;
    padding: 24px 0 20px;
}

.servicos .servicos-card h2, .servicos .servicos-card p{
    color: var(--wp--preset--color--primary-color);
}
.servicos .servicos-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.wrapper-carousel-projetos{
    position: relative;
}

.wrapper-carousel-projetos .carousel-projetos .projetos-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

    /*PROJETOS CAROUSSEL*/
.wrap-carousel-projetos-nav { position: absolute; left: 0;  bottom: 55%; width: 100%;z-index: 2;}
.wrap-carousel-projetos-nav button i{
    background-color: #FFFFFF;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
}
.wrap-carousel-projetos-nav button.prev-projetos i {left: 40px;}
.wrap-carousel-projetos-nav button.next-projetos i {right: 40px;}
.wrap-carousel-projetos-nav button:hover i{opacity: 0.7 }





@media only screen and (max-width: 991px) {
    .wrapper-carousel-projetos .projetos-card {
        max-width: 70%;
        margin: 0 auto;
    }

    .wrapper-carousel-projetos .carousel-projetos .projetos-card img {
        height: 400px;
    }

    .single-projetos .projeto-content .box-content, .single-projetos .projeto-content .box-info {
        margin: 2rem auto;
        width: 90%;
    }

    .single-projetos .projeto-content .box-content {margin-bottom: 0;}
}
@media only screen and (max-width: 576px) {
    .wrapper-carousel-projetos .projetos-card {
        max-width: 90%;
    }
    .wrap-carousel-projetos-nav {
        display: none;
    }

}