.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-19989 .elementor-element.elementor-element-557e71d .elementor-heading-title{color:#59595B;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19989 .elementor-element.elementor-element-4b08b50{font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 100px rgba(0, 0, 0, 0.98);color:#797777;}.elementor-widget-quiz-maker .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-quiz-maker .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-19989 .elementor-element.elementor-element-c9c94e3 .elementor-button{background-color:#0E74BC;border-radius:15px 15px 15px 15px;}.elementor-19989 .elementor-element.elementor-element-b2e5038 .elementor-button{background-color:#59595B;}body.elementor-page-19989{margin:-1px -1px -1px -1px;}body.elementor-page-19989:not(.elementor-motion-effects-element-type-background), body.elementor-page-19989 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}/* Start custom CSS *//* Main Title Styles */
.main-title {
    text-align: center;
    margin-bottom: 20px;
}

/* Category Groups Container */
.category-groups-container {
    width: 100%;
}

/* Group List Styles */
.group-list {
    margin-bottom: 20px;
}

/* Group Header Styles */
.group-header {
    color: #0e74bc;
    padding: 10px;
    background-color: #f2f2f2;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
}

/* Topic List Styles */
.topic-list {
    display: none; /* Hidden by default, shown when group is expanded */
    flex-wrap: wrap;
}

/* Topic Item Styles */
.topic-item {
    margin: 5px;
    padding: 10px;
    background-color: #eee;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
}

/* Hover Effect for Topic Item */
.topic-item:hover {
    background-color: #ddd;
}

/* Modal Styles */
.modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 5% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    border-radius: 5px;
    position: relative;
}

.modal-close {
    color: #aaa;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.modal-close:hover,
.modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Topic Details Styles */
.topic-details {
    padding: 20px;
}

/* Adjust Box Content Styles */
.ays-quiz-question-categories-statistics-shortcodes-box {
    margin: 0;
    padding: 0;
}

.ays-quiz-question-categories-statistics-shortcodes-box > div {
    margin-bottom: 10px;
}

/* Progress Bar Styles */
.progress-container {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar {
    height: 20px;
    background-color: #4CAF50;
    color: #000000; /* Theme blue color for percentage text */
    text-align: center;
    line-height: 20px;
    font-weight: bold;
}/* End custom CSS */