.masterstudy-course-player-content__header, .masterstudy-dark-mode-button {
    display: none!important;
}

.masterstudy-course-player-header {
    height: 91px;
    border-bottom: 1px solid #E9E9E9;
    background: rgba(161, 184, 203, 0.23);
    padding: 21px 48px 21px 28px;
}

.masterstudy-course-player-header__logo {
    order: 1;
    margin: 0 27px 0 0;
    width: 197px;
    height: 48px;
}

.masterstudy-course-player-header__logo img {
    width: 100%;
    object-fit: contain;
}

.masterstudy-course-player-header__back {
    order: 2;
}

.masterstudy-course-player-header__back {
    border-right: none;
    margin-right: 36px;
}

.masterstudy-course-player-header__course {
    order: 4;
}

.masterstudy-course-player-header__course-label {
    margin-bottom: 6px;
    color: #7C7C7C;
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.masterstudy-course-player-header a.masterstudy-course-player-header__course-title {
    color: #000;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.masterstudy-course-player-header__curriculum {
    order: 3;
}

.masterstudy-course-player-header__navigation {
    order: 5;
}

.masterstudy-course-player-header__dark-mode {
    order: 6;
    width: auto;
    border-left: none;
}

.masterstudy-course-player-header__dark-mode .icon-link {
    width: 50px;
    height: 49px;
    margin-left: 26px;
}

.masterstudy-course-player-content {
    padding-top: 91px;
}

.masterstudy-course-player-curriculum {
    background: #F3F7FB!important;
    border-right: none!important;
}

.masterstudy-course-player-curriculum__title-wrapper {
    background: #F3F7FB;
    padding: 24px 23px 19px 23px!important;
}

.masterstudy-course-player-curriculum__title {
    color: #000!important;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px!important;
    font-weight: 600!important;
    min-height: 44px;
}

.masterstudy-course-player-curriculum__progress {
    margin-top: 12.19px;
}

.masterstudy-progress__title {
    margin-top: 10px!important;
    color: #7C7C7C!important;
    font-family: "Albert Sans"!important;
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: normal!important;
}

.masterstudy-curriculum-accordion__section {
    padding: 18px 35px 18px 38px!important;
    border-top: 1px solid #EEF1FA!important;
    border-bottom: 1px solid #EEF1FA!important;
    background: #0C3657!important;
}

.masterstudy-curriculum-accordion__section-title {
    font-family: "Montserrat", Sans-serif;
    font-weight: 600!important;
}

.masterstudy-curriculum-accordion__section-count {
    color: #EAEAEA!important;
    font-family: "Poppins", Sans-serif;
    font-size: 12px!important;
    font-weight: 500!important;
    margin: 0 13px!important;
}

.masterstudy-curriculum-accordion__toggler {
    width: 27px!important;
    height: 27px!important;
    background-color: #1A507B!important;
}

.masterstudy-curriculum-accordion__toggler-icon {
    width: 13px!important;
}

.masterstudy-curriculum-accordion__item {
    border-bottom: none!important;
}

.masterstudy-curriculum-accordion a.masterstudy-curriculum-accordion__link {
    padding: 9px 38px 13px 38px!important;
    border: 1px solid #F3F7FB!important;
    background: #FFF!important;
}


.masterstudy-curriculum-accordion__title-wrapper {
    margin-bottom: 8px!important;
}

.masterstudy-curriculum-accordion__title { 
    color: #000!important;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px!important;
    font-weight: 600!important;
    line-height: normal!important;
}

.masterstudy-curriculum-accordion__check.masterstudy-curriculum-accordion__check_completed::before {
    width: 17px!important;
    height: 17px!important;
    background-color: #5BB9DC;
    content: " "!important;
    background-image: url(/wp-content/uploads/2025/05/Vector.png) !important;
    background-repeat: no-repeat !important;
    background-size: 9px 8px !important;
    background-position: center!important;
}

.masterstudy-curriculum-accordion__image {
    width: 9px!important;
    margin-right: 9px!important;
}
.masterstudy-curriculum-accordion__meta {
    color: #3F3F3F!important;
    font-family: "Poppins", Sans-serif;
    font-size: 12px!important;
}

.masterstudy-curriculum-accordion a.masterstudy-curriculum-accordion__link.masterstudy-curriculum-accordion__link_current {
    background-color: #F3F7FB!important;
}

.masterstudy-curriculum-accordion a.masterstudy-curriculum-accordion__link.masterstudy-curriculum-accordion__link_current::before {
    width: 5px!important;
    background-color: #5BB9DC!important;
}

.masterstudy-course-player-navigation {
    min-height: 83px !important;
    border: 1px solid #EAEAEA;
    background: #0C3657 !important;
}

.masterstudy-course-player-navigation__wrapper {
    height: auto!important;
    max-width: 894px!important;
}

a.masterstudy-nav-button .masterstudy-nav-button__title, 
.masterstudy-course-player-navigation__status {
    color: #FFF !important;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px !important;
}

.masterstudy-course-player-navigation__status {
    color: #5BB9DC !important;   
}

.masterstudy-course-player-navigation__status::before {
    width: 21px!important;
    height: 21px!important;
    margin: 0 10px 0 0!important;
    content: " "!important;
    color: #5BB9DC !important;
    background-image: url(/wp-content/uploads/2025/05/Vector.png) !important;
    background-repeat: no-repeat !important;
    background-size: 11px 10px !important;
    background-position: center!important;
}

a.masterstudy-nav-button.masterstudy-nav-button_type-prev::before,
a.masterstudy-nav-button.masterstudy-nav-button_type-next::after {
    color: #FFF !important;
    font-size: 16px!important;
}

a.masterstudy-nav-button.masterstudy-nav-button_type-prev::before {
    margin-right: 16px!important;
}

a.masterstudy-nav-button.masterstudy-nav-button_type-next::after {
    margin-left: 16px!important;
}

.masterstudy-course-player-lesson {
    width: 100%;
    padding-top: 58px;
    padding-bottom: 265px;
}

.masterstudy-course-player-lesson>p {
    display: none!important;
}

/* Css Page Quiz */
.masterstudy-course-player-quiz__content-meta-item,
.masterstudy-course-player-quiz__start-quiz {
    font-family: "Poppins", Sans-serif;
    font-size: 18px!important;
    font-weight: 400!important;
}
.masterstudy-course-player-question-render-title, .question-audio-player-title, 
.masterstudy-audio-player__playback-speed, .question-audio-player-details,
.masterstudy-audio-player__progress-pin, .masterstudy-course-player-item-match__answer-item-drag,
.masterstudy-course-player-answer.masterstudy-course-player-answer_image .masterstudy-course-player-answer__checkbox,
.masterstudy-course-player-answer.masterstudy-course-player-answer_image .masterstudy-course-player-answer__radio {
    display: none!important;
}

.masterstudy-course-player-quiz {
    max-width: 100%!important;
    padding: 65px 75px 65px 75px!important;
}

.masterstudy-course-player-quiz__questions {
    margin: 0!important;
}

.masterstudy-course-player-question {
    margin: 0!important;
    margin-bottom: 73px!important;
}

.masterstudy-course-player-question__header {
    padding: 0!important;
    margin: 0!important;
    margin-bottom: 35px!important;
}

.masterstudy-course-player-question__title .masterstudy-course-player-question-render-content {
    padding-left: 0px!important;
    color: #000;
    font-family: "Albert Sans", Sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.masterstudy-course-player-question__title .masterstudy-course-player-question-render-content strong {
    font-weight: 600;
    color: #5BB9DC;
}

.masterstudy-course-player-question__content {
    padding: 0 34px!important;
}

.masterstudy-course-player-answer {
    margin: 0 0 16px!important;
}

.masterstudy-course-player-answer__input {
    margin: 0 16px 0 0!important;
}

.masterstudy-course-player-answer__text {
    color: #000;
    font-family: "Albert Sans", Sans-serif;
    font-size: 18px!important;
    font-weight: 400!important;
}

.masterstudy-course-player-question .question-audio-player-wrapper {
    margin: 20px 0 0!important;
    background-color: #FFF!important;
    padding: 0!important;
}

.masterstudy-audio-player {
    padding: 0px!important;
    margin: 0px auto!important;
    border: none!important;
}

.masterstudy-audio-player__holder {
    width: 41px;
    height: 40px;
}

.masterstudy-audio-player svg {
    color: #7C7C7C!important;
    fill: #7C7C7C!important;
    width: 41px;
    padding: 6px;
    height: 40px;
}

.masterstudy-audio-player__controls {
    margin-left: 23px!important;
    margin-right: 22px!important;
}

.masterstudy-audio-player__controls-current-time,
.masterstudy-audio-player__controls-total-time {
    width: auto!important;
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.masterstudy-audio-player__controls-slider {
    margin-left: 23px!important;
    margin-right: 23px!important;
    border-radius: 10px!important;
    height: 10px!important;
    background-color: #E7E7E7!important;
}

.masterstudy-audio-player__controls-progress, .masterstudy-audio-player__progress {
    background-color: #00ACDF;;
}

.masterstudy-audio-player__volume {
    width: 25px;
    height: 25px;
}

.masterstudy-audio-player__volume-button svg {
    width: 25px;
    padding: 0px;
    height: 25px;
}

.masterstudy-course-player-fill-the-gap__questions {
    border-radius: 5px;
    border: 1px solid #CBCBCB;
    background: #FFF;
    padding: 13px 14px 14px 7px;
    max-width: 745px;
    margin-left: -34px;
}

.masterstudy-course-player-fill-the-gap__questions, .masterstudy-course-player-fill-the-gap__questions p {
    color: #000;
    font-family: "Albert Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.masterstudy-course-player-fill-the-gap__questions p span {
    display: inline-block;
    background-color: #FFF!important;
    font-family: "Albert Sans", Sans-serif!important;
    width: 85px;
}

.masterstudy-course-player-quiz form.masterstudy-course-player-quiz__form .masterstudy-course-player-fill-the-gap input[type=text] {
    padding: 0px!important;
    height: 16px!important;
    border-bottom: 2px dashed #000!important;
    line-height: normal!important;
    font-weight: 700!important;
    color: #000!important;
    width: 85px!important;
}

.masterstudy-course-player-item-match {
    padding: 0px!important;
}

.masterstudy-course-player-item-match__answer {
    margin: 0px!important;
    order: 1;
}

.masterstudy-course-player-item-match__answer-item {
    padding: 0 20px 0 0!important;
}

.masterstudy-course-player-item-match__answer-item-wrapper {
    border-radius: 5px!important;
    border: 1px solid #5BB9DC;
    background: #FFF!important;
    padding: 6px 13px 5px 13px!important;
}

.masterstudy-course-player-item-match__answer-item-content {
    padding: 0!important;
    color: #000!important;
    font-family: "Albert Sans", Sans-serif;
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: normal!important;
}

.masterstudy-course-player-item-match__question {
    width: 400px!important;
    padding: 0px!important;
    border-radius: 5px;
    border: 1px solid #B7C5C9;
    margin-bottom: 38px;
    order: 2;
}

.masterstudy-course-player-item-match__question:first-child {
    margin-top: 70px;
}

.masterstudy-course-player-item-match__question-wrapper {
    min-height: 38px!important;
    padding: 5px 10px 5px 14px!important;
    border: none!important;
    background: #fff!important;
}

.masterstudy-course-player-item-match__question-content {
    padding: 0!important;
    color: #000!important;
    font-family: "Albert Sans", Sans-serif;
    font-size: 18px!important;
    font-weight: 400!important;
}

.masterstudy-course-player-item-match__question-answer {
    min-height: 28px!important;
    padding: 0!important;
    background: #fff!important;
    border: 1px dashed #7C7C7C!important;
}

.masterstudy-course-player-item-match__question-answer-text {
    color: #7C7C7C!important;
    font-family: "Albert Sans", Sans-serif;
    font-size: 12px!important;
}

.masterstudy-course-player-item-match__question .masterstudy-course-player-item-match__answer-item {
    padding: 0!important;
}

.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_wrong .masterstudy-course-player-item-match__question-wrapper {
    border: 2px solid var(--danger-100)!important;
}

.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_correct .masterstudy-course-player-item-match__question-wrapper {
    border: 2px solid var(--success-100)!important;
}

.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_wrong .masterstudy-course-player-item-match__answer-item-wrapper {
    background: var(--danger-10)!important;
    border: none!important;
}

.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_correct .masterstudy-course-player-item-match__answer-item-wrapper {
    background: var(--success-10)!important;
    border: none!important;
}

.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_wrong .masterstudy-course-player-item-match__question-answer,
.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_correct .masterstudy-course-player-item-match__question-answer {
    border: none!important;
}

.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_wrong .masterstudy-course-player-item-match__answer-item-drag,
.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_correct .masterstudy-course-player-item-match__answer-item-drag  {
    display: flex!important;
}

.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_wrong .masterstudy-course-player-item-match__answer-item-drag .masterstudy-wrongly,
.masterstudy-course-player-item-match__question.masterstudy-course-player-item-match__question_correct .masterstudy-course-player-item-match__answer-item-drag .masterstudy-correctly {
    margin-right: 8px;
}

.masterstudy-course-player-answer.masterstudy-course-player-answer_image {
    padding: 0!important;
    margin: 0 0 25px !important;
}

.masterstudy-course-player-answer.masterstudy-course-player-answer_image .masterstudy-course-player-answer__input {
    border-radius: 10px!important;
    margin: 0 !important;
    border: 1px solid #B7C5C9;
}

.masterstudy-course-player-answer__image {
    border-radius: 10px!important;
}

.masterstudy-course-player-answer.masterstudy-course-player-answer_image:hover .masterstudy-course-player-answer__input {
    outline:  #00ACDF solid 10px!important;
    outline-offset: -10px!important;
}

.masterstudy-course-player-answer.masterstudy-course-player-answer_image.masterstudy-course-player-answer_checked .masterstudy-course-player-answer__input {
    outline: #00ACDF solid 10px!important;
    outline-offset: -10px!important;
}

.masterstudy-course-player-answer.masterstudy-course-player-answer_image.masterstudy-course-player-answer_wrong .masterstudy-course-player-answer__input {
    background: var(--danger-10)!important;
    outline: var(--danger-100) solid 10px!important;
    outline-offset: -10px!important;
}

.masterstudy-course-player-answer.masterstudy-course-player-answer_image.masterstudy-course-player-answer_correct .masterstudy-course-player-answer__input {
    background: var(--success-10)!important;
    outline: var(--success-100) solid 10px!important;
    outline-offset: -10px!important;
}

.masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout {
    display: flex;
    justify-content: center;
    width: fit-content;
}

.masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.grid-layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px 62.77px;
    width: fit-content;
}

.masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image {
    margin: 0 57px!important;
}

.masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image,
.masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer__image {
    width: 222px!important;
    height: 227px!important;
}

.masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.grid-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image,
.masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.grid-layout .masterstudy-course-player-answer__image {
    width: 190.888px!important;
    height: 149px!important;
}

/* Css Page Dashboard */
#dashboard-stat, #dashboard-cours, #dashboard-stat, #dashboard-cours {
    font-family: "Poppins", Sans-serif;
}

#dashboard-stat .user-dashboard  {
    display: flex;
}

#dashboard-stat .user-dashboard .dashboard-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#dashboard-stat .user-dashboard .stat-box,
#dashboard-detail-formation .stat-box {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 46.4px -4px rgba(71, 71, 71, 0.26);
    padding: 20px 18px 7px 20px;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 284px;
    height: 137px;
}

#dashboard-stat .user-dashboard .stat-box .icone {
    margin-left: 6px;
}

#dashboard-stat .user-dashboard .stat-box .content,
#dashboard-detail-formation .stat-box .content {
    display: flex;
    align-items: baseline;
}

#dashboard-stat .user-dashboard .stat-box p.number,
#dashboard-detail-formation .stat-box p.number {
    font-size: 48px;
    font-weight: 600;
    margin-right: 7px;
}

#dashboard-stat .user-dashboard .stat-box p.text,
#dashboard-detail-formation .stat-box p.text {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

#dashboard-stat .user-dashboard .stat-box.completed-lessons p {
    color: #1A507B;
}

#dashboard-stat .user-dashboard .stat-box.certificates p,
#dashboard-detail-formation .stat-box.completed-lessons p {
    color: #5BB9DC;
}

#dashboard-stat .user-dashboard .stat-box.points p {
    color: #2573B0;
}

#dashboard-stat .user-dashboard .stat-box.total-courses p,
#dashboard-detail-formation .stat-box.total-courses p {
    color: #1A507B;
}

#dashboard-stat .user-dashboard .stat-box.remaining-lessons p,
#dashboard-detail-formation .stat-box.remaining-lessons p {
    color: #3F3F3F;
}

#dashboard-stat .pop-up-video {
    min-width: 521px;
    height: 375px;
    border-radius: 10px;
    box-shadow: 0px 0px 46.4px -4px rgba(71, 71, 71, 0.26);
}

#dashboard-stat .user-dashboard.popup-visible {
    width: 1459px;
}

#dashboard-cours .user-courses-container .grid-cards {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 23px;
}

#dashboard-cours .user-courses-container .card-formation {
    width: 356px;
    height: 255px;
    padding: 35px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 46.4px -4px rgba(71, 71, 71, 0.26);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#dashboard-cours .user-courses-container .card-formation .title-cours {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: normal;
}

.skill.progress-bar {
    width: 114px;
    height: 114px;
    position: relative;
    margin: 0 auto;
}
.progress-bar .outer {
    width: 114px;
    height: 114px;
    padding: 10px;
    background-color: #EAEAEA;
    border-radius: 50%;
}
.progress-bar .inner {
    height: 94px;
    width: 94px;
    border-radius: 50%;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.progress-bar .number {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.progress-bar circle {
    fill: none;
    stroke: #5BB9DC;
    stroke-width: 10px;
}
.progress-bar svg {
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(-90deg);
}

/* Css Page Mes Formations */
#dashboard-formation .user-courses-container .card-formation {
    width: 1159px;
    height: 147px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 46.4px -4px rgba(71, 71, 71, 0.26);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-left: 57px;
    padding-right: 42px;
    position: relative;
}

#dashboard-formation .user-courses-container .group-info {
    display: flex;
    align-items: center;
}

#dashboard-formation .user-courses-container .card-formation .course-info h4.title-cours {
    color: #000;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 21px;
    padding-right: 20px;
}

#dashboard-formation .user-courses-container .card-formation .course-info p.current-lesson {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

#dashboard-formation .user-courses-container .card-formation .group-btns {
    display: flex;
    gap: 23px;
}

#dashboard-formation .user-courses-container .card-formation .btn-primary,
#dashboard-formation .user-courses-container .card-formation .btn-Dark,
#dashboard-formation .user-courses-container .card-formation .btn-certificat {
    width: 166px;
    height: 41px;
    border-radius: 40px;
    border: 1px solid #5BB9DC;
    /* font-family: "Albert Sans"; */
    font-size: 16px;
    font-weight: 600;
}

#dashboard-formation .user-courses-container .card-formation .btn-primary {
    background: #FFF;
    color: #5BB9DC;
}

#dashboard-formation .user-courses-container .card-formation .btn-certificat,
#dashboard-formation .user-courses-container .card-formation .btn-Dark {
    background: #5BB9DC;
    color: #FFF;
}

#dashboard-formation .user-courses-container .card-formation .btn-certificat i.load-icon {
    margin-top: -4px;
    width: 18px;
    height: 18px;
    margin-right: 18px;
    background-image: url('/wp-content/uploads/2025/07/tdesign_loading-1.svg');
    background-size: 18px 18px;
    display: none;
    animation: spin 1s linear infinite;
}

#dashboard-formation .skill.progress-bar {
    width: 100px;
    height: 100px;
    margin: 0 46px 0 0;
}
#dashboard-formation .progress-bar .outer {
    width: 100px;
    height: 100px;
}
#dashboard-formation .progress-bar .inner {
    height: 80px;
    width: 80px;
}

/* Css Page Details Cours */
#dashboard-detail-formation h2.title-link {
    color: #3F3F3F;
    font-family: "Montserrat", Sans-serif;
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 56px;
}

#dashboard-detail-formation h2.title-link i.icon-back {
    width: 9px;
    height: 15px;
    display: inline-block;
    margin-right: 23px;
    background-image: url(/wp-content/uploads/2025/04/Vector-2-1.svg);
}

#dashboard-detail-formation .content-detail-formation {
    display: flex;
}

#dashboard-detail-formation .statistiques {
    width: 977px;
    margin-right: 40px;
}

#dashboard-detail-formation .statistique-avancement {
    margin-bottom: 42px;
}

#dashboard-detail-formation .dashboard-stats {
    display: flex;
    justify-content: space-between;
}

#dashboard-detail-formation .stat-box {
    width: 311px;
}

#dashboard-detail-formation .stat-box .icone {
    margin-left: 8px;
}

#dashboard-detail-formation .course-sections .section {
    margin-bottom: 27px;
}

#dashboard-detail-formation .header-section {
    border-radius: 10px;
    background: #0C3657;
    box-shadow: 0px 0px 46.4px -4px rgba(71, 71, 71, 0.26);
    height: 74px;
    display: flex;
    align-items: center;
    margin-bottom: 9px;
}

#dashboard-detail-formation .header-section  h3 {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    width: 50%;
}

#dashboard-detail-formation .header-section  h3.title-section {
    padding-left: 62px;
}

#dashboard-detail-formation .header-section  h3.title-statut {
    padding-left: 208.5px;
}

#dashboard-detail-formation .section-lecons {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 46.4px -4px rgba(71, 71, 71, 0.26);
    padding: 20px 0px 17px 0px;
}

#dashboard-detail-formation .section-lecon {
    display: flex;
    margin-bottom: 18px;

}

#dashboard-detail-formation .section-lecon:last-child {
    margin-bottom: 0px;
}

#dashboard-detail-formation .section-lecon .title-lecon , .section-lecon .statut-lecon {
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 400;
    width: 50%;
}

#dashboard-detail-formation .section-lecon .title-lecon {
    padding-left: 71px;
}

#dashboard-detail-formation .section-lecon .statut-lecon {
    padding-left: 201.5px;
    position: relative;
}

#dashboard-detail-formation .statut-lecon .status.completed {
    color: #5BB9DC
}

#dashboard-detail-formation .statut-lecon .status.not-started {
    color: #7C7C7C;
}

#dashboard-detail-formation .statut-lecon .status.completed i.icone-completed {
    display: inline-block;
    margin-left: 104px;
    width: 34px;
    height: 34px;
    background-image: url('/wp-content/uploads/2025/04/Favicon-1-3.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -4px;
}

#dashboard-detail-formation .etat-avancement {
    width: 439px;
    height: 483px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 46.4px -4px rgba(71, 71, 71, 0.26);
    padding-top: 30px;
    padding-bottom: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#dashboard-detail-formation .etat-avancement h3 {
    color: #3F3F3F;
    font-family: "Montserrat", Sans-serif;
    font-size: 24px;
    font-weight: 500;
}

#dashboard-detail-formation .skill.progress-bar {
    width: 226px;
    height: 226px;
}
#dashboard-detail-formation .progress-bar .outer {
    width: 226px;
    height: 226px;
    padding: 20px;
}
#dashboard-detail-formation .progress-bar .inner {
    height: 186px;
    width: 186px;
}
#dashboard-detail-formation .progress-bar .number {
    color: #3F3F3F;
}
#dashboard-detail-formation .progress-bar circle {
    stroke: #1A507B;
    stroke-width: 20px;
}

#dashboard-detail-formation .etat-avancement .continue-btn a, #dashboard-detail-formation .etat-avancement .btn-certificat {
    width: 230px;
    height: 61px;
    border-radius: 30px;
    background: #5BB9DC;
    color: #FFF;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    display:inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}

#dashboard-detail-formation .etat-avancement .continue-btn i.btn-icon , #dashboard-detail-formation .etat-avancement .btn-certificat i.btn-icon {
    display: inline-block;
    width: 8px;
    height: 13px;
    margin-left: 18px;
    background-image: url('/wp-content/uploads/2025/04/Vector-4.svg');
}

#dashboard-detail-formation .etat-avancement .btn-certificat i.load-icon {
    margin-top: -4px;
    width: 18px;
    height: 18px;
    margin-right: 18px;
    background-image: url('/wp-content/uploads/2025/07/tdesign_loading-1.svg');
    background-size: 18px 18px;
    display: none;
    animation: spin 1s linear infinite;
}

@media screen and (max-width: 1919px) {
    #dashboard-stat .user-dashboard.popup-visible {
        width: 1310px;
    }

    #dashboard-stat .user-dashboard .dashboard-stats {
        gap: 10px;
    }

    #dashboard-stat .user-dashboard .stat-box, #dashboard-detail-formation .stat-box {
        width: 252px;
        height: 127px;
        padding: 20px 2px 7px 18px;
    }

    #dashboard-stat .user-dashboard .stat-box .content, #dashboard-detail-formation .stat-box .content {
        display: flex;
        align-items: center;
    }

    #dashboard-stat .user-dashboard .stat-box p.number, #dashboard-detail-formation .stat-box p.number {
        font-size: 42px;
    }

    #dashboard-cours .user-courses-container .card-formation {
        width: 354px;
    }

    #dashboard-detail-formation .stat-box {
        width: 283px;
    }
}

@media screen and (min-width: 1700px) {
    body .masterstudy-course-player-lesson  .e-con>.e-con-inner {
        max-width: 1600px;
    }
}

@media screen and (max-width: 1699px) {
    /* Css Page Quiz */
    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image, .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer__image {
        width: 182px !important;
        height: 187px !important;
    }

    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image {
        margin: 0 27px !important;
    }

    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.grid-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image, .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.grid-layout .masterstudy-course-player-answer__image {
        width: 170.888px !important;
        height: 139px !important;
    }

    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.grid-layout {
        gap: 0px 22.77px;
    }

    #dashboard-stat .user-dashboard.popup-visible {
        width: 1057px;
    }

    #dashboard-cours .user-courses-container .card-formation {
        width: 278px;
        height: 270px;
        padding: 20px;
    }

    #dashboard-formation .user-courses-container .card-formation {
        width: 95%;
        min-height: 147px;
    }

    #dashboard-detail-formation .statistiques {
        width: 70%;
        margin-right: 20px;
    }

    #dashboard-detail-formation .etat-avancement {
        width: 30%;
        height: 378px;
    }
    
    #dashboard-detail-formation .skill.progress-bar {
        transform: scale(0.75);
    }

    #dashboard-detail-formation .stat-box {
        width: 32%;
    }

    #dashboard-detail-formation .header-section h3.title-section {
        padding-left: 32px;
    }

    #dashboard-detail-formation .header-section h3.title-statut {
        padding-left: 50px;
    }

    #dashboard-detail-formation .section-lecon .title-lecon {
        padding-left: 36px;
    }

    #dashboard-detail-formation .section-lecon .statut-lecon {
        padding-left: 45.5px;
    }
}

@media screen and (max-width: 1399px) {
    /* Css Page Quiz */
    #dashboard-cours .user-courses-container .card-formation .title-cours {
        font-size: 18px;
    }

    #dashboard-detail-formation .etat-avancement .continue-btn a, #dashboard-detail-formation .etat-avancement .btn-certificat {
        width: 182px;
        height: 51px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1365px) {
    /* Css Page Quiz */
    .masterstudy-course-player-quiz {
        padding: 40px 20px!important;
    }

    .masterstudy-course-player-question {
        margin-bottom: 40px !important;
    }

    .masterstudy-course-player-question__header {
        margin-bottom: 20px !important;
    }

    .masterstudy-course-player-question__title .masterstudy-course-player-question-render-content,
    .masterstudy-course-player-answer__text, .masterstudy-course-player-item-match__question-content, 
    .masterstudy-course-player-item-match__answer-item-content {
        font-size: 16px!important;
    }

    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image, .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer__image {
        width: 162px !important;
        height: 167px !important;
    }

    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image {
        margin: 0 8px !important;
    }

    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.grid-layout {
        grid-template-columns: repeat(3, 1fr);
        gap: 0px 20px;
    }

    .masterstudy-course-player-header {
        height: 66px;
        padding: 12px 20px;
    }

    .masterstudy-course-player-header__logo {
        margin: 0 10px 0 0;
        width: 133px;
        height: auto;
    }

    .masterstudy-course-player-header__back, a.masterstudy-back-link {
        width: 30px!important;
        height: 30px!important;
    }

    .masterstudy-course-player-header__back {
        margin-right: 10px;
    }

    .masterstudy-course-player-header__dark-mode .icon-link {
        width: 33px;
        height: 32px;
        margin-left: 10px;
    }

    .masterstudy-course-player-content {
        padding-top: 66px;
    }

    .masterstudy-course-player-curriculum__wrapper, .masterstudy-course-player-curriculum__title-wrapper, .masterstudy-course-player-curriculum.masterstudy-course-player-curriculum_open {
        width: 280px!important;
    }

    .masterstudy-course-player-curriculum__progress {
        margin-top: 10px!important;
    }

    .masterstudy-course-player-curriculum__title-wrapper, .masterstudy-curriculum-accordion__section, .masterstudy-curriculum-accordion a.masterstudy-curriculum-accordion__link {
        padding: 12px!important;
    }

    .masterstudy-course-player-navigation {
        min-height: 50px !important;
    }

    a.masterstudy-nav-button .masterstudy-nav-button__title, .masterstudy-course-player-navigation__status,
    a.masterstudy-nav-button.masterstudy-nav-button_type-prev::before, a.masterstudy-nav-button.masterstudy-nav-button_type-next::after {
        font-size: 14px !important;
    }

    a.masterstudy-nav-button.masterstudy-nav-button_type-prev::before {
        margin-right: 9px !important;
    }

    a.masterstudy-nav-button.masterstudy-nav-button_type-next::after {
        margin-left: 9px !important;
    }

    #dashboard-stat .pop-up-video {
        min-width: 400px;
        height: 300px;
    }

    #dashboard-stat .user-dashboard.popup-visible {
        width: 932px;
    }

    #dashboard-cours .user-courses-container .card-formation {
        width: 240px;
        height: 242px;
        padding: 10px;
    }

    #dashboard-cours .user-courses-container .card-formation .progress-bar {
        transform: scale(0.85);
    }

    #dashboard-formation .user-courses-container .card-formation .btn-primary, #dashboard-formation .user-courses-container .card-formation .btn-Dark, #dashboard-formation .user-courses-container .card-formation .btn-certificat {
        width: 136px;
        height: 36px;
    }

    #dashboard-formation .skill.progress-bar {
        margin: 0 16px 0 0;
    }

    #dashboard-formation .user-courses-container .card-formation .course-info h4.title-cours {
        font-size: 18px;
    }

    #dashboard-formation .user-courses-container .card-formation {
        padding-left: 37px;
        padding-right: 32px;
        margin-bottom: 20px;
    }

    #dashboard-detail-formation h2.title-link {
        font-size: 38px;
        margin-bottom: 36px;
    }

    #dashboard-detail-formation .statistique-avancement {
        margin-bottom: 38px;
    }

    #dashboard-detail-formation .course-sections .section {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1200px) {
    #dashboard-stat .user-dashboard.popup-visible {
        width: 737px;
    }

    #dashboard-cours .user-courses-container .card-formation {
        width: 236px;
    }

    #dashboard-cours .user-courses-container .grid-cards {
        gap: 15px 15px;
    }

    #dashboard-detail-formation .statistique-avancement {
        margin-bottom: 20px;
    }

    #dashboard-stat .user-dashboard .stat-box {
        width: 238px;
    }

    #dashboard-stat .user-dashboard.popup-visible .stat-box {
        width: 196px;
    }

    #dashboard-stat .user-dashboard .stat-box, #dashboard-detail-formation .stat-box {
        height: 116px;
    }

    #dashboard-stat .pop-up-video {
        min-width: 320px;
        height: 240px;
    }

    #dashboard-detail-formation .stat-box p.number {
        font-size: 32px;
    }

    #dashboard-detail-formation .stat-box p.text {
        font-size: 10px;
    }

    #dashboard-formation .user-courses-container .card-formation {
        width: 100%;
    }

    #dashboard-detail-formation .statistiques {
        margin-right: 10px;
    }

    #dashboard-detail-formation .header-section {
        height: 58px;
    }

    #dashboard-detail-formation .etat-avancement {
        max-height: 266px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    #dashboard-detail-formation .etat-avancement h3 {
        font-size: 18px;
    }

    #dashboard-detail-formation .skill.progress-bar {
        transform: scale(0.55);
        position: absolute;
    }

    #dashboard-detail-formation .etat-avancement .continue-btn a, #dashboard-detail-formation .etat-avancement .btn-certificat {
        width: 146px;
        height: 42px;
    }

    #dashboard-detail-formation .etat-avancement .btn-certificat i.btn-icon {
        margin-left: 8px;
    }

    #dashboard-detail-formation .etat-avancement .btn-certificat i.load-icon {
        margin-right: 8px;
    }
}

@media screen and (max-width: 1024px) {
    .masterstudy-course-player-curriculum__title-wrapper, .masterstudy-course-player-curriculum__wrapper
    {
        min-width: 320px!important;
    }

    .masterstudy-course-player-header__logo {
        display: flex!important;
    }

    .masterstudy-course-player-curriculum__wrapper, .masterstudy-course-player-curriculum__title-wrapper, .masterstudy-course-player-curriculum.masterstudy-course-player-curriculum_open {
        width: 100%!important;
    }

    #dashboard-stat .user-dashboard .stat-box,
    #dashboard-cours .user-courses-container .card-formation {
        width: 42.5%;
    }

    #dashboard-stat .user-dashboard {
        flex-direction: column;
    }

    #dashboard-stat .pop-up-video {
        margin-top: 20px;
        width: 88%; 
        height: 100%;
    }

    #dashboard-stat .user-dashboard.popup-visible {
        width: 100%;
    }

    #dashboard-formation .user-courses-container .card-formation {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px;
    }

    #dashboard-formation .skill.progress-bar {
        transform: scale(0.7);
        position: absolute;
        left: 5px;
    }

    #dashboard-formation .user-courses-container .card-formation .course-info h4.title-cours,
    #dashboard-formation .user-courses-container .card-formation .course-info p.current-lesson {
        font-size: 14px;
        padding-left: 80px;
    }

    #dashboard-formation .user-courses-container .card-formation .course-info h4.title-cours {
        padding-bottom: 10px;
    }

    #dashboard-formation .user-courses-container .card-formation .group-btns {
        flex-direction: column;
        gap: 5px;
    }

    #dashboard-formation .user-courses-container .card-formation .btn-primary, #dashboard-formation .user-courses-container .card-formation .btn-Dark, #dashboard-formation .user-courses-container .card-formation .btn-certificat {
        width: 104px;
        height: 32px;
        font-size: 14px;
    }

    #dashboard-formation .user-courses-container .card-formation .btn-certificat i.load-icon {
        margin-right: 4px;
    }
    
    #dashboard-detail-formation h2.title-link {
        font-size: 28px;
        margin-bottom: 20px;
    }

    #dashboard-detail-formation .content-detail-formation {
        display: flex;
        flex-wrap: wrap;
    }

    #dashboard-detail-formation .statistiques {
        margin-right: 0px;
        width: 100%;
    }

    #dashboard-detail-formation .stat-box {
        width: 32%;
        height: 102px;
        padding: 10px 2px 10px 12px;
    }

    #dashboard-detail-formation .course-sections .section {
        margin-bottom: 10px;
    }

    #dashboard-detail-formation .header-section {
        height: 48px;
        margin-bottom: 5px;
    }

    #dashboard-detail-formation .header-section h3 {
        font-size: 16px;
        padding-left: 20px!important;
    }

    #dashboard-detail-formation .section-lecon {
        display: flex;
        margin-bottom: 10px;
    }

    #dashboard-detail-formation .section-lecon .title-lecon,
    #dashboard-detail-formation .section-lecon .statut-lecon {
        padding-left: 20px;
        font-size: 14px;
    }

    #dashboard-detail-formation .statut-lecon .status.completed i.icone-completed {
        margin-left: 50px;
        width: 24px;
        height: 24px
    }

    #dashboard-detail-formation .etat-avancement {
        width: 45%;
    }
}

@media screen and (max-width: 767px) {
    /* Css Page Quiz */
    .masterstudy-course-player-quiz__content-meta-item-title {
        margin: 0 0 0 10px!important;
    }

    .masterstudy-course-player-question__content {
        padding: 0px!important;
    }

    .masterstudy-course-player-question__title .masterstudy-course-player-question-render-content, .masterstudy-course-player-answer__text, .masterstudy-course-player-item-match__question-content, .masterstudy-course-player-item-match__answer-item-content {
        font-size: 14px !important;
    }

    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.flex-layout .masterstudy-course-player-answer.masterstudy-course-player-answer_image {
        margin: 20px!important;
    }

    .masterstudy-course-player-question__content.masterstudy-course-player-question__content_table-type.grid-layout {
        display: flex;
        justify-content: center;
    }

    .masterstudy-course-player-item-match__answer {
        flex-direction: row!important;
        gap: 10px 0;
    }

    .masterstudy-course-player-item-match__question:first-child {
        margin-top: 20px;
    }

    .masterstudy-course-player-item-match__question {
        width: 100% !important;
        min-width: 280px;
        margin-bottom: 20px;
    }

    .masterstudy-course-player-fill-the-gap__questions {
        margin-left: 0px;
    }

    .masterstudy-audio-player__holder, .masterstudy-audio-player__volume  {
        width: 21px;
        height: 20px;
    }

    .masterstudy-audio-player svg {
        width: 21px;
        padding: 0px;
        height: 20px;
    }

    .masterstudy-audio-player__controls {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .masterstudy-audio-player__controls-slider {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #dashboard-stat .user-dashboard .stat-box {
        width: 48%;
        height: fit-content;
        padding: 8px 6px;
    }

    #dashboard-stat .user-dashboard .stat-box .content, #dashboard-detail-formation .stat-box .content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #dashboard-stat .user-dashboard .stat-box p.text, #dashboard-detail-formation .stat-box p.text {
        text-align: center;
        font-size: 8px;
    }

    #dashboard-stat .pop-up-video {
        width: 100%; 
    }

    #dashboard-cours .user-courses-container .grid-cards {
        gap: 10px;
    }

    #dashboard-cours .user-courses-container .card-formation {
        width: calc(50% - 5px);
        padding: 8px;
        height: fit-content;
    }

    #dashboard-cours .user-courses-container .card-formation .title-cours {
        font-size: 10px;
    }

    #dashboard-formation .user-courses-container .card-formation {
        min-height: 122px;
        height: 122px;
        padding: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    #dashboard-formation .user-courses-container .card-formation .course-info {
        width: 100%;
    }

    #dashboard-formation .user-courses-container .card-formation .course-info h4.title-cours {
        padding-right: 0px;
    }

    #dashboard-formation .skill.progress-bar {
        left: -5px;
        top: 0px;
    }

    #dashboard-formation .user-courses-container .card-formation .group-btns {
        flex-direction: row;
        justify-content: end;
        width: 100%;
    }

    #dashboard-formation .user-courses-container .card-formation .btn-primary, #dashboard-formation .user-courses-container .card-formation .btn-Dark, #dashboard-formation .user-courses-container .card-formation .btn-certificat {
        width: 88px;
        height: 32px;
        font-size: 12px;
        padding: 0;
    }

    #dashboard-detail-formation .dashboard-stats {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    #dashboard-detail-formation .statut-lecon .status.completed i.icone-completed {
        margin-left: 20px;
    }

    #dashboard-detail-formation .stat-box {
        height: fit-content;
        padding: 8px;
    }

    #dashboard-detail-formation .etat-avancement {
        width: 100%;
    }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}