.elementor-12350 .elementor-element.elementor-element-eeafbcc > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-12350 .elementor-element.elementor-element-2486fec{margin-top:-30px;margin-bottom:0px;}.elementor-12350 .elementor-element.elementor-element-9255fcd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12350 .elementor-element.elementor-element-db6a83d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-12350 .elementor-element.elementor-element-e763d8c > .elementor-widget-container{margin:0px 0px -80px 0px;}@media(min-width:768px){.elementor-12350 .elementor-element.elementor-element-13dffb7{width:74.98%;}.elementor-12350 .elementor-element.elementor-element-be0fbb1{width:24.976%;}}/* Start custom CSS for text-editor, class: .elementor-element-0e0e3f6 *//* ============================================================
   TILIA BRAND — Quiz Maker (ays_quiz) custom CSS
   Paste this into: Quiz Maker → Quiz 2 → Custom CSS
   Brand: navy #102A83, yellow #FFCC00, ink #3a4358
   ============================================================ */

/* ---------- Wrapper ---------- */
.ays-quiz-container.ays_quiz_classic_light,
.ays-quiz-container {
  background: #ffffff !important;
  border-radius: 24px !important;
  box-shadow: 0 40px 80px -30px rgba(16,42,131,.28), 0 14px 32px -14px rgba(16,42,131,.14), 0 2px 6px rgba(16,42,131,.05) !important;
  border: 1px solid rgba(16,42,131,.08) !important;
  padding: 40px 36px !important;
  font-family: 'Plus Jakarta Sans','Inter',system-ui,sans-serif !important;
  color: #3a4358 !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Remove plugin's default decorative frame */
.ays-quiz-container * { box-sizing: border-box; }
.ays-quiz-container input,
.ays-quiz-container button,
.ays-quiz-container label,
.ays-quiz-container p,
.ays-quiz-container div { font-family: inherit !important; }

/* ---------- Start screen ---------- */
.ays-quiz-container .ays-start-page,
.ays-quiz-container .ays-abs-fs.ays-start-page {
  padding: 0 !important;
  text-align: center;
}

.ays-quiz-container .ays-fs-title,
.ays-quiz-container .ays_quiz_title {
  font-size: clamp(22px, 2.2vw, 30px) !important;
  font-weight: 800 !important;
  color: #102A83 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  margin: 0 0 14px !important;
}

.ays-quiz-container .ays-fs-subtitle {
  font-size: 15.5px !important;
  line-height: 1.6 !important;
  color: #5b6480 !important;
  max-width: 56ch;
  margin: 0 auto 28px !important;
}

/* ---------- Start / Next / Submit / Restart buttons ---------- */
.ays-quiz-container .ays_buttons_div input,
.ays-quiz-container .start_button,
.ays-quiz-container .action-button,
.ays-quiz-container .ays_next,
.ays-quiz-container .ays_previous,
.ays-quiz-container .ays_finish_quiz,
.ays-quiz-container .ays-restart-button,
.ays-quiz-container input[type="button"],
.ays-quiz-container input[type="submit"],
.ays-quiz-container button.action-button {
  background: #FFCC00 !important;
  color: #102A83 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 14px 30px -10px rgba(255,204,0,.55) !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
  min-width: 180px !important;
  height: auto !important;
  line-height: 1 !important;
}

.ays-quiz-container .ays_buttons_div input:hover,
.ays-quiz-container .start_button:hover,
.ays-quiz-container .action-button:hover,
.ays-quiz-container .ays_next:hover,
.ays-quiz-container .ays_previous:hover,
.ays-quiz-container .ays_finish_quiz:hover,
.ays-quiz-container .ays-restart-button:hover {
  background: #ffd633 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 36px -10px rgba(255,204,0,.7) !important;
}

/* Secondary (Previous) — outlined navy */
.ays-quiz-container .ays_previous {
  background: transparent !important;
  color: #102A83 !important;
  border: 2px solid rgba(16,42,131,.18) !important;
  box-shadow: none !important;
}
.ays-quiz-container .ays_previous:hover {
  background: rgba(16,42,131,.05) !important;
  border-color: #102A83 !important;
  box-shadow: none !important;
}

/* Buttons row layout */
.ays-quiz-container .ays_buttons_div {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin-top: 28px !important;
}

/* ---------- Question header ---------- */
.ays-quiz-container .ays-question-counter,
.ays-quiz-container .ays_question_counter {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: rgba(16,42,131,.06) !important;
  color: #102A83 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 7px 16px !important;
  border-radius: 999px !important;
  margin: 0 0 18px !important;
  border: 0 !important;
}

.ays-quiz-container .ays_quiz_question {
  font-size: clamp(18px, 1.6vw, 22px) !important;
  font-weight: 800 !important;
  color: #102A83 !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  text-align: left !important;
}

/* ---------- Question image ---------- */
.ays-quiz-container .ays-image-question-img,
.ays-quiz-container .ays-quiz-question-image {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #f7f8fb !important;
  margin: 0 auto 22px !important;
  max-width: 460px !important;
  width: 100% !important;
  box-shadow: 0 12px 28px -16px rgba(16,42,131,.18) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.ays-quiz-container .ays-image-question-img img,
.ays-quiz-container .ays-quiz-question-image img {
  border-radius: 16px !important;
  display: block !important;
  width: 100% !important;
  max-width: 460px !important;
  height: auto !important;
  max-height: 320px !important;
  object-fit: contain !important;
}

/* ---------- Answer rows ---------- */
.ays-quiz-container .ays-quiz-answers,
.ays-quiz-container .ays_list_view_container {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ays-quiz-container .ays-field {
  background: #ffffff !important;
  border: 1.5px solid rgba(16,42,131,.12) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
}

.ays-quiz-container .ays-field:hover {
  border-color: #FFCC00 !important;
  background: #fffaeb !important;
  transform: translateX(4px) !important;
}

.ays-quiz-container .ays-field label {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #102A83 !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 !important;
  line-height: 1.5 !important;
}

/* Radio / checkbox styling — hide native, style ::before */
.ays-quiz-container .ays-field input[type="radio"],
.ays-quiz-container .ays-field input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(16,42,131,.22) !important;
  background: #fff !important;
  cursor: pointer !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  transition: all .18s ease !important;
}
.ays-quiz-container .ays-field input[type="checkbox"] { border-radius: 6px !important; }

.ays-quiz-container .ays-field input[type="radio"]:checked,
.ays-quiz-container .ays-field input[type="checkbox"]:checked {
  background: #FFCC00 !important;
  border-color: #FFCC00 !important;
}
.ays-quiz-container .ays-field input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #102A83;
}
.ays-quiz-container .ays-field input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #102A83;
  font-weight: 900;
  font-size: 14px;
}

/* Selected state on the row */
.ays-quiz-container .ays-field:has(input:checked),
.ays-quiz-container .ays-field.ays-field-checked,
.ays-quiz-container .ays-field.checked {
  border-color: #FFCC00 !important;
  background: #fffaeb !important;
  box-shadow: 0 8px 20px -10px rgba(255,204,0,.35) !important;
}

/* Correct / Wrong feedback */
.ays-quiz-container .ays-field.correct,
.ays-quiz-container .ays-field-correct,
.ays-quiz-container .correct_answer {
  border-color: #1da57c !important;
  background: #e8f8f1 !important;
}
.ays-quiz-container .ays-field.wrong,
.ays-quiz-container .ays-field-wrong,
.ays-quiz-container .wrong_answer {
  border-color: #e2546c !important;
  background: #fcecef !important;
}

/* ---------- Progress / counter / icons row ---------- */
.ays-quiz-container .ays-quiz-some-items-icons-wrap {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}
.ays-quiz-container .ays-quiz-full-screen-wrap {
  display: inline-flex !important;
}
.ays-quiz-container .ays-quiz-full-screen-container,
.ays-quiz-container .ays-quiz-some-items-icons-wrap a,
.ays-quiz-container .ays-quiz-some-items-icons-wrap i {
  color: rgba(16,42,131,.5) !important;
  background: rgba(16,42,131,.05) !important;
  border-radius: 8px !important;
  padding: 6px !important;
  transition: all .18s ease !important;
}
.ays-quiz-container .ays-quiz-full-screen-container:hover,
.ays-quiz-container .ays-quiz-some-items-icons-wrap a:hover {
  color: #102A83 !important;
  background: rgba(16,42,131,.1) !important;
}

.ays-quiz-container .ays-quiz-progress-bar,
.ays-quiz-container .ays-progress-bar,
.ays-quiz-container progress {
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(16,42,131,.08) !important;
  overflow: hidden !important;
  border: 0 !important;
  margin: 0 0 22px !important;
}
.ays-quiz-container .ays-quiz-progress-bar-fill,
.ays-quiz-container .ays-progress-bar-fill,
.ays-quiz-container progress::-webkit-progress-value {
  background: linear-gradient(90deg,#FFCC00 0%,#ffd633 100%) !important;
  border-radius: 999px !important;
}
.ays-quiz-container progress::-moz-progress-bar {
  background: linear-gradient(90deg,#FFCC00 0%,#ffd633 100%) !important;
}

/* Timer (if shown) */
.ays-quiz-container .ays-quiz-timer,
.ays-quiz-container .ays-quiz-counter,
.ays-quiz-container .ays-quiz-timer-text {
  color: #102A83 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* ---------- Question hint / explanation ---------- */
.ays-quiz-container .ays_question_hint,
.ays-quiz-container .ays-quiz-explanation,
.ays-quiz-container .ays_correct_answer_explanation {
  background: #f7f8fb !important;
  border-left: 4px solid #FFCC00 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
  color: #3a4358 !important;
  margin: 14px 0 !important;
  line-height: 1.55 !important;
}

/* ---------- Results page ---------- */
.ays-quiz-container .ays-quiz-results-page,
.ays-quiz-container .ays_quiz_results {
  text-align: center !important;
  padding: 8px 0 !important;
}

.ays-quiz-container .ays-quiz-results-page .ays_score,
.ays-quiz-container .ays_score,
.ays-quiz-container .ays_result_score {
  font-size: clamp(32px,3.5vw,48px) !important;
  font-weight: 800 !important;
  color: #102A83 !important;
  letter-spacing: -.02em !important;
  margin: 8px 0 !important;
}

.ays-quiz-container .ays-quiz-results-page p,
.ays-quiz-container .ays_results_box p {
  font-size: 15px !important;
  color: #5b6480 !important;
  line-height: 1.6 !important;
}

/* Results badge / pass-fail label */
.ays-quiz-container .ays_quiz_pass_message,
.ays-quiz-container .ays_pass_message {
  background: rgba(29,165,124,.1) !important;
  color: #1da57c !important;
  border-radius: 999px !important;
  padding: 8px 20px !important;
  display: inline-block !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  margin: 12px 0 !important;
}
.ays-quiz-container .ays_quiz_fail_message,
.ays-quiz-container .ays_fail_message {
  background: rgba(226,84,108,.1) !important;
  color: #e2546c !important;
  border-radius: 999px !important;
  padding: 8px 20px !important;
  display: inline-block !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  margin: 12px 0 !important;
}

/* ---------- Plugin chrome we don't want ---------- */
.ays-quiz-container .ays-quiz-options-info-icon-wrap,
.ays-quiz-container .ays_quizn_ancnoxneri_qanak {
  display: none !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 600px) {
  .ays-quiz-container.ays_quiz_classic_light,
  .ays-quiz-container {
    padding: 26px 20px !important;
    border-radius: 18px !important;
  }
  .ays-quiz-container .ays_quiz_question {
    font-size: 17px !important;
  }
  .ays-quiz-container .ays-field {
    padding: 12px 14px !important;
    border-radius: 12px !important;
  }
  .ays-quiz-container .ays-field label {
    font-size: 14px !important;
  }
  .ays-quiz-container .ays_buttons_div input,
  .ays-quiz-container .start_button,
  .ays-quiz-container .action-button,
  .ays-quiz-container .ays_next,
  .ays-quiz-container .ays_previous,
  .ays-quiz-container .ays_finish_quiz {
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 22px !important;
  }
  .ays-quiz-container .ays_buttons_div {
    flex-direction: column !important;
  }
}/* End custom CSS */