.quiz_section .qsm-hint,
.quiz_section .qsm_hint,
.quiz_section .mlw_qmn_hint_link,
.quiz_section .qsm_tooltip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(98, 75, 255, 0.28);
  background: linear-gradient(180deg, #efeaff 0%, #e7e1fe 100%);
  color: #4a32d8;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.quiz_section .qsm-hint::before,
.quiz_section .qsm_hint::before,
.quiz_section .mlw_qmn_hint_link::before,
.quiz_section .qsm_tooltip::before {
  content: "i";
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #624bff;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  flex: 0 0 20px;
}

.quiz_section .qsm-hint:hover,
.quiz_section .qsm_hint:hover,
.quiz_section .mlw_qmn_hint_link:hover,
.quiz_section .qsm_tooltip:hover {
  transform: translateY(-1px);
  background: #e7e1fe;
  box-shadow: 0 8px 18px rgba(98, 75, 255, 0.16);
}

.quiz_section .qsm-hint:focus-visible,
.quiz_section .qsm_hint:focus-visible,
.quiz_section .mlw_qmn_hint_link:focus-visible,
.quiz_section .qsm_tooltip:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(219, 180, 254, 0.55);
}

@media (max-width: 767px) {
  .quiz_section .qsm-hint,
  .quiz_section .qsm_hint,
  .quiz_section .mlw_qmn_hint_link,
  .quiz_section .qsm_tooltip {
    width: 100%;
    justify-content: flex-start;
    font-size: 13px;
    padding: 10px 12px;
  }
}

.mlw_qmn_quiz .qmn_results_page,
.qsm-quiz-wrapper .qmn_results_page {
  background: linear-gradient(180deg, #ffffff 0%, #f8f6ff 100%);
  border: 1px solid #ece7ff;
  border-radius: 18px;
  padding: 18px;
}

.mlw_qmn_quiz .qsm-results-page,
.qsm-quiz-wrapper .qsm-results-page {
  color: #1f154d;
}

.mlw_qmn_quiz .qsm_questions_answers_section,
.qsm-quiz-wrapper .qsm_questions_answers_section {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.mlw_qmn_quiz .qmn_question_answer,
.qsm-quiz-wrapper .qmn_question_answer {
  border: 1px solid #ede9ff !important;
  border-radius: 14px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(98, 75, 255, 0.06);
}

.mlw_qmn_quiz .qmn_question_answer_correct,
.qsm-quiz-wrapper .qmn_question_answer_correct {
  border-color: rgba(16, 185, 129, 0.35) !important;
  background: linear-gradient(180deg, #ffffff 0%, #effdf7 100%) !important;
}

.mlw_qmn_quiz .qmn_question_answer_incorrect,
.qsm-quiz-wrapper .qmn_question_answer_incorrect {
  border-color: rgba(239, 68, 68, 0.3) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff4f4 100%) !important;
}

.mlw_qmn_quiz .qsm-question-title-description,
.qsm-quiz-wrapper .qsm-question-title-description {
  margin-bottom: 8px;
}

.mlw_qmn_quiz .qsm-result-question-title,
.qsm-quiz-wrapper .qsm-result-question-title {
  color: #2e1f73;
  font-size: 17px;
  line-height: 1.35;
}

.mlw_qmn_quiz .qsm-text-correct-option,
.qsm-quiz-wrapper .qsm-text-correct-option {
  display: block;
  margin-top: 8px;
  color: #0f9f6e;
  font-weight: 700;
}

.mlw_qmn_quiz .qsm-text-wrong-option,
.qsm-quiz-wrapper .qsm-text-wrong-option {
  display: block;
  margin-top: 8px;
  color: #dc2626;
  font-weight: 700;
}

.mlw_qmn_quiz .qsm-text-simple-option,
.qsm-quiz-wrapper .qsm-text-simple-option {
  display: block;
  margin-top: 8px;
  color: #4c4380;
}

.mlw_qmn_quiz .qsm_retake_button,
.qsm-quiz-wrapper .qsm_retake_button {
  margin-top: 14px;
  border: 0;
  border-radius: 12px;
  padding: 11px 18px;
  background: linear-gradient(180deg, #624bff 0%, #543de8 100%);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 10px 20px rgba(98, 75, 255, 0.25);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.mlw_qmn_quiz .qsm_retake_button:hover,
.qsm-quiz-wrapper .qsm_retake_button:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 12px 24px rgba(98, 75, 255, 0.32);
}

@media (max-width: 767px) {
  .mlw_qmn_quiz .qmn_results_page,
  .qsm-quiz-wrapper .qmn_results_page {
    padding: 14px;
    border-radius: 14px;
  }

  .mlw_qmn_quiz .qmn_question_answer,
  .qsm-quiz-wrapper .qmn_question_answer {
    padding: 12px;
  }

  .mlw_qmn_quiz .qsm-result-question-title,
  .qsm-quiz-wrapper .qsm-result-question-title {
    font-size: 15px;
  }

  .mlw_qmn_quiz .qsm_retake_button,
  .qsm-quiz-wrapper .qsm_retake_button {
    width: 100%;
  }
}

:root { --qsm-primary:#667AF4; --qsm-text:#111827; --qsm-muted:#6B7280; --qsm-border:#E5E7EB; }

.qsm-quiz-container {
  --radius: 14px;
  font-family: inherit;
  color: var(--qsm-text);
}

.qsm-quiz-container .qsm-question-wrapper {
  background:#fff;
  border:1px solid var(--qsm-border);
  border-radius: var(--radius);
  padding: 22px 20px;
  box-shadow: 0 2px 12px rgba(17,24,39,.04);
  margin: 16px 0;
}

.qsm-quiz-container .mlw_qmn_question_number{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; margin-right:10px;
  border-radius: 999px; font-weight:600; font-size:14px;
  background: rgba(102,122,244,.12); color: var(--qsm-primary);
}

.qsm-quiz-container .mlw_qmn_new_question{
  font-size:18px; line-height:1.35; font-weight:600; margin: 8px 0 6px;
}

.qsm-quiz-container .qmn_radio_answers{
  display:grid; gap: 12px; margin-top: 10px;
}

.qsm-quiz-container .qmn_mc_answer_wrap{
  position:relative;
  border:1.5px solid var(--qsm-border);
  border-radius: 12px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
  background:#fff;
}

.qsm-quiz-container .qmn_mc_answer_wrap input.qmn_quiz_radio{
  position:absolute; inset:0; opacity:0; cursor:pointer;
}

.qsm-quiz-container .qmn_mc_answer_wrap .qsm-input-label{
  display:block; padding: 14px 16px 14px 44px; cursor:pointer; user-select:none;
  font-size:15px; line-height:1.35;
}

.qsm-quiz-container .qmn_mc_answer_wrap .qsm-input-label::before{
  content:""; position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; border:2px solid #CBD5E1; border-radius:999px; background:#fff; 
  transition: all .2s ease;
}
.qsm-quiz-container .qmn_mc_answer_wrap input.qmn_quiz_radio:focus-visible + .qsm-input-label::before{
  outline: 3px solid rgba(102,122,244,.25);
}

.qsm-quiz-container .qmn_mc_answer_wrap:hover{
  border-color:#CBD5E1; box-shadow:0 2px 10px rgba(17,24,39,.04);
}

.qsm-quiz-container .qmn_mc_answer_wrap input.qmn_quiz_radio:checked + .qsm-input-label{
  background: rgba(102,122,244,.06);
}
.qsm-quiz-container .qmn_mc_answer_wrap input.qmn_quiz_radio:checked + .qsm-input-label::before{
  border-color: var(--qsm-primary);
  box-shadow: inset 0 0 0 5px var(--qsm-primary);
}

.qsm-quiz-container .qmn_mc_answer_wrap.is-correct{
  border-color:#10B981; background:#ECFDF5;
}
.qsm-quiz-container .qmn_mc_answer_wrap.is-wrong{
  border-color:#EF4444; background:#FEF2F2;
}

.qsm-quiz-container .qmn_mc_answer_wrap.is-correct .qsm-input-label::after,
.qsm-quiz-container .qmn_mc_answer_wrap.is-wrong  .qsm-input-label::after{
  content:""; position:absolute; right:12px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; opacity:.95;
  background-size:18px 18px; background-repeat:no-repeat;
}
.qsm-quiz-container .qmn_mc_answer_wrap.is-correct .qsm-input-label::after{
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%2310B981' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.5-1.5z'/%3E%3C/svg%3E");
}
.qsm-quiz-container .qmn_mc_answer_wrap.is-wrong .qsm-input-label::after{
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23EF4444' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3 5.71L12 12.01 5.7 5.7 4.29 7.11 10.59 13.4l-6.3 6.3 1.41 1.41 6.3-6.3 6.29 6.29 1.41-1.41-6.29-6.29 6.29-6.29z'/%3E%3C/svg%3E");
}

.qsm-quiz-container .qsm-progress-bar { margin:16px 0 8px; }
#qsm_progress_bar_1 svg path:last-child{ stroke: var(--qsm-primary) !important; }
.qsm-quiz-container .qsm-progress-bar .progressbar-text{
  font-size:12px; color: var(--qsm-muted); letter-spacing:.2px;
}

.qsm-quiz-container .pages_count{
  display:inline-block; font-size:12px; color: var(--qsm-muted);
  padding:4px 8px; border:1px solid var(--qsm-border); border-radius:999px; margin-top:6px;
}

.qsm-quiz-container .qsm-quick-correct,
.qsm-quiz-container .qsm-quick-incorrect{
  font-size:13px; margin-top:10px; padding:10px 12px; border-radius:10px;
}
.qsm-quiz-container .qsm-quick-correct{ background:#ECFDF5; color:#065F46; }
.qsm-quiz-container .qsm-quick-incorrect{ background:#FEF2F2; color:#7F1D1D; }

.qsm-quiz-container .qsm-auto-save-main-wrap .btn-group button{
  background:#f3f4f6 !important; color:#111827 !important; border:none !important;
  border-radius:8px !important; padding:8px 10px !important; font-size:13px !important;
}

body .qsm-quiz-container .qmn_pagination.border { border: none !important; }
body .qsm-quiz-container .qmn_pagination{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;
  padding:10px 0;
}

body .qsm-quiz-container .qmn_pagination .qmn_btn,
body .qsm-quiz-container .qmn_pagination .qsm-btn,
body .qsm-quiz-container .qmn_pagination a.mlw_qmn_quiz_link,
body .qsm-quiz-container input.qsm-submit-btn.qmn_btn,.elementor-kit-8 input[type="submit"]{
  -webkit-appearance:none; appearance:none;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:0 16px !important;
  border-radius:12px !important; font-weight:700 !important; font-size:14px !important; line-height:1 !important;
  background: var(--qsm-primary) !important; color:#fff !important; border:1.5px solid var(--qsm-primary) !important;
  text-decoration:none !important; cursor:pointer !important;
  box-shadow:0 1px 0 rgba(17,24,39,.04), 0 4px 10px rgba(102,122,244,.15) !important;
  transition: filter .15s ease, transform .1s ease, box-shadow .2s ease, background .2s ease !important;
}
body .qsm-quiz-container .qmn_pagination .qmn_btn:hover,
body .qsm-quiz-container .qmn_pagination .qsm-btn:hover,
.elementor-kit-8 input[type="submit"]:hover { filter:brightness(0.97) !important; }
body .qsm-quiz-container .qmn_pagination .qmn_btn:active,
body .qsm-quiz-container .qmn_pagination .qsm-btn:active { transform: translateY(1px) !important; }

body .qsm-quiz-container .qmn_pagination a.mlw_previous{
  background:#fff !important; color:var(--qsm-primary) !important;
  border-color: rgba(102,122,244,.55) !important; box-shadow:none !important;
}
body .qsm-quiz-container .qmn_pagination a.mlw_previous:hover{
  background: rgba(102,122,244,.06) !important;
}

body .qsm-quiz-container .qmn_pagination a.mlw_next::after{
  content:""; width:18px; height:18px; display:inline-block;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M13.17 12l-4.88-4.88 1.41-1.41L16 12l-6.3 6.29-1.41-1.41z'/%3E%3C/svg%3E");
  background-size:18px 18px; background-repeat:no-repeat;
}
body .qsm-quiz-container .qmn_pagination a.mlw_previous::before{
  content:""; width:18px; height:18px; display:inline-block; margin-right:6px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23667AF4' viewBox='0 0 24 24'%3E%3Cpath d='M10.83 12l4.88 4.88-1.41 1.41L8 12l6.3-6.29 1.41 1.41z'/%3E%3C/svg%3E");
  background-size:18px 18px; background-repeat:no-repeat;
}
body .qsm-quiz-container .qmn_pagination a.mlw_custom_start::before{
  content:""; width:18px; height:18px; display:inline-block; margin-right:6px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  background-size:18px 18px; background-repeat:no-repeat;
}

body .qsm-quiz-container .qmn_pagination input.qsm-submit-btn.qmn_btn{
  padding-right:40px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M2 21l21-9L2 3v7l15 2-15 2z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 14px center !important; background-size:18px 18px !important;
}

body .qsm-quiz-container .qmn_pagination .qmn_btn[aria-disabled="true"],
body .qsm-quiz-container .qmn_pagination .qsm-btn[disabled]{
  opacity:.55 !important; pointer-events:none !important;
}

body .qsm-quiz-container .qsm-progress-bar svg path:last-child{ stroke: var(--qsm-primary) !important; }

@media (max-width:600px){
  body .qsm-quiz-container .qmn_pagination{ gap:8px; justify-content:stretch; }
  body .qsm-quiz-container .qmn_pagination .qmn_btn,
  body .qsm-quiz-container .qmn_pagination .qsm-btn{ flex:1 1 100% !important; }
}

.elementor-shortcode [class*="leaderboard_zzrDfJ9"]{
  background:#fff;
  border:1px solid #e6e8eb;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:12px;
  overflow:auto;
  color:#111827;
}

.elementor-shortcode .quiz_leaderboard_wrapper{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:720px;
  font-size:15px;
  line-height:1.45;
}

.elementor-shortcode .quiz_leaderboard_wrapper > tbody > tr:first-child th{
  position:sticky; top:0; z-index:2;
  background:#f8fafc;
  color:#0f172a;
  text-align:left;
  font-weight:700;
  border-bottom:1px solid #d1d5db;
  padding:14px 12px;
  white-space:nowrap;
}

.elementor-shortcode .quiz_leaderboard_wrapper td{
  padding:12px;
  border-bottom:1px solid #e6e8eb;
  vertical-align:middle;
}

.elementor-shortcode .quiz_leaderboard_wrapper > tbody > tr:nth-child(odd):not(:first-child) td{background:#fcfcfd;}
.elementor-shortcode .quiz_leaderboard_wrapper > tbody > tr:not(:first-child):hover td{background:#f7f9fb;}

.elementor-shortcode .quiz_leaderboard_wrapper > tbody > tr:first-child th:first-child{border-top-left-radius:12px;}
.elementor-shortcode .quiz_leaderboard_wrapper > tbody > tr:first-child th:last-child{border-top-right-radius:12px;}
.elementor-shortcode .quiz_leaderboard_wrapper > tbody > tr:last-child td:first-child{border-bottom-left-radius:12px;}
.elementor-shortcode .quiz_leaderboard_wrapper > tbody > tr:last-child td:last-child{border-bottom-right-radius:12px;}

.elementor-shortcode .quiz_leaderboard_wrapper td:first-child{
  width:64px; text-align:center; font-weight:700;
}
.elementor-shortcode .quiz_leaderboard_wrapper tr:nth-child(2) td:first-child{
  background:linear-gradient(135deg,#f59e0b,#fbbf24);
  color:#fff; border-radius:9999px; width:44px; height:45px; margin:0 auto; display:grid; place-items:center;
}
.elementor-shortcode .quiz_leaderboard_wrapper tr:nth-child(3) td:first-child{
  background:linear-gradient(135deg,#9ca3af,#cbd5e1);
  color:#111827; border-radius:9999px; width:44px; height:45px; margin:0 auto; display:grid; place-items:center;
}
.elementor-shortcode .quiz_leaderboard_wrapper tr:hover{
	color:black !important;
}
.elementor-shortcode .quiz_leaderboard_wrapper tr:nth-child(4) td:first-child{
  background:linear-gradient(135deg,#b45309,#f59e0b);
  color:#fff; border-radius:9999px; width:44px; height:45px; margin:0 auto; display:grid; place-items:center;
}

.elementor-shortcode .quiz_leaderboard_wrapper td:nth-child(3){
  white-space:nowrap;
}
.elementor-shortcode .quiz_leaderboard_wrapper td:nth-child(3) span{
  background:#eef2ff; color:#3730a3; display:inline-block;
  padding:6px 10px; border-radius:9999px; border:1px solid #e0e7ff;
}

.elementor-shortcode .quiz_leaderboard_wrapper td:nth-child(6){
  font-variant-numeric:tabular-nums;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}

.elementor-shortcode .quiz_leaderboard_wrapper td:nth-child(4),
.elementor-shortcode .quiz_leaderboard_wrapper td:nth-child(7){
  font-weight:700; text-align:center;
  background:#f8fafc; border:1px solid #e6e8eb; border-radius:8px;
}

.elementor-shortcode .quiz_leaderboard_wrapper td:last-child{
  color:#6b7280; white-space:nowrap;
}

@media (max-width:1024px){
  .elementor-shortcode [class*="leaderboard_zzrDfJ9"]{padding:8px;}
  .elementor-shortcode .quiz_leaderboard_wrapper{font-size:14px; min-width:640px;}
}
@media (max-width:640px){
  .elementor-shortcode .quiz_leaderboard_wrapper{font-size:13.5px; min-width:560px;}
}

.elementor-shortcode .quiz_graph_wrapper{
  background:#fff;
  border:1px solid #e6e8eb;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:12px;
  overflow:auto; 
}

.elementor-shortcode .quiz_graph_wrapper .plot-container{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.elementor-shortcode .quiz_graph_wrapper .modebar-btn.plotlyjsicon{ display:none !important; }

.elementor-shortcode .quiz_graph_wrapper .modebar{
  background:transparent !important;
}

.qsm-popup__container.qmn_quiz_container{
  width: min(520px, calc(100vw - 32px));
  border-radius: 18px;
  border: 1px solid #ece7ff;
  background: #fff;
  box-shadow: 0 24px 60px rgba(24, 16, 66, 0.22);
  padding: 0;
  overflow: hidden;
}

.qsm-popup__container .qsm-popup__content{
  text-align: center;
  padding: 28px 24px 18px;
  background: linear-gradient(180deg, #fbf9ff 0%, #ffffff 100%);
}

.qsm-popup__container .qsm-popup__content > img{
  display: block;
  margin: 0 auto 14px !important;
  width: 52px !important;
  height: 52px;
  object-fit: contain;
}

.qsm-popup__container .qsm-popup__content p{
  margin: 0 auto 10px !important;
  width: auto !important;
  max-width: 360px;
  color: #271d55;
  text-align: center !important;
  font-size: 15px !important;
  line-height: 1.45;
  font-weight: 500 !important;
}

.qsm-popup__container .qsm-popup__content p:first-of-type{
  font-size: 21px !important;
  line-height: 1.25;
  font-weight: 800 !important;
  color: #2d1f73;
}

.qsm-popup__container .qsm-popup__footer{
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 16px 18px 20px;
  background: #fff;
  border-top: 1px solid #f0ecff;
}

.qsm-popup__container .qsm-popup__footer .qmn_btn{
  appearance: none;
  -webkit-appearance: none;
  min-width: 150px;
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid #d8ceff;
  background: #fff;
  color: #4c3ac8;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  padding: 0 16px;
  cursor: pointer;
  box-shadow: none;
  transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}

.qsm-popup__container .qsm-popup__footer .qmn_btn:hover{
  transform: translateY(-1px);
}

.qsm-popup__container .qsm-popup__footer .qsm-restart-quiz-from-modal{
  background: #f7f5ff;
  border-color: #dbb4fe;
  color: #5a3fd1;
}

.qsm-popup__container .qsm-popup__footer .qsm-resume-quiz-from-modal{
  background: #624bff !important;
  border-color: #624bff !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(98, 75, 255, 0.28) !important;
}

.qsm-popup__container .qsm-popup__footer .qsm-resume-quiz-from-modal:hover{
  background: #553eed !important;
  border-color: #553eed !important;
  color: #fff !important;
}

.qsm-popup__container .qsm-popup__footer .qsm-resume-quiz-from-modal:focus,
.qsm-popup__container .qsm-popup__footer .qsm-resume-quiz-from-modal:active,
.qsm-popup__container .qsm-popup__footer .qsm-resume-quiz-from-modal:focus-visible{
  background: #553eed !important;
  border-color: #553eed !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgba(219, 180, 254, 0.65), 0 10px 22px rgba(98, 75, 255, 0.28) !important;
}

.qsm-popup__container .qsm-popup__footer .qmn_btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(219, 180, 254, 0.6);
}

@media (max-width: 640px){
  .qsm-popup__container.qmn_quiz_container{
    width: calc(100vw - 20px);
    border-radius: 14px;
  }

  .qsm-popup__container .qsm-popup__content{
    padding: 20px 14px 12px;
  }

  .qsm-popup__container .qsm-popup__content > img{
    width: 44px !important;
    height: 44px;
    margin-bottom: 10px !important;
  }

  .qsm-popup__container .qsm-popup__content p:first-of-type{
    font-size: 18px !important;
  }

  .qsm-popup__container .qsm-popup__content p{
    font-size: 14px !important;
    max-width: 100%;
  }

  .qsm-popup__container .qsm-popup__footer{
    flex-direction: column;
    gap: 8px;
    padding: 14px 14px 16px;
  }

  .qsm-popup__container .qsm-popup__footer .qmn_btn{
    width: 100%;
    min-width: 0;
  }
}
.elementor-shortcode .quiz_graph_wrapper .modebar .modebar-btn{
  border-radius:10px;
  padding:6px;
  margin:2px;
  background:#f8fafc;
  border:1px solid #e6e8eb;
  box-shadow:none !important;
}
.elementor-shortcode .quiz_graph_wrapper .modebar .modebar-btn:hover{
  background:#eef2ff;
  border-color:#d1d5db;
}

.elementor-shortcode .quiz_graph_wrapper .main-svg text{
  fill:#111827 !important;
}

.elementor-shortcode .quiz_graph_wrapper .plot{
  border-radius:12px;
  overflow:hidden;
}

.elementor-shortcode .quiz_graph_wrapper .hoverlayer .hovertext{
  border-radius:10px !important;
}

@media (max-width: 768px){
  .elementor-shortcode .quiz_graph_wrapper{ padding:8px; }
}

.elementor-shortcode .quiz_leaderboard_wrapper tr:nth-child(2) td:first-child:hover{
	color:black !important;
}
.elementor-shortcode .quiz_leaderboard_wrapper tr:nth-child(4):hover td:first-child:hover{
	color:black !important;
}
.elementor-shortcode {
	overflow-x:auto;
}

.qsm_results_table{
  background:#fff;
  border:1px solid #e6e8eb;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:12px;
  overflow-x:auto;          
  -webkit-overflow-scrolling:touch;
}

.qsm_results_table .user-dashboard-pagination{
  display:flex; justify-content:space-between; align-items:center;
  gap:8px; margin:4px 0 10px;
}

.qsm_results_table .user-dashboard-list{
  width:100%;
  min-width:720px;          
  border-collapse:separate; border-spacing:0;
  font-size:15px; line-height:1.45;
}

.qsm_results_table .user-dashboard-list thead th{
  position:sticky; top:0; z-index:2;
  background:#f8fafc; color:#0f172a;
  text-align:left; font-weight:700;
  border-bottom:1px solid #d1d5db; padding:14px 12px; white-space:nowrap;
}

.qsm_results_table .user-dashboard-list td{
  padding:12px; border-bottom:1px solid #e6e8eb; vertical-align:middle;
}

.qsm_results_table .user-dashboard-list td span[style*="font-size"]{
  font-size:15px !important; line-height:1.45 !important;
}

.qsm_results_table .user-dashboard-list tbody tr:nth-child(odd){ background:#fcfcfd; }
.qsm_results_table .user-dashboard-list tbody tr:hover{ background:#f7f9fb; }

.qsm_results_table .user-dashboard-list thead th:first-child{ border-top-left-radius:12px; }
.qsm_results_table .user-dashboard-list thead th:last-child{  border-top-right-radius:12px; }
.qsm_results_table .user-dashboard-list tbody tr:last-child td:first-child{ border-bottom-left-radius:12px; }
.qsm_results_table .user-dashboard-list tbody tr:last-child td:last-child{  border-bottom-right-radius:12px; }

.qsm_results_table .user-dashboard-list td:first-child a{
  display:inline-block; text-decoration:none; font-weight:700;
  background:#624BFF; color:#fff; padding:8px 12px; border-radius:10px;
}
.qsm_results_table .user-dashboard-list td:nth-child(3){
  font-variant-numeric:tabular-nums;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  white-space:nowrap;
}

.qsm_results_table .user-dashboard-list td:last-child span{
  display:inline-block; font-weight:700;
  background:#f8fafc; border:1px solid #e6e8eb; border-radius:8px;
  padding:6px 10px;
}

@media (max-width: 640px){
  .qsm_results_table{ padding:8px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .qsm_results_table .user-dashboard-list{ min-width: 480px; font-size:13px; }
  .qsm_results_table .user-dashboard-list td span{ font-size: 13px !important; }
  .qsm_results_table .user-dashboard-list th,
  .qsm_results_table .user-dashboard-list td{ padding: 8px 8px; }
}
.mlw_qmn_timer{
	color:black !important;
}

.qsm-fav-sep { display:inline-block; width:8px; height:1px; }
.qsm-fav-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border:1px solid #e6e6ef; border-radius:10px;
  background:#fff; cursor:pointer; font-size:13.5px; line-height:1;
  transition:.2s ease; box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.qsm-fav-btn:hover{ border-color:#cfd3ff; box-shadow:0 2px 6px rgba(98,75,255,.08); }
.qsm-fav-btn[aria-pressed="true"]{
  background:#f5f4ff; border-color:#624bff1a;
}
.qsm-fav-star{ font-size:15px; }

.qsm-fav-page{ max-width:900px; margin:0 auto; }
.qsm-fav-title{ font-size:22px; margin:10px 0 16px; color:#1f2233; }
.qsm-fav-empty{ padding:16px; background:#fafbff; border:1px dashed #dfe2ff; border-radius:12px; color:#5a5f7d; }

.qsm-fav-card{
  border:1px solid #eceef6; border-radius:14px; padding:14px; margin:12px 0;
  background:#fff; box-shadow:0 2px 8px rgba(31,34,51,.04);
}
.qsm-fav-head{ display:flex; align-items:center; gap:12px; }
.qsm-fav-badge{ width:28px; height:28px; display:grid; place-content:center;
  border-radius:50%; background:#f0efff; color:#624bff; font-size:14px; }
.qsm-fav-meta{ flex:1 1 auto; }
.qsm-fav-test{ font-weight:600; color:#222; }
.qsm-fav-id{ font-size:12px; color:#7a7f95; }

.qsm-fav-remove{
  border:1px solid #f1d6da; color:#b42334; background:#fff5f6;
  border-radius:10px; padding:6px 10px; cursor:pointer; font-size:13px;
}
.qsm-fav-remove:hover{ background:#ffe9ec; }

.qsm-fav-text{ margin:10px 0 6px; color:#2d3042; }
.qsm-fav-actions .qsm-fav-link{
  display:inline-block; padding:6px 10px; border-radius:10px;
  background:#624bff; color:#fff; text-decoration:none; font-size:13px;
}
.qsm-fav-actions .qsm-fav-link:hover{ opacity:.92; }

@media (max-width: 600px){
  .qsm-fav-head{ align-items:flex-start; }
  .qsm-fav-remove{ padding:6px 8px; }
}
.quiz_section{
	width:100% !important;
}
#qsm-sr-unique-id{
  border:3px solid #624bff !important;
  background:#eef0ff !important;
  color:#241f6b;
}
.qsm-show-session-id{ color:#624bff !important; }
.qsm-show-session-id:hover{ text-decoration: underline; }

.qsm-hard-wrapper {
  --brand: #624bff;
  --ink: #0f172a;
  --muted: #64748b;
  --card: #ffffff;
  --border: #e6e8eb;
  --card-shadow: 0 8px 24px rgba(2, 6, 23, .06);
  background: linear-gradient(0deg, #fafbff, #fafbff);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 18px;
  box-shadow: var(--card-shadow);
  color: var(--ink);
}

.qsm-hard-wrapper h3 {
  margin: 0 0 12px !important;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .2px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.qsm-hard-wrapper h3::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--brand);
  box-shadow: 0 0 0 6px color-mix(in oklab, var(--brand) 15%, transparent);
}

.qsm-hard-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.qsm-hard-list > li {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px;
  transition: box-shadow .18s ease, border-color .18s ease, transform .12s ease;
}
.qsm-hard-list > li:hover {
  border-color: color-mix(in oklab, var(--brand) 35%, var(--border));
  box-shadow: 0 10px 26px rgba(2, 6, 23, .08);
  transform: translateY(-1px);
}

.qsm-hard-list > li > div:first-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 6px;
}

.qsm-hard-list > li > div + div {
  font-size: 13px;
  color: var(--muted);
}

.qsm-hard-list b {
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  background: #f3f4f6;
  color: #111827;
}

.qsm-hard-empty {
  border: 1px dashed var(--border);
  background: #fafafa;
  color: var(--muted);
  border-radius: 12px;
  padding: 14px;
}

@media (max-width: 480px) {
  .qsm-hard-wrapper { padding: 14px; border-radius: 14px; }
  .qsm-hard-wrapper h3 { font-size: 16px; }
  .qsm-hard-list > li { padding: 12px; border-radius: 12px; }
  .qsm-hard-list > li > div:first-child { font-size: 15px; }
  .qsm-hard-list > li > div + div { font-size: 12px; }
}

@media (prefers-color-scheme: dark) {
  .qsm-hard-wrapper {
    --ink: #e5e7eb;
    --muted: #a4b0be;
    --card: #0b1020;
    --border: #1e293b;
    background: linear-gradient(0deg, #0a0f1d, #0a0f1d);
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
  }
  .qsm-hard-list b { background: #121a2e; color: #e5e7eb; }
  .qsm-hard-empty { background: #0b1020; border-color: #233044; }
}

.qsm-quiz-navigator-pages .qsm-pages-number.qsm-nav-correct{
  background: rgba(16,185,129,.88) !important;
  border-color: rgba(16,185,129,.45) !important;
}

.qsm-quiz-navigator-pages .qsm-pages-number.qsm-nav-wrong{
  background: rgba(239,68,68,.88) !important;
  border-color: rgba(239,68,68,.45) !important;
}

.qsm-quiz-navigator-pages .qsm-pages-number.qsm-nav-correct:hover{
  background: rgba(16,185,129,.58) !important;
  border-color: rgba(16,185,129,.45) !important;
}

.qsm-quiz-navigator-pages .qsm-pages-number.qsm-nav-wrong:hover{
	  background: rgba(239,68,68,.58) !important;
  border-color: rgba(239,68,68,.45) !important;
}

form .qsm_retake_button#qsm_retake_button,
.qmn_results_page form #qsm_retake_button.qsm_retake_button.qmn_btn,
.qsm-quiz-container .qmn_results_page form input[type="submit"]#qsm_retake_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  margin-top: 16px !important;
  padding: 0 18px !important;
  border: 1px solid #624bff !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #624bff 0%, #543de8 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 20px rgba(98, 75, 255, 0.28) !important;
  cursor: pointer !important;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
}

form .qsm_retake_button#qsm_retake_button:hover,
.qmn_results_page form #qsm_retake_button.qsm_retake_button.qmn_btn:hover,
.qsm-quiz-container .qmn_results_page form input[type="submit"]#qsm_retake_button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
  box-shadow: 0 12px 24px rgba(98, 75, 255, 0.34) !important;
}

form .qsm_retake_button#qsm_retake_button:focus-visible,
.qmn_results_page form #qsm_retake_button.qsm_retake_button.qmn_btn:focus-visible,
.qsm-quiz-container .qmn_results_page form input[type="submit"]#qsm_retake_button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(219, 180, 254, 0.65), 0 10px 20px rgba(98, 75, 255, 0.28) !important;
}

@media (max-width: 767px) {
  form .qsm_retake_button#qsm_retake_button,
  .qmn_results_page form #qsm_retake_button.qsm_retake_button.qmn_btn,
  .qsm-quiz-container .qmn_results_page form input[type="submit"]#qsm_retake_button {
    width: 100% !important;
  }
}
.elementor-widget-woocommerce-my-account,
.elementor-widget-woocommerce-my-account .elementor-widget-container,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content-wrapper {
	overflow: visible !important;
}
.elementor-widget-woocommerce-my-account{
	margin:0px auto !important;
}
div.nsl-container .nsl-button-google div.nsl-button-label-container{
	font-family:"PT Sans" !important;
}

.fade-carousel{
  --fade-hard: 120px; 
  --fade-soft: 70px;  
}

.fade-carousel .swiper.elementor-loop-container{
  -webkit-mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 calc(100% - var(--fade-hard)),
    rgba(0,0,0,.35) calc(100% - var(--fade-soft)),
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 calc(100% - var(--fade-hard)),
    rgba(0,0,0,.35) calc(100% - var(--fade-soft)),
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@media (min-width: 768px) and (max-width: 1024px){
  .fade-carousel{
    --fade-hard: 95px;
    --fade-soft: 55px;
  }
}

@media (max-width: 767px){
  .fade-carousel{
    --fade-hard: 70px;
    --fade-soft: 40px;
  }
}

/* === Таймер: заметный, по центру сверху над вопросом (Фото 6) === */
.mlw_qmn_quiz .qsm-timer,
.mlw_qmn_quiz .mlw_qmn_timer,
.mlw_qmn_quiz #mlw_qmn_timer,
.qsm-quiz-wrapper .qsm-timer,
.qsm-quiz-wrapper .mlw_qmn_timer{
  position: sticky !important;
  top: 6px !important;
  z-index: 6 !important;
  /* flex с центровкой по обеим осям — гарантирует, что цифры
     находятся в геометрическом центре «таблетки», а не «съезжают» вниз
     из-за глифового baseline (тут заметнее на iOS/Safari). */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-height: 42px !important;
  max-width: 240px !important;
  margin: 0 auto 16px !important;
  text-align: center !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .5px !important;
  color: #1f154d !important;
  background: linear-gradient(135deg,#ffffff,#f3f1ff) !important;
  border: 1.5px solid #cfc8ff !important;
  border-radius: 999px !important;
  padding: 0 22px !important;
  box-shadow: 0 6px 18px rgba(98,75,255,.18) !important;
  font-variant-numeric: tabular-nums !important;
}
/* Обёртки QSM могут оборачивать цифры в <span>/<strong> с собственным
   line-height — нормализуем, чтобы геометрия таблетки всегда была чистой. */
.mlw_qmn_quiz .qsm-timer *,
.mlw_qmn_quiz .mlw_qmn_timer *,
.mlw_qmn_quiz #mlw_qmn_timer *,
.qsm-quiz-wrapper .qsm-timer *,
.qsm-quiz-wrapper .mlw_qmn_timer *{
  line-height: 1 !important;
  vertical-align: middle !important;
}
/* Если родитель (например, .qmn_quiz_container) — block-контейнер, нам нужен
   именно block-flex для горизонтальной центровки. */
.mlw_qmn_quiz > .qsm-timer,
.mlw_qmn_quiz > .mlw_qmn_timer,
.mlw_qmn_quiz > #mlw_qmn_timer{
  display: flex !important;
  width: max-content !important;
}