.dr1videoscroll {
	padding: 2rem 0;
	background-color: #f4f4f4;
}

.dr1videoscroll .carousel-container-dr1videoscroll {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin: auto;
}

.dr1videoscroll .carousel-wrapper-dr1videoscroll {
	display: flex;
	transition: transform 0.4s ease-in-out;
	width: 100%;
}

.dr1videoscroll .carousel-slide-dr1videoscroll {
	flex: 0 0 100%;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 1rem;
}

.dr1videoscroll .video-container {
	position: relative;
	width: 100%;
	max-width: 800px;
	aspect-ratio: 16/9;
}

.dr1videoscroll .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	object-fit: contain;
}

/* Navigation buttons */
.dr1videoscroll .carousel-button-dr1videoscroll {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px 14px;
	cursor: pointer;
	border-radius: 50%;
	z-index: 10;
}

.dr1videoscroll .carousel-button-left-dr1videoscroll {
	left: 10px;
}

.dr1videoscroll .carousel-button-right-dr1videoscroll {
	right: 10px;
}

.dr1videoscroll .carousel-button-dr1videoscroll:hover {
	background: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 768px) {
	.dr1videoscroll .video-container {
		max-width: 100%;
	}
}