.elementor-11653 .elementor-element.elementor-element-7e360f0c{--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;--padding-top:30px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-11653 .elementor-element.elementor-element-239d82fe{--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;--justify-content:space-between;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#EEEEEC;--border-color:#EEEEEC;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-11653 .elementor-element.elementor-element-34793832{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;text-align:start;}.elementor-11653 .elementor-element.elementor-element-34793832 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11653 .elementor-element.elementor-element-34793832 img{width:259px;}.elementor-11653 .elementor-element.elementor-element-3dd844c5{width:var( --container-widget-width, 220px );max-width:220px;--container-widget-width:220px;--container-widget-flex-grow:0;text-align:center;font-family:"DM Sans", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:14px;letter-spacing:0.09em;color:#909090;}.elementor-11653 .elementor-element.elementor-element-3dd844c5 > .elementor-widget-container{background-color:#EEEEEC;padding:5px 5px 5px 5px;border-radius:100px 100px 100px 100px;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);}.elementor-11653 .elementor-element.elementor-element-3dd844c5.elementor-element{--align-self:center;}.elementor-11653 .elementor-element.elementor-element-3dd844c5 p{margin-block-end:0px;}.elementor-11653 .elementor-element.elementor-element-110e81c{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-11653 .elementor-element.elementor-element-110e81c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 0px 0px;}.elementor-11653 .elementor-element.elementor-element-110e81c .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:39px;color:#0F0F0F;}.elementor-11653 .elementor-element.elementor-element-5bf640c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:0px 10px 10px 0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-11653 .elementor-element.elementor-element-8191c0f{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:26px;letter-spacing:0.03em;color:#505050;}.elementor-11653 .elementor-element.elementor-element-8191c0f > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-11653 .elementor-element.elementor-element-8191c0f p{margin-block-end:0px;}.elementor-11653 .elementor-element.elementor-element-216e52c{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C8102E;--border-color:#C8102E;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-11653 .elementor-element.elementor-element-216e52c:not(.elementor-motion-effects-element-type-background), .elementor-11653 .elementor-element.elementor-element-216e52c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F3;}.elementor-11653 .elementor-element.elementor-element-031668d{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0.03em;color:#505050;}.elementor-11653 .elementor-element.elementor-element-031668d p{margin-block-end:0px;}.elementor-11653 .elementor-element.elementor-element-721ea01{--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;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-11653 .elementor-element.elementor-element-55df7c1{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.17);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-11653 .elementor-element.elementor-element-55df7c1:not(.elementor-motion-effects-element-type-background), .elementor-11653 .elementor-element.elementor-element-55df7c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F3;}.elementor-11653 .elementor-element.elementor-element-ad78e87 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11653 .elementor-element.elementor-element-349fd04{--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;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-11653 .elementor-element.elementor-element-7fe5507{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:-212px;--padding-right:0px;overflow:visible;}.elementor-11653 .elementor-element.elementor-element-29ce9da{--divider-border-style:solid;--divider-color:#909090;--divider-border-width:1px;}.elementor-11653 .elementor-element.elementor-element-29ce9da > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-11653 .elementor-element.elementor-element-29ce9da .elementor-divider-separator{width:100%;}.elementor-11653 .elementor-element.elementor-element-e8678bf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11653 .elementor-element.elementor-element-e8678bf{text-align:center;font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;line-height:28px;letter-spacing:0.03em;color:#909090;}.elementor-11653 .elementor-element.elementor-element-e8678bf p{margin-block-end:0px;}.elementor-11653 .elementor-element.elementor-element-e8678bf a{color:#909090;}.elementor-11653 .elementor-element.elementor-element-e8678bf a:hover, .elementor-11653 .elementor-element.elementor-element-e8678bf a:focus{color:var( --e-global-color-accent );}.elementor-11653 .elementor-element.elementor-element-32476ea > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-11653 .elementor-element.elementor-element-32476ea{text-align:center;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;line-height:28px;letter-spacing:0.03em;color:#909090;}.elementor-11653 .elementor-element.elementor-element-32476ea p{margin-block-end:0px;}.elementor-11653 .elementor-element.elementor-element-32476ea a{color:#909090;}body.elementor-page-11653:not(.elementor-motion-effects-element-type-background), body.elementor-page-11653 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F3;}@media(max-width:767px){.elementor-11653 .elementor-element.elementor-element-7e360f0c{--padding-top:0px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-11653 .elementor-element.elementor-element-239d82fe{--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;--align-items:center;}.elementor-11653 .elementor-element.elementor-element-34793832 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11653 .elementor-element.elementor-element-3dd844c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11653 .elementor-element.elementor-element-110e81c .elementor-heading-title{font-size:30px;}.elementor-11653 .elementor-element.elementor-element-216e52c{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11653 .elementor-element.elementor-element-721ea01{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-11653 .elementor-element.elementor-element-55df7c1{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-11653 .elementor-element.elementor-element-349fd04{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-11653 .elementor-element.elementor-element-7fe5507{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-11653 .elementor-element.elementor-element-7e360f0c{--content-width:900px;}.elementor-11653 .elementor-element.elementor-element-216e52c{--width:800px;}.elementor-11653 .elementor-element.elementor-element-721ea01{--content-width:900px;}.elementor-11653 .elementor-element.elementor-element-55df7c1{--width:800px;}.elementor-11653 .elementor-element.elementor-element-349fd04{--content-width:900px;}}/* Start custom CSS for container, class: .elementor-element-216e52c */.elementor-11653 .elementor-element.elementor-element-216e52c {
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.04);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ad78e87 */.frm_forms .frm_progress_line.frm_show_lines input {
    height:5px!important;
}

/* 1. Ensure Radio Buttons are Perfectly Round */
.frm_forms input[type="radio"] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    appearance: radio !important;
    border-radius: 50% !important; /* Forces the browser to render circles */
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin-right: 10px !important;
}

/* 2. Style Formidable Option Labels */
.frm_forms .frm_opt_container label, 
.frm_forms .frm_radio label, 
.frm_forms .frm_checkbox label {
    font-size: 15px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.4 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 3. Force Next and Previous Buttons Inline (Left and Right sides) */
.frm_forms .frm_page_num_2 .frm_submit,
.frm_forms .frm_page_num_3 .frm_submit,
.frm_forms .frm_page_num_4 .frm_submit,
.frm_forms .frm_page_num_5 .frm_submit,
.frm_forms .frm_submit {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important; /* Pushes back to left, next to right */
    align-items: center !important;
    width: 100% !important;
    gap: 15px !important;
}

/* 4. Force the Previous Button to the Left and Next to the Right */
.frm_forms .frm_submit input[type="button"].frm_prev_page {
    order: 1 !important; /* Explicitly forces back button first */
    margin-right: auto !important;
}

.frm_forms .frm_submit input[type="submit"],
.frm_forms .frm_submit input[type="button"]:not(.frm_prev_page) {
    order: 2 !important; /* Explicitly forces forward/submit button second */
    margin-left: auto !important;
}

/* 5. Balanced Button Sizing */
.frm_forms .frm_submit input[type="submit"], 
.frm_forms .frm_submit input[type="button"] {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 10px 24px !important;
    height: auto !important;
    width: auto !important;
    min-height: unset !important;
    line-height: 1.3 !important;
    border-radius: 4px !important;
}

.frm_style_blush-modern.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_blush-modern.with_frm_style .frm-edit-page-btn, .frm_style_blush-modern.with_frm_style input[type=submit], .frm_style_blush-modern.with_frm_style .frm_submit input[type=button], .frm_style_blush-modern.with_frm_style .frm_submit button, .frm_form_submit_style {
    width:35%!important;
    display: inline!important;
    height:auto!important;
    font-size:14px!important;
    font-weight:400!important;
}

/* 1. Reset and Scale down the new Buttons */
.frm_forms .frm_submit button,
.frm_forms .frm_submit input[type="button"].frm_prev_page {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 18px !important;
    height: auto !important;
    width: auto !important;
    min-height: unset !important;
    line-height: 1.2 !important;
    border-radius: 4px !important;
    margin: 0 !important;
    cursor: pointer !important;
}

/* 2. Flex Container Layout (Pushes buttons to Left and Right) */
.frm_forms .frm_submit {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 15px !important;
    margin-top: 20px !important;
}

/* 3. Handle Two-Button Layout Orders */
.frm_forms .frm_submit input[type="button"].frm_prev_page {
    order: 1 !important;
    margin-right: auto !important;
}

.frm_forms .frm_submit button[type="submit"],
.frm_forms .frm_submit button:not(.frm_prev_page) {
    order: 2 !important;
    margin-left: auto !important;
}

/* 4. Smart Centering (When there is only ONE button on screen 1) */
.frm_page_num_1 .frm_submit {
    justify-content: center !important;
}
.frm_page_num_1 .frm_submit button {
    margin: 0 auto !important;
}

/* 5. Inject Left Arrow on Previous Button */
.frm_forms .frm_submit input[type="button"].frm_prev_page::before {
    content: "←  " !important;
    font-weight: bold !important;
}

/* 6. Inject Right Arrow on Next/Submit Buttons */
.frm_forms .frm_submit button::after {
    content: "  →" !important;
    font-weight: bold !important;
    display: inline-block !important;
}

/* 1. Reset and Scale Down All Buttons - Way Smaller & Compact */
.frm_forms .frm_submit button.frm_button_submit,
.frm_forms .frm_submit button.frm_prev_page {
    font-size: 14px !important;       /* Clean, compact text size */
    font-weight: 500 !important;
    padding: 8px 18px !important;     /* Reduces vertical and horizontal thickness */
    height: auto !important;
    width: auto !important;
    min-height: unset !important;
    line-height: 1.2 !important;
    border-radius: 4px !important;
    margin: 0 !important;             /* Strips out messy theme margins */
    cursor: pointer !important;
    display: inline-flex !important;  /* Essential for arrow alignment */
    align-items: center !important;
}

/* 2. Container Row Configuration (Flexbox for Two-Button view) */
.frm_forms .frm_submit {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important; /* Pushes back left, next right */
    align-items: center !important;
    width: 100% !important;
    gap: 15px !important;
    margin-top: 20px !important;
}

/* 3. Forces Positional Layout when BOTH buttons are present */
.frm_forms .frm_submit button.frm_prev_page {
    order: 1 !important;
    margin-right: auto !important;
}

.frm_forms .frm_submit button.frm_button_submit {
    order: 2 !important;
    margin-left: auto !important;
}

/* 4. Smart Centering: When ONLY the Next button exists (Page 1) */
.frm_forms .frm_submit button.frm_button_submit:only-child {
    margin: 0 auto !important;
    order: 1 !important;
}

/* Fallback check specifically for page 1 setup */
.frm_page_num_1 .frm_submit {
    justify-content: center !important;
}
.frm_page_num_1 .frm_submit button.frm_button_submit {
    margin: 0 auto !important;
}


/* ==========================================================
   5. ARROW INJECTIONS (Strictly Targeted with Spacing)
   ========================================================== */

/* Left Arrow ONLY BEFORE the Back Button text */
.frm_forms .frm_submit button.frm_prev_page::before {
    content: "←" !important;
    font-weight: bold !important;
    display: inline-block !important;
    margin-right: 8px !important;       /* Clean spacing between arrow and text */
    transition: transform 0.2s ease !important;
}

/* Explicitly clean and strip any right arrows off the Back Button */
.frm_forms .frm_submit button.frm_prev_page::after {
    content: "" !important;
    display: none !important;
}

/* Right Arrow ONLY AFTER the Next Button text */
.frm_forms .frm_submit button.frm_button_submit::after {
    content: "→" !important;
    font-weight: bold !important;
    display: inline-block !important;
    margin-left: 8px !important;        /* Clean spacing between text and arrow */
    transition: transform 0.2s ease !important;
}


/* ==========================================================
   6. PREMIUM POLISH: Hover Micro-Animations
   ========================================================== */

/* Nudges the left arrow further to the left on hover */
.frm_forms .frm_submit button.frm_prev_page:hover::before {
    transform: translateX(-4px) !important;
}

/* Nudges the right arrow further to the right on hover */
.frm_forms .frm_submit button.frm_button_submit:hover::after {
    transform: translateX(4px) !important;
}

/* ==========================================================================
   SMILE-LINK FORMIdABLE QUIZ STYLING MATCH (v5 SPECIFICATION)
   ========================================================================== */

/* ─── 0. VARIABLES DEFINITIONS ─── */
:root {
  --red:           #C8102E;
  --red-deep:      #a50d25;
  --red-soft:      #fdf1f3;
  --red-mid:       rgba(200,16,46,0.12);
  --text-primary:  #0f0f0f;
  --text-secondary:#505050;
  --text-hint:     #909090;
  --border:        rgba(0,0,0,0.08);
  --border-mid:    rgba(0,0,0,0.14);
  --radius-sm:     6px;
  --radius-md:     10px;
  --radius-lg:     16px;
}

/* ─── 1. CORE CONTAINER STRUCTURE ─── */
.frm_forms {
  max-width: 680px !important;
  margin: 0 auto !important;
}

/* Form block surface container matching .quiz-widget */
.frm_forms .frm_form_fields {
  background: #ffffff !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 12px 40px rgba(0,0,0,0.08) !important; /* --shadow-quiz */
  overflow: hidden !important;
  padding: 1.75rem 1.5rem 1.4rem !important; /* Matches .qw-body padding */
}

/* ─── 2. QUESTION STYLING (.qw-question) ─── */
.frm_forms .frm_form_field .frm_primary_label {
  font-family: 'Lora', serif !important;
  font-size: clamp(16px, 3vw, 18px) !important;
  font-weight: 500 !important;
  color: var(--text-primary) !important;
  line-height: 1.5 !important;
  margin-bottom: 1.25rem !important;
  display: block !important;
}

/* ─── 3. OPTIONS & OPTION CARDS (.qw-option) ─── */
.frm_forms .frm_opt_container {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important; /* Stack rows evenly */
}

/* Entire label acting as the interactive option box container */
.frm_forms .frm_opt_container label,
.frm_forms .frm_radio label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0.8rem 1rem !important;
  border: 1.5px solid var(--border-mid) !important;
  border-radius: var(--radius-md) !important;
  cursor: pointer !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14.5px !important;
  color: var(--text-secondary) !important;
  background: #ffffff !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  font-weight: 400 !important;
  user-select: none !important;
  transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s !important;
}

/* Hover State */
.frm_forms .frm_opt_container label:hover,
.frm_forms .frm_radio label:hover {
  border-color: rgba(200,16,46,0.35) !important;
  background: var(--red-soft) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 1px 6px rgba(200,16,46,0.07) !important;
}

/* Selected State (Checked) */
.frm_forms .frm_opt_container input[type="radio"]:checked + label,
.frm_forms .frm_opt_container label.frm_blank_checked, /* Class fallbacks for styling variations */
.frm_forms .frm_radio input[type="radio"]:checked + label {
  border-color: var(--red) !important;
  background: var(--red-soft) !important;
  color: var(--red) !important;
}

/* ─── 4. RADIO UTILITIES (.qw-radio) ─── */
.frm_forms input[type="radio"] {
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
  appearance: radio !important;
  flex-shrink: 0 !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--border-mid) !important;
  background: #ffffff !important;
  margin: 0 4px 0 0 !important;
  accent-color: var(--red) !important; /* Tells standard browser engine to map selected node to brand red */
}

/* ─── 5. MULTI-PAGE NAVIGATION SUBMIT FOOTER (.qw-footer) ─── */
.frm_forms .frm_submit {
  padding: 0.9rem 1.5rem !important;
  border-top: 1px solid var(--border) !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important; /* Keeps skip/back left, submit right */
  align-items: center !important;
  background: #fafafa !important;
  margin: 1.4rem -1.5rem -1.4rem -1.5rem !important; /* Bleeds perfectly to outer edges of container */
  width: auto !important;
}

/* Primary Form Action Button (.qw-next) */
.frm_forms .frm_submit button.frm_button_submit,
.frm_forms .frm_submit input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  padding: 0.6rem 1.15rem !important;
  border-radius: var(--radius-sm) !important;
  background: var(--red) !important;
  color: #ffffff !important;
  border: none !important;
  height: auto !important;
  width: auto !important;
  min-height: unset !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  transition: background 0.15s, transform 0.1s !important;
}

.frm_forms .frm_submit button.frm_button_submit:hover,
.frm_forms .frm_submit input[type="submit"]:hover {
  background: var(--red-deep) !important;
  transform: translateY(-1px) !important;
}

/* Previous/Back Button Styling */
.frm_forms .frm_submit button.frm_prev_page,
.frm_forms .frm_submit input[type="button"].frm_prev_page {
  font-family: 'DM Sans', sans-serif !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  color: var(--text-hint) !important;
  cursor: pointer !important;
  padding: 0 !important;
  height: auto !important;
  width: auto !important;
  min-height: unset !important;
  transition: color 0.15s !important;
  display: inline-flex !important;
  align-items: center !important;
}

.frm_forms .frm_submit button.frm_prev_page:hover,
.frm_forms .frm_submit input[type="button"].frm_prev_page:hover {
  color: var(--text-secondary) !important;
}

/* Positional orders */
.frm_forms .frm_submit button.frm_prev_page,
.frm_forms .frm_submit input[type="button"].frm_prev_page {
  order: 1 !important;
  margin-right: auto !important;
}
.frm_forms .frm_submit button.frm_button_submit,
.frm_forms .frm_submit input[type="submit"] {
  order: 2 !important;
  margin-left: auto !important;
}

/* Smart layout configuration if it's only the first page button wrapper */
.frm_page_num_1 .frm_submit {
  justify-content: flex-end !important; /* Next button sits naturally on right side */
}

/* ─── 6. DYNAMIC TEXT ARROW HOVER EFFECTS ─── */
/* Left Arrow on Back button */
.frm_forms .frm_submit button.frm_prev_page::before,
.frm_forms .frm_submit input[type="button"].frm_prev_page::before {
  content: "←" !important;
  font-weight: bold !important;
  display: inline-block !important;
  margin-right: 8px !important;
  transition: transform 0.2s ease !important;
}
.frm_forms .frm_submit button.frm_prev_page:hover::before,
.frm_forms .frm_submit input[type="button"].frm_prev_page:hover::before {
  transform: translateX(-4px) !important;
}

/* Right Arrow on Forward/Submit button */
.frm_forms .frm_submit button.frm_button_submit::after,
.frm_forms .frm_submit input[type="submit"]::after {
  content: "→" !important;
  font-weight: bold !important;
  display: inline-block !important;
  margin-left: 8px !important;
  transition: transform 0.2s ease !important;
}
.frm_forms .frm_submit button.frm_button_submit:hover::after,
.frm_forms .frm_submit input[type="submit"]:hover::after {
  transform: translateX(4px) !important;
}

.frm_style_blush-modern .frm_form_fields > fieldset, .frm_form_fields.frm_style_blush-modern > fieldset {
    box-shadow: none !important;
}

/* ==========================================================================
   5. NAVIGATION BUTTON LAYOUTS (SOLID RED ON HOVER, ACTIVE, AND LOADING)
   ========================================================================== */

/* Layout container row handling (Pushes buttons left & right smoothly) */
.frm_forms .frm_submit {
    padding: 0.9rem 1.5rem !important;
    border-top: 1px solid var(--border) !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #fafafa !important;
    margin: 1.4rem -1.5rem -1.4rem -1.5rem !important;
    width: auto !important;
}

/* --- THE NEXT/SUBMIT BUTTON (Always Solid Red) --- */
.frm_forms .frm_submit button.frm_button_submit,
.frm_forms .frm_submit input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    padding: 0.6rem 1.15rem !important;
    border-radius: var(--radius-sm) !important;
    background: var(--red) !important;
    color: #ffffff !important;
    border: none !important;
    height: auto !important;
    width: auto !important;
    min-height: unset !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    transition: background 0.15s, transform 0.1s !important;
    order: 2 !important;
    margin-left: auto !important;
}

.frm_forms .frm_submit button.frm_button_submit:hover,
.frm_forms .frm_submit input[type="submit"]:hover {
    background: var(--red-deep) !important;
    transform: translateY(-1px) !important;
}

/* --- THE PREVIOUS BUTTON --- */
.frm_forms .frm_submit button.frm_prev_page,
.frm_forms .frm_submit input[type="button"].frm_prev_page {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    order: 1 !important;
    margin-right: auto !important;
    cursor: pointer !important;
    height: auto !important;
    width: auto !important;
    min-height: unset !important;
    
    /* Default minimal layout style */
    background: transparent !important;
    color: var(--text-hint) !important;
    border: none !important;
    padding: 0.6rem 1.15rem !important; 
    border-radius: var(--radius-sm) !important;
    transition: background 0.15s, color 0.15s, transform 0.1s, font-size 0.15s !important;
}

/* Hover & Active States (Changes to Solid Red Pill) */
.frm_forms .frm_submit button.frm_prev_page:hover,
.frm_forms .frm_submit input[type="button"].frm_prev_page:hover,
.frm_forms .frm_submit button.frm_prev_page:active,
.frm_forms .frm_submit input[type="button"].frm_prev_page:active {
    background: var(--red) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    transform: translateY(-1px) !important;
}

/* --- LOADING STATE FOR PREVIOUS BUTTON ---
   Forces text label to disappear completely (font-size: 0) while keeping 
   the exact structural size, red color background, and padding intact. */
.frm_forms .frm_submit button.frm_prev_page:disabled,
.frm_forms .frm_submit input[type="button"].frm_prev_page:disabled,
.frm_loading_form .frm_submit button.frm_prev_page,
.frm_loading_form .frm_submit input[type="button"].frm_prev_page {
    background: var(--red) !important;
    font-size: 0px !important;             /* Instantly hides the literal 'Vorige' text label */
    color: transparent !important;         /* Safety fallback to keep text fully invisible */
    padding: 0.6rem 1.15rem !important;    /* Preserves exact original layout dimensions */
    min-width: 65px !important;            /* Ensures button container retains baseline structure width */
    opacity: 1 !important;                 /* Stops native browser dimming */
}

/* Layout adjustment when there is only the Volgende button on screen 1 */
.frm_page_num_1 .frm_submit {
    justify-content: flex-end !important;
}


/* ==========================================================================
   6. BALANCED ARROW INJECTIONS & HOVER EFFECTS
   ========================================================================== */

/* Left Arrow ONLY on the Vorige (Previous) Button */
.frm_forms .frm_submit button.frm_prev_page::before,
.frm_forms .frm_submit input[type="button"].frm_prev_page::before {
    content: "←" !important;
    font-weight: bold !important;
    display: inline-block !important;
    margin-right: 8px !important;
    transition: transform 0.2s ease !important;
}

/* Safe protection: Restore arrow font size explicitly if parent button drops to 0 */
.frm_forms .frm_submit button.frm_prev_page:disabled::before,
.frm_forms .frm_submit input[type="button"].frm_prev_page:disabled::before,
.frm_loading_form .frm_submit button.frm_prev_page::before,
.frm_loading_form .frm_submit input[type="button"].frm_prev_page::before {
    font-size: 14px !important;            /* Ensures arrow stays beautifully visible on load */
    margin-right: 0px !important;          /* Centers arrow perfectly in the pill since text is gone */
}

/* Strip any right arrows off the Vorige Button */
.frm_forms .frm_submit button.frm_prev_page::after,
.frm_forms .frm_submit input[type="button"].frm_prev_page::after {
    content: "" !important;
    display: none !important;
}

/* Right Arrow ONLY on the Volgende (Next) Button */
.frm_forms .frm_submit button.frm_button_submit::after,
.frm_forms .frm_submit input[type="submit"]::after {
    content: "→" !important;
    font-weight: bold !important;
    display: inline-block !important;
    margin-left: 8px !important;
    transition: transform 0.2s ease !important;
}

/* Animations: Arrows slide dynamically outward on hover */
.frm_forms .frm_submit button.frm_prev_page:hover::before,
.frm_forms .frm_submit input[type="button"].frm_prev_page:hover::before {
    transform: translateX(-4px) !important;
}
.frm_forms .frm_submit button.frm_button_submit:hover::after,
.frm_forms .frm_submit input[type="submit"]:hover::after {
    transform: translateX(4px) !important;
}

ul.frm_page_bar li {
    align-items:flex-end!important;
   
}

.frm_rootline_title {
    color:#c8102e!important;
}

.frm_style_blush-modern.with_frm_style {
    --fieldset-padding: 0px !important;
}

.frm_rootline_group .frm_percent_complete {
    display:none!important;
}


.frm_forms .frm_form_fields, .frm_style_blush-modern.with_frm_style, .frm_style_blush-modern.with_frm_style {
    padding:0px!important;
}

.frm_rootline_group {
    padding: 20px;
    background: #c8102e1f;
    margin: 0px !important;
}


.frm_fields_container {
    padding: 30px 20px 40px 20px;
    background:;
}


.frm_forms .frm_progress_line input {
    height: 8px!important;
}

/* Button hover and active states */
.qw-option:hover { 
  border-color: #444!important; 
  background: #444!important; 
  color: #FFD7DD!important; 
}

/* Ensure selected state is also #444 */
.qw-option.selected { 
  border-color: #444!important; 
  background: #444!important; 
  color: #FFD7DD!important; 
}

.with_frm_style .frm_rootline_group {
    background:#ECECEC!important;
}


.frm_forms .frm_submit button.frm_button_submit:hover, .frm_forms .frm_submit input[type="submit"]:hover, frm_style_blush-modern.with_frm_style .frm_submit button:active, .frm_forms .frm_submit button.frm_prev_page, .frm_forms .frm_submit button.frm_prev_page:hover {
    background:#F7E5E8!important;
    color:#C8102E!important;
}


.frm_forms {
    background:transparent!important;
}


.frm_forms .frm_form_field .frm_primary_label {
    font-size:16px!important;
}

/* Reset the oversized checkbox dimensions to a proportional square */
.frm_forms .frm_checkbox input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    display: inline-block !important;
    position: relative !important;
    vertical-align: middle !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
}

/* Remove the solid red block on active state */
.frm_forms .frm_checkbox input[type="checkbox"]:checked {
    background-color: #fff !important;
    border-color: #ccc !important; 
}

/* Generate the custom red checkmark */
.frm_forms .frm_checkbox input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 5px !important;
    height: 11px !important;
    border: solid #d93025 !important; /* Adjust hex code to match your exact brand red */
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e8678bf */.elementor-11653 .elementor-element.elementor-element-e8678bf a {
    font-size:13px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-32476ea */.elementor-11653 .elementor-element.elementor-element-32476ea a {
    font-size:13px!important;
}/* End custom CSS */