.module--bg-gradient-primary-to-bottom {
	background: linear-gradient(180deg, #6320ee -40.49%, #211a1d 73.48%)
}

.carousel {
	margin-top: -1px
}

.carousel__container {
	display: none
}

@media(min-width:1072px) {
	.carousel__container {
		display: flex;
		position: relative
	}
}


.carousel__container--mobile {
	display: block;
	padding-bottom: 5.625em;
	padding-top: 5.625em
}

@media(min-width:1072px) {
	.carousel__container--mobile {
		display: none;
		padding-bottom: 0;
		padding-top: 0
	}
}

@media(min-width:1072px) {
	.carousel__left {
		padding-right: 3.75em;
		width: 50%
	}

	.carousel__left>div:nth-child(2) {
		margin-top: -65em
	}
}

@media(min-width:1072px) {
	.carousel__left {
		padding-right: 5.625em
	}
}

@media(min-width:1440px) {
	.carousel__left {
		padding-right: 8.125em
	}
}

@media(min-width:1072px) {
	.carousel__right {
		height: 100vh;
		padding-bottom: 2.5em;
		padding-left: 5.625em;
		padding-right: 5.625em;
		padding-top: 18.75em;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		width: 50%
	}
}

@media(min-width:1440px) {
	.carousel__right {
		padding-bottom: 2.5em;
		padding-left: 8.125em;
		padding-right: 6.875em;
		padding-top: 18.75em
	}
}

.carousel__right-inner {
	height: 100%;
	position: relative;
	width: 100%
}

.carousel__nav {
	margin-bottom: 350px;
	margin-top: 510px;
	padding-left: 20px;
	position: -webkit-sticky;
	position: sticky;
	top: 50%;
	transform: translateY(-50%)
}

.carousel__nav:last-child {
	margin-bottom: 0
}

@media(max-width:1071px) {
	.carousel__nav {
		display: none
	}
}

.carousel__nav-dot {
	margin-bottom: 18px
}

.carousel__nav-dot-inner {
	background: 0;
	border: 3px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	display: block;
	height: 10px;
	transition: .3s;
	width: 10px
}

.carousel__nav-dot-inner--active {
	background-color: #06d6a0;
	border-color: #06d6a0
}

@media(min-width:1072px) {

	.carousel__content,
	.carousel__image {
		float: none !important;
		max-width: calc(710px - 130px)
	}
}

.carousel__content {
	padding-bottom: 5em;
	padding-top: 2.5em
}

@media(min-width:1072px) {
	.carousel__content {
		margin-left: auto !important;
		padding: 20.875em 0;
		padding-left: 40px !important
	}

	.carousel__content:first-child {
		padding: 10px;
		margin-top: -63.75em
	}

	.carousel__content:first-child {
		width: 60%
	}
}

.carousel__image {
	display: flex;
	flex-direction: column;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	transition: .3s;
	width: 100%
}

@media(max-width:1071px) {
	.carousel__image {
		align-items: center;
		height: 400px
	}
}

@media(min-width:1072px) {
	.carousel__image {
		pointer-events: none;
		position: absolute;
		transform: translateY(300%);
		visibility: hidden
	}

	.carousel__image--active {
		opacity: 1;
		pointer-events: none;
		transform: translateY(0);
		visibility: visible
	}
}

.carousel__image--multi {
	margin-bottom: 30px;
	max-height: 136px;
	max-width: 325px
}

@media(min-width:1072px) {
	.carousel__image--multi {
		-o-object-position: left center !important;
		object-position: left center !important
	}
}

.carousel__image--multi:last-child {
	margin-bottom: 0
}

.carousel__image img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center center;
	object-position: center center;
	width: 100%
}