.elementor-4377 .elementor-element.elementor-element-652d0dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-4377 .elementor-element.elementor-element-652d0dc:not(.elementor-motion-effects-element-type-background), .elementor-4377 .elementor-element.elementor-element-652d0dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4377 .elementor-element.elementor-element-652d0dc, .elementor-4377 .elementor-element.elementor-element-652d0dc::before{--border-transition:0.3s;}.elementor-4377 .elementor-element.elementor-element-371b692{--spacer-size:50px;}.elementor-4377 .elementor-element.elementor-element-889a678{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-4377 .elementor-element.elementor-element-889a678:not(.elementor-motion-effects-element-type-background), .elementor-4377 .elementor-element.elementor-element-889a678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4377 .elementor-element.elementor-element-889a678, .elementor-4377 .elementor-element.elementor-element-889a678::before{--border-transition:0.3s;}.elementor-4377 .elementor-element.elementor-element-09ce86c{--spacer-size:50px;}.elementor-4377 .elementor-element.elementor-element-e8efb2d{--display:flex;--min-height:781px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--background-transition:0.3s;}.elementor-4377 .elementor-element.elementor-element-e8efb2d:not(.elementor-motion-effects-element-type-background), .elementor-4377 .elementor-element.elementor-element-e8efb2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ottercare.com.my/wp-content/uploads/2025/12/Asset-3.png");background-size:cover;}.elementor-4377 .elementor-element.elementor-element-e8efb2d, .elementor-4377 .elementor-element.elementor-element-e8efb2d::before{--border-transition:0.3s;}.elementor-4377 .elementor-element.elementor-element-e8efb2d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4377 .elementor-element.elementor-element-8509a66{width:var( --container-widget-width, 54.45% );max-width:54.45%;--container-widget-width:54.45%;--container-widget-flex-grow:0;}.elementor-4377 .elementor-element.elementor-element-8509a66.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4377 .elementor-element.elementor-element-923ea72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-4377 .elementor-element.elementor-element-923ea72:not(.elementor-motion-effects-element-type-background), .elementor-4377 .elementor-element.elementor-element-923ea72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4377 .elementor-element.elementor-element-923ea72, .elementor-4377 .elementor-element.elementor-element-923ea72::before{--border-transition:0.3s;}.elementor-4377 .elementor-element.elementor-element-a6e093e{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:701px){.elementor-4377 .elementor-element.elementor-element-e8efb2d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-8509a66 */.quiz-header h2{
    color: #fcfcf5;
    padding-top: 20px;
}

.quiz-content {
  color: #fff;
  max-width: 900px;
  margin: auto;
  font-family: GTEstiProDisplay, sans-serif;
}

.quiz-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 40px;
  color: #fcfcf5;
}

.step-circle {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}



.option {
  padding: 30px;
  border-radius: 14px;
  border: 2px solid #fcfcf5;
  background: transparent;
  color: #fcfcf5;
  font-size: 25px;
  cursor: pointer;
  text-transform: none;
}
.quiz-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* Last option full width */
.option.wide {
  grid-column: 1 / 2;
}

.next-inline {
  grid-column: 2 / 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #fcfcf5;
  padding-left: 240px
}


.next-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fcfcf5;
  display: flex;
  align-items: center;
  justify-content: center;
}


.option.active {
  background: #fcfcf5;
  color: #1e88e5;
}



.quiz-progress {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  font-size: 20px;
  font-weight: 300;
}

.quiz-progress span {
  opacity: 0.6;
}

.quiz-progress span.active {
  opacity: 1;
}/* End custom CSS */