.elementor-1395732 .elementor-element.elementor-element-d361835{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:11px 11px;--row-gap:11px;--column-gap:11px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1395732 .elementor-element.elementor-element-d361835:not(.elementor-motion-effects-element-type-background), .elementor-1395732 .elementor-element.elementor-element-d361835 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://educateyourskin.com/wp-content/uploads/2025/04/Skin-Quiz-desktop.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1395732 .elementor-element.elementor-element-52bcd82 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-1395732 .elementor-element.elementor-element-08d1591{text-align:center;}.elementor-1395732 .elementor-element.elementor-element-08d1591 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:300;line-height:1.2em;}.elementor-1395732 .elementor-element.elementor-element-ed8222d .elementor-button{background-color:var( --e-global-color-010271e );font-size:17px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:10px 20px 10px 20px;}.elementor-1395732 .elementor-element.elementor-element-ed8222d .elementor-button:hover, .elementor-1395732 .elementor-element.elementor-element-ed8222d .elementor-button:focus{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-1395732 .elementor-element.elementor-element-ed8222d .elementor-button:hover svg, .elementor-1395732 .elementor-element.elementor-element-ed8222d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1395732 .elementor-element.elementor-element-6734163 .e-off-canvas__overlay{background-color:#0000009E;}.elementor-1395732 .elementor-element.elementor-element-6734163{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:center;--e-off-canvas-width:800px;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;--e-off-canvas-animation-duration:0.2s;--e-off-canvas-overlay-opacity:1;}.elementor-1395732 .elementor-element.elementor-element-6734163 .e-off-canvas__content{border-radius:10px 10px 10px 10px;}.elementor-1395732 .elementor-element.elementor-element-baccbd7{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-1395732 .elementor-element.elementor-element-baccbd7:not(.elementor-motion-effects-element-type-background), .elementor-1395732 .elementor-element.elementor-element-baccbd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}body:not(.rtl) .elementor-1395732 .elementor-element.elementor-element-aa7829c{right:17px;}body.rtl .elementor-1395732 .elementor-element.elementor-element-aa7829c{left:17px;}.elementor-1395732 .elementor-element.elementor-element-aa7829c{top:13px;}.elementor-1395732 .elementor-element.elementor-element-aa7829c .elementor-icon-wrapper{text-align:center;}.elementor-1395732 .elementor-element.elementor-element-aa7829c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-010271e );}.elementor-1395732 .elementor-element.elementor-element-aa7829c.elementor-view-framed .elementor-icon, .elementor-1395732 .elementor-element.elementor-element-aa7829c.elementor-view-default .elementor-icon{color:var( --e-global-color-010271e );border-color:var( --e-global-color-010271e );}.elementor-1395732 .elementor-element.elementor-element-aa7829c.elementor-view-framed .elementor-icon, .elementor-1395732 .elementor-element.elementor-element-aa7829c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-010271e );}.elementor-1395732 .elementor-element.elementor-element-aa7829c .elementor-icon{font-size:15px;}.elementor-1395732 .elementor-element.elementor-element-aa7829c .elementor-icon svg{height:15px;}@media(max-width:1024px){.elementor-1395732 .elementor-element.elementor-element-d361835:not(.elementor-motion-effects-element-type-background), .elementor-1395732 .elementor-element.elementor-element-d361835 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://educateyourskin.com/wp-content/uploads/2025/04/Skin-quiz-mobile.png");background-repeat:no-repeat;}.elementor-1395732 .elementor-element.elementor-element-d361835{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:40%;}.elementor-1395732 .elementor-element.elementor-element-08d1591{text-align:left;}.elementor-1395732 .elementor-element.elementor-element-6734163{--e-off-canvas-width:500px;}}@media(max-width:767px){.elementor-1395732 .elementor-element.elementor-element-d361835{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1395732 .elementor-element.elementor-element-52bcd82 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1395732 .elementor-element.elementor-element-52bcd82.elementor-element{--align-self:flex-start;}.elementor-1395732 .elementor-element.elementor-element-52bcd82{text-align:left;}.elementor-1395732 .elementor-element.elementor-element-08d1591 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0% 040% 0% 0%;}.elementor-1395732 .elementor-element.elementor-element-08d1591 .elementor-heading-title{font-size:44px;}.elementor-1395732 .elementor-element.elementor-element-ed8222d.elementor-element{--align-self:flex-start;}.elementor-1395732 .elementor-element.elementor-element-ed8222d .elementor-button{font-size:15px;padding:9px 43px 9px 43px;}.elementor-1395732 .elementor-element.elementor-element-6734163{--e-off-canvas-width:386px;}}@media(min-width:768px){.elementor-1395732 .elementor-element.elementor-element-d361835{--content-width:665px;}}/* Start custom CSS for shortcode, class: .elementor-element-04c1832 */.elementor-1395732 .elementor-element.elementor-element-04c1832 .uael-content {
  border-radius: 10px;
}

/* Center fields on each page */
#gform_wrapper_15 .gform_page_fields {
  text-align: center;
}

/* Main field label styling */
#gform_wrapper_15 .gfield_label {
  font-size: 36px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 25px;
  color: #333e48;
  line-height: 1.2em;
}

/* Hide progress bar title */
#gform_wrapper_15 .gf_progressbar_title {
  display: none;
}

#gform_wrapper_15 .gf_progressbar_percentage span {
  display: none;
}

/* Sub-label for radios */
#gform_wrapper_15 .ginput_container_radio .gfield_label {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #333e48;
}

/* Progress bar container: initial state hidden */
#gform_wrapper_15 .gf_progressbar_percentage {
  height: 9px;
  margin-bottom: 30px;
  width: 0%;
  visibility: hidden;
  transition: none;
}

/* Progress bar text: hidden initially */
#gform_wrapper_15 .gf_progressbar_percentage span {
  visibility: hidden;
}

/* Show progress bar and text when ready */
#gform_wrapper_15.mpaa-gform-loaded .gf_progressbar_percentage {
  visibility: visible;
  transition: width 0.4s ease;
}

#gform_wrapper_15.mpaa-gform-loaded .gf_progressbar_percentage span {
  visibility: visible;
}

/* Progress bar fill color */
#gform_wrapper_15 .gf_progressbar_percentage.percentbar_blue {
  background-color: #36b0c9;
}

/* Progress bar background track */
#gform_wrapper_15 .gf_progressbar_blue {
  background: #fff;
}

/* Style page footer container */
#gform_wrapper_15 .gform_page_footer {
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* Style navigation buttons */
#gform_wrapper_15 .gform_page_footer .gform_button {
  border: none;
  color: #333e48;
  font-size: 17px;
  font-weight: 500;
  padding: 0;
  margin: 20px 0 0 0;
}

/* Button hover/focus styles */
#gform_wrapper_15 .gform_page_footer .gform_button:hover,
#gform_wrapper_15 .gform_page_footer .gform_button:focus {
  background-color: none !important;
  color: #333e48;
  border: none;
}

/* Hide "Next" button entirely */
#gform_wrapper_15 .gform_next_button {
  display: none !important;
  visibility: hidden !important;
}

/* Hide all footer buttons by default */
#gform_wrapper_15 .gform-page-footer .gform_button {
  display: none;
}

/* Show "Previous" button if present */
#gform_wrapper_15 .gform_previous_button {
  display: inline-block !important;
}

/* Hide native radio buttons */
#gform_wrapper_15 .gfield_radio input[type="radio"] {
  display: none !important;
}

/* Radio labels styled as buttons */
#gform_wrapper_15 .gfield_radio label {
  display: inline-block;
  border-radius: 6px;
  padding: 8px 90px;
  min-width: 220px;
  background: #ffffff;
  color: #333e48;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border: 2px solid transparent;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

/* Hover state for radio labels */
#gform_wrapper_15 .gfield_radio label:hover {
  background: #36b0c9;
  color: #ffffff;
}

/* Selected radio state */
#gform_wrapper_15 .gfield_radio label.gform-selected {
  background: #ffffff;
  color: #333e48;
  border: none;
}

/* Radio group layout */
#gform_wrapper_15 .gfield_radio ul {
  display: flex;
  justify-content: center;
  gap: 5px;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  margin: 0;
}
#gform_wrapper_15 .gform_previous_button {
  display: inline-block !important;visibility: visible;}
  
#gform_wrapper_15 .gform-page-footer [type="button"] {border:none;background:none;}  

#gform_wrapper_15 {
  scroll-margin-top: 0/* End custom CSS */