.wpo-service-section-s4 .wpo-service-item {
    background-image: url(../image/shape-1.png) !important;
    padding: 50px;
    box-shadow: 0px 0px 20px 0px rgb(20 33 43 / 10%);
    transition: all 0.3s;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.wpo-service-section-s4 .wpo-service-item.active,
.wpo-service-section-s4 .wpo-service-item:hover {
    background-image: url(../image/shape-2.png) !important;
}

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar>ul>li>a:before {
        position: absolute;
        left: 0px;
        top: 58px;
        width: 100%;
        height: 4px;
        background: #ec2028;
        content: "";
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
        border-radius: 3px;
    }
}

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar {
        justify-content: end !important;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-007 {
        margin-bottom: -50px;
    }
}

@media (max-width: 576px) {
    .service-bg {
        background: #fff;
    }
}

@media (max-width: 590px) {
    .service-page-title {
        font-size: 22px !important;
        color: black;
        margin-top: 0px;
        font-weight: 900;
    }
}

@media (min-width: 1200px) {
    .mobile-responsive-05 {
        background-image: none;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        background-size: contain;
        /* margin-top: -205px; */
    }
}

/*Hide in Other Small Devices */

@media (min-width: 992px) and (max-width: 1199px) {
    .mobile-responsive-05 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 474px; */
        /*width: 1000px;*/
        /* background-size: 100% auto; */
        background-position: center;
        background-size: cover;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .mobile-responsive-05 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 474px; */
        /*width: 1000px;*/
        background-size: 100% auto;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .mobile-responsive-05 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 900px; */
        /*width: 1000px;*/
        background-size: 100% auto;
        background-position: center;
        background-size: cover !important;
        background-size: 100% auto !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .mobile-responsive-05 {
        background-image: url('../image/service-page/04.png');
        background-repeat: no-repeat;
        height: 474px;
        /*width: 1000px;*/
        background-size: 100% auto;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-05 {
        background-image: url('../image/service-page/04.png');
        background-repeat: no-repeat;
        height: 516px;
        background-size: 100% auto;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-02 {
        display: none;
    }
}

@media (min-width: 1200px) {
    .mobile-responsive-01 {
        background-image: none;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        background-size: contain;
        /* margin-top: -205px; */
    }
}

/*Hide in Other Small Devices */

@media (min-width: 992px) and (max-width: 1199px) {
    .mobile-responsive-01 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 474px; */
        /*width: 1000px;*/
        /* background-size: 100% auto; */
        background-position: center;
        background-size: cover;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .mobile-responsive-01 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 474px; */
        /*width: 1000px;*/
        background-size: 100% auto;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .mobile-responsive-01 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 900px; */
        /*width: 1000px;*/
        background-size: 100% auto;
        background-position: center;
        background-size: cover !important;
        background-size: 100% auto !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .mobile-responsive-01 {
        background-image: url('../image/service-page/06.png');
        background-repeat: no-repeat;
        height: 474px;
        /*width: 1000px;*/
        background-size: 100% auto;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-01 {
        background-image: url('../image/service-page/06.png');
        background-repeat: no-repeat;
        height: 516px;
        background-size: 100% auto;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-02 {
        display: none;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-03 {
        margin-top: 50px;
        margin-bottom: -100px;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-04 {
        margin-top: 0px;
        margin-bottom: -150px;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-06 {
        margin-top: 30px;
        margin-bottom: -20px;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-07 {
        margin-bottom: -50px;
    }
}


 @media (min-width: 1200px) {
    .mobile-responsive-003 {
        background-image: none;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        background-size: contain;
        /* margin-top: -205px; */
    }
}

/*Hide in Other Small Devices */

@media (min-width: 992px) and (max-width: 1199px) {
    .mobile-responsive-003 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 474px; */
        /*width: 1000px;*/
        /* background-size: 100% auto; */
        background-position: center;
        background-size: cover;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .mobile-responsive-003 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 474px; */
        /*width: 1000px;*/
        background-size: 100% auto;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .mobile-responsive-003 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 900px; */
        /*width: 1000px;*/
        background-size: 100% auto;
        background-position: center;
        background-size: cover !important;
        background-size: 100% auto !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .mobile-responsive-003 {
        background-image: url('../image/service-page/02.png');
        background-repeat: no-repeat;
        height: 474px;
        /*width: 1000px;*/
        background-size: 100% auto;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-003 {
        background-image: url('../image/service-page/02.png');
        background-repeat: no-repeat;
        height: 516px;
        background-size: 100% auto;
    }
}



@media (min-width: 1200px) {
    .mobile-responsive-07 {
        background-image: none;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        background-size: contain;
        /* margin-top: -205px; */
    }
}

/*Hide in Other Small Devices */

@media (min-width: 992px) and (max-width: 1199px) {
    .mobile-responsive-07 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 474px; */
        /*width: 1000px;*/
        /* background-size: 100% auto; */
        background-position: center;
        background-size: cover;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .mobile-responsive-07 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 474px; */
        /*width: 1000px;*/
        background-size: 100% auto;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .mobile-responsive-07 {
        background-image: none;
        background-repeat: no-repeat;
        /* height: 900px; */
        /*width: 1000px;*/
        background-size: 100% auto;
        background-position: center;
        background-size: cover !important;
        background-size: 100% auto !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .mobile-responsive-07 {
        background-image: url('../image/service-page/07.png');
        background-repeat: no-repeat;
        height: 474px;
        /*width: 1000px;*/
        background-size: 100% auto;
    }
}

@media (max-width: 576px) {
    .mobile-responsive-07 {
        background-image: url('../image/service-page/07.png');
        background-repeat: no-repeat;
        height: 516px;
        background-size: 100% auto;
    }
}