.cta-section {
	width: 100%;
	overflow: hidden;
    text-align: center;
}
.cta-section .items .swiper .swiper-slide picture img {width: 100%;}
@media (min-width:768px) {
	.cta-section {
		padding-bottom: 100px;
	}
}
@media (min-width: 768px) {
	.cta-section .flex-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
/* .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
} */

.bg-placeholder {
	background: linear-gradient(90deg, #e0e0e0 45%, #e9e9e9 65%, #e0e0e0 70%);
	background-position: 0% 50%;
	background-size: 300% 300%;
	animation: bg-placeholder 2.2s linear 0s infinite forwards;
	z-index: -1;
}


.ratio, .ratio>* {
    position: relative;
    width: 100%;
}
.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.ratio::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}
.ratio-stone-vertical {
	--aspect-ratio: 162.874251497%;
}

img.lazy.loaded {
    opacity: 1;
}
img.lazy {
    transition: opacity .2s;
    opacity: 0;
}
.ratio img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

[data-aos^=fade][data-aos^=fade] {
	opacity: 0;
	transition-property: opacity, transform;
}

[data-aos=fade-up] {
	transform: translate3d(0, 100px, 0);
}