.cool-video-slider-wrp {
	position: relative;
	height: 100vh;
}

.cool-video-slider-wrp-item {
	position: relative;
	height: 100%;
	background: #1C4ED2;
}

.cool-video-slider-wrp-item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(204.03% 162.36% at 78.4% 23.53%, rgba(123, 82, 232, 0.65) 9.37%, rgba(28, 78, 210, 0.65) 37.28%);
	z-index: 1;
	transition: background 500ms cubic-bezier(1, 0, 0.71, 1.01);
}

.cool-video-slider-wrp-item.active::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(204.03% 162.36% at 78.4% 23.53%, rgba(123, 82, 232, 0.65) 9.37%, rgba(28, 78, 210, 0.65) 37.28%);
	z-index: 0;
	transition: background 500ms cubic-bezier(1, 0, 0.71, 1.01);
}

.cool-video-slider-wrp-item video {
	height: 100%;
	width: 80vw;
	opacity: 0.6;
	object-fit: cover;
	transition: opacity 800ms cubic-bezier(1, 0, 0.71, 1.01), width 1000ms cubic-bezier(1, 0, 0.71, 1.01);
}

.cool-video-slider-wrp-item-intro {
	position: absolute;
	display: flex;
	flex-flow: column;
	color: #fff;
	width: 100%;
	height: 100%;
	align-items: flex-end;
	justify-content: center;
	z-index: 2;
	opacity: 1;
	visibility: visible;
	transition: opacity 500ms cubic-bezier(1, 0, 0.71, 1.01);
}

.cool-video-slider-wrp-item-intro-container {
	margin: 15px 100px;
	max-width: 600px;
}

.cool-video-slider-wrp-item-intro-title {
	font-size: 3.5rem;
	line-height: 4rem;
	display: block;
	font-weight: bold;
	margin-bottom: 15px;
}

.cool-video-slider-wrp-item-intro-subtitle {
	font-size: 1.3rem;
	line-height: 1.3rem;
	letter-spacing: 1px;
	display: block;
}

.cool-video-slider-wrp-item-play-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	margin: 15px 0;
	transform: scale(1) translate(0, 0);
	transform-origin: center center;
	transition: transform 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cool-video-slider-wrp-item-play-btn:focus {
	outline: none;
}

.cool-video-slider-wrp-item-play-btn:hover {
	transform: scale(0.9) translate(40px, 20px);
}

.cool-video-slider-wrp-item-play-btn img {
	width: 100px;
}

.cool-video-slider-wrp-item-close-btn {
	position: absolute;
	top: 0;
	right: 0;
	margin: 50px;
	background: transparent;
	border: none;
	font-size: 4rem;
	z-index: 3;
	padding: 15px 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms cubic-bezier(1, 0, 0.71, 1.01);
}

.cool-video-slider-wrp-item-close-btn:focus {
	outline: none;
}

.cool-video-slider-wrp-item-close-btn:hover {
	background: rgba(255,255,255,0.8);

}

/* .cool-video-slider-wrp-item.active {
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAtCAYAAACu/EtoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA0SURBVHgB7cyhDQAgEATBe/rvGV4TBIIEM+t3anbZqi4Xnd6RxwGBQCAQCAQCgUAg8Du4AEFpCFZNB79mAAAAAElFTkSuQmCC") 10 22, auto;
} */

.cool-video-slider-wrp-item.active::before {
	content: '';
	background: rgba(90,81,224,0);
}

.cool-video-slider-wrp-item.active .cool-video-slider-wrp-item-intro {
	opacity: 0;
	visibility: hidden;
}

.cool-video-slider-wrp-item.active .cool-video-slider-wrp-item-close-btn {
	opacity: 1;
	visibility: visible;
}

.cool-video-slider-wrp-item.active video {
	width: 100%;
	opacity: 1;
}

.swiper-button-prev,
.swiper-button-next {
	color: #000;
	font-weight: bold;
}

.swiper-button-disabled {
	color: rgba(0,0,0,0.6);
}

@media (max-width: 768px) {
	.cool-video-slider-wrp-item-intro-title {
		font-size: 2.5rem;
		line-height: 3rem;
	}
}

@media (max-width: 500px) {
	.cool-video-slider-wrp-item-intro {
		align-items: center;
		justify-content: flex-end;
	}
	.cool-video-slider-wrp-item-intro-container {
		margin: 15px 40px 120px 40px;
	}

	.cool-video-slider-wrp-item-play-btn img {
		width: 60px;
	}

	.cool-video-slider-wrp-item-intro-title {
		font-size: 1.9rem;
		line-height: 2.3rem;
	}
}