body {
    background-color: #F0F0F3;
}
.service-content {
    display: flex;
    background-color: #fff;
    border-radius: 3rem;
    overflow: hidden;
    max-width: 1350px;
    margin: 0 auto;
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.4);
    margin-top: -15%;
}
.service-content .text-col {
    flex:0 0 55%;
    width: 55%;
    padding:5% 3%;
    padding-right: 6%;
    text-transform: initial;
}
.service-content .image-col {
    flex:0 0 45%;
    width: 45%;
    margin-bottom: -5%;
}
.service-content .image-col img {
    display: block;
    border-radius: 8rem;
    width: 110%;
    height: 95%;
    max-width: 70vw;
    box-shadow: -15px 5px 20px 0px rgba(0, 255, 133, 0.2);
    transform: rotate(-12deg) translate(5%, 3%);
    object-fit: cover;
}
.headline {
    font-weight: bold;
}
.single-service-section {
    padding-bottom: 5%;
}
@media screen and (max-width: 991px){
    .service-content {
        flex-wrap: wrap;
    }
    .service-content .image-col {
        flex:0 0 100%;
        width:100%
    }
    .service-content .text-col {
        flex:0 0 100%;
        width:100%;
        padding:5%;
    }
    .service-content .image-col img {
        transform: none;
        border-radius: 0;
        width: 100%;
        max-width: 100%;
    }
}