.image-video-wrap {
    height: 100vh;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
}


.background-video {
    z-index: -99999;
}

.video-play-button {
    width: 50px;
    height: 50px;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


@media (max-width : 1025px) {
    .image-video-wrap {
        height: 500px;
    }
}
@media (min-width : 1200px) {
    .image-video-wrap {
        background-attachment: fixed;
    }
}

@media (max-width:575px) {

    .image-video-wrap {
        background-image: none !important;
    }

    .image-video-wrap {
        height: fit-content;
    }
}