.elementor-228 .elementor-element.elementor-element-9f80c62{--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;--align-items:flex-start;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-9f80c62:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-9f80c62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-375c05b );}.elementor-228 .elementor-element.elementor-element-81519e4{--display:flex;--border-radius:28px 28px 28px 28px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-228 .elementor-element.elementor-element-81519e4:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-81519e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-228 .elementor-element.elementor-element-cbd170d{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:28px 28px 28px 28px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-228 .elementor-element.elementor-element-e7d1d92{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:18px 18px 18px 18px;box-shadow:0px 0px 10px 1px rgba(18.700000000000024, 18.700000000000024, 18.700000000000024, 0.29);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-228 .elementor-element.elementor-element-e7d1d92:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-e7d1d92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-228 .elementor-element.elementor-element-d99ade4 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-228 .elementor-element.elementor-element-3f726a8{color:var( --e-global-color-accent );}.elementor-228 .elementor-element.elementor-element-49e8944 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-375c05b );}@media(min-width:768px){.elementor-228 .elementor-element.elementor-element-81519e4{--width:75%;}.elementor-228 .elementor-element.elementor-element-cbd170d{--width:20%;}}/* Start custom CSS *//* 1. Make the player container background transparent */
.custom-wp-quiz-player .mejs-container, 
.custom-wp-quiz-player .mejs-controls {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 2. COMPLETELY REMOVE Volume button and Volume Bar/Slider */
.custom-wp-quiz-player .mejs-volume-button,
.custom-wp-quiz-player .mejs-horizontal-volume-slider,
.custom-wp-quiz-player .mejs-volume-slider {
    display: none !important;
    width: 0 !important;
}

/* 3. Hide Time Elapsed (Current Time) */
.custom-wp-quiz-player .mejs-currenttime-container {
    display: none !important;
}

/* 4. Style the Remaining Time to 0.6em and White */
.custom-wp-quiz-player .mejs-duration-container {
    font-size: 0.6em !important;
    color: #ffffff !important;
    font-weight: normal;
}

/* 5. Make Play/Pause button white */
.custom-wp-quiz-player .mejs-playpause-button button {
    filter: brightness(0) invert(1);
}

/* 6. Adjust Progress Bar colors for transparency */
.custom-wp-quiz-player .mejs-time-rail .mejs-time-total {
    background: rgba(255, 255, 255, 0.3) !important; /* The empty part of the bar */
}
.custom-wp-quiz-player .mejs-time-rail .mejs-time-current {
    background: #ffffff !important; /* The part that shows progress */
}


.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .wpProQuiz_cloze input{
    text-align: left;
    border-radius: 0px;
}/* End custom CSS */