.elementor-404 .elementor-element.elementor-element-d1e7418{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-404 .elementor-element.elementor-element-94ad363{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-404 .elementor-element.elementor-element-4d7a7c9 img{width:112px;}.elementor-404 .elementor-element.elementor-element-6ca042a img{width:137px;}.elementor-404 .elementor-element.elementor-element-8572133 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Sora", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:5px 5px 5px 5px;padding:25px 25px 25px 25px;}.elementor-404 .elementor-element.elementor-element-8572133 .elementor-button:hover, .elementor-404 .elementor-element.elementor-element-8572133 .elementor-button:focus{background-color:var( --e-global-color-0e13917 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-404 .elementor-element.elementor-element-d1e7418{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-30d256d *//* 1. Seamless Quiz Container */
html body .hdq_quiz_wrapper {
    font-family: 'Manrope', sans-serif !important;
    background: transparent !important;
    padding: 15px 0 !important;
    max-width: 750px !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Crisp, Clean Question Headline */
html body .hdq_quiz_wrapper .hdq_question_heading,
html body .hdq_quiz_wrapper h2.hdq_question_heading,
html body .hdq_quiz_wrapper h2.hdq_question_title,
html body .hdq_quiz_wrapper .hdq_question_title {
    font-family: 'Sora', sans-serif !important;
    font-size: 1.2rem !important; 
    font-weight: 600 !important;
    color: #13212D !important; /* Gray 5 Slate */
    line-height: 1.5 !important;
    margin-bottom: 24px !important;
    letter-spacing: -0.01em !important;
}

/* 3. ANSWER ROWS WITH FULL-BOX CLICKABILITY */
html body .hdq_quiz_wrapper .hdq_row {
    background-color: #F0F1F2 !important; /* Gray 1 Light Neutral */
    padding: 0 !important; 
    border-radius: 4px !important;
    margin-bottom: 12px !important;
    border: 1px solid #C4C7CB !important; /* Gray 2 Outline */
    box-shadow: none !important;
    transition: all 0.15s ease-in-out !important;
    cursor: pointer !important; 
}

/* Base state for inner label (Full Click Zone) */
html body .hdq_quiz_wrapper .hdq_row .hdq_label_answer,
html body .hdq_quiz_wrapper .hdq_input {
    background: transparent;
    border: none !important;
    padding: 18px 22px !important; 
    margin: 0 !important;
    box-shadow: none !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 1.05rem !important; 
    color: #3F4B54 !important; /* Gray 4 Text */
    font-weight: 600 !important; 
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important; 
    cursor: pointer !important;
}

/* Hide the clunky native HD Quiz toggle switches/radio buttons completely */
html body .hdq_quiz_wrapper .hdq_check_input,
html body .hdq_quiz_wrapper .hdq_toggle {
    display: none !important;
}

/* 4. Elegant Hover Interaction across the entire outer box area */
html body .hdq_quiz_wrapper .hdq_row:hover {
    background-color: #FFFFFF !important;
    border-color: #004887 !important; /* Primary Brand Blue */
}
html body .hdq_quiz_wrapper .hdq_row:hover .hdq_label_answer {
    color: #004887 !important;
}

/* 5. SOPHISTICATED MUTED STATES (Outer Row & Inner Elements) */

/* USER SELECTED CORRECT OR SYSTEM HIGHLIGHTED CORRECT ANSWER */
html body .hdq_quiz_wrapper .hdq_row.hdq_correct,
html body .hdq_quiz_wrapper .hdq_row.hdq_correct_not_selected {
    background-color: #E8F5E9 !important; /* Soft Pastel Green */
    border-color: #2E7D32 !important; /* Deep Forest Green Border */
}
html body .hdq_quiz_wrapper .hdq_row.hdq_correct .hdq_label_answer,
html body .hdq_quiz_wrapper .hdq_row.hdq_correct_not_selected .hdq_label_answer {
    color: #1B5E20 !important; /* Dark Green Text visible over light background */
    background: transparent !important;
}

/* USER SELECTED WRONG ANSWER */
html body .hdq_quiz_wrapper .hdq_row.hdq_wrong {
    background-color: #FDF2F2 !important; /* Soft Pastel Red */
    border-color: #D22730 !important; /* Primary Brand Red Border */
}
html body .hdq_quiz_wrapper .hdq_row.hdq_wrong .hdq_label_answer {
    color: #990F1A !important; /* Red Shade Text */
    background: transparent !important;
}

/* 6. Enforced Blue Buttons */
html body .hdq_quiz_wrapper .hdq_button,
html body .hdq_quiz_wrapper .hdq_next_button,
html body .hdq_quiz_wrapper input[type="button"].hdq_button,
html body .hdq_quiz_wrapper .hdq_button2 {
    font-family: 'Sora', sans-serif !important;
    background-color: #004887 !important; /* Primary Blue */
    color: #FFFFFF !important;
    padding: 12px 28px !important;
    border-radius: 4px !important; 
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    border: none !important;
    box-shadow: none !important;
}

html body .hdq_quiz_wrapper .hdq_button:hover,
html body .hdq_quiz_wrapper .hdq_next_button:hover {
    background-color: #003366 !important; /* Darker Blue Shade */
    color: #FFFFFF !important;
}

/* 7. RE-SCALE FOR ALL EXTRA CONTENT BLURBS (No visibility overrides) */
html body .hdq_quiz_wrapper .hdq_j_extra_text,
html body .hdq_quiz_wrapper div.hdq_j_extra_text,
html body .hdq_quiz_wrapper .hdq_question_after_text,
html body .hdq_quiz_wrapper .hdq_quiz_extra,
html body .hdq_quiz_wrapper div[class*="extra"] {
    background-color: #F0F1F2 !important; /* Gray 1 Light Background */
    padding: 20px !important;
    border-radius: 4px !important;
    margin-top: 16px !important;
    border: none !important;
    /* Removed display: block !important to protect plugin trigger logic */
}

/* Micro-force layout typography scales inside explanation containers */
html body .hdq_quiz_wrapper .hdq_j_extra_text *,
html body .hdq_quiz_wrapper .hdq_question_after_text *,
html body .hdq_quiz_wrapper .hdq_quiz_extra *,
html body .hdq_quiz_wrapper div[class*="extra"] *,
html body .hdq_quiz_wrapper div[class*="extra"] p {
    font-family: 'Manrope', sans-serif !important;
    font-size: 0.95rem !important; /* Strict downscale layout reset */
    line-height: 1.6 !important;
    color: #3F4B54 !important; /* Gray 4 Main Text */
    margin: 0 !important;
}

/* Keep structural bolds properly aligned to corporate Primary Blue metrics */
html body .hdq_quiz_wrapper .hdq_j_extra_text strong,
html body .hdq_quiz_wrapper .hdq_question_after_text strong,
html body .hdq_quiz_wrapper div[class*="extra"] strong,
html body .hdq_quiz_wrapper div[class*="extra"] b {
    font-family: 'Manrope', sans-serif !important;
    color: #004887 !important; /* Primary Brand Blue */
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: inline !important;
}/* End custom CSS */