.elementor-21268 .elementor-element.elementor-element-0eb8534{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21268 .elementor-element.elementor-element-9391ab0{--display:flex;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:#814492;--border-color:#814492;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-21268 .elementor-element.elementor-element-9391ab0:not(.elementor-motion-effects-element-type-background), .elementor-21268 .elementor-element.elementor-element-9391ab0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-21268 .elementor-element.elementor-element-9391ab0.e-con{--align-self:center;}@media(min-width:768px){.elementor-21268 .elementor-element.elementor-element-0eb8534{--content-width:590px;}.elementor-21268 .elementor-element.elementor-element-9391ab0{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-0eb8534 *//* --------------------------------------------
   1) Quiz card styling
-------------------------------------------- */
.qsm-quiz-container {
  max-width: 650px;
  margin: 0 auto;
  padding: 2rem 2.25rem;
  border: 2px solid #d0d0d0;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
  background: #fff;
}

/* Pagination tweaks */
.qsm-pagination {
  margin-top: 2rem !important;
  text-align: center;
}
.qsm-pagination .qsm-progress-bar {
  height: 10px !important;
  border-radius: 5px;
}

/* --------------------------------------------
   2) Typography & Inputs
-------------------------------------------- */
/* Body text & labels */
.qsm-quiz-container,
.qsm-quiz-container p,
.qsm-quiz-container label {
  font-size: 1.125rem;  /* ≈18px */
  line-height: 1.55;
}

/* Question headings */
.qsm-quiz-container .mlw_qmn_new_question {
  font-size: 1.25rem;   /* ≈20px */
  font-weight: 700;
  margin: 1.5rem 0 .75rem;
}

/* Checkboxes & radios */
.qsm-quiz-container input[type="checkbox"],
.qsm-quiz-container input[type="radio"] {
  transform: scale(1.4);
  margin-right: .5rem;
}

/* Buttons */
.qsm-quiz-container .qsm-btn {
  background: #814492;
  border: none;
  padding: .65rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 6px;
  transition: background .2s;
}
.qsm-quiz-container .qsm-btn:hover,
.qsm-quiz-container .qsm-btn:focus {
  background: #662e73;
  color: #fff;
}

/* --------------------------------------------
   3) Results page typography
-------------------------------------------- */
.qsm-quiz-container .qsm-results-page,
.qsm-quiz-container .qsm-results-page * {
  font-size: 1.225rem !important;
  line-height: 1.55 !important;
}
.qsm-quiz-container .qsm-results-page h2 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin-bottom: .85rem !important;
}

/* --------------------------------------------
   4) Quiz reveal logic (opacity-fade only)
-------------------------------------------- */
/* hidden by default */
#adult, #parent, #educator {
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease;
}
/* visible when .qsm-show is added */
.qsm-show {
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* ensure hidden quizzes take no flex-space */
#adult:not(.qsm-show),
#parent:not(.qsm-show),
#educator:not(.qsm-show) {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* --------------------------------------------
   5) No-jump scrollbar setup
-------------------------------------------- */
html {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

/* --------------------------------------------
   6) Transform-based chooser collapse
-------------------------------------------- */
/* make sure your parent section uses id="spin-wrapper" */
#spin-wrapper { position: relative; }

/* chooser starts fully visible */
#chooser {
  transform-origin: top center;
  transition: transform .3s ease, opacity .3s ease;
  opacity: 1;
  pointer-events: auto;
}

/* chooser.hidden collapses it in both sight & layout */
#chooser.hidden {
  transform: scaleY(0);
  opacity: 0;
  pointer-events: none;
  /* remove its reserved space */
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* helper */
.cursor {
  cursor: pointer;
}

/* chooser.hidden must collapse both visually and in layout */
#chooser.hidden {
  transform-origin: top center;
  transition: transform .3s ease, opacity .3s ease;

  /* visual hide */
  transform: scaleY(0);
  opacity: 0;
  pointer-events: none;

  /* layout collapse */
  height:      0 !important;
  margin:      0 !important;
  padding:     0 !important;
  overflow:    hidden !important;
}

/* Fully collapse any quiz container that isn’t “.qsm-show” */
#adult:not(.qsm-show),
#parent:not(.qsm-show),
#educator:not(.qsm-show) {
  display: none !important;
}

.pages_count, .qsm-page .pages_count, .quiz_section .pages_count {
    font-weight: bold !important;
}/* End custom CSS */