#virtual-class-slider {
		margin-bottom: 10px;
	}

	#virtual-class-slider .owl-item a {
		position: relative;
		background-image: url('{{ asset('/uploads/pages/live-classes-page-video-banner.jpg') }}');
		display: block;
		color: #000;
		font-weight: 700;
	}

	#virtual-class-slider .owl-item a::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(92, 182, 136, .85);
	}

	#virtual-class-slider .owl-item > a > div {
		position: relative;
	}

	#virtual-class-slider .owl-item h3 {
		margin-bottom: 20px;
		font-size: 2.5em !important;
		font-weight: 500;
	}


	#virtual-class-slider .owl-item img {
		height: 300px;
		width: auto;
	}


#virtual-class-slider .owl-nav {
    position: absolute;
    top: 10px;
    z-index: 100;
    left: 50%;
    top: 25px;
    max-width: 1100px;
    width: 100%;
    text-align: right;
    transform: translate(-50%, 0);
    font-size: 1.5em;
    color: #000;
}

#virtual-class-slider .owl-nav button {
    padding: 10px !important;
	outline: none;
}

#virtual-class-slider .owl-dots {
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 40px;
    max-width: 1100px;
    width: 100%;
    padding-right: 80px;
    text-align: right;
    transform: translate(-50%, 0);
	pointer-events: none;
}

#virtual-class-slider .owl-dots .owl-dot {
	border: 1px solid transparent;
	border-radius: 100%;
	margin: 0 2px;
	outline: none;
	pointer-events: all;
}

#virtual-class-slider .owl-dots .owl-dot span {
	background: #000;
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    margin: 2px;
}

#virtual-class-slider .owl-dots .owl-dot.active {
	border: 1px solid #000;
}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important;
}


@media screen and (max-width: 767px) {
	#virtual-class-slider .owl-item img {
	    height: 100px;
	}

	#virtual-class-slider .owl-item a {
		height: 330px;
	}

	#virtual-class-slider .owl-item h3 {
		margin-bottom: 15px;
		font-size: 1.8em !important;
	}

	#virtual-class-slider .owl-nav {
		padding-right: 10px;
	}

	#virtual-class-slider .owl-item .d-flex.flex-column.flex-lg-row.align-items-center {
		position: relative;
		z-index: 10;
	}

	#virtual-class-slider .owl-item a::after {
		content: '';
		height: 100px;
		background: rgba(255,255,255,0.5);
		width: 100%;
		position: absolute;
		top: 0;
		z-index: 2;
	}
}