/* Styles for the popup */

.popup-container {

    display: none; /* Hide initially */

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */

    z-index: 9999; /* Ensure it appears on top */

    justify-content: center;

    align-items: center;

}



.popup-content {

    background-color: #fefefe;

    padding: 20px;

    text-align: center;

    max-width: 1200px;

    max-height: 1200px;

    overflow: auto;

    position: relative;

}



.close-btn {

    position: absolute;

    top: 10px;

    right: 20px;

    font-size: 50px;

    cursor: pointer;

}

@media only screen and (min-device-width: 380px) and (max-device-width: 1024px) and (orientation:portrait) {
    .popup-content {
        max-width: 400px
    }
}