/* Custom Slide-in from Right Animation */
.modal.fixed-right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 400px; /* Adjust width as needed */
	height: 100%;
	right: 0;
	transform: translate3d(100%, 0, 0);
	transition: transform 0.3s ease-out;
}

.modal.fixed-right.show .modal-dialog {
	transform: translate3d(0, 0, 0);
}

.modal.fixed-right .modal-content {
	height: 100%;
	border-radius: 0;
	border: none;
}

/* Ensure the video scales well */
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	height: 0;
	overflow: hidden;
}

.video-container iframe, 
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}