#I LOVE YOU EVERDAY#

.cfd_modal_content {
    width: 500px;
    height: 300px;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.cfd_modal {
    display: none; /* Hidden by default, shown when active */
    position: fixed; /* Stay in place regardless of scrolling */
    z-index: 1050; /* Sit on top of other content */
    left: 0;
    top: 0;
    width: 100vw; /* Cover full viewport width */
    height: 100vh; /* Cover full viewport height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Semi-transparent black background */
}

@media screen and (max-width: 600px) {
    .cfd_modal_content {
        width: 90%; /* Take up most of the screen */
        height: auto; /* Adjust based on content */
        padding: 10px; /* Less padding */
        box-shadow: 2px 2px 4px rgba(0,0,0,0.2); /* Softer shadow */
    }
}

.elementor-field-group {
    margin-bottom: 10px;
}