.elementor-9870 .elementor-element.elementor-element-32ce4a8{--display:flex;--min-height:42vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:-103px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9870 .elementor-element.elementor-element-32ce4a8:not(.elementor-motion-effects-element-type-background), .elementor-9870 .elementor-element.elementor-element-32ce4a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sofnfree.com/wp-content/uploads/2026/05/3a9e06e994155c785c498fa46b9c315a0a693daf-scaled.png");background-position:0px -80px;background-repeat:no-repeat;background-size:cover;}.elementor-9870 .elementor-element.elementor-element-2ee2085{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9870 .elementor-element.elementor-element-f986ac0{padding:0% 0% 0% 0%;}.elementor-9870 .elementor-element.elementor-element-f986ac0 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-9870 .elementor-element.elementor-element-523c451{--spacer-size:27px;}.elementor-9870 .elementor-element.elementor-element-3cb134d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-9870 .elementor-element.elementor-element-470cb9e{--display:flex;--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9870 .elementor-element.elementor-element-43517e2{text-align:center;font-family:"Helvetica", Sans-serif;font-size:23px;font-weight:bold;color:#009845CC;}.elementor-9870 .elementor-element.elementor-element-081f76e{font-family:"Helvetica", Sans-serif;font-size:20px;font-weight:300;color:#009845CC;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9870 .elementor-element.elementor-element-2ee2085{--width:46%;}}@media(max-width:1024px){.elementor-9870 .elementor-element.elementor-element-32ce4a8:not(.elementor-motion-effects-element-type-background), .elementor-9870 .elementor-element.elementor-element-32ce4a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-9870 .elementor-element.elementor-element-32ce4a8:not(.elementor-motion-effects-element-type-background), .elementor-9870 .elementor-element.elementor-element-32ce4a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-3cb134d *//* ====== Layout like your 2nd screenshot ====== */

/* Center the whole quiz area */
.sofnfree-quiz{
  max-width:1100px;
  margin:0 auto;
}

/* Progress stays above panel */
.sofnfree-quiz .quiz-progress{
  max-width:1100px;
  margin:0 auto 24px;
}

/* Panel look */
.sofnfree-quiz .quiz-slide{
  background:#e9e7e3;
  border-radius:22px;
  padding:60px 60px 40px;
}

/* Question title */
.sofnfree-quiz .quiz-slide h2,
.sofnfree-quiz .quiz-slide .elementor-heading-title{
  text-align:center;
  margin:0 0 10px;
}

/* Select one subtitle */
.sofnfree-quiz .quiz-slide .quiz-subtitle,
.sofnfree-quiz .quiz-slide p{
  text-align:center;
  margin:0 0 28px;
}

/* ===== OPTIONS GRID ===== */

.sofnfree-quiz .quiz-options-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

/* Option button */
.sofnfree-quiz .quiz-option{
  display:block;
  width:100%;
  background:#ffffff !important;
  border:1px solid #ddd !important;
  padding:18px !important;
  margin:0 !important;
  text-align:center;
  cursor:pointer;
  transition:all .2s ease;
}

/* Hover */
.sofnfree-quiz .quiz-option:hover{
  background:#f5f5f5 !important;
}

/* ===== SELECTED OPTION ===== */

.sofnfree-quiz .quiz-option.active,
.sofnfree-quiz .quiz-option.active *{
  background:#4b4644 !important;
  color:#ffffff !important;
  border-color:#4b4644 !important;
}

/* ===== NAVIGATION BUTTONS ===== */

.sofnfree-quiz .quiz-nav{
  display:flex;
  justify-content:space-between;
  gap:30px;
  margin-top:30px;
}

.sofnfree-quiz .quiz-prev,
.sofnfree-quiz .quiz-next{
  flex:1;
  background:#000000 !important;
  color:#ffffff !important;
  padding:5px 0 !important;
  text-align:center;
  border:none !important;
  cursor:pointer;
}

/* ===== MOBILE ===== */

@media(max-width:768px){

  .sofnfree-quiz .quiz-slide{
    padding:40px 18px 26px;
  }

  .sofnfree-quiz .quiz-options-wrap{
    grid-template-columns:1fr;
  }

}/* End custom CSS */