.banner-video-1 .banner-bg- {
	border-radius: var(--bannervideo1_BORDER_RADIUS)
}

.banner-video-1 .iframe-bannerVideo {
    width: 400px; /* You can adjust this percentage to fit your design */
    height: 200px; /* Make height equal to width for a square shape */
    border: none;
    border-radius: var(--bannervideo1_BORDER_RADIUS); /* Optional: Rounded corners */
    position: absolute; /* Stacks on top of the banner */
    top: 50%; /* Adjust as necessary */
    right: 2rem; 
    transform: translateY(-50%)
}

	/* Mobile styles */
	@media (max-width: 1024px) {
	    .bannerWithVideoOverlay_banner {
	        height: auto; /* Let the height adjust based on content */
	        max-height: 100vh; /* Limit to viewport height */
	        position: static;
	        padding:0 20px;
	    }
	    
	    .bannerWithVideoOverlay_banner img {
	        width: 100%; /* Full width for responsiveness */
	        height: auto; /* Maintain aspect ratio */
	        object-fit: cover; /* Ensure the image covers the container without stretching */
	        max-width: 1000px; /* Set maximum width to avoid distortion */
	        max-height: 900px; /* Set maximum height for consistency */
	        border-radius: 10px; /* Rounded corners if desired */
	    }
	    
	    .iframe-bannerVideo {
	        width: 90%; /* Subtract the total horizontal margins from width */
	        height: auto; /* Maintain aspect ratio */
	        top: auto;
	        bottom: -180px;
	        left: 50%;
	        transform: translateX(-50%); /* Center the iframe */
	        border-radius: 20px;
	        aspect-ratio: 16 / 9;
	    }
	    .floatingBannerVideomargin{
	    	margin:0 0 200px 0;
	    }
	   
	}
}