/***     08. Intro Video Css      ***/
/************************************/

.intro-video .container-fluid{
	padding: 0;
}

.intro-video-box{
	position: relative;
}

.intro-video-image a{
	display: block;
	cursor: none;
}

.intro-video-image img{
	width: 100%;
	aspect-ratio: 1 / 0.38;
	filter: brightness(80%);
	object-fit: cover;
}

.video-play-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.video-play-button a{
	position: relative;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--white-color);
	border: 1px solid var(--secondary-color);
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin: 0 auto;	
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: none;
	transition: all 0.4s ease-in-out;
}

.video-play-button a:hover{
	color: var(--primary-color);
	border-color: var(--primary-color);
}

/************************************/