.wrapper {
    background: radial-gradient(circle, #F25F4B 0, #F25F4B 100%) !important
}

.service-lp {
    position: relative;
    display: grid;
    display: -ms-grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr;
    min-height: 100vh
}

@media screen and (min-width: 990px) {
    .service-lp {
        grid-template-columns:1fr 2fr;
        -ms-grid-columns: 1fr 2fr
    }
}

@media screen and (min-width: 1400px) {
    .service-lp {
        grid-template-columns:40% 1fr 17%;
        -ms-grid-columns: 40% 1fr 17%
    }
}

.service-lp h1 {
    font-size: 1.9444444444em;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-transform: inherit;
    margin-top: 10px
}

@media only screen and (min-width: 767px) {
    .service-lp h1 {
        font-size: 2.7777777778em;
        line-height: 55px;
        margin-top: 23px
    }
}

@media screen and (min-width: 990px) {
    .service-lp h1 {
        margin-left: 2px
    }
}

.service-lp p {
    color: #fff;
    line-height: 26px
}

@media only screen and (min-width: 767px) {
    .service-lp p {
        font-size: 1em;
        line-height: 27px
    }
}

@media screen and (min-width: 990px) {
    .service-lp p {
        margin-left: 2px
    }
}

.service-lp .cog-image {
    position: absolute;
    bottom: 50px;
    right: -550px;
}

@media screen and (min-width: 990px) {
    .service-lp .cog-image {
        bottom: unset;
        right: unset;
        top: 0;
        left: 0;
        grid-column: 1;
        -ms-grid-column: 1;
        -ms-grid-column-align: 1;
        align-self: center;
        -ms-grid-row-align: center;
        transform: translateX(-40%)
    }

    @supports (display:grid) {
        .service-lp .cog-image {
            top: inherit;
            left: inherit
        }
    }
}

.service-lp .service-content {
    grid-column: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    align-self: center;
    justify-self: center;
    -ms-grid-column-align: center;
    -ms-grid-row-align: center;
    padding: 20px
}

@media screen and (min-width: 767px) {
    .service-lp .service-content {
        padding: 30px 60px
    }
}

@media screen and (min-width: 990px) {
    .service-lp .service-content {
        text-align: left;
        grid-column: 2;
        -ms-grid-column: 2
    }
}

.service-lp .service-content img {
    max-width: 70px;
    margin-bottom: 25px;
}

@media screen and (min-width: 767px) {
    .service-lp .service-content img {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 990px) {
    .service-lp .service-content img {
        margin: 0 0 30px
    }
}
