.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(//jebgroup.cn/wp-content/themes/jeb/assets/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;
}
} .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; }
.ct-project-listing .content-video .section-video {
margin: 0;
}
.ct-project-listing .content-video::before {
content: "";
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/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: 'Hind';
font-style: normal; letter-spacing: 0.01em;
display: inline-block;
}
.ct-project-listing .service-details {
margin-top: 65px; }
.ct-project-listing .service-details .title {
font-family: 'Montserrat';
margin-bottom: 50px;
}
.ct-project-listing .service-details .description p {
font-family: 'Hind';
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(//jebgroup.cn/wp-content/themes/jeb/assets/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(//jebgroup.cn/wp-content/themes/jeb/assets/images/arrow-button-green-hover.svg);
} @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;
}
}