.modal-backdrop {
        z-index: 1050 !important;
        position: fixed;
    }

    body.modal-open {
        overflow: hidden;
        /* Prevents scrolling when the modal is open */
    }

    /* Modal content styling */
    .nv-modal-8black-content {
        max-height: 80vh;
        /* Limit modal height to 80% of viewport */
        max-width: 90vw;
        /* Limit modal width to 90% of viewport */
        overflow-y: auto;
        /* Scroll content inside the modal if necessary */
        padding: 20px;
        border-radius: 15px;
        position: relative;
    }

    /* Close button (top right, outside the modal) */
    .nv-modal-8black-close {
        position: absolute;
        top: 30px;
        /* Just above the modal */
        right: 10px;
        /* On the right, outside the modal */
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
        color: #000;
        background-color: #f8e485;
        border: none;
        border-radius: 50%;
        padding: 10px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
        transition: all 0.3s;
        z-index: 1060;
        /* Higher than the modal for visibility */
    }

    /* Hover effects for the close button */
    .nv-modal-8black-close:hover {
        background-color: #171717;
        color: #f8e485;
    }

    /* Close button visibility */
    .nv-modal-8black-close:focus {
        outline: none;
    }

    /* Button styles inside the modal */
    .nv-modal-8black-close-btn {
        background-color: #f8e485;
        color: #171717;
        border-radius: 50%;
        padding: 10px 20px;
    }

    .nv-modal-8black-close-btn:hover {
        background-color: #171717;
        color: #f8e485;
    }