.elementor-1315 .elementor-element.elementor-element-b5c065e{--display:flex;}#elementor-popup-modal-1315 .dialog-widget-content{background-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1315{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1315 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1315 .dialog-close-button{display:flex;top:2%;background-color:var( --e-global-color-primary );font-size:19px;}body:not(.rtl) #elementor-popup-modal-1315 .dialog-close-button{right:2%;}body.rtl #elementor-popup-modal-1315 .dialog-close-button{left:2%;}#elementor-popup-modal-1315 .dialog-close-button i{color:var( --e-global-color-secondary );}#elementor-popup-modal-1315 .dialog-close-button svg{fill:var( --e-global-color-secondary );}/* Start custom CSS for shortcode, class: .elementor-element-e78b46a *//* === FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500&display=swap');

/* === QUIZ CONTAINER === */
.qsm-quiz-container,
.mlw_qmn_quiz {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #111111 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  border: none !important;
}

/* === CONTACT/FORM LABELS === */
.qsm_contact_div label,
.qsm-contact-type-text label,
.qsm-contact-type-email label {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgb(255, 255, 255) !important;
  padding-bottom: 8px !important;
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

/* === INPUT FIELDS === */
.qsm_contact_div input[type="text"],
.qsm_contact_div input[type="email"] {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: rgb(49, 47, 47) !important;
  background: rgb(255, 255, 255) !important;
  border: 1px solid rgb(105, 114, 125) !important;
  border-radius: 3px !important;
  padding: 8px 16px !important;
  height: 40px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.qsm_contact_div input:focus {
  border-color: rgb(255, 107, 1) !important;
  box-shadow: 0 0 0 2px rgba(255, 107, 1, 0.2) !important;
  outline: none !important;
}

/* === CONTACT ROW LAYOUT (50/50) === */
.quiz_section.quiz_begin {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  background: #111 !important;
  padding: 28px 36px !important;
}

.qsm_contact_div {
  flex: 1 1 calc(50% - 8px) !important;
  min-width: 180px !important;
}

/* === QUESTION SECTION === */
.quiz_section.qsm-question-wrapper {
  background: #1c1c1c !important;
  border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 24px 28px !important;
  margin: 0 36px 20px !important;
}

/* === QUESTION NUMBER === */
.mlw_qmn_question_number {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: rgb(255, 107, 1) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  display: block !important;
  margin-bottom: 12px !important;
}

/* === QUESTION TEXT === */
.mlw_qmn_new_question {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
}

/* === ANSWER OPTIONS === */
.qmn_mc_answer_wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  background: transparent !important;
}

.qmn_mc_answer_wrap:hover {
  border-color: rgba(255, 107, 1, 0.5) !important;
  background: rgba(255, 107, 1, 0.05) !important;
}

.qmn_mc_answer_wrap:has(input:checked) {
  border-color: rgb(255, 107, 1) !important;
  background: rgba(255, 107, 1, 0.1) !important;
}

/* === RADIO INPUTS (hidden, styled via label) === */
.qmn_quiz_radio {
  accent-color: rgb(255, 107, 1) !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

/* === OPTION LABELS === */
.qsm-input-label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  cursor: pointer !important;
  line-height: 1.5 !important;
}

.qmn_mc_answer_wrap:has(input:checked) .qsm-input-label {
  color: #ffffff !important;
}

/* === PROGRESS BAR === */
.qsm-progress-bar {
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 2px !important;
  height: 3px !important;
  margin: 16px 36px !important;
}

.qsm-progress-bar path:last-child {
  stroke: rgb(255, 107, 1) !important;
}

.progressbar-text {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgb(255, 107, 1) !important;
}

/* === NAVIGATION BUTTONS === */
.qsm-next-btn,
.qsm-submit-btn,
.qsm-start-btn {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgb(255, 255, 255) !important;
  background: rgb(255, 107, 1) !important;
  border: 1px solid rgb(255, 107, 1) !important;
  border-radius: 3px !important;
  height: 40px !important;
  padding: 0 24px !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}

.qsm-next-btn:hover,
.qsm-submit-btn:hover,
.qsm-start-btn:hover {
  background: #e05a00 !important;
  border-color: #e05a00 !important;
}

.qsm-previous-btn {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 3px !important;
  height: 40px !important;
  padding: 0 20px !important;
}

.qsm-previous-btn:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

/* === PAGINATION WRAPPER === */
.qsm-pagination {
  background: #111 !important;
  padding: 8px 36px 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border: none !important;
}

/* === PAGE COUNTER === */
.pages_count {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  text-align: right !important;
  padding: 0 36px 8px !important;
  display: block !important;
}

/* === ERROR MESSAGES === */
.qsm-error-message {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #ff4444 !important;
  background: rgba(255, 68, 68, 0.08) !important;
  border: 1px solid rgba(255, 68, 68, 0.2) !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  margin: 0 36px 12px !important;
  font-size: 13px !important;
}

/* === BEFORE MESSAGE === */
.mlw_qmn_message_before {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}/* End custom CSS */