.sustainable-page section.section-heading {
padding: 61px 0 53px;
text-align: center;
}
.sustainable-page section.section-heading h2 {
color: #006C67;
margin-bottom: 20px;
}
.sustainable-page section.section-heading p {
max-width: 760px;
margin: 0 auto;
line-height: 25px;
}
.list-service {
display: flex; margin: 0 -49px;
padding: 0 0 41px;
justify-content: center;
}
.list-service .item { padding: 0 49px;
text-align: left;
margin-bottom: 50px;
}
.list-service .item .item-content {
max-width: 100%;
position: relative;
padding: 23px 0 0;
}
.list-service .item .icon {
width: auto;
text-align: center;
}
.list-service .item .item-content:hover img {
transform: scale(1.1);
}
.list-service .item .icon img {
transition-duration: .5s;
}
.list-service .item .title span {
font-family: 'Hind';
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 130%;
color: #006C67;
}
.list-service .item .item-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
max-width: 160px;
width: 100%;
height: 1.5px;
background:  #006C67;
}
section.section-service>.container {
max-width: 1046px;
}
.list-service .item .title {
margin-bottom: 13px;
}
section.section-founders-message h2 {
color: #006C67;
margin-bottom: 20px;
}
section.section-founders-message {
padding: 100px 0 40px;
position: relative;
max-width: 1440px;
margin: 0 auto;
}
section.section-founders-message:before{
position: absolute;
bottom: 4px;
left: -65.8%;
width: 1578px;
height: 100%;
max-width: 1578px;
max-height: 910px;
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
content: '';
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/pattern-backgound.png);
background-position: bottom right;
}
section.section-founders-message .content-section {
display: flex;
flex-wrap: wrap;
}
.author-photo {
order: 1;
width: 38%;
padding-left: 22px;
}
.author-photo .photo {
clip-path: polygon(64px 0%, 100% 0, 100% 100%, 0 100%, 0% 64px);
}
.founders-message-wrapper {
width: 55%;
order: 2;
padding: 18px 0;
max-width: 550px;
margin-left: auto;
}
.founders-message-content:before {
position: absolute;
content: '';
top: 16px;
right: -78px;
display: inline-block;
width: 116px;
height: 108.08px;
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/quote-graysvg.svg);
background-size: contain;
z-index: -1;
}
.founders-message-content {
max-width: 400px;
margin-bottom: 32px;
position: relative;
}
section.section-founders-message .container {
max-width: 1108px;
}
.author-name h4 {
color: #006C67;
}
.author-position {
color: #8F90A6;
}
section.section-questions {
padding: 43px 0 67px;
}
section.section-questions h2.questions-title {
text-align: center;
color: #006C67;
margin-bottom: 53px;
}
section.section-questions .questions-wrapper {
max-width: 818px;
margin: 0 auto;
}
.list-answer .item .item-content {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
background: #fff;
}
.list-answer .item .item-content .col-one {
width: 45.2%;
}
.list-answer .item .item-content .col-one .image {
position: relative;
padding-bottom: 65%;
}
.list-answer .item .item-content .col-one .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.list-answer .item .item-content .col-two {
width: 54.8%;
padding: 71px 53px;
}
.list-answer .item {
margin-bottom: 72px;
}
.list-answer .item .item-content .col-two .title h4 {
color: #006C67;
margin-bottom: 24px;
}
.list-answer .item .item-content .col-two .content {
margin-bottom: 26px;
max-width: 567px;
}
.list-link {
display: flex;
flex-wrap: wrap;
}
.list-answer .item:last-child .list-link .link:first-child {
margin-right: 20px;
}
.image-parallax-container > div{
max-height: 518px;
}
.image-parallax-container img {
width: 100%;
}
.list-answer .item:last-child .link:last-child a {
background: transparent;
color: #006C67;
}
.list-answer .item:last-child .link:last-child a span.arrow_msk svg path {
stroke: #006C67;
}
.list-answer .item:last-child .link:last-child a:hover span.arrow_msk svg path {
stroke: #fff;
}
.list-answer .item:last-child .link:last-child a:hover {
background: #006C67;
color: #fff;
}
@media (min-width: 768px){
.list-answer .item:nth-child(odd) .item-content{
clip-path: polygon(calc(100% - 53px) 0, 100% 53px, 100% 100%, 0 100%, 0% 0);
}
.list-answer .item:nth-child(even) .item-content{
clip-path: polygon(53px 0%, 100% 0, 100% 100%, 0 100%, 0% 53px);
}
.list-answer .item:nth-child(even) .item-content .col-two {
order: 1;
}
.list-answer .item:nth-child(even) .item-content .col-one {
order: 2;
}
}
@media (max-width: 1200px){
.list-service .item {
padding: 0 30px;
width: 25%;
}
.list-service {
margin: 0 -30px;
}
}
@media (max-width: 1024px){
.list-service .item {
padding: 0 15px;
}
.list-service {
margin: 0 -15px;
}
.list-service .item .title span{
font-size: 20px;
}
.author-photo {
padding-left: 0;
}
.list-answer .item .item-content .col-two {
padding: 40px 30px;
}
.list-answer .item .item-content .col-two .title h4 {
margin-bottom: 14px;
}
.list-answer .item {
margin-bottom: 50px;
}
section.section-founders-message {
padding: 70px 0 20px;
}
}
@media (max-width:767.98px){
.list-service .item {
width: 50%;
margin-bottom: 23px;
}
.image-parallax-container > div{
max-height: 200.73px;
}
.list-service {
flex-wrap: wrap;
padding: 0 0 26px;
}
.founders-message-wrapper {
width: 100%;
max-width: 100%;
padding: 13px 0;
}
.author-photo {
width: 100%;
}
.author-photo img {
width: 100%;
max-width: 100% !important;
}
.founders-message-content {
max-width: 100%;
margin-bottom: 21px;
}
.list-answer .item .item-content .col-one {
width: 100%;
order: 2;
}
.list-answer .item .item-content .col-two {
width: 100%;
order: 2;
padding: 28px 27px 10px;
}
.list-answer .item .item-content .col-one img {
max-width: 100% !important;
}
.list-service .item .item-content:before {
max-width: 100%;
}
.sustainable-page section.section-heading {
padding: 42px 0 35px;
}
.sustainable-page section.section-heading p {
line-height: 125%;
}
.sustainable-page section.section-heading h2 {
margin-bottom: 24px;
}
.list-service .item .item-content {
padding: 16px 0 0;
}
.list-service .item .title span {
font-size: 18px;
line-height: 140%; display: flex;
align-items: center; letter-spacing: -0.01em;
}
section.section-founders-message {
padding: 39px 0 20px;
}
.author-photo .photo {
clip-path: polygon(56px 0%, 100% 0, 100% 100%, 0 100%, 0% 56px);
}
.author-name {
margin-bottom: 6px;
}
.author-position {
font-size: 14px;
line-height: 125%; letter-spacing: 0.01em;
}
section.section-questions {
padding: 18px 0 47px;
}
section.section-questions h2.questions-title {
margin-bottom: 24px;
}
.list-answer .item .item-content .col-two .title h4 {
margin-bottom: 20px;
}
.list-answer .item .item-content .col-two .content {
margin-bottom: 21px;
}
.list-answer .item {
margin-bottom: 25px;
}
.list-link {
margin-top: 7px;
}
.list-answer .item .item-content .green .button {
height: 43px;
padding: 12px 14px 12px 16px;
}
.list-answer .item .item-content .list-link .link {
margin-bottom: 12px;
}
section.section-founders-message:before {
bottom: 8px;
background-position: right center;
background-size: auto 100%;
width: 783.8px;
height: 452px;
left: 4%;
transform: translateX(-50%);
}
.founders-message-content:before {
right: 6px;
top: 0px;
width: 86px;
height: 80.08px;
}
}
@media (max-width: 480px){
section.section-founders-message:before{
left: -31%;
}
.ukiyo-wrapper {
max-height: 201px;
}
}