/* Modal Popup Styles */
    .modal-popup-container {
        display: none;
        position: fixed;
        left: 0%;
        top: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999999;
    }

    /* add a X button to close the modal */

    .modal-popup-container .close-popup {
        position: absolute;
        top: 5%;
        right: 5%;
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
    }


    .modal-popup-container iframe {
        border: none;
        width: 50%;
        height: 600px;
        overflow-y: auto;
        position: fixed;
        left:25%;
        top: 25%;
    }
    @media (max-width: 980px) {
        .modal-popup-container iframe {
            border: none;
            width: 90%;
            height: 300px;
            overflow-y: auto;
            position: fixed;
            left: 5%;
            top: 25%;
        }
    }

    /* Prevent scrolling on the page while the modal is open */
    body.modal-open {
        overflow: hidden;
    }


    body.modal-open .modal-popup-container{
        display: block;
    }