.slider-container {

}

.slider-container .slider {

}

.slider-container .slider .slide {
	position: relative;
	width:  100%;
	overflow: hidden;
}

.slider-container .slider .slide img {
	width:  100%;
	height: 100dvh;
    object-fit: cover;
}

.slider-container .slider .slide video {
	width:  100%;
	height: 100dvh;
	object-fit: cover;
}

.slider-container .slider .slide .mobile {
	display: none;
}

.slider-container .slider .slide svg {
	position: absolute;
	width:100%;
	left: -100%;
	bottom: 0;
	z-index: 8;
}

.slider-container .slider .slide svg.mobile {
	display: none;
}

.page-container .slider-container:first-of-type .slider .slide svg {
	left: -20%;
}

.slider-container .slider .slide .inside {
	position: absolute;
	top:  50%;
	left: 50%;
	width:  1440px;
	padding: 0 40px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9;
}

.slider-container .slider .slide .inside .title {
	color: #FFF;
	font-family: Inter;
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 95%; /* 76px */
	letter-spacing: -1.6px;
	margin: 0;
	text-transform: none !important;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.slider-container .slider .slide .inside .title * {
	color: #FFF;
	font-family: Inter;
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 95%; /* 76px */
	letter-spacing: -1.6px;
	margin: 0;
	text-transform: none !important;
}

.slider-container .slider .slide .inside .desc {
	color: #FFF;
	margin: 20px 0;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 110%; /* 22px */
	letter-spacing: -0.4px;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.slider-container .slider .slide .inside .btn {
	display: inline-block;
	color: var(--Brand-colors-Off-Purple-Off-Purple_000, #FFF);
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
	border-radius: 25px;
	letter-spacing: initial !important;
	padding: 16px 36px; 
	transition: 300ms;
	border-radius: 30px;
	background: rgba(110, 108, 108, 0.20);
	backdrop-filter: blur(2px);
	cursor: poitner;
}

.slider-container .slider .slide:first-of-type .inside .btn {
	background: var(--brand-colors-off-purple-off-purple-00020, rgba(255, 255, 255, 0.20));
}

@media only screen and (min-width: 997px) {
	.slider-container .slider .slide .inside .btn:hover {
		cursor: pointer;
		background:  rgba(110, 108, 108, 0.50) !important;
	}

	.slider-container .slider .slide:first-of-type .inside .btn:hover {
		cursor: poitner;
		background:  rgba(255, 255, 255, 0.50) !important;
	}
}

.flickity-page-dots {
	bottom: 50px;
	text-align: left;
    padding: 0 40px;
    width: 1440px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -6px;
}

.flickity-page-dots .dot {
	margin: 0 6px;
	background: transparent;
	border: 1px solid #fff;
	transition: 300ms;
	width: 16px;
	height: 16px;
}

.flickity-page-dots .dot.is-selected {
	background: #fff;
}

@media only screen and (max-width: 1400px) {
	.slider-container .slider .slide .inside {
		width: 500px;
		left: calc(50% - 500px);
	}

	.slider-container .slider .slide .inside .title {
		font-size: 70px;
	}
}

@media only screen and (max-width: 996px) {
	.slider-container .slider .slide .inside .title { 
		font-size: 32px;
		text-align: left;
		letter-spacing: 0;
		margin-bottom: 25px;
	}

	.slider-container .slider .slide .inside {
		position: absolute;
		top:  47%;
		left: 0;
		width:  100%;
		padding: 0 20px 0 20px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: left;
	}

	.flickity-page-dots {
		bottom: 65px;
		width: calc(100% - 30px);
		max-width: 100%;
		transform: none;
		left: 0;
		padding: 0 20px;
	}

	.slider-container .slider .slide {
		height: 100dvh;
	}

	.slider-container .slider .slide .pc {
		display: none;
	}

	.slider-container .slider .slide .mobile {
		display: block;
		padding: 0;
		object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
	}

	.slider-container .slider .slide video {
		width:  100%;
		height: 50vh;
		object-fit: cover;
	}

	.slider-container .slider .slide .inside .title {
		font-family: Inter;
		font-size: 44px;
		font-style: normal;
		font-weight: 400;
		line-height: 95%; /* 41.8px */
		letter-spacing: -0.88px;
		text-shadow: none;
	}

	.slider-container .slider .slide .inside .desc {
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: 110%; /* 17.6px */
		letter-spacing: -0.32px;
		text-shadow: none;
	}

	.slider-container .slider .slide .inside .btn {
		border-radius: 30px;
		background: var(--brand-colors-off-purple-off-purple-00020, rgba(255, 255, 255, 0.20));
		backdrop-filter: blur(2px);
	}

	.slider-container .slider .slide svg:not(.mobile) {
		display: none;
	}

	.slider-container .slider .slide svg.mobile {
		display: block;
        height: auto;
        bottom: 0;
        top: auto;
	}

	.slider-container .slider .slide .inside .title,
	.slider-container .slider .slide  * {
		text-align: left;
	}
}