.cpts-wrapper {
  width: 100%;
}
.cpts-swiper {
  width: 100%;
  height: auto;
  position: relative;
}

@media (min-width: 768px) {
    .cpts-swiper {
        min-height: var(--cpts-height, auto);
        padding-bottom: 8rem;
    }
}

@media (min-width: 1280px) {
    .cpts-swiper {
        padding-bottom: 0rem;
    }
}


.cpts-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

@media (max-width: 768px) {
    .cpts-swiper .swiper-slide {
        flex-direction: column;
    }
}

/* Image */

.slide-main-image {
    flex: 1 1 60%;
    width: 60%;
    max-width: 60%;
    order: 2;
    overflow: hidden;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .slide-main-image {
        flex:0 0 100%;
        width: 100%;
        max-width: 100%;
        order: 1
    }
}

.slide-main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Text */

.slide-main-text {
    flex: 1 1 40%;
    width: 40%;
    max-width: 40%;
    order: 1;
    padding: 50px 15px;
    overflow: hidden;
    /* max-height: 320px; */
    color: #FFF;
}


.slide-main-text .text__title {
	font-size: clamp(32px, calc(32px + 13 * (100vw - 768px) / 832), 50px);
    margin: 0 0 20px;
    line-height: 1.09;
    display: block;
    font-weight: 700;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.slide-main-text .text__desc {
	font-size: clamp(18px, calc(16px + 2 * (100vw - 768px) / 832), 20px);
    font-weight: 400;
    margin: 20px 0 86px 0;
}

@media only screen and (max-width: 1279px) {
	.slide-main-text {
		padding: 50px 15px 16px 15px;
	}
	
	.slide-main-text .text__desc {
		margin: 20px 0 0 0;
	}
}

.slide-main-text .text__action {
    margin: 0 0 20px;
}

@media (max-width: 768px) { 
    .slide-main-text {
        width: 100%;
        max-width: 100%;
        padding: 16px 20px;
        color: #1e1e1e;
    }

    .slide-main-text .text__title {
        margin-bottom: 16px;
    }

}

.text__action .action_button {
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    display: inline-block;
    padding: .8125em 1.25em;
    border: 2px solid #FFF;
    text-transform: uppercase;
    line-height: 1.4;
    background-color: transparent;
}

.text__action .action_button:hover {
    background-color: #fff;
    color: #002d69;
}


@media (max-width: 768px) {
    .text__action .action_button {
        border-color: #002d69;
        color: #002d69;
    }

    .text__action .action_button:hover {
    background-color: #002d69;
    color: #FFF;
}

}


/* Custom Pagination */

.main-slider__paginator {
    position: absolute;
    bottom: 50px;
    left: 25px;
    right: 25px;
    height: 70px;
    background: #fff;
    z-index: 3;
    display: flex;
}

@media only screen and (max-width: 1279px) {
    .main-slider__paginator {
        left:0px;
        right: 0px
    }
}

@media only screen and (max-width: 767px) {
    .flexbox .main-slider__paginator,.main-slider__paginator {
        display:none;
    }
}

.main-slider__paginator__list {
    width: calc(100% - 85px);
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-slider__paginator-item {
    -ms-flex: 1 1;
    flex: 1 1;
    min-width: 0;
}

.main-slider__paginator-item__link {
    height: 70px;
    padding: 20px 15px;
    border-right: 1px solid #e4e4e4;
    position: relative;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #1e1e1e!important;
}

@media only screen and (min-width: 1280px) {
    .main-slider__paginator-item__link:hover {
        text-decoration:underline
    }

    .main-slider__paginator-item__link:focus {
        outline: 2px dotted #002d69;
        outline-offset: -8px
    }
}

.main-slider__paginator-item__link:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    height: 5px;
    transition: top .1s linear;
}


.main-slider__paginator-item.is-active .main-slider__paginator-item__link:before {
    top: -5px
}

.main-slider__paginator-item.is-active .main-slider__paginator-item__link .main-slider__paginator-item__progress-bar {
    height: 5px
}

.main-slider__paginator-item__link-title {
    font-weight: 500;
    font-size: 1rem
}

.main-slider__paginator-item__link-subtitle,
.main-slider__paginator-item__link-title {
    display: block;
    line-height: 1.15;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.main-slider__paginator-item__link-subtitle {
    font-size: .8125rem
}

.main-slider__paginator-item__progress-bar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 0;
    background: #ebf1fc;
    overflow: hidden;
    transition: height .1s linear
}

.main-slider__paginator-item__progress-bar__progress {
    background-color: #e42618;
    height: 5px;
    transition: width .05s linear;
    display: block;
    width: 0;
}


.main-slider__paginator-item.is-active .main-slider__paginator-item__progress-bar__progress {
    width: 100%;
    transition: width var(--slider-speed) linear;
}

.main-slider__paginator-control {
    width: 85px;
    text-align: center;
    padding: 15px
}

.main-slider__paginator-control--pause,
.main-slider__paginator-control--play {
    line-height: 0!important;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 12px 0 12px 1px;
    vertical-align: middle;
    color: #002d69;
    border: 2px solid #002d69;
    font-size: .75em;
    text-transform: uppercase;
    line-height: 1.4;
    background-color: transparent;
}

.main-slider__paginator-control--play {
    padding-left: 2px
}

.icon--tiny {
    vertical-align: middle;
    display: inline-block
}

.icon--tiny svg {
    height: 12px;
    max-width: 16px
}

.swiper-pagination-wrapper {
    padding-bottom: 64px;
    position: relative;
    margin: 0 16px;
}

@media (min-width: 768px) {
    .swiper-pagination-wrapper {
        display: none;
    }
}

.swiper-pagination-wrapper .navigation-wrapper {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.swiper-pagination-wrapper .swiper-pagination {
    text-align: left;
    bottom: 50%!important;
    transform: translateY(50%);
    width: auto;
}

.swiper-pagination-wrapper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    margin: 0 0.25rem!important;
}

.swiper-pagination-wrapper .swiper-pagination-bullet-active {
    background-color: rgba(1, 45, 105, 1) !important;
    opacity: 1;
}

.swiper-pagination-wrapper .swiper-btn-prev, .swiper-pagination-wrapper .swiper-btn-next {
    background: #fff;
    padding: 12px;
    vertical-align: middle;
    line-height: 0;
    top: 0;
    z-index: 4;
    border: 2px solid #002d69;
    position: relative;
}

.swiper-pagination-wrapper .swiper-btn-prev {
    right: -2px;
}

.swiper-pagination-wrapper svg {
    width: 12px;
    height: 12px;
}


/* Swiper OFF */

.main-slider__paginator.no-control .main-slider__paginator__list {
	width: 100%;
	pointer-events: none;
}

.main-slider__paginator.no-control .main-slider__paginator-control {
	display: none;
}