@charset "UTF-8";

#next4bizPageSlider *,
#next4bizPageSlider *::after,
#next4bizPageSlider *::before {
    box-sizing: border-box
}

.next4bizPageSlider img {
    display: inline;
}

#next4bizPageSlider {
    width: 100%;
    overflow: hidden;
    font-family: Rubik, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

#next4bizPageSlider h1,
#next4bizPageSlider h2,
#next4bizPageSlider h3,
#next4bizPageSlider h4,
#next4bizPageSlider h5,
#next4bizPageSlider h6 {
    margin-bottom: 0;
    margin-top: 0
}

#next4bizPageSlider ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#next4bizPageSlider a {
    color: currentColor;
    transition: color ease-in-out .3s;
    text-decoration: unset
}

.swiper-wrapper {
    line-height: 1.2;
}

#sliderTopBreadcrumb.desktop-show {
    display: none
}

@media only screen and (min-width:1024px) {
    #sliderTopBreadcrumb.desktop-show {
        display: block
    }
    #next4bizPageSlider {
        padding-top: 90px;
    }
}

#sliderTopBreadcrumb .breadcrumb-container {
    margin: 0 auto;
    max-width: 100%
}

#sliderTopBreadcrumb .mainWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 7px;
    position: relative;
    z-index: 10;
    height: 120px;
    line-height: 1.2;
}

@media only screen and (max-width:1350px) {
    #sliderTopBreadcrumb .mainWrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

#sliderTopBreadcrumb .mainWrapper .primaryTitle {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    display: block
}

@media only screen and (min-width:1350px) {
    #sliderTopBreadcrumb .breadcrumb-container {
        max-width: 1340px
    }
}

#sliderTopBreadcrumb ul li {
    margin-right: 20px;
    float: left
}

#sliderTopBreadcrumb ul li:last-child {
    margin-right: 0
}

#sliderTopBreadcrumb ul li a {
    min-width: 200px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 4px
}

#sliderTopBreadcrumb ul li a .linkArrow {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.47932 4.73907C-3.33068 -3.98094 0.909325 0.0890656 0.129325 10.7891C0.0493247 14.2791 7.54933 7.06907 8.46933 7.01907C8.6829 6.91537 8.86313 6.75388 8.98956 6.55292C9.116 6.35197 9.18357 6.1196 9.18461 5.88218C9.18565 5.64476 9.12012 5.41181 8.99545 5.20975C8.87079 5.0077 8.69198 4.84463 8.47932 4.73907Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: 20px
}

#mainCrmSlider {
    width: 100%;
    position: relative;
    display: none
}

@media only screen and (min-width:1024px) {
    #mainCrmSlider {
        display: block
    }
}

#mainCrmSlider .swiper-slide {
    position: relative
}

#mainCrmSlider .swiper-slide.swiper-slide-active .breadcrumbOverlay {
    opacity: 1;
    transition: all 1s ease
}

#mainCrmSlider .swiper-slide .breadcrumbOverlay {
    position: absolute;
    left: 0;
    right: 0;
    top: -120px;
    bottom: 0;
    opacity: .5;
    z-index: 0;
    height: 120px;
    transition: all 1s ease
}

#mainCrmSlider .slide-container {
    margin: 0 auto;
    max-width: 100%
}

@media only screen and (min-width:1350px) {
    #mainCrmSlider .slide-container {
        max-width: 1340px
    }
}

#mainCrmSlider .bg-image {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-size: cover;
    background-position: center center;
    z-index: 1
}

#mainCrmSlider .postLargeArrow {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #3479a4;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='23' viewBox='0 0 13 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.836576 22.8566C0.728875 22.8566 0.62222 22.8354 0.522703 22.7943C0.423185 22.7531 0.332755 22.6927 0.256576 22.6166C0.102079 22.4611 0.0153672 22.2508 0.0153672 22.0316C0.0153672 21.8124 0.102079 21.6021 0.256576 21.4466L10.2566 11.4466L0.256576 1.44658C0.0961201 1.29142 0.00386971 1.07889 0.000118985 0.855718C-0.00363174 0.63255 0.0814244 0.417032 0.236576 0.256576C0.391728 0.0961201 0.604266 0.00386971 0.827434 0.000118985C1.0506 -0.00363174 1.26612 0.0814244 1.42658 0.236576L12.6166 11.4266L1.42658 22.6166C1.34921 22.6939 1.25716 22.755 1.15583 22.7962C1.0545 22.8374 0.945956 22.8579 0.836576 22.8566V22.8566Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    right: -24px;
    z-index: 100;
    top: 195px
}

#mainCrmSlider .slider-main-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: 540px
}

#mainCrmSlider .slider-main-wrapper .post-item {
    height: 100%;
    width: 33%;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item .content-wrapper {
    flex-direction: column;
    width: 100%
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item .content-wrapper .top-content {
    margin-bottom: 0;
    margin-top: auto;
    min-height: 246px;
    align-items: center
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item .content-wrapper .top-content .bannerFull {
    margin-top: 20px;
    margin-bottom: -30px
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item .content-wrapper .bottom-content {
    margin-top: 40px;
    margin-bottom: auto
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item .postLargeArrow {
    background-color: #7a3a84
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item .postLargeArrow.lightArrow {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='23' viewBox='0 0 13 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.836576 22.8566C0.728875 22.8566 0.62222 22.8354 0.522703 22.7943C0.423185 22.7531 0.332755 22.6927 0.256576 22.6166C0.102079 22.4611 0.0153672 22.2508 0.0153672 22.0316C0.0153672 21.8124 0.102079 21.6021 0.256576 21.4466L10.2566 11.4466L0.256576 1.44658C0.0961201 1.29142 0.00386971 1.07889 0.000118985 0.855718C-0.00363174 0.63255 0.0814244 0.417032 0.236576 0.256576C0.391728 0.0961201 0.604266 0.00386971 0.827434 0.000118985C1.0506 -0.00363174 1.26612 0.0814244 1.42658 0.236576L12.6166 11.4266L1.42658 22.6166C1.34921 22.6939 1.25716 22.755 1.15583 22.7962C1.0545 22.8374 0.945956 22.8579 0.836576 22.8566V22.8566Z' fill='%2376499D'/%3E%3C/svg%3E%0A")
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item.secondSlide .content-wrapper .top-content {
    margin-bottom: 0;
    margin-top: auto;
    min-height: 300px;
    align-items: center
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item.secondSlide .content-wrapper .top-content .circleBanner {
    max-height: 300px;
    max-width: 300px
}

#mainCrmSlider .slider-main-wrapper .post-item.cms-post-item.secondSlide .content-wrapper .top-content .crmBanner {
    max-height: 260px
}

#mainCrmSlider .slider-main-wrapper .post-item.note-post-item .content-wrapper .top-content {
    min-height: unset;
    margin-bottom: 0;
    margin-top: auto
}

#mainCrmSlider .slider-main-wrapper .post-item.note-post-item .content-wrapper .bottom-content {
    margin-bottom: auto;
    margin-top: 20px
}

#mainCrmSlider .slider-main-wrapper .post-item:last-child .postLargeArrow {
    display: none !important
}

#mainCrmSlider .slider-main-wrapper .post-item img {
    max-width: 100%
}

#mainCrmSlider .slider-main-wrapper .single-post-item {
    width: 100%;
    height: 100%
}

#mainCrmSlider .slider-main-wrapper .postTitle {
    padding: 10px 20px;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    min-width: 170px;
    font-weight: 500;
    line-height: 1.4;
    color: #5d5d5d;
    border-radius: 15px;
    min-height: 60px;
    box-shadow: -1px 0 29px -4px rgba(0, 0, 0, .39)
}

#mainCrmSlider .slider-main-wrapper .postTitle.darkTitle {
    background-color: #222;
    color: #fff;
    flex-wrap: wrap;
    flex-direction: column;
    min-width: 170px
}

#mainCrmSlider .slider-main-wrapper .postTitle.darkTitle b {
    display: block;
    font-weight: 600;
    color: #00b0b5
}

#mainCrmSlider .slider-main-wrapper .content-wrapper {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 20;
    width: 100%
}

#mainCrmSlider .slider-main-wrapper .content-wrapper.paddinLeft0 {
    padding-left: 0
}

#mainCrmSlider .slider-main-wrapper .content-wrapper.paddinRight0 {
    padding-right: 0
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .top-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    min-height: 350px;
    margin-top: auto;
    margin-bottom: 30px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .top-content .crmSlider1_1 {
    margin-bottom: 20px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .top-content .cmsSlider1_1 {
    margin-top: 30px;
    margin-bottom: -30px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .top-content .cmsSlider1_3 {
    margin-top: 35px;
    margin-bottom: -35px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .top-content.alignItemsCenter {
    align-items: center
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .top-content img {
    max-width: 80%;
    max-height: 350px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .top-content .bannerFull {
    width: 100%;
    max-width: 100%
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .noteCard {
    width: 220px;
    height: 220px;
    padding: 20px;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 500;
    color: #484848;
    line-height: 1.6;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 45px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .noteCard:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100px;
    box-shadow: rgba(0, 0, 0, .45) 0 25px 20px -20px;
    display: none
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .noteCard span {
    margin: 0
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .blockCardWrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .blockCard {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    line-height: 1.4;
    padding: 20px;
    display: inline-block;
    min-width: 220px;
    min-height: 120px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .blockCard:last-child {
    margin-bottom: 0
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .bottom-content {
    margin-top: auto;
    margin-bottom: 70px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .bottom-content.crmSliderBottomContent {
    margin-bottom: 50px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .bottom-content.mb45px {
    margin-bottom: 45px
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .bottom-content.mt40px {
    margin-top: 40px !important
}

#mainCrmSlider .slider-main-wrapper .content-wrapper .bottom-content.mt90px {
    margin-top: 90px !important
}

.slider-bpm-animation .bpmFirstSlideWrapper .mainItem {
    opacity: 0
}

.slider-bpm-animation .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost {
    opacity: 0
}

.slider-bpm-animation .bpmThirdSlideWrapper .firstMainItem .contentWrapper {
    opacity: 0
}

.slider-bpm-animation .bpmThirdSlideWrapper .centerStickyItem img {
    opacity: 0
}

.slider-bpm-animation .bpmThirdSlideWrapper .secondMainItem .contentWrapper {
    opacity: 0
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmFirstSlideWrapper .mainItem:nth-child(1) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .2s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmFirstSlideWrapper .mainItem:nth-child(2) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .4s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmFirstSlideWrapper .mainItem:nth-child(3) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .6s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(1) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .2s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(2) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .4s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(3) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .6s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(4) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .8s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(5) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(6) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.2s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(7) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.4s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(8) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.6s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(9) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.8s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(10) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 2s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(11) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 2.2s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(12) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 2.4s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(13) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 2.6s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(14) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 2.8s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmSecondSlideWrapper .bpmServiceList .bpmServicePost:nth-child(15) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 3s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmThirdSlideWrapper .firstMainItem .contentWrapper {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .2s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmThirdSlideWrapper .centerStickyItem img:first-child {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .6s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmThirdSlideWrapper .centerStickyItem img:nth-child(2) {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .8s
}

.slider-bpm-animation .swiper-slide.swiper-slide-active .bpmThirdSlideWrapper .secondMainItem .contentWrapper {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .4s
}

.bpmFirstSlideWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 60px
}

.bpmFirstSlideWrapper .mainItem.topItem {
    margin-bottom: auto
}

.bpmFirstSlideWrapper .mainItem.bannerItem {
    margin-left: auto;
    margin-right: 0
}

.bpmFirstSlideWrapper .numberList {
    margin-right: 50px;
    margin-top: 10px
}

.bpmFirstSlideWrapper .numberList ul {
    display: inline-block;
    text-align: right
}

.bpmFirstSlideWrapper .numberList ul li {
    font-size: 26px;
    font-weight: 300;
    color: #222;
    display: block;
    margin-bottom: 5px
}

.bpmFirstSlideWrapper .numberList ul li:last-child {
    margin-bottom: 0
}

.bpmFirstSlideWrapper .numberList .numberLine {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #00c2e2;
    font-style: normal;
    position: relative;
    margin-top: 24px
}

.bpmFirstSlideWrapper .numberList .numberLine:before {
    content: '+';
    color: #00c2e2;
    position: absolute;
    left: 2px;
    bottom: 12px;
    font-size: 26px;
    line-height: 15px
}

.bpmFirstSlideWrapper .bannerList {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.bpmFirstSlideWrapper .bannerList img {
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 100%
}

.bpmFirstSlideWrapper .treeBanner {
    flex-grow: 1;
    margin-left: 20px
}

.bpmFirstSlideWrapper .treeBanner img {
    width: 100%;
    min-width: 360px
}

.bpmSecondSlideWrapper {
    padding-top: 20px;
    padding-left: 60px;
    padding-right: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.bpmSecondSlideWrapper .bpmServiceList {
    max-width: 100%;
    flex-wrap: wrap;
    display: flex;
    margin: 0 auto;
    justify-content: space-between
}

.bpmSecondSlideWrapper .bpmServiceList .bpmServicePost {
    padding: 10px;
    display: inline-block;
    flex-grow: 1;
    width: 20%
}

.bpmSecondSlideWrapper .bpmServiceList .bpmServicePost .bpmBanner {
    width: 100%;
    text-align: center
}

.bpmSecondSlideWrapper .bpmServiceList .bpmServicePost .bpmBanner img {
    height: 100px;
    max-width: 100%
}

.bpmSecondSlideWrapper .bpmServiceList .bpmServicePost .bpmPostTitle {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #222;
    text-align: center;
    line-height: 1.6;
    min-height: 50px
}

.bpmThirdSlideWrapper {
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    position: relative
}

.bpmThirdSlideWrapper .centerStickyItem {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 10px
}

.bpmThirdSlideWrapper .centerStickyItem img {
    display: block;
    min-width: 240px;
    margin-top: 20px;
    margin-bottom: 20px
}

.bpmThirdSlideWrapper .mainItem {
    flex-grow: 1;
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.bpmThirdSlideWrapper .contentWrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.bpmThirdSlideWrapper .contentWrapper .bannerItem {
    width: 100%;
    margin-top: auto;
    text-align: center
}

.bpmThirdSlideWrapper .contentWrapper .bannerItem.rightItem {
    margin-top: 0
}

.bpmThirdSlideWrapper .contentWrapper .bannerItem .leftBanner {
    min-width: 280px;
    min-height: 340px;
    max-width: 80%
}

.bpmThirdSlideWrapper .contentWrapper .bannerItem .rightBanner {
    min-width: 300px;
    max-width: 300px
}

.bpmThirdSlideWrapper .contentWrapper .titleItem {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-top: auto;
    margin-bottom: 50px
}

.bpmThirdSlideWrapper .contentWrapper .titleItem.darkTitle {
    color: #222
}

.bpmThirdSlideWrapper .contentWrapper .topTitleItem {
    display: block;
    text-align: center;
    margin-top: auto;
    margin-bottom: 30px
}

.bpmThirdSlideWrapper .contentWrapper .topTitleItem span {
    font-size: 32px;
    font-weight: 300;
    color: #222;
    display: block;
    line-height: 1.2;
    margin-bottom: 10px
}

.bpmThirdSlideWrapper .contentWrapper .topTitleItem p {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 300;
    color: #222;
    display: block;
    line-height: 1.2
}

.mobile-slider-container {
    display: block
}

@media only screen and (min-width:1024px) {
    .mobile-slider-container {
        display: none
    }
}

.mobile-slider-container .mobile-post-wrapper {
    position: relative;
    font-weight: 500;
    z-index: 50;
    color: #fff;
    text-align: center;
    padding: 20px;
    height: 490px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-slider-container .mobile-post-wrapper .bgOverlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 30
}

.mobile-slider-container .mobile-post-wrapper .bg-image {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-size: cover;
    background-position: center center;
    z-index: 1
}

.mobile-slider-container .mobile-post-wrapper .mobilePrimaryTitle {
    font-size: 30px;
    line-height: 1.4
}

.mobile-slider-container .mobile-post-wrapper .mobileDetail {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 10px;
    color:#fff
}

.mobile-slider-container .mobile-post-content {
    position: relative;
    z-index: 50
}

.mobile-slider-container .mobileLinkList {
    display: block;
    margin-top: 40px
}

.mobile-slider-container .mobileLinkList li {
    margin-bottom: 15px
}

.mobile-slider-container .mobileLinkList li:last-child {
    margin-bottom: 0
}

.mobile-slider-container .mobileLinkList li a {
    min-width: 200px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 4px
}

.mobile-slider-container .mobileLinkList li a .linkArrow {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.47932 4.73907C-3.33068 -3.98094 0.909325 0.0890656 0.129325 10.7891C0.0493247 14.2791 7.54933 7.06907 8.46933 7.01907C8.6829 6.91537 8.86313 6.75388 8.98956 6.55292C9.116 6.35197 9.18357 6.1196 9.18461 5.88218C9.18565 5.64476 9.12012 5.41181 8.99545 5.20975C8.87079 5.0077 8.69198 4.84463 8.47932 4.73907Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: 20px
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(1) .bg-image {
    transform: scale(1);
    transition: transform .3s cubic-bezier(.7, .08, .5, 1) .4s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(1) .content-wrapper .noteCard {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .6s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(1) .content-wrapper .top-content {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .6s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(1) .content-wrapper .bottom-content .postTitle {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .8s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(1) .postLargeArrow {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) .9s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(2) .bg-image {
    transform: scale(1);
    transition: transform .3s cubic-bezier(.7, .08, .5, 1) 1s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(2) .content-wrapper .noteCard {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.2s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(2) .content-wrapper .top-content {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.2s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(2) .content-wrapper .bottom-content .postTitle {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.4s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(2) .postLargeArrow {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.5s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(3) .bg-image {
    transform: scale(1);
    transition: transform .3s cubic-bezier(.7, .08, .5, 1) 1.6s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(3) .content-wrapper .blockCard {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.8s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(3) .content-wrapper .noteCard {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.8s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(3) .content-wrapper .top-content {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 1.8s
}

.slider-item-animation .swiper-slide.swiper-slide-active .slider-main-wrapper .post-item:nth-child(3) .content-wrapper .bottom-content .postTitle {
    opacity: 1;
    transition: all .5s cubic-bezier(.7, .08, .5, 1) 2s
}

.slider-item-animation .swiper-slide .slider-main-wrapper .post-item .bg-image {
    transform: scale(0)
}

.slider-item-animation .swiper-slide .slider-main-wrapper .post-item .content-wrapper .noteCard {
    opacity: 0
}

.slider-item-animation .swiper-slide .slider-main-wrapper .post-item .content-wrapper .blockCard {
    opacity: 0
}

.slider-item-animation .swiper-slide .slider-main-wrapper .post-item .content-wrapper .top-content {
    opacity: 0
}

.slider-item-animation .swiper-slide .slider-main-wrapper .post-item .content-wrapper .bottom-content .postTitle {
    opacity: 0
}

.slider-item-animation .swiper-slide .slider-main-wrapper .post-item .postLargeArrow {
    opacity: 0
}

.main-swiper-pagination {
    text-align: right;
    transition: .3s opacity;
    z-index: 50;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -20px;
    position: relative;
    padding-right: 10px;
    z-index: 50
}

.main-swiper-pagination.cmsPagination .swiper-pagination-bullet {
    border-color: #bc9cc1
}

.main-swiper-pagination.cmsPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #7a3a84
}

.main-swiper-pagination.bpmPagination .swiper-pagination-bullet {
    border-color: #80e0f0
}

.main-swiper-pagination.bpmPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00c2e2
}

.main-swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #99bcd2;
    position: relative;
    z-index: 50;
    cursor: pointer;
    background-color: #fff;
    opacity: 1
}

.main-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3479a4
}