.elementor-795 .elementor-element.elementor-element-8f70db4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-795 .elementor-element.elementor-element-47445aa{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}#elementor-popup-modal-795{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-795 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-795 .dialog-close-button{display:flex;}#elementor-popup-modal-795 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-795 .elementor-element.elementor-element-8bb9817 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-8bb9817 */#nafdac-quiz-app {
    max-width: 450px;
    margin: auto;
    font-family: 'Inter', sans-serif;
    color: #2c3e50;
}

.quiz-card {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    text-align: center;
}

.hidden { display: none; }

/* Progress Bar */
.quiz-header { margin-bottom: 20px; }
#pillar-name { font-size: 12px; font-weight: 700; color: #3498db; text-transform: uppercase; }
.progress-container { background: #eee; height: 8px; border-radius: 10px; margin: 10px 0; overflow: hidden; }
#progress-fill { height: 100%; background: #3498db; width: 5%; transition: 0.3s; }
#question-counter { font-size: 12px; color: #888; }

/* Questions */
#question-text { font-size: 1.2rem; margin: 20px 0; min-height: 80px; }

/* Controls */
.quiz-controls { display: flex; flex-direction: column; gap: 15px; }
.answer-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.ans-btn {
    padding: 15px;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    font-size: 1rem;
    transition: 0.2s;
}
.ans-btn.yes { background: #27ae60; color: white; }
.ans-btn.no { background: #e74c3c; color: white; }
#prev-btn { background: none; border: 1px solid #ddd; padding: 8px; cursor: pointer; border-radius: 5px; width: 80px; align-self: center;}

/* Result Styles */
#score-circle {
    width: 120px;
    height: 120px;
    border: 8px solid #eee;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center; 
    font-size: 1.8rem;
    font-weight: 800;
}

.cta-button {
    display: block;
    background: #2c3e50;
    color: #fff !important;
    padding: 15px;
    text-decoration: none;
    border-radius: 10px;
    font-weight: bold;
    margin-top: 20px;
}

.restart-text { background: none; border: none; color: #888; margin-top: 15px; cursor: pointer; text-decoration: none; }/* End custom CSS */