.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.lightbox-content {
	position: relative;
}

.close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
}

.thumbnail {
	position: relative;
	display: inline-block;
	cursor: pointer;
}


.play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 25%;
	height: 30%;
	background-image: url('/images/play-icon.png'); /* Replace with your own play icon image */
	background-size: 100% 100%;
}

/* Add hover effect for the play icon */
.thumbnail:hover .play-icon {
	opacity: 0.8;
}

/* Center the play icon vertically and horizontally */
.thumbnail .play-icon:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.thumbnail .play-icon:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 0;
	padding-bottom: 100%;
}

.youtube-btn .y-icon {
    max-width: 24px;
    /*height: 100%;*/
    margin-right: 10px;
    top: 0px;
    bottom: 0px;
    position: relative;
}
.slider-home-banner .main-btn:hover{background-color: #fff;}