.video-production-page {
        background-image: url('./images/process/background.svg');
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
    }
    .video-production-services {position: relative; margin: 80px 0; }
    .video-production-services .video-production-wrapper {
        width: 100%;
        margin: 0 auto;
        height: 100%;
        z-index: 2;
    }
    .video-production-services .video-production-video-item { border-radius: 20px; }
    .video-production-services .video-container {
        position: relative;
        height: 18rem;
        width: 22rem;
        background: grey;
        border-radius: 10px;
        overflow: hidden;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%);
    }
    .video-production-services .video-background-card {
        width: 25rem;
        height: 28rem;
    }
    .video-production-services .video {
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
    }
    .video-production-services .video-before-image {
        position: absolute;
        top: -25%;
        right: 0%;
        width: 25rem;
        z-index: 1;
    }
    .video-production-services .video-content-reverse .video-before-image {
        position: absolute;
        top: -25%;
        left: -8%;
        width: 25rem;
        z-index: 1;
    }
    .video-production-services .video-production-title {
        font-family: var(--headfont); 
        color: #000000; 
        font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
		position: relative;
		left: 20px;
    }
    .video-production-services .video-production-description {
        font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
    }
    .video-production-services{position: relative;}
    .video-production-services::before {
        content: "";
        background-image: url('../images/video-production-services/video-bg-gradient-1.png');
        position: absolute;
        background-size: 1000px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        top: 50%;
        transform: translateY(-35%);
        left: 0;
        z-index: -1;
        opacity: 0.85;
    }
    .video-production-services::after {
        content: "";
        background-image: url('../images/video-production-services/video-bg-gradient-2.png');
        position: absolute;
        background-size: 1050px; /* Adjust as needed to fit */
        background-repeat: no-repeat;
        background-position: right top; /* Ensure it starts from the right end */
        width: 100%;
        height: 100%;
        top: 80%; /* Position as per your design */
        transform: translateY(-40%);
        left: 0;
        z-index: -1;
        opacity: 0.85;
    }

  
	.video-production-services .video-production-description {
		font-size: 0.95rem;
		font-family: var(--body);
		color: #464158;
	}
	.video-production-services .breadcrumb-with-form-title{font-size: 6.8rem !important;}
/* 	@media(min-width: 1700px){
		.video-production-page .container {
			max-width: 1500px;
		}
		.video-production-services .video-background-card {
			width: 32rem;
			height: 30rem;
		}
		.video-production-services .video-container {
			height: 20rem;
			width: 29rem;
		}
		.video-production-services .video-production-title{max-width: 60%;}
		.video-production-services .video-production-description{font-size: 1.5rem;}
		.video-production-services .video-before-image{right: 8%;}
		.video-production-services .video-content-reverse .video-before-image{left: 0;}
	} */