.elementor-9 .elementor-element.elementor-element-b9cfb1c{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}body.rtl .elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-labels-inline .elementor-field-group > label{padding-left:18px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-labels-inline .elementor-field-group > label{padding-right:18px;}body .elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-labels-above .elementor-field-group > label{padding-bottom:18px;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-field-type-html{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#7C7C7C;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#7C7C7C;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-field-group .elementor-select-wrapper::before{color:#7C7C7C;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .e-form__buttons__wrapper__button-next{background-color:#FF0000;color:#ffffff;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-button[type="submit"]{background-color:#FF0000;color:#ffffff;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-ca6cf91 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-ca6cf91{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-b9cfb1c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for form, class: .elementor-element-ca6cf91 *//* ===============================
   General Quiz Container
================================= */
.quiz-container {
    margin: 0 !important;
    padding: 0 20px 20px 20px !important; /* left/right 20px + bottom 20px */
    width: 100% !important; /* full width */
    background: #ffffff;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box; /* include padding in width */
}

/* Remove top/bottom gaps from Elementor wrappers */
.elementor-widget-container,
.elementor-field-group,
.elementor-form-fields-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* Add top padding to first field group if needed */
.elementor-field-group:first-child {
    padding-top: 0 !important;
}

/* ===============================
   Question + Points Row
================================= */
.quiz-question {
    display: flex;
    flex-wrap: wrap; /* description goes below */
    align-items: center;
    gap: 20px;
    padding: 10px 15px;
    background-color: #3E64DE; /* custom blue */
    border-radius: 6px; /* optional */
}

/* Question title left */
.quiz-question-title {
    flex: 1;
    color: #fff;
    font-weight: 600;
    margin: 0;
}

/* Points right */
.question-marks {
    font-weight: bold;
    color: #fff;
    margin: 0;
}

/* ===============================
   Question Description
================================= */
.matching-quiz-question-desc {
    flex-basis: 100%;
    margin-top: 8px;
    padding: 8px 10px;
    background-color: #f1f5f9; /* light gray */
    border-radius: 4px;
    color: #333;
}

/* ===============================
   Radio Button / Multiple Choice Styling
================================= */
.elementor-field-type-radio {
    background: #ffffff;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px !important;
    margin: 0 !important;
}

.elementor-field-subgroup {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-field-subgroup span {
    display: block;
    border-top: 1px solid #e0e0e0;
    padding: 5px 0 !important;
    margin: 0 !important;
}

/* Remove bottom space from last option */
.elementor-field-subgroup span:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Multiple-choice circles like Canvas */
.elementor-field-subgroup input[type="radio"] {
    accent-color: #3E64DE; /* blue circle */
    margin-right: 10px;
}

/* ===============================
   Submit Button Styling
================================= */
.quiz-footer-button {
    display: flex;
    justify-content: flex-end; /* bottom-right */
    margin-top: 20px;
}

.quiz-footer-button button.tutor-btn {
    background-color: #FF0000; /* red like Canvas */
    color: #fff;
    font-weight: bold;
    padding: 10px 25px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

.quiz-footer-button button.tutor-btn:hover {
    background-color: #cc0000;
}

/* ===============================
   Full Page / Remove Sidebar
================================= */
.tutor-quiz-single .tutor-quiz-sidebar {
    display: none !important; /* hide topics sidebar */
}

.tutor-quiz-single .tutor-quiz-main-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px;
}

.tutor-quiz-single .tutor-container {
    max-width: 100% !important;
}

/* ===============================
   Mobile Responsiveness
================================= */
@media (max-width: 600px) {
    .quiz-question {
        flex-direction: column;
        align-items: flex-start;
    }

    .question-marks {
        margin-top: 5px;
    }

    .quiz-footer-button {
        justify-content: center;
    }
}/* End custom CSS */