.our-story .top-banner .wrapper img {
height: 550px;
}
.milestones .product-slider {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
}
.milestones .product-slider .slider{
display: flex;
flex-direction: column;
overflow: visible;
width: 100%;
scroll-behavior: smooth;
position: relative; }
.swiper-slide-active .content{
position:relative;
}
.milestones .product-slider .slider .items {
align-items: flex-start; }
.milestones .swiper-button-prev {
left: 0px;
}
.milestones .swiper-button-next{
right: 0px;
}
.milestones .swiper-button-next, .milestones .swiper-button-prev { top: 50%;
}
.milestones .swiper-slide .content * {
transition-duration: 0.6s;
}
.milestones .swiper-slide .content .description {  }
.our-story .section-heading {
text-align: center;
padding: 61px 0 0;
}
.our-story .section-heading p {
max-width: 760px;
margin: 0 auto;
}
.our-story .section-heading h2 {
margin-bottom: 20px;
}
.milestones .product-slider .slider .items .item h2 {
font-family: 'Hind';
font-style: normal;
font-weight: 600;
letter-spacing: 0.005em;
text-transform: capitalize;
color: #CFCFCF;
margin-bottom: 4px;
}
.milestones .product-slider .slider .items .item.swiper-slide.swiper-slide-active h2{
color: #001689;
}
@media (min-width: 1025px){
.milestones .product-slider .slider .items .item h2{
font-size: 70px;
line-height: 118%;
}
}
.milestones .product-slider .slider .items .item p{
}
.our-story .quote-content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.our-story .section-background-images .container {
max-width: 1298px;
top: 50%;
}
.our-story .section-background-images .content-left {
text-align: left;
width: 53%;
padding-top: 6px;
padding-right: 40px;
}
.our-story .section-background-images .subtitle {
font-family: 'Hind';
font-style: normal;
font-weight: 500; display: flex;
align-items: center; color: #FFFFFF;
margin-bottom: 18px;
}
.our-story .section-background-images .content-left p {
color: #fff;
line-height: 25px;
}
.our-story .section-background-images .col-image .image {
clip-path: polygon(26% 0%, 100% 0, 100% 100%, 0 100%, 0% 39.5%);
position: relative;
padding-bottom: 64.8%;
}
.our-story .section-background-images .quote-content h2 {
margin-bottom: 10px;
}
.our-story .section-background-images .description{
max-width: 564px;
margin-bottom: 20px;
}
.our-story .section-background-images .img-wraper {
padding-bottom: 36.8%;
min-height: 529px;
}
.our-story .section-background-images .col-image .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
}
.section_our_clients.home-our-client {
padding: 86px 0 0;
}
.our-client-wrapper .description {
margin-bottom: 18px;
}
.items.list-client .client-swiper {
padding-bottom: 48px;
}
.home-our-client .container .container-inner{
padding-bottom: 110px;
display: flex;
width: 100%;
flex-wrap: wrap;
}
.milestones .product-slider .slider .items .item .image {
position: relative;
padding-bottom: 64.5%;
clip-path: polygon(26% 0%, 100% 0, 100% 100%, 0 100%, 0% 41%);
display: block;
width: 100%;   }
.milestones .product-slider .slider .items .item .col-image{
margin-bottom: 26px;
display: flex;
align-items: flex-end;
height: 303px; }
.milestones .product-slider .slider .items .item:not(.swiper-slide-active) .description {
opacity: 0;
}
.milestones .product-slider .slider .items .item .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: center;
}
.section-year.milestones {
padding: 69px 0 87px;
position: relative;
}
.section-year.milestones .content-slider{
max-width: 1440px;
margin: 0 auto;
overflow: hidden;
}
.milestones.section-slider .swiper-slide{
transition-delay: .6s;
}
@media (min-width: 768px){
.our-story .section-background-images .col-image {
width: 47%;
text-align: right;
max-width: 514px;
}
.milestones .product-slider .slider .items .item:not(.swiper-slide-active) .col-image {
padding-bottom: 31px;
margin-bottom: -8px;
padding-top: 19px;
}
.section-slider .swiper-container {
position: relative;
}
.section-slider .swiper-container{
max-width: 490px;
margin: 0 auto;
padding: 0 20px;
margin-bottom: 52px;
}
.section-slider.arrow-green .container {
overflow: hidden;
max-width: 1440px;
padding: 0 2px;
overflow: hidden;
}
.milestones .product-slider .slider .items .item:not(.swiper-slide-active) .content {
max-width: 294px;
margin: 0 auto;
width: 80%;
}
.section-slider .swiper-slide.swiper-slide-next .content{
margin-left: auto;
margin-right: 0;
}
}
@media (min-width: 768px){
.milestones .product-slider:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 100px);
height: 1px;
background: #CFCFCF;
transform: translateX(-50%);
}
.section-year.milestones:before {
position: absolute;
bottom: -31px;
left: -61%;
width: 100%;
height: 100%;
z-index: -1;
background-repeat: no-repeat;
content: '';
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/pattern-backgound.png);
background-position: top right;
}
}
@media (min-width: 1024px){
.milestones .product-slider .slider .items .item:not(.swiper-slide-active) .content {
width: 70%;
}
}
@media (min-width: 1025px){ 
.section-slider .swiper-slide .content {
padding: 0;
-webkit-transition: width  .6s;
transition: width .6s;
transition-delay: .4s;
height: 461px;
max-width: 470px;
margin: 0 auto;
}
.section-slider .swiper-slide.swiper-slide-active .content{
-webkit-transform: none;
transform: none;
zoom: normal;
padding: 0;
margin: 0 auto;
opacity: 1;
width: 100%;
}
}
@media (min-width: 1440px){
.our-story .section-background-images .img-wraper {
padding-bottom: 0;
height: 529px;
}
}
@media (max-width: 1024px){
.milestones .product-slider .slider .items .item {
padding: 0;
transform: none;
}
.milestones .product-slider .slider .items{
min-height: auto;
}
.our-story .section-background-images .content-left {
padding-top: 0;
}
.section-slider.arrow-green .container{
overflow: hidden;
}
}
@media (max-width: 1024px) and (min-width: 768px){
.milestones .product-slider .slider{
height: 420px;
}
.milestones .product-slider .slider .items .item .content{
-webkit-transition: width .6s;
transition: width .6s;
transition-delay: .4s;
}
.milestones .product-slider .slider .items .item.swiper-slide-active .content{
width: 100%;
}
}
@media (max-width: 991px){
.milestones .swiper-button-next, .milestones .swiper-button-prev {
top: 0;
left: auto;
transform: none;
right: 82px;
}
.milestones .product-slider .slider {
padding: 60px 0 0;
}
.milestones .swiper-button-next {
right: 25px;
}
.milestones .product-slider .slider .items .item .col-image {
height: 220px;
}
}
@media (max-width: 767px){
.milestones .product-slider .slider .items .item .col-image {
height: 200px;
}
.our-story .section-heading{
position: relative;
}
.our-story .section-heading:before{
position: absolute;
top: 8px;
right: -16%;
width: 783.8px;
height: 452px;
z-index: -1;
background-repeat: no-repeat;
content: '';
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/pattern-backgound.png);
background-position: top left;
background-size: contain;
transform: translateX(20%);
}
.our-story .section-background-images .col-image {
width: 100%;
max-width: 100%;
margin-bottom: 0;
order: 2;
}
.our-story .section-background-images .content-left {
width: 100%;
order: 1;
position: relative;
padding-right: 0;
margin-bottom: 19px;
}
.our-story .section-background-images .img-wraper {
position: absolute;
height: 100%;
width: 100%;
padding: 0;
top: 0;
left: 0;
clip-path: polygon(93% 0, 100% 4.5%, 100% 100%, 0 100%, 0% 0);
}
.our-story .section-background-images {
position: relative;
padding: 67px 0 66px;
}
.our-story .section-background-images .container {
position: static;
transform: none;
}
.our-story .section-background-images .description {
max-width: 100%;
margin-bottom: 27px;
}
.milestones .swiper-button-prev {
right: 69px;
}
.section-year.milestones {
padding: 37px 0 50px;
}
.section_our_clients.home-our-client {
padding: 50px 0 0;
}
.home-our-client .container .container-inner {
padding-bottom: 44px;
}
.our-story .items.list-client { margin-bottom: 0;
}
.our-story .section-heading {
padding: 41px 0 0;
}
.our-story .section-heading h2 {
margin-bottom: 14px;
}
.our-story .section-heading p {
font-size: 15px;
line-height: 125%;
}
.milestones .product-slider .slider .items .item h2 {
font-size: 38px;
line-height: 118%;
}
.our-story .section-background-images .subtitle {
font-size: 20px;
line-height: 118%;
margin-bottom: 23px;
letter-spacing: 0;
}
.our-story .section-background-images .quote-content h2 {
margin-bottom: 17px;
}
.our-story .section-background-images .content-left p {
line-height: 125%;
}
}
@media (max-width: 767px){
.our-story .section-background-images .col-image .image {
padding-bottom: 58.8%;
}
.milestones .swiper-button-next, .milestones .swiper-button-prev {
display: none;
}
.milestones .product-slider .slider .items .item.selected {
width: 100%;
min-width: 100%;
}
.milestones .product-slider .slider .items .item {
width: 100%;
min-width: 100%;
}
.milestones .product-slider .slider{
padding: 0px 14%;
}
.milestones .product-slider .slider .items .item .col-image {
height: auto !important;
margin-bottom: 16px;
}
.our-story .section-heading:before{
right: -100%;
}
}