.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-container .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-container [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-container [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-1837 .elementor-element.elementor-element-da5b74d{--display:flex;--min-height:100vh;--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;}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-heading .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 label{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-widget-heading ::placeholder{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-widget-heading .wpcf7-submit{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 );background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.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-1837 .elementor-element.elementor-element-3e4851d.elementor-element{--align-self:center;}.elementor-1837 .elementor-element.elementor-element-3e4851d{text-align:center;}.elementor-1837 .elementor-element.elementor-element-3e4851d .elementor-heading-title{color:var( --e-global-color-e6613ac );}.elementor-widget-text-editor .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-text-editor .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-text-editor .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-text-editor [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-text-editor [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 label{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-widget-text-editor ::placeholder{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-widget-text-editor .wpcf7-submit{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 );background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.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-1837 .elementor-element.elementor-element-7b08d07{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:center;}.elementor-widget-pafe-multi-step-form .pafe-woocommerce-sales-funnels-add-to-cart-message--success{color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .pafe-woocommerce-sales-funnels-add-to-cart-message--out-of-stock{color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .pafe-woocommerce-sales-funnels-add-to-cart-message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-pafe-multi-step-form [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-pafe-multi-step-form [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .wpcf7 label{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-widget-pafe-multi-step-form ::placeholder{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-widget-pafe-multi-step-form .wpcf7-submit{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 );background-color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .pafe-form-builder-pdf-generator-preview__item{color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .pafe-form-builder-field-mapping__preview{color:var( --e-global-color-primary );}.elementor-widget-pafe-multi-step-form .pafe-multi-step-form__progressbar-item-step{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-pafe-multi-step-form .pafe-multi-step-form__progressbar-item-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-pafe-multi-step-form a.elementor-button, .elementor-widget-pafe-multi-step-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-pafe-multi-step-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1837 .elementor-element.elementor-element-9e968e1{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-1837 .elementor-element.elementor-element-9e968e1 a.elementor-button, .elementor-1837 .elementor-element.elementor-element-9e968e1 .elementor-button{font-family:"Open Sans", Sans-serif;font-weight:500;background-color:#F1C310;border-radius:5px 5px 5px 5px;padding:5px 35px 5px 35px;}.elementor-1837 .elementor-element.elementor-element-9e968e1 .pafe-multi-step-form__content-item .pafe-multi-step-form__content-item-buttons {justify-content:space-between;}body.elementor-page-1837:not(.elementor-motion-effects-element-type-background), body.elementor-page-1837 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mystudioportfolio.com/wp-content/uploads/2026/09/Remove_text_and_form_2K_202609071202-scaled.webp");background-size:cover;}:root{--page-title-display:none;}

/* Start custom CSS for pafe-multi-step-form, class: .elementor-element-9e968e1 *//* ==========================================================================
   RANG1 33% MULTISTEP RADIO CARDS (Piotnet / Elementor Form)
   ========================================================================== */

/* 1. Force all form wrappers to span 100% full width */
.pafe-field-container,
.pafe-field-container form,
.elementor-field-type-radio,
.elementor-field-group,
.pafe-form-builder-field {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 2. Set the radio group to a 3-column grid (each item = 33.33%) */
.elementor-field-subgroup.elementor-subgroup-inline,
.elementor-field-subgroup {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 3. Ensure each item fills 100% of its 33% grid cell */
.elementor-field-subgroup .elementor-field-option {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 4. Hide the default browser circular radio input */
.elementor-field-subgroup .elementor-field-option input[type="radio"],
.elementor-field-subgroup .elementor-field-option input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 5 !important;
}

/* 5. Card style matching rang1.de */
.elementor-field-subgroup .elementor-field-option label,
.elementor-field-subgroup .elementor-field-option label.pafe-checkbox-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  border: 1px solid rgba(20, 168, 70, 0.12) !important;
  border-radius: 12px !important;
  background-color: rgba(20, 168, 70, 0.04) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #1c2b27 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-align: center !important;
  line-height: 1.35 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
  user-select: none !important;
}

/* 6. Hover state */
.elementor-field-subgroup .elementor-field-option:hover label {
  border-color: rgb(20, 168, 70, 0.6) !important;
  background-color: rgb(20, 168, 70, 0.4) !important;
}

/* 7. Active / Selected state (Solid Green #14a846 + White Text) */
.elementor-field-subgroup .elementor-field-option input[type="radio"]:checked + label,
.elementor-field-subgroup .elementor-field-option input[type="radio"]:checked ~ label,
.elementor-field-subgroup .elementor-field-option:has(input[type="radio"]:checked) label {
  border-color: rgb(20, 168, 70, 1) !important;
  background-color: rgb(20, 168, 70, 1) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   Responsive Breakpoints (Tablet: 2 columns, Mobile: 1 column)
   ========================================================================== */
@media (max-width: 899px) {
  .elementor-field-subgroup.elementor-subgroup-inline,
  .elementor-field-subgroup {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 586px) {
  .elementor-field-subgroup.elementor-subgroup-inline,
  .elementor-field-subgroup {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}
/* ==========================================================================
   ALIGN NAVIGATION BUTTONS TO THE LEFT SIDE-BY-SIDE
   ========================================================================== */

/* 1. Align buttons container to the left with a gap */
.pafe-multi-step-form__content-item-buttons {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

/* 2. Remove any auto-margins that push the Next button to the right */
.pafe-multi-step-form__content-item-buttons .pafe-multi-step-form__content-item-button,
.pafe-multi-step-form__content-item-buttons .pafe-multi-step-form__content-item-button:last-child {
  margin: 0 !important;
  margin-left: 0 !important;
  display: inline-flex !important;
}

/* 3. Keep button width fit to content */
.pafe-multi-step-form__content-item-button .elementor-button,
.pafe-multi-step-form__content-item-button button {
  width: auto !important;
}
/* ==========================================================================
   RANG1 BUTTON GRADIENT & SLIDING HOVER EFFECT
   ========================================================================== */

/* 1. Base button style with animated sliding gradient */
.pafe-multi-step-form__content-item-button .elementor-button,
.pafe-multi-step-form__content-item-button button,
.pafe-form-builder-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  border-radius: 8px !important;
  border: none !important;
  outline: none !important;
  
  /* The exact Rang1 golden gradient */
  background-image: linear-gradient(to right, #F1C40F, #EEB525, #EEB525, #F1C40F) !important;
  background-size: 300% 100% !important;
  background-position: 0 0 !important;
  
  /* Typography & color */
  color: #1c2b27 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  
  cursor: pointer !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(241, 196, 15, 0.2) !important;
  /* Smooth transition for hover */
  transition: all 0.4s ease-in-out !important;
}
/* Ensure inner text inherits color */
.pafe-multi-step-form__content-item-button .elementor-button .elementor-button-text,
.pafe-multi-step-form__content-item-button .elementor-button .elementor-button-content-wrapper {
  color: #1c2b27 !important;
}
/* 2. Interactive hover effect (gradient slides across smoothly) */
.pafe-multi-step-form__content-item-button .elementor-button:hover,
.pafe-multi-step-form__content-item-button button:hover,
.pafe-form-builder-button:hover {
  background-position: 100% 0 !important;
  box-shadow: 0 4px 14px rgba(241, 196, 15, 0.38) !important;
  transform: translateY(-1px) !important;
  transition: all 0.4s ease-in-out !important;
}
/* 3. Click / Active press feedback */
.pafe-multi-step-form__content-item-button .elementor-button:active,
.pafe-multi-step-form__content-item-button button:active,
.pafe-form-builder-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(241, 196, 15, 0.25) !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-1837 .elementor-element.elementor-element-9e968e1 .pafe-form-builder-button {
        margin-left: 17px !important;
    }
}/* End custom CSS */