.integration-page {
    line-height: 1.4;
    color: #333;
}

.integration-page .row, .hosting-page .row {
    /*margin: 0;*/
}

.page-tab-link svg * {
    fill: #fff;
}

.description {
    background: #eee url(../../img/api-content-image.png) no-repeat right center / contain;
}

.api-works-section .section-headding {
    padding: 0 20px;
}

.work-steps {
    padding: 15px 20px;
    height: 100%;
}

.work-steps-one {
    height: 100%;
}

.api-list li {
    margin-bottom: 0;
}

.steps-section {
    margin: 0!important;
    display: inline-flex;
    flex-wrap: wrap;
}

.benefits-fluid {
    position: relative;
}

.benefits-section .row {
    margin-left: -15px;
    margin-right: -15px;
}

/*.work-steps-two:after {
    background: url(../../img/api-setup.svg) no-repeat center / cover;
}

.work-steps-three:after {
    background: url(../../img/integration.svg) no-repeat center / cover;
}

.work-steps-four:after {
    background: url(../../img/deliver.svg) no-repeat center / cover;
}*/

body.integration-page #case-studies .owl-nav {
    position: absolute;   
}

body.integration-page #case-studies .owl-controls .owl-nav .owl-prev, body.integration-page #case-studies .owl-controls .owl-nav .owl-next {
    left: unset;
    right: unset;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
    top: unset;
}

body.integration-page #case-studies .owl-controls .owl-nav .owl-next {
    margin-left: 20px;
}

body.integration-page #case-studies .owl-nav .owl-prev img, #case-studies .owl-nav .owl-next img {
    width: 20px;
}

body.integration-page #case-studies .case-studies-description {
    min-height: 100px
}

body.integration-page #case-studies .case-study {
    background: #f9f9f9;
    border: 2px solid #e5e5e5;
}


@media only screen and (min-width: 1200px) {
    .factors-headding {
        width: 80%;
    }

    .steps-section {
        margin-bottom: 40px;
    }

    .description .col-xs-12 {
        margin-left: 3%;
    }

    body.integration-page #case-studies .owl-nav {
        display: inline-flex;
        position: absolute;
        top: 50%;
        left: -42%;
        transform: translate(-50%,-50%);
    }
}

@media only screen and (max-width: 1199px) {
    .steps-section .col-xs-12 {
        margin-bottom: 20px;
    }
    
    body.integration-page #case-studies .owl-nav {
        position: relative;
    }
}

@media only screen and (max-width: 991px) {
    .description {
        background-image: none;
    }
}

@media only screen and (max-width: 767px) {
    .benefits-fluid {
        padding: 0;
    }

    .integration-page .features-container {
        margin-top: unset;
    }
}

@media only screen and (max-width: 575px) {
    .solutions-type {
        margin-right: 5px;
    }
}