.elementor-58 .elementor-element.elementor-element-f9fdf32{--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;--border-radius:50px 50px 50px 50px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-58 .elementor-element.elementor-element-e407e64{right:30px;}body.rtl .elementor-58 .elementor-element.elementor-element-e407e64{left:30px;}.elementor-58 .elementor-element.elementor-element-e407e64{top:30px;}.elementor-58 .elementor-element.elementor-element-e407e64 .elementor-icon-wrapper{text-align:center;}#elementor-popup-modal-58 .dialog-widget-content{animation-duration:0.5s;border-radius:50px 50px 50px 50px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-58{background-color:var( --e-global-color-primary );justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-58 .dialog-message{width:1280px;height:auto;}@media(max-width:1024px){.elementor-58 .elementor-element.elementor-element-f9fdf32{--border-radius:20px 20px 20px 20px;}#elementor-popup-modal-58 .dialog-message{width:90vw;}#elementor-popup-modal-58 .dialog-widget-content{border-radius:20px 20px 20px 20px;}}@media(max-width:767px){body:not(.rtl) .elementor-58 .elementor-element.elementor-element-e407e64{right:10px;}body.rtl .elementor-58 .elementor-element.elementor-element-e407e64{left:10px;}.elementor-58 .elementor-element.elementor-element-e407e64{top:10px;}.elementor-58 .elementor-element.elementor-element-e407e64 .elementor-icon{font-size:40px;}.elementor-58 .elementor-element.elementor-element-e407e64 .elementor-icon svg{height:40px;}}/* Start custom CSS */#mi-quiz {
    border-radius: 20px;
}

.quiz-pregunta {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
}

.quiz-pregunta h2 {
    font-size: 50px;
    line-height: 56px;
    margin-bottom: 50px;
    font-family: "Shrikhand";
}

.quiz-opciones {
    display: flex;
    align-items: stretch;
    gap: 20px;
}

.quiz-opcion {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((100% - 60px) / 4);
}

.quiz-opcion h3 {
    font-family: 'Benzin';
    font-size: 18px;
    line-height: 24px;
    background-color: #FED7EF;
    padding: 13px 30px;
    border-radius: 25px;
    color: #D50083;
    transition: all 0.3s 0.08s;
    text-align: center;
    position: relative;
    z-index: 2;
    height: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.opcion-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.opcion-header img {
    border-radius: 15px;
    box-shadow: 0 0 5px #00000050;
    margin-bottom: -30px;
}

.quiz-opcion button {
    display: flex;
    border-radius: 100%;
    padding: 10px;
    background-color: #fff!important;
}

.quiz-opcion button img {
    width: 20px;
    height: 20px;
}

.quiz-anterior {
    margin-top: 30px;
    border-radius: 25px;
    padding: 13px 30px;
}


/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 1024px) {
 
 .quiz-pregunta h2 {
     font-size: 36px;
     line-height: 42px;
     text-align: center;
 }
 
 .quiz-opcion h3 {
     font-size: 14px;
     line-height: 18px;
 }
 
 .quiz-opciones {
     flex-wrap: wrap;
 }
 
  .quiz-opcion {
      width: calc((100% - 60px) / 2);
      flex-direction: row-reverse;
      gap: 20px;
  }
 
 .quiz-opcion button img {
    width: 20px;
    height: 15px;
}

.opcion-header {
    width: 100%;
}

.opcion-header img {
    height: 160px;
    width: 100%;
    object-fit: cover;
    object-position: top
}
 
}

@media all and (max-width: 767px) {
 
 .quiz-opciones {
     justify-content: space-between;
 }
 
 .quiz-pregunta h2 {
     font-size: 28px;
     line-height: 34px;
 }
    
    .quiz-opcion {
      width: calc((100% - 20px) / 2);
      flex-direction: column;
      gap: 10px;
      justify-content: space-between;
  }
  
  .opcion-header img {
        width: 100%;
        object-fit: cover;
    }
  
  .quiz-pregunta {
    padding: 30px 20px;
}

.quiz-opcion h3 {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 17px;
    border-radius: 10px;
    height: 60px;
    display: flex;
    align-items: center;
}
    
}




/* -- *//* End custom CSS */