.elementor-8205 .elementor-element.elementor-element-83a9844{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-8205 .elementor-element.elementor-element-e0c6de4{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8205 .elementor-element.elementor-element-e0c6de4:not(.elementor-motion-effects-element-type-background), .elementor-8205 .elementor-element.elementor-element-e0c6de4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFBF7;}@media(min-width:768px){.elementor-8205 .elementor-element.elementor-element-83a9844{--content-width:680px;}}/* Start custom CSS for container, class: .elementor-element-83a9844 *//* Quiz Custom CSS */
.quiz-step, .quiz-result {
  display: none;
}

.quiz-step.active, .quiz-result.active {
  display: block;
  animation: quizFadeIn 0.35s ease-in-out;
}

@keyframes quizFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Option Cards Styling */
.quiz-option-card {
  background: #ffffff;
  border: 2px solid #E8E2D8;
  border-radius: 14px;
  padding: 18px 22px;
  margin-bottom: 14px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.quiz-option-card:hover {
  border-color: #1E3A2B;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.05);
}

/* Progress Bar Styling */
#quiz-progress-wrapper {
  margin-bottom: 24px;
}

.quiz-progress-bar-track {
  width: 100%;
  height: 8px;
  background-color: #EAE6DF;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 8px;
}

.quiz-progress-bar-fill {
  height: 100%;
  background-color: #1E3A2B;
  width: 25%;
  transition: width 0.3s ease;
  border-radius: 10px;
}/* End custom CSS */