.form-control.rq_field {
	position: relative;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.form-control.rq_field input {
    position: absolute;
    top: -100%;
    left: -100%;
}

.form-errors {
    padding: 20px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    color: #856404;
    margin-bottom: 20px;
}

#QUIZ .QUIZ.jqmWindow {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    max-height: 90dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 3002;
    opacity: 0;
    transition: opacity 0.2s ease;
    padding-bottom: env(safe-area-inset-bottom, 0);
}

#QUIZ .QUIZ.jqmWindow.show {
    opacity: 1;
}

@media (max-width: 768px) {
    #QUIZ .QUIZ.jqmWindow {
        width: 95%;
        max-height: 85vh;
        max-height: 85dvh;
    }
}

@media (max-width: 400px) {
    #QUIZ .QUIZ.jqmWindow {
        width: 100%;
        max-height: 85vh;
        max-height: 85dvh;
    }
}

@supports (-webkit-touch-callout: none) {
    #QUIZ .QUIZ.jqmWindow {
        position: fixed;
        top: env(safe-area-inset-top, 10px);
        left: 50%;
        transform: translate(-50%, 0);
        max-height: calc(100% - env(safe-area-inset-top, 10px) - env(safe-area-inset-bottom, 20px) - 20px);
        margin-bottom: env(safe-area-inset-bottom, 20px);
    }
}

@media (max-width: 768px) and (max-height: 900px) {
    #QUIZ .QUIZ.jqmWindow {
        position: fixed;
        top: 10px;
        top: max(10px, env(safe-area-inset-top, 10px));
        left: 50%;
        transform: translate(-50%, 0);
        max-height: calc(100vh - 80px);
        max-height: calc(100dvh - 40px);
    }
}

@media (max-width: 400px) and (max-height: 700px) {
    #QUIZ .QUIZ.jqmWindow {
        position: fixed;
        top: 5px;
        top: max(5px, env(safe-area-inset-top, 5px));
        left: 50%;
        transform: translate(-50%, 0);
        max-height: calc(100vh - 60px);
        max-height: calc(100dvh - 30px);
        width: 100%;
    }
}

div[data-quiz-popup="true"] {
    cursor: pointer;
    transition: opacity 0.3s ease, transform 0.2s ease;
}

div[data-quiz-popup="true"]:hover {
    opacity: 0.9;
}

#QUIZ .ty-center-wrap {
    padding: 40px;
}