.custom-project-detail {
    padding-top: 3rem;
    display: inherit;
}

.custom-project-detail .home-our-client .container h2 {
    text-align: left;
}

.custom-project-detail .home-our-client .our-client-decription p {
    color: #282828;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
}

.custom-project-detail .section-background-images .ground-content .border-cover h2 {
    text-align: initial;
}

.custom-project-detail .home-project-showcase {
    position: relative;
}

.custom-project-detail .home-project-showcase::before {
    right: -40%;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    background: url(../images/pattern-backgound.png);
    background-position: top left;
    background-repeat: no-repeat;
    top: 52%;
    transform: translateY(-50%);
    position: absolute;
}

.custom-project-detail .home-our-client {
    padding-top: 107px;
    padding-bottom: 90px;
}

.custom-project-detail .home-project-showcase {
    padding-top: 127px;
    padding-bottom: 247px;
}

.custom-project-detail .product-categories .category .border:before {
    opacity: 0.2;
}

.page-template-custom-projects .how-we-work .title {
    margin-bottom: 50px;
}

.page-template-custom-projects .how-we-work {
    padding-bottom: 6%;
}


@media (min-width:768px) {
    .service-details .how-we-work .list-work {
        transform: translateX(30px);
    }
}

@media (min-width:1025px) {

    .custom-project-detail .home-project-showcase .gallery-1 {
        right: 95px;
    }

    .custom-project-detail .home-project-showcase .gallery-2 {
        left: 95px;
    }

    .custom-project-detail .section-background-images .img-wraper {
        height: 542px;
    }
}

@media (min-width:1280px) {
    .custom-project-detail .section-background-images .ground-content .content-right .img-right:first-child {
        right: 42%;
        z-index: 6;
        top: 60%;
    }

    .custom-project-detail .section-background-images .ground-content .content-right .img-right:last-child {
        right: 0%;
        z-index: 5;
        top: 42%;
    }
}

@media (min-width:1400px) {
    .service-details .how-we-work .list-work {
        transform: translateX(-55px);
    }

    .service-details .how-we-work .list-work .list-work-for-clients {
        margin-left: 15%;
    }
}

@media (max-width:1280px) {
    .custom-project-detail .home-our-client {
        padding-top: 95px;
    }

    .custom-project-detail .home-project-showcase {
        padding-top: 95px;
        padding-bottom: 247px;
    }
}

@media (max-width:991px) {
    .custom-project-detail .home-our-client {
        padding-top: 75px;
    }

    .custom-project-detail .home-project-showcase {
        padding-top: 75px;
        padding-bottom: 207px;
    }
    .custom-project-detail .home-our-client {

        padding-bottom: 0px;
    }
}

@media (max-width:767.98px) {
    .custom-project-detail {
        padding-top: 2rem;
    }

    .page-template-custom-projects .section.section-banner .container .content {
        display: block;
        margin-top: 12px;
    }

    .page-template-custom-projects .section.section-banner .content-banner {
        top: 57%;
    }

    .page-template-custom-projects .section.section-banner .container .content p {
        line-height: 125%;
    }

    .page-template-custom-projects section.client_industries {
        margin-top: 59px;
    }
    .custom-project-detail .home-project-showcase {
        padding: 50px 0 56px;
    }

}

/* listing */
.ct-project-listing h2 {
    text-align: initial;
}

.ct-project-listing article {
    padding-top: 67px;
}

.ct-project-listing .title-ct-project {
    margin-top: 48px;
    margin-bottom: 60px;
}

.ct-project-listing .section-gallery {
    overflow: hidden;
}



.ct-project-listing .content-video {
    position: relative;
    /* z-index: -1; */
}

.ct-project-listing .content-video .section-video {
    margin: 0;
}

.ct-project-listing .content-video::before {
    content: "";
    background: url(../images/pattern-backgound.png) no-repeat;
    top: 0;
    position: absolute;
    background-size: cover;
    width: 1578px;
    height: 910px;
    left: 64.5vw;
    z-index: -1;
}

.ct-project-listing .content-video .content {
    width: 74%;
    margin-top: 46px;
    margin-bottom: 60px;
    font-family: var(--font-body-text);
    font-style: normal;
    /* line-height: 25px; */
    letter-spacing: 0.01em;
    display: inline-block;
}

.ct-project-listing .service-details {
    margin-top: 65px;
    /* border-bottom: 1px solid #CFCFCF; */
}

.ct-project-listing .service-details .title {
    font-family: var(--font-heading-primary);
    margin-bottom: 50px;
}

.ct-project-listing .service-details .description p {
    font-family: var(--font-body-text);
    font-style: normal;
    line-height: 25px;
}

.ct-project-listing .service-details .how-we-work {
    margin-bottom: 70px;
    margin-top: 50px;
    padding: 0;
}

.sustainable-button.swiper-button-next:before,
.sustainable-button.swiper-button-prev:before {
    background: url('../images/arrow-button-green.svg');
    width: 14px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
}

.sustainable-button.swiper-button-next:hover:before,
.sustainable-button.swiper-button-prev:hover:before {
    background: url('../images/arrow-button-green-hover.svg');

}

/* @media (min-width:1300px) {
    .ct-project-listing .section-gallery .container {
        padding: 0 25px;
    }
} */

@media (max-width:1280px) {

    .ct-project-listing .title-ct-project {
        margin-top: 40px;
    }
}

@media (max-width:991px) {
    .ct-project-listing .content-video .content {
        width: 85%;
        margin-top: 35px;
        margin-bottom: 50px;
    }

    .ct-project-listing .title-ct-project {
        margin-top: 30px;
        margin-bottom: 45px;
    }

    .ct-project-listing .service-details {
        margin-top: 45px;
    }

    .ct-project-listing .service-details .title {
        margin-bottom: 35px;
    }
}

@media (max-width:767.98px) {
    .ct-project-listing .section-gallery .container {
        padding: 0;
    }

    .ct-project-listing .title-ct-project {
        margin-top: 0;
        display: inline-block;
        margin-bottom: 20px;
    }

    .ct-project-listing .content-video .content {
        width: 100%;
        margin-top: 27px;
        line-height: 125%;
        margin-bottom: 43px;
    }

    .ct-project-listing .service-details .title h3 {
        font-size: 25px;
        line-height: 118%;
        letter-spacing: 0.005em;
    }

    .ct-project-listing .service-details {
        margin-top: 35px;
    }

    .ct-project-listing .service-details .title {
        margin-bottom: 20px;
    }

    .ct-project-listing .service-details .description p {
        line-height: 125%;
        letter-spacing: 0.01em;
    }

    .ct-project-listing .service-details .description p:not(:last-child) {
        margin-bottom: 20px;
    }

    .ct-project-listing .content-video::before {
        width: 783.8px;
        height: 452px;
        background-size: cover;
        transform: none;
        top: 0;
        left: 32vw;
    }

    .ct-project-listing .service-details .how-we-work {
        margin-bottom: 0;
    }
}

@media (max-width:580px) {
    .ct-project-listing article {
        padding-top: 31px;
    }

}