.slide-right-left-view {
    font-size: 0;
}
.cp-slide-right-left-view__inner_box {
    max-width: 192rem;
    margin: 0 auto;
    position: relative;
    overflow: visible;
}
.cp-slide-right-left-view {
    --dot-border-color: #636363;
    --dot-bg-color: #535353;
    --dot-active-bg: #fff;
}
.cp-slide-right-left-view.font-type-dark {
    --font-title-color: #000;
    --font-desc-color: #262626;
    --swiper-btn-filter: 100%;
    --dot-border-color: #636363;
    --dot-active-bg: #fff;
    --dot-bg-color: #b8b8b8;
}
.cp-slide-right-left-view.font-type-light {
    --font-title-color: #fff;
    --font-desc-color: #ccc;
    --swiper-btn-filter: 0%;
    --dot-border-color: #fff;
    --dot-active-bg: #111;
    --dot-bg-color: #535353;
}
.cp-slide-right-left-view {
    padding: 7.8rem 0;
    opacity: 0;
    overflow: hidden;
    will-change: transform, opacity;
    transform: translate3d(0, 3.125vw, 0);
    transition: opacity .8s linear, transform .8s cubic-bezier(.26,.67,.48,.91), -webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
}
.cp-slide-right-left-view__animation{
    transform: translateZ(0) !important;
    opacity: 1 !important;
}
.cp-slide-right-left-view__eyebrow  {
    max-width: 192rem;
    margin: 0 auto;
    padding: 0 14rem;
    font-size: 2rem;
    margin-bottom: 2rem;
    color: #7c7c7c;
    box-sizing: border-box;
    font-family: "genesis-text-office", sans-serif;
}
html[lang="zh-CN"] .cp-slide-right-left-view__eyebrow {
    font-size: 1.6rem;
}
.cp-slide-right-left-view__title {
    color: var(--font-title-color);
    /* font-size: 1.875vw; */
    font-size: 4.8rem;
    max-width: 192rem;
    margin: 0 auto;
    /* line-height: 2.5vw; */
    /* letter-spacing: .20833333vw; */
    margin-bottom: 4rem;
    /* margin-left: 14rem; */
    padding: 0 14rem;
    box-sizing: border-box;
    font-family: "genesis-head-office-light", sans-serif;
}
html[lang="zh-CN"] .cp-slide-right-left-view__title {
    font-size: 3.84rem;
}
.cp-slide-right-left-view__inner .swiper-container {
    /* transform: translateX(3.7rem); */
}
.cp-slide-right-swiper-container {
    width: 100%;
}

.cp-slide-right-left-view .cp-slide-right-swiper-container__swiper-slide {
    width: 100rem !important;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cp-slide-right-swiper__item-content {
    margin-bottom: 1.5625vw;
}
.cp-slide-right-swiper__item-title {
    /* font-size: 1.35416667vw; */
    font-size: 2rem;
    /* line-height: 1.5625vw; */
    line-height: 1.3;
    font-family: "genesis-text-office", sans-serif;
    color: var(--font-title-color);
}
html[lang="zh-CN"] .cp-slide-right-swiper__item-title {
    font-size: 1.6rem;
}
.cp-slide-right-swiper__item-desc {
    /* font-size: .9375vw; */
    font-size: 1.8rem;
    width: 60%;
    line-height: 1.3;
    color: var(--font-desc-color);
    margin-top: 1.5rem;
    font-family: "genesis-text-office", sans-serif;
}
html[lang="zh-CN"] .cp-slide-right-swiper__item-desc {
    font-size: 1.6rem;
}
.cp-slide-right-swiper__item-imgbox {
    width: 100%;
    height: 60rem;
    overflow: hidden;
}

.cp-slide-right-swiper__item-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    transition: all .25s linear;
}
.cp-slide-right-swiper__item-imgbox img:hover {
    transform: scale(1.1);
}

.cp-slide-right-swiper__btn-group {
    margin-top: 2.08333333vw;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.cp-slide-right-swiper__btn-group-item {
    width: 2.91666667vw;
    height: 2.91666667vw;
    cursor: pointer;
    transition: all .25s linear;
    opacity: 1;
    filter: invert(var(--swiper-btn-filter));
}
.cp-slide-right-swiper__btn-group-item:first-child {
    margin-right: 2.60416667vw;
}
.cp-slide-right-swiper__btn-group-item.swiper-button-light {
    opacity: .2;
}
.cp-slide-right-left-view__pagination {
    /* position: absolute; */
    width: 100%;
    /* bottom: 100px; */
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
    height: min-content;
    justify-content: center;
    z-index: 1;
    padding-top: 4rem;
}

.cp-slide-right-left-view__pagination-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--dot-bg-color);
    border: 2.3px solid transparent;
    cursor: pointer;
    background-clip: padding-box;

}

.cp-slide-right-left-view__pagination-dot.active {

    background-color: var(--dot-active-bg);
    border-color: var(--dot-border-color);
    /* width: 8px;
    height: 9px; */
    /* background-color: var(--dot-active-bg);
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    border: 3px solid var(--dot-border-color); */
}
.swiper-button-arrow {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: url(../../../../global/clientlibs/clientlib-basepage/resources/images/ico-swiper-arrow-outglow.png) center no-repeat;
    background-size: 27px 45px;
}
.swiper-button-arrow.left {
    transform: rotate(180deg);
}
@media screen and (max-width: 1919px) {
    .cp-slide-right-left-view__title, .cp-slide-right-left-view__eyebrow{
        padding:0 12rem;
        margin-left: 0;
        margin-right: 0;
    }
    .cp-slide-right-left-view__inner .swiper-container {
        transform: translateX(2rem);
        padding: 0 !important;
    }
}
@media screen and (max-width: 1599px) {
    .cp-slide-right-left-view__title, .cp-slide-right-left-view__eyebrow {
        padding:0 10rem;
        margin-left: 0;
        margin-right: 0;
    }
    .cp-slide-right-left-view__inner .swiper-container {
        transform: translateX(0);
        padding: 0 !important;
    }
    .cp-slide-right-swiper-container__swiper-slide {
        width: 83.33rem !important;
    }
    .cp-slide-right-swiper__item-title {
        font-size: 1.8rem !important;
    }
    html[lang='zh-CN'] .cp-slide-right-swiper__item-title {
        font-size: 1.44rem !important;
    }
    .cp-slide-right-swiper__item-desc {
        font-size: 1.6rem;
        margin-top: 2rem;
        line-height: 1.5;
    }
    html[lang="zh-CN"]  .cp-slide-right-swiper__item-desc {
        font-size: 1.28rem;
    }
    .cp-slide-right-swiper__item-imgbox {
        height: 55rem;
    }
}
@media screen and (max-width: 1359px) {
    .cp-slide-right-left-view__title, .cp-slide-right-left-view__eyebrow {
        padding:0 7.6rem;
        margin-left: 0;
        margin-right: 0;
    }
    .cp-slide-right-left-view__inner .swiper-container {
        transform: translateX(-2.4rem);
        padding: 0 !important;
    }
    .cp-slide-right-swiper__item-title {
        font-size: 1.8rem !important;
    }
    html[lang='zh-CN'] .cp-slide-right-swiper__item-title {
        font-size: 1.44rem !important;
    }
    .cp-slide-right-swiper__item-desc {
        font-size: 1.6rem;
    }
    html[lang="zh-CN"]  .cp-slide-right-swiper__item-desc {
        font-size: 1.28rem;
    }
}
@media (max-width: 1199px) {
    .cp-slide-right-left-view__title  {
        font-size: 3.2rem;
    }
    /* .cp-slide-right-left-view__eyebrow {
        font-size: 1.6rem;
    } */
    .cp-slide-right-swiper-container__swiper-slide {
        width: 80rem !important;
    }
}
@media (max-width: 1024px) {
    .cp-slide-right-left-view__title, .cp-slide-right-left-view__eyebrow {
        padding:0 2rem;
        margin-left: 0;
        margin-right: 0;
    }
    .cp-slide-right-left-view .swiper-button-prev, .cp-slide-right-left-view .swiper-button-next {
        display: none;
    }
    .cp-slide-right-left-view__inner .swiper-container {
        transform: translateX(-8rem);
        width: calc(100% + 8rem);
        padding: 0 !important;
    }
    .cp-slide-right-swiper-container__swiper-slide {
        width: 56.5rem !important;
    }
    .cp-slide-right-swiper__item-imgbox {
        height:  56.5rem !important;
    }

}
@media screen and (max-width: 767px) {
    .cp-slide-right-left-view__eyebrow  {
        font-size: 1.6rem;
    }
    html[lang="zh-CN"] .cp-slide-right-left-view__eyebrow {
        font-size: 1.28rem;
    }
    .cp-slide-right-left-view__title {
        font-size: 3.2rem;
    }
    html[lang="zh-CN"] .cp-slide-right-left-view__title {
        font-size: 2.4rem;
    }
    .cp-slide-right-swiper__item-title {
        font-size: 2rem !important;
    }
    html[lang='zh-CN'] .cp-slide-right-swiper__item-title {
        font-size: 1.6rem !important;
    }
    .cp-slide-right-swiper__item-desc {
        font-size: 1.8rem;
        line-height: 1.556;
        margin-top: 1.3rem;
    }
    html[lang="zh-CN"]  .cp-slide-right-swiper__item-desc {
        font-size: 1.44rem;
    }
}
@media (max-width: 750px) {
    /* html[lang="zh-CN"] .cp-slide-right-left-view__title {
        font-size: 25.6px;
        font-size: 2.56rem;
    } */
    .cp-slide-right-swiper__item-content {
        margin-bottom: 4rem;
    }
    
    .cp-slide-right-left-view .cp-slide-right-swiper-container__swiper-slide {
        width: 28.2rem !important;
    }
    .cp-slide-right-swiper__item-imgbox {
        height:  28.2rem !important;
    }
    .cp-slide-right-swiper__item-title {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .cp-slide-right-swiper__item-desc {
        width: 100%;
    }
}