/* .video-wrapper{
  padding: 50px 0px;
} */

.video-section {
    width: 100%;
    height: 550px;
    background: url("../Images/video-img.jpg") no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.video-img-section {
    display: flex;
    justify-content: space-evenly;
}

    .video-img-section img {
        height: 550px;
    }

.video-play {
    color: #fff;
    background-color: #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
    animation: video-play-pulse 1.5s infinite;
    cursor: pointer;
}

    .video-play:hover {
        animation: none;
        transition: background-color 0.5s;
        transition: 0.5s ease all;
        background-color: #dd1717;
    }

@keyframes video-play-pulse {
    0% {
        box-shadow: 0 0 0 0 #000;
    }

    100% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
}

.video-modal {
    z-index: 6000;
    --bs-modal-width: 100%;
    --bs-modal-margin: 0px;
    overflow: hidden;
}

.video-modal-content {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 50px;
    width: 100%;
}



/* MODAL */
.modal-content1 {
    background-color: rgba(0, 0, 0, 0.9);
    height: 100vh;
    padding: 50px;
}

.video-model-close-btn {
    color: #fff;
    border: none;
    text-align: start;
    background-color: transparent;
}

.modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
}




/* MEDIA QUERIES */

@media only screen and (max-width: 991px) {

    .video-img-section img {
        width: 100%;
    }
}