.quiz_heading {

    background-color: #1A3A66;

    border-radius: 15px;

    padding: 15px 150px 15px 15px;

    position: relative;

    display: flex;

    align-items: center;

    gap: 20px;

    flex-wrap: wrap;

}

#langSwitch {

    display: none;

}

.lang-toggle {

    position: absolute;

    right: 20px;

    top: 25px;

}

.toggle-label {

    background: #FFFFFF33;

    width: 100%;

    border-radius: 30px;

    display: flex;

    align-items: center;

    position: relative;

    cursor: pointer;

    padding: 14px 10px;

    justify-content: center;

    font-size: 13px;

    font-weight: bold;

    transition: all 0.1s linear;

}

label.toggle-label.en {

    padding-left: 49px;

}

label.toggle-label.es {

    padding-right: 49px;

    background-color: #FFFFFF33;

    color: #fff;

}

.toggle-label span.lang {

    min-width: 70px;

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    color: #fff;

}

/* Hide Spanish by default (English active) */

.toggle-label .es {

    display: none;

}

/* When switch ON: hide English, show Spanish */

#langSwitch:checked+.toggle-label .en {

    display: none;

}

#langSwitch:checked+.toggle-label .es {

    display: inline-block;

}

/* Toggle ball */

.toggle-ball {

    position: absolute;

    top: 50%;

    left: 5px;

    width: 39px;

    height: 39px;

    background: white;

    border-radius: 50%;

    transition: all 0.2s linear;

    transform: translateY(-50%);

}

#langSwitch:checked+.toggle-label .toggle-ball {

    right: 5px;

    left: auto;

}

.quiz_main {

    background-color: #E8EFF9;

    border-radius: 10px;

}

.quiz_heading_img {

    width: 233px;

}

.quiz_heading_img img.course_image {

    border-radius: 10px;

}

.quiz_heading_content {

    width: calc(100% - 253px);

}

.quiz_heading_content .course_title {

    margin: 0;

    color: #fff;

    font-size: 45px;

    line-height: 1.3;

}

.quiz_heading_content .short_line {

    margin: 15px 0 0;

    color: #fff;

    font-weight: 400;

    line-height: 1.4;

}

.quiz_panel_body {

    border-radius: 0 0 15px 15px;

    padding: 25px 30px 20px;

}

.quiz_panel_body .quiz h2 {

    color: #1A3A66;

    font-size: 32px;

    margin: 0;

}

.quiz_panel_body .quiz-inner {

    margin: 15px 0 25px;

    background-color: #fff;

    border-radius: 11px;

    padding: 25px 25px 30px;

}

.quiz_panel_body .quiz-inner .quiz-inner-intro-2 {

    border-top: 1px solid #d9d9d9;

    padding: 25px 0 0 0;

    margin: 25px 0 0 0;

}

.quiz_panel_body .quiz-inner .quiz-inner-intro-2 ul {

    padding: 0;

}

.quiz_panel_body .quiz-inner .quiz-inner-intro-2 ul li {

    list-style: none;

    margin: 0 0 5px;

    position: relative;

    padding-left: 20px;

}

.quiz_panel_body .quiz-inner .quiz-inner-intro-2 ul li::before {

    content: "";

    display: block;

    background: url(../images/right-arrow.svg) no-repeat;

    background-size: 12px;

    width: 12px;

    height: 10px;

    position: absolute;

    left: 0;

    top: 7px;

}

.quiz_panel_body .quiz-inner h3 {

    font-size: 32px;

    color: #1A3A66;

    margin: 0 0 10px;

}

.quiz_panel_body .quiz-inner p {

    color: #000;

}

.quiz_panel_body .quiz_footer {

    text-align: right;

    border-top: 1px solid #D9D9D9;

    padding-top: 20px;

    margin-top: 25px;

}

.quiz_footer_content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.quiz_footer_btns {

    display: flex;

    align-items: center;

    justify-content: end;

    gap: 20px;

}

.quiz_footer button {

    font-size: 16px;

    line-height: 1.6;

    font-family: 'Inter', sans-serif;

    font-weight: 500;

    text-transform: uppercase;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    border: 0;

    padding: 15px 55px;

    border-radius: 5px;

    color: #fff;

}

.quiz_footer button#next {

    background-color: #C00E31;

}

.quiz_footer button#next:hover {

    background-color: #1A3A66;

}

.quiz_footer button#back {

    background-color: #1A3A66;

    padding-inline: 29px;

}

.quiz_footer button#back:hover {

    background-color: #C00E31;

}

.quiz_panel_body .quiz .disclaim-info-wrapper {

    background-color: #fff;

    border-radius: 10px;

}

.quiz_panel_body .quiz .disclaim-info-head {

    background-color: #072250;

    border-radius: 10px 10px 0 0;

    padding: 10px 25px;

    display: flex;

    gap: 10px;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.quiz_panel_body .disclaim-info-head h3 {

    margin: 0;

    color: #fff;

}

.quiz_panel_body .disclaim-info-head a.view-pdf {

    font-size: 16px;

    line-height: 1.6;

    font-weight: 500;

    font-family: 'Inter', sans-serif;

    text-decoration: none;

    color: #000;

    background-color: #fff;

    border-radius: 4px;

    padding: 7px 20px;

    display: inline-flex;

    gap: 15px;

    transition: all 0.2s linear;

}

.quiz_panel_body .quiz .disclaim-info-head a.view-pdf:hover {

    background-color: #c00e31;

    color: #fff;

}

.quiz_panel_body .quiz .disclaim-info-head a.view-pdf:hover path {

    fill: #fff;

}

.quiz_panel_body .disclaim-info-note {

    padding: 25px 25px 0;

    color: #000000;

}

.quiz_panel_body .disclaim-info-body {

    padding: 25px;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 22px;

}

.quiz_panel_body .quiz .disclaim-info {

    background-color: #F4F4F4;

    padding: 15px 15px 65px;

    border-radius: 6px;

    position: relative;

}

.quiz .disclaim-info p {

    font-size: 14px;

    color: #000;

    margin: 0;

    line-height: 1.6;

}

.quiz .disclaim-info a {

    font-size: 16px;

    line-height: 1;

    font-family: 'Inter', sans-serif;

    text-decoration: none;

    font-weight: 500;

    color: #fff;

    background-color: #C00E31;

    border-radius: 6px;

    padding: 11px 26px;

    display: inline-block;

    transition: all 0.2s linear;

    position: absolute;

    left: 15px;

    bottom: 15px;

}

.quiz .disclaim-info a:hover {

    background-color: #072250;

}

.quiz h3.qz-title {

    margin: 0 0 20px;

    color: #1A3A66;

    font-size: 25px;

}

.progress-card {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 15px;

    text-align: left;

}

.progress-card-hidden {

    opacity: 0;

    visibility: hidden;

}

.progress-card .progress-text h4 {

    margin: 0;

    font-size: 14px;

    font-family: 'Poppins', sans-serif;

    font-weight: 700;

    color: #000;

}

.progress-text p {

    margin-top: 5px;

    font-size: 14px;

    line-height: 1.6;

    color: #000;

}

.progress-circle {

    --size: 60px;

    --stroke: 8px;

    --value: 75;

    /* change percentage here */

    width: var(--size);

    height: var(--size);

    border-radius: 50%;

    background: conic-gradient(#c00e31 calc(var(--value) * 1%), #C9DCF6 0);

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}

/* Inner white circle */

.progress-circle::before {

    content: "";

    position: absolute;

    width: calc(100% - var(--stroke) * 2);

    height: calc(100% - var(--stroke) * 2);

    background: #e8eff9;

    border-radius: 50%;

}

.progress-circle span {

    position: relative;

    font-size: 14px;

    font-weight: bold;

    color: #000;

}

.quiz .quiz_question_answer {

    background-color: #fff;

    padding: 18px 25px 25px;

    border-radius: 10px;

}

.quiz_question_answer .answers {

    margin: 20px 0 0;

    padding: 0;

}

.quiz_question_answer .answers label {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 15px;

    border: 1px solid #969696;

    border-radius: 10px;

    padding: 11px 115px 11px 15px;

    cursor: pointer;

    color: #000;

    line-height: 1.4;

    position: relative;

}

.quiz .quiz_question_answer .answers label span {

    width: calc(100% - 37px);

}

.quiz_question_answer .answers label:not(:last-child) {

    margin-bottom: 10px;

}

.quiz_question_answer .answers label input.answers {

    width: 22px;

    height: 22px;

}

.quiz_question_answer .answers label.correct-answer {

    background-color: #1A3A66;

    border-color: #1A3A66;

    color: #fff;

}

.quiz_question_answer label.incorrect-checked::after {

    content: "Wrong";

    color: #fff;

    background: url(../images/wrong-white.webp) no-repeat;

    padding-left: 24px;

    right: 20px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-position: left center;

    background-size: 12px;

}

.quiz .quiz_question_answer .answers label.correct-answer,

.quiz .quiz_question_answer .answers label.incorrect-checked {

    padding-right: 105px;

}

.content-es .quiz .quiz_question_answer .answers label.incorrect-checked {

    padding-right: 140px;

}

.content-es .quiz .quiz_question_answer .answers label.correct-answer {

    padding-right: 120px;

}

.quiz_question_answer label.correct-answer::after {

    content: "Correct";

    color: #fff;

    background: url(../images/correct-white.webp) no-repeat;

    padding-left: 24px;

    right: 20px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-position: left center;

    background-size: 16px;

}

.content-es .quiz_question_answer label.incorrect-checked::after {

    content: "Equivocado";

}

.content-es .quiz_question_answer label.correct-answer::after {

    content: "Correcta";

}

.quiz_question_answer label.incorrect-checked {

    background-color: #C00E31;

    color: #fff;

    border-color: #C00E31;

}

.quiz_question_answer label input.answer {

    width: 22px;

    height: 22px;

}

.quiz .explanation {

    margin-top: 15px;

}

.quiz .explanation h5 {

    margin: 0;

    color: #1A3A66;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.6;

}

.quiz .explanation h5 span {

    font-weight: 700;

}

.quiz .explanation h5:not(:first-child) {

    margin-top: 8px;

}

.quiz_question_answer #question p {

    font-size: 18px;

    font-family: 'Prata', sans-serif;

    color: #1A3A66;

    line-height: 1.4;

}

.popup-column,

.disclaimer-column,

.reattempt-column {

    display: none;

    position: fixed;

    inset: 0;

    background-color: rgba(0, 0, 0, 0.45);

    z-index: 999;

    padding: 35px 20px;

    align-content: center;

}

.popup-column .popup-content,

.disclaimer-column .disclaimer-content,

.reattempt-column .reattempt-content {

    max-width: 920px;

    margin: auto;

    position: relative;

    height: 100%;

    overflow-y: auto;

    overflow-x: hidden;

    max-height: fit-content;

    border-radius: 10px;

}

.popup-content-outer,

.disclaimer-content-outer,

.reattempt-content-outer {

    height: 100%;

    align-content: center;

    position: relative;

    width: fit-content;

    margin-inline: auto;

    max-height: 600px;

}

.popup-content-outer #popup-close,

.disclaimer-content-outer #close_disclaimer,

.reattempt-content-outer #close_reattempt {

    position: absolute;

    right: 24px;

    top: 22px;

    cursor: pointer;

    z-index: 1;

    line-height: 1;

}

.popup-column .popup-title,

.reattempt-column .reattempt-title,

.disclaimer-column .disclaimer-title {

    color: #fff;

    background-color: #1A3966;

    padding: 16px 40px;

}

.popup-column .popup-title h3,

.reattempt-column .reattempt-title h3,

.disclaimer-column .disclaimer-title h3 {

    margin: 0;

}

.popup-column .popup-body,

.reattempt-column .reattempt-body,

.disclaimer-column .disclaimer-body {

    padding: 30px 32px;

    border-radius: 0 0 10px 10px;

    background-color: #fff;

}

.popup-column .popup-body ul {

    padding-left: 25px;

}

#qz_disclaimer_btns {

    display: flex;

    align-items: center;

    gap: 15px;

    flex-wrap: wrap;

}

#qz_disclaimer_btns #disclaimer_link,

#qz_disclaimer_btns #reattempt_link {

    font-size: 16px;

    line-height: 1.6;

    color: #fff;

    font-family: 'Inter', sans-serif;

    font-weight: 500;

    padding: 15px 28px;

    border-radius: 5px;

    transition: all 0.2s linear;

    cursor: pointer;

}

#qz_disclaimer_btns #disclaimer_link {

    background-color: #C00E31;

}

#qz_disclaimer_btns #disclaimer_link:hover {

    background-color: #1A3A66;

}

#qz_disclaimer_btns #reattempt_link {

    background-color: #1A3A66;

}

#qz_disclaimer_btns #reattempt_link:hover {

    background-color: #C00E31;

}

.qz_result_text {

    width: 100%;

    margin-top: 12px;

    font-size: 14px;

    font-weight: 600;

    color: #000;

}

.popup-body ul {

    margin-bottom: 15px;

}

.popup-body ul li:not(:last-child) {

    margin-bottom: 15px;

}

.reattempt-body p:last-of-type {

    font-weight: 500;

}

.reattempt-body form#reattempt-form {

    margin-top: 30px;

    text-align: center;

}

.reattempt-body form input.confirm_reattempt_btn {

    font-size: 16px;

    line-height: 1.6;

    font-family: 'Inter', sans-serif;

    border-radius: 5px;

    border: 0;

    transition: all 0.2s linear;

    background-color: #C00E31;

    color: #fff;

    padding: 15px 48px;

    font-weight: 500;

}

.reattempt-body form input.confirm_reattempt_btn:hover {

    background-color: #1A3966;

}

.quiz .quiz-intro {

    background-color: #fff;

    padding: 25px;

    border-radius: 10px;

}

.quiz .quiz-intro h3 {

    color: #1A3A66;

    font-size: 32px;

    margin: 0 0 10px;

}

.quiz_question_answer .warning {

    color: #be0e32;

    margin-top: 15px;

}

.quiz .quiz-conclusion {

    background-color: #fff;

    padding: 25px;

    border-radius: 10px;

}

.quiz .quiz-conclusion>h3 {

    margin: 0 0 30px;

    font-size: 32px;

    color: #1A3A66;

}

.panel-body form.holder_name_form {

    margin-top: 30px;

    border-top: 1px solid #D9D9D9;

    padding: 30px 0 10px;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    row-gap: 15px;

    column-gap: 10px;

}

form.holder_name_form button#conclusion {

    font-size: 16px;

    line-height: 1.6;

    font-weight: 500;

    font-family: 'Inter', sans-serif;

    color: #fff;

    border: 0;

    background-color: #C00E31;

    border-radius: 5px;

    padding: 15px;

    cursor: pointer;

    width: 190px;

}

form.holder_name_form button#conclusion[disabled] {

    opacity: 0.6;

    pointer-events: none;

}

form.holder_name_form input[type="text"] {

    outline: none;

    width: calc(100% - 200px);

    color: #000;

    font-size: 14px;

    line-height: 2;

    border: 1px solid transparent;

    padding: 13px 25px;

    border-radius: 4px;

}

form.holder_name_form input[type="text"]:focus {

    border-color: #1a3a66;

}

.holder_name_form input#disclaimer-check {

    width: 29px;

    height: 29px;

    accent-color: #c00e31;

    cursor: pointer;

}

.holder_name_form .disclaimer-check {

    display: flex;

    align-items: center;

    gap: 15px;

    flex-wrap: wrap;

}

.holder_name_form label[for="disclaimer-check"] {

    color: #000;

    font-size: 14px;

    line-height: 1.6;

    width: calc(100% - 44px);

    cursor: pointer;

}

form label#certificate-holder-label {

    font-weight: 600;

    color: #000;

}

.download_certificate_main {

    background-color: #E8EFF9;

    border-radius: 15px;

}

.download_certificate_section {

    padding: 0 50px;

    display: grid;

    grid-template-columns: 50% 50%;

    align-items: center;

}

.download_certificate_content {

    text-align: center;

    padding: 70px 64px 70px 0;

    border-right: 1px solid #D9D9D9;

    height: 100%;

    align-content: center;

}

.download_certificate_img {

    padding: 70px 0 70px 84px;

    text-align: center;

    height: 100%;

    align-content: center;

}

.download_certificate_img .certificate_img {

    width: fit-content;

    margin-inline: auto;

    position: relative;

    line-height: 1;

}

.download_certificate_img .certificate_img:before {

    content: '';

    position: absolute;

    inset: 0;

    background-color: transparent;

    pointer-events: none;

    transition: all 0.2s linear;

}

.download_certificate_img .certificate_img:hover:before {

    background-color: rgba(27, 59, 102, 0.2);

}

.download_certificate_img img {

    max-width: 520px;

    cursor: pointer;

    width: 100%;

}

.download_certificate_section .download_certificate_content h2 {

    color: #1A3A66;

    font-size: 32px;

    margin: 0 0 10px;

}

.download_certificate_section .download_certificate_content p {

    color: #000000;

    margin-bottom: 10px;

}

.download_certificate_section .download_certificate_content h3 {

    color: #1A3A66;

    font-size: 20px;

    line-height: 1.3;

    font-family: 'Poppins', sans-serif;

    font-weight: 700;

    margin: 0 0 10px;

}

.download_certificate_content .button_outter {

    margin-block: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    flex-wrap: wrap;

}

.download_certificate_content .button_outter a {

    font-size: 16px;

    line-height: 1.6;

    font-weight: 500;

    font-family: 'Inter', sans-serif;

    text-decoration: none;

    width: 216px;

    height: 56px;

    text-align: center;

    display: inline-block;

    border-radius: 5px;

    color: #fff;

    background-color: #C00E31;

    align-content: center;

    transition: all 0.2s linear;

}

.download_certificate_content .button_outter a:hover {

    background-color: #1A3A66;

}

.popup-content .button_outter {

    display: flex;

    align-items: center;

    gap: 15px;

    flex-wrap: wrap;

}

.popup-content .button_outter a {

    font-size: 16px;

    line-height: 1.6;

    font-weight: 500;

    font-family: 'Inter', sans-serif;

    text-decoration: none;

    width: 216px;

    height: 46px;

    text-align: center;

    display: inline-block;

    border-radius: 5px;

    color: #fff;

    background-color: #C00E31;

    align-content: center;

    transition: all 0.2s linear;

}

.popup-content .button_outter a:hover {

    background-color: #fff;

    color: #C00E31;

}

.download_certificate_popup .popup-content-outer #popup-close {

    top: 26px;

}

.download_certificate_popup .popup-body {

    padding: 25px 149px;

}

.popup-column .popup-body .certificate_popup_img {

    line-height: 1;

}

.quiz-intro p {

    color: #000;

}

ol.answers .custom-chekbox {

    display: flex;

}

.quiz .popup-body p {

    font-weight: 600;

    color: #000;

}

/*30-dec-css*/

.custom-chekbox.radio {

    position: relative;

    display: inline-flex;

    align-items: center;

}

.custom-chekbox.radio input.answer {

    position: absolute;

    opacity: 0;

    pointer-events: none;

}

.custom-chekbox.radio span {

    width: 22px !important;

    height: 22px;

    border-radius: 50%;

    border: 2px solid #000;

    background: #fff;

    display: inline-block;

    position: relative;

    transition: all 0.25s ease;

}

.custom-chekbox.radio input.answer:checked+span {

    background: #c4161c;

    /* red */

    border-color: #ffffff;

}

.custom-chekbox.radio span::after {

    content: '';

    width: 12px;

    height: 12px;

    background: #fff;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(0);

    transition: transform 0.25s ease;

}

.custom-chekbox.radio input.answer:checked+span::after {

    transform: translate(-50%, -50%) scale(1);

}

.custom-chekbox.radio input.answer:disabled+span {

    opacity: 1;

    cursor: not-allowed;

}

label.incorrect-checked .custom-chekbox.radio input.answer:checked+span {

    background: #c00e31 !important;

    border-color: #ffffff;

}

label.correct-answer .custom-chekbox.radio input.answer:checked+span {

    background: #00AE00 !important;

    border-color: #ffffff;

}

form.holder_name_form input[type="text"]:not(:placeholder-shown) {

    border-color: #000;

}

.quiz_question_answer .answers label.correct-answer {

    background-color: #00AE00 !important;

    border-color: #00AE00 !important;

    color: #fff;

}

.certificate-modal {

    position: fixed;

    inset: 0;

    background: rgb(20 16 16 / 40%);

    align-items: center;

    justify-content: center;

    z-index: 9999;

	padding: 30px 20px;

    display: none;

}

.certificate-modal.show{

    display: flex;

}

.certificate-modal-inner {

    height: 100%;

    overflow-y: auto;

    scrollbar-width: none;

	align-content: center;

}

.certificate-modal-content {

    position: relative;

    width: 100%;

	max-width: 430px;

    background: #fff;

    padding: 40px 30px;

    border-radius: 10px;

}

.certificate-modal-content .modal-close {

    position: absolute;

    top: 15px;

    right: 30px;

    border: none;

    background: transparent;

    font-size: 20px;

    cursor: pointer;

    color: #222;

}

.certificate-modal .certificate-modal-content h2 {

    font-size: 18px;

    line-height: 1.6;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

    margin: 0 0 10px;

    color: #000;

}

.modal-description {

    font-size: 16px;

    line-height: 1.5;

    color: #4D4D4D;

    font-family: 'Inter', sans-serif;

	margin-bottom: 20px !important;

}

.certificate-modal-content form label {

    font-size: 14px;

    line-height: 1.6;

    color: #000000;

    font-weight: 600;

    font-family: 'Inter', sans-serif;

    margin-bottom: 10px;

}

.certificate-modal-content form input {

    background-color: #EFEFEF;

    border-radius: 4px;

    border: 0;

    outline: none;

    padding: 18px 20px;

    line-height: 1;

    font-size: 14px;

    color: #000;

}

.certificate-modal-content .warning-box {

    display: flex;

    align-items: flex-start;

    gap: 5px;

    flex-wrap: wrap;

    margin-top: 25px;

    padding: 14px;

    border: 1px solid #FD7D16;

    background: #FDF3E8;

    border-radius: 5px;

}

.certificate-modal-content .warning-box p {

    width: calc(100% - 24px);

    color: #4D4D4D;

    font-size: 14px;

    line-height: 1.5;

    font-family: 'Inter', sans-serif;

	margin-top: -3px;

}

.certificate-modal-content .modal-footer {

    display: grid;

    grid-template-columns: 42% calc(58% - 14px);

    gap: 14px;

    margin-top: 24px;

}

form .modal-footer button {

    color: #1A3966;

    font-size: 16px;

    line-height: 1;

    border: 1px solid currentColor;

    font-weight: 500;

    font-family: 'Inter', sans-serif;

    border-radius: 5px;

    padding: 19px;

    height: auto;

	min-width: unset;

}

form .modal-footer button.btn-save:hover,

form .modal-footer button:hover {

    background-color: #1A3966;

    color: #fff;

}

form .modal-footer button.btn-save {

    background-color: #C00E31;

    color: #fff;

}

#ajax-response-footer {

    position: fixed;

    bottom: 25px;

    right: 20px;

    z-index: 99999;

    width: calc(100% - 40px);

    max-width: fit-content;

}

.ajax-success-message {

    border: 1px solid #09A03E;

    background-color: #EEF9F2;

    border-radius: 8px;

    padding: 14px 13px;

    display: flex;

    align-items: center;

    gap: 10px;

}

.success-icon {

    line-height: 1;

    display: inline-flex;

}

.ajax-success-message .success-msg {

    font-size: 16px;

    line-height: 1.6;

    color: #246637;

}

.certificate-name-box {

    margin-top: 25px;

}

.certificate-title {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #0b4ea2;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 600;

    cursor: pointer;

    margin-bottom: 10px;

	font-family: 'Inter', sans-serif;

}

.edit-icon{

    font-size: 14px;

}



.certificate-note{

    display: flex;

    align-items: flex-start;

    gap: 8px;

    color: #8b8b8b;

    font-size: 12px;

    line-height: 1.5;

}



.info-icon{

    font-size: 13px;

    margin-top: 1px;

}



.note-text {

    display: flex;

    flex-direction: column;

    font-size: 14px;

    color: #868686;

    font-family: 'Inter', sans-serif;

	text-align: left;

}

.woocommerce-MyAccount-content-wrapper th.woocommerce-orders-table__cell,

.woocommerce-MyAccount-content-wrapper td.woocommerce-orders-table__cell {

    padding-block: 25px !important;

	vertical-align: top !important;

}

.certificate-alert {

    border: 1px solid #F5D1D7;

    border-radius: 10px;

    background-color: #FAF4F6;

    padding: 22px 27px;

	margin-top: 35px;

	width: fit-content;

    margin-inline: auto;

}

.alert-main {

    display: flex;

    align-items: center;

    gap: 14px;

    flex-wrap: wrap;

}

.alert-main .alert-icon {

    line-height: 1;

    border: 1px solid #C0203480;

    border-radius: 50%;

    width: 41px;

    aspect-ratio: 1;

    align-content: center;

}

.alert-main .alert-header {

    width: calc(100% - 55px);

    text-align: left;

}

.alert-header .alert-title {

    font-size: 16px;

    line-height: 1.5;

    color: #000;

    font-weight: 600;

}

.alert-header .alert-link {

    color: #C02034;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 600;

    margin-top: 10px;

}

.alert-header .alert-link a {

    color: #C02034;

    text-decoration: none;

}

.alert-content {

    margin-top: 15px;

}

.alert-content .alert-note {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    text-align: left;

    flex-wrap: wrap;

	padding-left: 5px;

}

.alert-note span {

    width: calc(100% - 30px);

    font-size: 14px;

    color: #868686;

    margin-top: -2px;

}

.download_certificate_content .button_outter a#print_certicficate {

    color: #1A3966;

    background-color: #fff;

}

.download_certificate_content .button_outter a#print_certicficate:hover {

    background-color: #1A3966;

    color: #fff;

}

.button_outter_myaccount a.myaccount {

    color: #1A3966;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    font-size: 20px;

    line-height: 1.15;

    font-weight: 500;

}

.button_outter_myaccount a.myaccount:hover {

    color: #c00e31;

}







/*30-dec-css*/

@media (max-width:1280px) {

    .quiz_heading .quiz_heading_content .course_title {

        font-size: 40px;

    }

    .quiz_heading .quiz_heading_img {

        width: 180px;

    }

    .quiz_heading .quiz_heading_content {

        width: calc(100% - 200px);

    }

    .quiz_main .quiz_heading .quiz_heading_content .course_title {

        font-size: 34px;

    }

    label.toggle-label span.lang {

        font-size: 14px;

    }

    label .toggle-ball {

        height: 33px;

        width: 33px;

    }

    .quiz_heading label.toggle-label.en {

        padding-left: 38px;

    }

    .quiz_heading label.toggle-label.es {

        padding-right: 38px;

    }

    .download_certificate_main .download_certificate_section {

        padding: 0 30px;

    }

    .download_certificate_section .download_certificate_content {

        padding: 60px 40px 60px 0;

    }

    .download_certificate_section .download_certificate_img {

        padding: 60px 0 60px 40px;

    }

    .download_certificate_main .download_certificate_content .button_outter {

        gap: 10px;

    }

    .download_certificate_section .download_certificate_content .button_outter a {

        width: 200px;

    }

	.woocommerce-orders-table__cell .certificate-name-box {

		margin-top: 20px;

	}

	.certificate-name-box .certificate-title {

		font-size: 17px;

	}

	.download_certificate_content .certificate-alert {

		padding: 20px;

		margin-top: 25px;

	}

	.alert-main .alert-header .alert-title {

		font-size: 15px;

	}

	.alert-main .alert-header .alert-link {

		font-size: 17px;

	}

	.download_certificate_content .button_outter_myaccount a.myaccount {

		font-size: 18px;

	}

}



@media (max-width:1024px) {

    .quiz_main .quiz_panel_body {

        padding: 25px 20px 20px;

    }

    .download_certificate_main .quiz_heading .quiz_heading_content .course_title,

    .quiz_main .quiz_heading .quiz_heading_content .course_title {

        font-size: 28px;

    }

    .quiz_main .quiz_panel_body .quiz h2 {

        font-size: 26px;

    }

    .quiz_main .quiz_panel_body .quiz-inner {

        padding: 15px 20px 20px;

    }

    .quiz_main .quiz .quiz-conclusion>h3 {

        font-size: 28px;

        margin-bottom: 20px;

    }

    .quiz_main .quiz .quiz-intro h3,

    .quiz_main .quiz_panel_body .quiz-inner h3 {

        font-size: 28px;

    }

    .quiz_main .quiz_panel_body .quiz-inner p,

    .quiz_panel_body .disclaim-info-note p,

    .quiz_panel_body .quiz-inner .quiz-inner-intro-2 ul li {

        font-size: 14px;

    }

    .quiz_panel_body .quiz-inner .quiz-inner-intro-2 ul li::before {

        background-size: 10px;

        width: 10px;

        height: 8px;

        top: 8px;

    }

    .quiz_main .quiz_panel_body .quiz .disclaim-info-head {

        padding: 10px 20px;

    }

    .quiz_panel_body .quiz .disclaim-info-head h3 {

        font-size: 18px;

    }

    .quiz_panel_body .quiz .disclaim-info-head a.view-pdf {

        font-size: 15px;

    }

    .quiz_panel_body .disclaim-info-note {

        padding: 20px 20px 0;

    }

    .quiz_panel_body .quiz .disclaim-info-body {

        grid-template-columns: repeat(3, 1fr);

        gap: 16px;

        padding: 20px;

    }

    .quiz .disclaim-info-body .disclaim-info a {

        font-size: 14px;

        padding: 9px 20px

    }

    .quiz_main .quiz .quiz-conclusion,

    .quiz_main .quiz .quiz-intro {

        padding: 20px;

    }

    .quiz_main .quiz-intro p {

        font-size: 14px;

    }

    .quiz_footer .quiz_footer_btns button {

        font-size: 15px;

    }

    .quiz_footer button#next {

        padding-inline: 40px;

    }

    .quiz_footer .quiz_footer_btns button#back {

        padding-inline: 22px;

    }

    .quiz_footer .quiz_footer_btns {

        gap: 10px;

    }

    .quiz .quiz_question_answer #question p {

        font-size: 17px;

    }

    .quiz_main .quiz .quiz_question_answer {

        padding: 18px 20px 20px;

    }

    .popup-column .popup-body ul,

    .quiz_main .quiz .explanation h5 {

        font-size: 14px;

    }

    .quiz_main .popup-column .popup-title,

    .quiz_main .reattempt-column .reattempt-title,

    .quiz_main .disclaimer-column .disclaimer-title {

        padding: 16px 30px;

    }

    .quiz_main .popup-column .popup-title h3,

    .quiz_main .reattempt-column .reattempt-title h3,

    .quiz_main .disclaimer-column .disclaimer-title h3 {

        font-size: 18px;

    }

    .quiz_main .popup-content-outer #popup-close,

    .quiz_main .disclaimer-content-outer #close_disclaimer,

    .quiz_main .reattempt-content-outer #close_reattempt {

        top: 16px;

    }

    .quiz_main .popup-column .popup-body,

    .quiz_main .reattempt-column .reattempt-body,

    .quiz_main .disclaimer-column .disclaimer-body {

        padding: 20px;

    }

    body .download_certificate_main .download_certificate_section {

        padding: 0 20px;

    }

    body .download_certificate_section .download_certificate_content {

        padding: 40px 20px 40px 0;

    }

    body .download_certificate_section .download_certificate_img {

        padding: 40px 0 40px 20px;

    }

    body .download_certificate_section .download_certificate_content h2 {

        font-size: 28px;

    }

    body .download_certificate_section .download_certificate_content h3 {

        font-size: 16px;

    }

    .download_certificate_section .download_certificate_content p {

        font-size: 15px;

    }

    .quiz_main .download_certificate_popup .popup-content-outer #popup-close {

        top: 24px;

    }

	.ajax-success-message .success-msg {

		font-size: 15px;

	}

}



@media (max-width:880px){

	.download_certificate_main .download_certificate_section {

        grid-template-columns: 100%;

    }

}



@media (max-width:768px){

	.certificate-name-box {

		width: fit-content;

		margin-left: auto;

	}

	.woocommerce-orders-table__cell .certificate-name-box .certificate-title {

		font-size: 16px;

	}

	.certificate-name-box .note-text {

		font-size: 13px;

	}

}



@media (max-width:767px) {
    .woocommerce-account table.my_account_orders tbody tr .woocommerce-orders-table__cell {
        display: block;
        text-align: right;
        padding-block: 14px !important;
        padding-right: 20px;
    }
    .woocommerce-account table.my_account_orders tbody tr .woocommerce-orders-table__cell:before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
        font-size: 15px;
    }
    .progress-card.progress-card-hidden {

        display: none;

    }

    .download_certificate_popup .popup-content .button_outter a {

        font-size: 12px;

        line-height: 26px;

        width: auto;

        height: 34px;

        padding-inline: 10px;

    }

    .download_certificate_popup .popup-content .button_outter a#print_certicficate {

        padding-inline: 13px;

    }

    .popup-column.download_certificate_popup .popup-body {

        padding: 10px;

    }

    .quiz_main .quiz_heading {

        padding: 10px 95px 10px 10px;

    }

    .quiz_main .quiz_heading .quiz_heading_img {

        width: 93px;

    }

    body .download_certificate_main .quiz_heading .quiz_heading_content .course_title,

    body .quiz_main .quiz_heading .quiz_heading_content .course_title {

        font-size: 16px;

        width: calc(100% + 85px);

    }

    .quiz_main .quiz_heading {

        gap: 8px;

    }

    .download_certificate_main .quiz_heading .quiz_heading_content .short_line,

    .quiz_main .quiz_heading_content .short_line {

        margin-top: 10px;

        font-size: 12px;

    }

    label.toggle-label span.lang {

        font-size: 10px;

        min-width: 45px;

    }

    label .toggle-ball {

        height: 23px;

        width: 23px;

    }

    .quiz_main .quiz_heading label.toggle-label {

        padding: 10px 6px;

    }

    .quiz_main .quiz_heading label.toggle-label.en {

        padding-left: 30px;

    }

    .quiz_main .quiz_heading label.toggle-label.es {

        padding-right: 30px;

    }

    .page-content .lang-toggle {

        right: 8px;

        top: auto;

        bottom: 8px;

    }

    .quiz_main .quiz_heading .quiz_heading_content {

        width: calc(100% - 101px);

    }

    .quiz_content .quiz_main .quiz_panel_body .quiz h2 {

        font-size: 20px;

    }

    .quiz_content .quiz_main .quiz_panel_body .quiz-inner {

        padding: 10px;

    }

    .quiz_content .quiz_main .quiz .quiz-conclusion>h3 {

        margin-bottom: 10px;

        font-size: 25px;

    }

    .quiz_content .quiz_main .quiz .quiz-intro h3,

    .quiz_content .quiz_main .quiz_panel_body .quiz-inner h3 {

        font-size: 25px;

    }

    .quiz_content .quiz_main .quiz_panel_body .quiz-inner p,

    .quiz_panel_body .disclaim-info-note p,

    .quiz_panel_body .quiz-inner .quiz-inner-intro-2 ul li {

        font-size: 12px;

    }

    .quiz_panel_body .quiz-inner .quiz-inner-intro-2 ul li {

        padding-left: 15px;

        margin: 0;

    }

    .quiz_panel_body .quiz-inner .quiz-inner-intro-2 ul li::before {

        background-size: 8px;

        width: 8px;

        height: 6px;

        top: 9px;

    }

    .quiz_content .quiz_main .quiz_panel_body {

        padding: 20px 10px 15px;

    }

    .quiz_content .quiz_main .quiz_panel_body .quiz .disclaim-info-head {

        padding: 10px 17px;

    }

    .quiz_content .quiz_panel_body .quiz .disclaim-info-head h3 {

        font-size: 15px;

    }

    .quiz_main .quiz_panel_body .quiz .disclaim-info-head a.view-pdf {

        font-size: 14px;

        padding: 7px 16px;

    }

    .quiz_footer_content .quiz_footer_btns {

        gap: 10px;

        flex-wrap: wrap;

        width: 100%;

    }

    .quiz_footer .quiz_footer_btns button {

        padding-inline: 15px !important;

        width: calc(50% - 5px);

        justify-content: center;

    }

    .quiz_main.first_step .quiz_footer button#next {

        width: 100%;

    }

    .quiz_panel_body .quiz .disclaim-info-wrapper {

        margin-inline: -10px;

    }

    .quiz_main .quiz_panel_body .quiz .disclaim-info-body,

    .quiz_panel_body .disclaim-info-note {

        background-color: #E8EFF9;

    }

    .quiz_content .quiz_main .quiz .quiz-intro {

        padding: 10px;

    }

    .quiz_content .quiz_main .quiz-intro p {

        font-size: 12px;

    }

    .quiz_footer_content .progress-card {

        margin-bottom: 18px;

    }

    .progress-card .progress-circle {

        --size: 48px;

        --stroke: 5px;

    }

    .progress-card .progress-circle span {

        font-size: 12px;

        font-weight: 500;

    }

    .quiz_footer_content .progress-card .progress-text h4 {

        font-size: 12px;

    }

    .progress-card .progress-text p {

        font-size: 12px;

    }

    .quiz_main .quiz .quiz_question_answer #question p {

        font-size: 16px;

    }

    .quiz_content .quiz_main .quiz .quiz-conclusion,

    .quiz_content .quiz_main .quiz .quiz_question_answer {

        padding: 10px;

    }

    .quiz .quiz_question_answer .answers {

        margin-top: 15px;

    }

    .quiz .quiz_question_answer .answers label {

        font-size: 14px;

        padding: 10px;

        gap: 10px;

    }

    .quiz_content .quiz_main .quiz .explanation h5 {

        font-size: 12px;

    }

    .quiz .quiz_question_answer .answers label span {

        width: calc(100% - 32px);

    }

    .quiz .quiz_question_answer label.incorrect-checked::after {

        padding-left: 24px;

    }

    .quiz .quiz-conclusion p {

        font-size: 12px;

    }

    .quiz #qz_disclaimer_btns {

        column-gap: 10px;

    }

    .quiz #qz_disclaimer_btns #disclaimer_link,

    .quiz #qz_disclaimer_btns #reattempt_link {

        width: calc(50% - 5px);

        text-align: center;

        padding: 15px;

    }

    #qz_disclaimer_btns .qz_result_text {

        font-size: 12px;

        line-height: 1.6;

    }

    .quiz_content .holder_name_form .disclaimer-check {

        align-items: flex-start;

        gap: 7px;

    }

    .quiz_content .holder_name_form label[for="disclaimer-check"] {

        font-size: 12px;

        width: calc(100% - 26px);

    }

    .quiz_content .holder_name_form input#disclaimer-check {

        width: 19px;

        height: 19px;

        position: relative;

        top: 2px;

    }

    form label#certificate-holder-label {

        font-size: 14px;

    }

    .quiz_content form.holder_name_form button#conclusion {

        font-size: 14px;

        width: 122px;

        padding: 8px;

    }

    .quiz_content form.holder_name_form input[type="text"] {

        padding: 9px 10px;

        width: calc(100% - 132px);

        line-height: 1;

        font-size: 12px;

    }

    .quiz_content .quiz_main .popup-column .popup-title,

    .quiz_content .quiz_main .reattempt-column .reattempt-title,

    .quiz_content .quiz_main .disclaimer-column .disclaimer-title {

        padding: 16px 10px;

    }

    .quiz_content .quiz_main .popup-column .popup-title h3,

    .quiz_content .quiz_main .reattempt-column .reattempt-title h3,

    .quiz_content .quiz_main .disclaimer-column .disclaimer-title h3 {

        font-size: 15px;

    }

    .quiz_main .popup-content-outer #popup-close svg,

    .quiz_main .disclaimer-content-outer #close_disclaimer svg,

    .quiz_main .reattempt-content-outer #close_reattempt svg {

        width: 18px;

    }

    .quiz_content .quiz_main .popup-content-outer #popup-close,

    .quiz_content .quiz_main .disclaimer-content-outer #close_disclaimer,

    .quiz_content .quiz_main .reattempt-content-outer #close_reattempt {

        top: 14px;

        right: 20px;

    }

    .quiz_content .quiz_main .popup-column .popup-body,

    .quiz_content .quiz_main .reattempt-column .reattempt-body,

    .quiz_content .quiz_main .disclaimer-column .disclaimer-body {

        padding: 10px;

    }

    .popup-column .popup-body ul li {

        font-size: 12px;

    }

    .quiz_content .popup-column .popup-body ul li:not(:last-child) {

        margin-bottom: 10px;

    }

    .quiz_main .reattempt-body form#reattempt-form {

        margin-top: 20px;

    }

    body .download_certificate_main .download_certificate_section {

        padding: 20px 20px 30px;

    }

    body div.download_certificate_section .download_certificate_content {

        border: 0;

        padding: 0;

    }

    body div.download_certificate_section .download_certificate_content h2 {

        font-size: 25px;

        margin-bottom: 5px;

    }

    div.download_certificate_section .download_certificate_content p {

        font-size: 12px;

    }

    body div.download_certificate_section .download_certificate_content h3 {

        font-size: 14px;

    }

    .download_certificate_main .download_certificate_content .button_outter {

        gap: 10px;

        margin-block: 25px;

    }

    body div.download_certificate_section .download_certificate_img {

        padding: 0;

        order: -1;

        margin-bottom: 20px;

    }

    div.download_certificate_section .download_certificate_content p {

        margin-bottom: 5px;

    }

    .download_certificate_section .download_certificate_img img {

        max-width: 270px;

    }

    .quiz_content .quiz_main .download_certificate_popup .popup-content-outer #popup-close {

        top: 20px;

    }

    .quiz_main .popup-content .button_outter {

        gap: 10px;

        padding-right: 40px;

    }

    .quiz_main .quiz .quiz-conclusion div#disclaimer_link {

        width: calc(100% - 5px) !important;

    }

	.certificate-modal-inner .certificate-modal-content {

		padding: 35px 25px;

	}

	form .modal-footer button {

		font-size: 15px;

	}

	.certificate-modal-content .modal-footer {

		grid-template-columns: 39% calc(61% - 14px);

	}

	.ajax-success-message .success-msg {

		font-size: 14px;

	}

	.ajax-success-message {

		padding: 10px;

	}

}



@media (max-width:640px) {

    .quiz_panel_body .disclaim-info-note {

        padding: 10px 10px 0;

    }

    .quiz_main .quiz_panel_body .quiz .disclaim-info-body {

        grid-template-columns: repeat(2, 1fr);

        gap: 10px;

        padding: 10px;

    }

    .quiz_main .quiz .disclaim-info-body .disclaim-info a {

        font-size: 10px;

        padding: 7px 13px;

        left: 10px;

        bottom: 10px;

    }

    .quiz_main .quiz_panel_body .quiz .disclaim-info {

        padding: 5px 10px 40px;

    }

    .quiz_main .quiz .disclaim-info p {

        font-size: 10px;

    }

}



@media (max-width:480px) {

    body .quiz_content .quiz_main .quiz_panel_body .quiz h2 {

        font-size: 15px;

    }

    body div.download_certificate_section .download_certificate_content .button_outter a {

        width: 100%;

    }

}



@media (max-width:420px) {

    .quiz_main .quiz_panel_body .quiz .disclaim-info-head a.view-pdf {

        gap: 8px;

        padding: 7px 10px;

        font-size: 12px;

    }

    body .quiz_content .quiz_main .quiz_panel_body .quiz .disclaim-info-head {

        padding: 10px;

    }

    .quiz .disclaim-info-head a.view-pdf svg {

        width: 12px;

    }

    .quiz_footer .quiz_footer_btns button {

        font-size: 14px;

    }

    .quiz #qz_disclaimer_btns #disclaimer_link,

    .quiz #qz_disclaimer_btns #reattempt_link {

        font-size: 13px;

        padding-inline: 10px;

    }

}