.service{
    margin-top: 1rem;
}

.service .container .row .col-12.col-md-7{
    margin-bottom: 1rem;
}
.service .container .row .col-12.col-md-5{
    margin-bottom: 1rem;
}
.service .container .row .col-12.col-md-7 .row .col-12 , .service .container .row .col-12.col-md-7 .row .col-12.col-md-6{

}
.service .container .row .col-12.col-md-5 .row .col-12:first-child{
    margin-bottom: 1rem;
}

.service__link{
    
}
.service__link--image{
    object-fit: cover;
    height: 19rem;
}
.service__link--detail{
    top: 0;
    text-align: start;
    padding: 1.5rem;
    color: #000 !important;
}


@media screen and (min-width: 768px) {
    .service .container .row .col-12.col-md-7{
        padding-left: 0;
        height: 25rem;
        margin: 0;
    }
    .service .container .row .col-12.col-md-5{
        margin: 0;
    }
    .service .container .row .col-12.col-md-5 .row .col-12{
        height: 12rem;
    }
    .service__link--image{
        height: 100%;
    }
}
@media screen and (min-width: 992px) {
    .service .container .row .col-12.col-md-7{
        height: 32rem;
        
    }
    .service .container .row .col-12.col-md-5 .row .col-12 {
        height: 15.5rem;    
    }
}