/**
 * Video with Cards
 *
 * Generated by Dreamz Page Builder on 2026-07-22.
 */
.video-with-cards{
	background: var(--section-bg);
	padding: 75px 0px;
	overflow: hidden;
	position: relative;
}
.video-with-cards .main-title{
    margin: -40px auto 0px auto;
    text-align: center;
    background: var(--section-bg);
    max-width: 450px;
    padding: 40px 0px;
}
.video-with-cards .main-title h2{
	margin-bottom: 0px;
}
.video-wrap {
	height: 560px;
	margin-bottom: 20px;
}
.video-wrap video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 17px;
	border: 3px solid #DBCBB7;
}
.video-with-cards .image-text-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.video-with-cards .image-text-wrap .image-text-item{
	width: calc(50% - 10px);
	border-radius: 15px;
	border: 3px solid #DBCBB7;
	padding: 15px 20px;
	display: flex;
	align-items: center;
}
.video-with-cards .image-text-wrap .image-text-item .image{
	width: 180px;
    height: 100%;
	margin-right: 15px;
	border-radius: 15px;
	overflow: hidden;
	flex-shrink: 0;
	max-height: 110px;
}
.video-with-cards .image-text-wrap .image-text-item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-with-cards .image-text-wrap .image-text-item p{
	font-weight: 500;
}

@media only screen and (max-width:1100px) {
	.video-wrap {
		height: 450px;
	}
	.video-with-cards .image-text-wrap .image-text-item .image {
		width: 170px;
        max-height: 150px;
	}

}

@media only screen and (max-width:991px) {
	.video-with-cards .image-text-wrap .image-text-item {
		width: 100%;

	}
	.video-with-cards .image-text-wrap .image-text-item .image {
        width: 40%;
	}
	.video-with-cards{
		padding: 65px 0px;
	}
	.video-wrap {
        height: 400px;
    }
	.video-with-cards .main-title{
		margin: -30px auto 0px auto;
		padding: 30px 0px;
	}
}

@media only screen and (max-width:767px) {
    .video-with-cards {
        padding: 50px 0px;
    }
	.video-with-cards .image-text-wrap .image-text-item {
        width: 100%;
        flex-direction: column;
		padding: 15px;
    }
	.video-with-cards .image-text-wrap .image-text-item .image{
        margin-right: 0px;
        margin-bottom: 15px;
        width: 100%;
        border-radius: 10px;
	}
	.video-wrap {
        height: 300px;
    }
	.video-with-cards .image-text-item h4{
		font-size: 20px;
	}
	.video-with-cards .main-title{
		max-width: 300px;
	}
}