.img_banner {
    height: 100vh;
    object-fit: cover;
}

.service {
    padding-top: 7rem;
    padding-left: 16%;
    padding-right: 16%;
}

.botones {
    list-style: none;
    margin: 0px;
    padding: 15px 0px 0px 0px;
}

.buttonService {
    width: 100%;
    background: #f5f5f5;
}

.buttonService button {
    border-radius: 0px;
    width: 100%;
    border: 0;
    text-align: left;
    padding: 15px 25px;
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-weight: 400;
}

.buttonService:hover {
    background: #0F9B00;
}

.active1 {
    background: #0F9B00;
}

.contentService p {
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    text-align: justify;
}

.contentService ul li {
    font-size: 14px;
    line-height: 36px;
    font-weight: 400;
    text-align: justify;
}

.container-img {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 250px;
    grid-gap: 20px;
}

.container-img .box-img figure {
    width: 100%;
    height: 100%;
}

.container-img .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1399.98px) {
    .service {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media (max-width: 1199.98px) {
    .service {
        padding-left: 5%;
        padding-right: 5%;
    }
}

/* @media screen and (max-width:800px) {
        .container-img {
            width: 95%;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 10px;
            grid-template-rows: 200px;
        }

    } */
@media (max-width: 991.98px) {
    .service {
        padding-left: 5%;
        padding-right: 5%;
    }

    .contentService p {
        font-size: 14px;
    }

    .buttonService button {
        font-size: 16px;
    }

    .container-img {
        width: 95%;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        grid-template-rows: 200px;
    }
}

@media screen and (max-width:500px) {
    .container-img {
        width: 90%;
        grid-template-columns: repeat(1, 1fr);
    }

    .container-img .box-img img {
        height: 200px;
    }
}