.elementor-10529 .elementor-element.elementor-element-aa95af4{--display:flex;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-10529 .elementor-element.elementor-element-aa95af4:not(.elementor-motion-effects-element-type-background), .elementor-10529 .elementor-element.elementor-element-aa95af4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFEDE0;}.elementor-10529 .elementor-element.elementor-element-6a9995c{--display:flex;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;--padding-top:1%;--padding-bottom:3%;--padding-left:8%;--padding-right:8%;}.elementor-10529 .elementor-element.elementor-element-907a9c9{--display:flex;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10529 .elementor-element.elementor-element-1a39759{text-align:start;}.elementor-10529 .elementor-element.elementor-element-1a39759 img{width:39%;}.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-10529 .elementor-element.elementor-element-e8c5a48{width:var( --container-widget-width, 92% );max-width:92%;--container-widget-width:92%;--container-widget-flex-grow:0;}.elementor-10529 .elementor-element.elementor-element-e8c5a48 > .elementor-widget-container{padding:17px 0px 0px 5px;}.elementor-10529 .elementor-element.elementor-element-e8c5a48 .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:44px;font-weight:600;color:#302503;}.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-10529 .elementor-element.elementor-element-ab692a0{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;font-family:"Source Sans Pro", Sans-serif;font-size:16px;font-weight:400;}.elementor-10529 .elementor-element.elementor-element-ab692a0 > .elementor-widget-container{padding:20px 0px 0px 7px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10529 .elementor-element.elementor-element-8806aea .elementor-button{background-color:#D95F38;font-family:"Source Sans Pro", Sans-serif;font-size:1rem;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D95F38;border-radius:100px 100px 100px 100px;padding:16px 45px 16px 45px;}.elementor-10529 .elementor-element.elementor-element-8806aea .elementor-button:hover, .elementor-10529 .elementor-element.elementor-element-8806aea .elementor-button:focus{background-color:#02010100;color:#D95F38;}.elementor-10529 .elementor-element.elementor-element-8806aea > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-10529 .elementor-element.elementor-element-8806aea.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-10529 .elementor-element.elementor-element-8806aea .elementor-button:hover svg, .elementor-10529 .elementor-element.elementor-element-8806aea .elementor-button:focus svg{fill:#D95F38;}.elementor-10529 .elementor-element.elementor-element-5d79577{--display:flex;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-10529 .elementor-element.elementor-element-5d79577.e-con{--align-self:center;}.elementor-10529 .elementor-element.elementor-element-452a302 > .elementor-widget-container{padding:0px 0px 0px -4px;border-radius:32px 32px 32px 32px;}.elementor-10529 .elementor-element.elementor-element-452a302.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-10529 .elementor-element.elementor-element-452a302 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10529 .elementor-element.elementor-element-ea4bfd2{--display:flex;}.elementor-10529 .elementor-element.elementor-element-55da2ba{--display:flex;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:19px;--padding-bottom:19px;--padding-left:19px;--padding-right:19px;}.elementor-10529 .elementor-element.elementor-element-55da2ba:not(.elementor-motion-effects-element-type-background), .elementor-10529 .elementor-element.elementor-element-55da2ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5EC;}.elementor-10529 .elementor-element.elementor-element-3f1a28e{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;}.elementor-10529 .elementor-element.elementor-element-3f1a28e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-10529 .elementor-element.elementor-element-3f1a28e.elementor-element{--align-self:center;}.elementor-10529 .elementor-element.elementor-element-773e61b{--display:flex;}.elementor-10529 .elementor-element.elementor-element-37c74ac{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10529 .elementor-element.elementor-element-35eca96{--display:flex;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-10529 .elementor-element.elementor-element-35eca96:not(.elementor-motion-effects-element-type-background), .elementor-10529 .elementor-element.elementor-element-35eca96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFEDE0;}.elementor-10529 .elementor-element.elementor-element-78fae71{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10529 .elementor-element.elementor-element-028187b{--display:flex;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-10529 .elementor-element.elementor-element-028187b:not(.elementor-motion-effects-element-type-background), .elementor-10529 .elementor-element.elementor-element-028187b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D95F38;}.elementor-10529 .elementor-element.elementor-element-b48aab6{--display:flex;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:2%;--padding-right:2%;}.elementor-10529 .elementor-element.elementor-element-b48aab6.e-con{--align-self:center;}.elementor-10529 .elementor-element.elementor-element-0960e7f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-10529 .elementor-element.elementor-element-0960e7f > .elementor-widget-container{padding:13px 0px 0px 0px;}.elementor-10529 .elementor-element.elementor-element-0960e7f .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:44px;font-weight:600;color:#FFFFFF;}.elementor-10529 .elementor-element.elementor-element-bd8b4af{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;font-family:"Source Sans Pro", Sans-serif;font-size:17px;font-weight:400;color:#EFEDE0;}.elementor-10529 .elementor-element.elementor-element-bd8b4af > .elementor-widget-container{padding:39px 0px 36px 0px;}.elementor-10529 .elementor-element.elementor-element-bd8b4af.elementor-element{--align-self:center;}.elementor-10529 .elementor-element.elementor-element-26cc8f3{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;}.elementor-10529 .elementor-element.elementor-element-26cc8f3.elementor-element{--align-self:center;}.elementor-10529 .elementor-element.elementor-element-26cc8f3 > .elementor-widget-container{border-style:solid;border-color:#0201013B;border-radius:21px 21px 21px 21px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:1024px){.elementor-10529 .elementor-element.elementor-element-8806aea .elementor-button{padding:14px 35px 14px 35px;}}@media(min-width:768px){.elementor-10529 .elementor-element.elementor-element-aa95af4{--content-width:1600px;}.elementor-10529 .elementor-element.elementor-element-907a9c9{--width:93%;}.elementor-10529 .elementor-element.elementor-element-ea4bfd2{--content-width:1600px;}.elementor-10529 .elementor-element.elementor-element-55da2ba{--content-width:1600px;}.elementor-10529 .elementor-element.elementor-element-773e61b{--content-width:1600px;}.elementor-10529 .elementor-element.elementor-element-35eca96{--content-width:1600px;}}@media(max-width:767px){.elementor-10529 .elementor-element.elementor-element-aa95af4{--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:20%;--padding-left:0%;--padding-right:0%;}.elementor-10529 .elementor-element.elementor-element-e8c5a48{--container-widget-width:834px;--container-widget-flex-grow:0;width:var( --container-widget-width, 834px );max-width:834px;}.elementor-10529 .elementor-element.elementor-element-e8c5a48 .elementor-heading-title{font-size:33px;}.elementor-10529 .elementor-element.elementor-element-ab692a0{--container-widget-width:365px;--container-widget-flex-grow:0;width:var( --container-widget-width, 365px );max-width:365px;}.elementor-10529 .elementor-element.elementor-element-8806aea .elementor-button{padding:12px 25px 12px 25px;}.elementor-10529 .elementor-element.elementor-element-5d79577{--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-10529 .elementor-element.elementor-element-3f1a28e{--container-widget-width:311px;--container-widget-flex-grow:0;width:var( --container-widget-width, 311px );max-width:311px;}.elementor-10529 .elementor-element.elementor-element-0960e7f{--container-widget-width:266px;--container-widget-flex-grow:0;width:var( --container-widget-width, 266px );max-width:266px;}.elementor-10529 .elementor-element.elementor-element-0960e7f.elementor-element{--align-self:center;}.elementor-10529 .elementor-element.elementor-element-0960e7f .elementor-heading-title{font-size:36px;}.elementor-10529 .elementor-element.elementor-element-bd8b4af > .elementor-widget-container{padding:23px 0px 0px 0px;}.elementor-10529 .elementor-element.elementor-element-bd8b4af{--container-widget-width:315px;--container-widget-flex-grow:0;width:var( --container-widget-width, 315px );max-width:315px;}.elementor-10529 .elementor-element.elementor-element-26cc8f3 > .elementor-widget-container{margin:23px 0px 40px 0px;padding:0px 0px 0px 0px;}.elementor-10529 .elementor-element.elementor-element-26cc8f3{--container-widget-width:306px;--container-widget-flex-grow:0;width:var( --container-widget-width, 306px );max-width:306px;}}/* Start custom CSS for video, class: .elementor-element-452a302 *//* ==========================================================================
   Steppl — Skewed video backing shape + "Watch Steppl in action" badge
   (page-scoped)
   Scope: #steppl-video-skew-scope

   HOW TO APPLY (Elementor):
   1. Select the Column (or Container) that directly wraps ONLY the video
      widget — not a wider section with other content in it.
   2. Advanced tab → CSS ID → enter: steppl-video-skew-scope
      (no # symbol, no spaces)
   3. On that same column, check Advanced → make sure "Overflow" is NOT set
      to Hidden — if it is, the backing shape and badge will get clipped
      and won't show. Leave it as Default/Visible.
   4. Paste everything below into either:
        a) Page Settings → Custom CSS (Elementor Pro), or
        b) an HTML widget anywhere else on this same page, wrapped in a
           <style> tag (works on free Elementor too)
      Either way, because everything is scoped under the ID above, it can
      only affect this one column on this one page.

   NOTE on the badge: it's built with a CSS ::after pseudo-element rather
   than real HTML, since custom CSS alone can't add new elements to the
   page — only style existing ones. The label text and play icon are both
   generated purely in CSS (the icon via an inline SVG data URI), so no
   extra widget or HTML is required.
   ========================================================================== */

#steppl-video-skew-scope {
  position: relative !important;
}

/* The backing shape itself — sits behind the video */
#steppl-video-skew-scope::before {
  content: '';
  position: absolute;
  inset: -26px -30px -30px -26px;
  background: rgba(217, 95, 56, 0.16);
  border-radius: 34px;
  transform: rotate(-4deg);
  z-index: 0;
  pointer-events: none;
  transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),
              background 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Hover animation — the SHAPE moves/deepens, not the video itself */
#steppl-video-skew-scope:hover::before {
  transform: rotate(-4deg) scale(1.035) translate(-4px, -4px);
  box-shadow: 0 20px 48px rgba(48, 37, 3, 0.14);
  background: rgba(217, 95, 56, 0.24);
}

/* Keeps the actual video widget rendered above the backing shape */
#steppl-video-skew-scope > * {
  position: relative;
  z-index: 1;
}

/* "Watch Steppl in action" badge — pure CSS, no extra HTML needed.
   Play icon is an inline SVG background image; the label text comes from
   the `content` property below. */
#steppl-video-skew-scope::after {
  content: "Watch Steppl in action";
  position: absolute;
  z-index: 2;
  left: 19px;
  bottom: -47px;
  display: inline-block;
  background-color: #302503;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M10 8.5L16 12L10 15.5V8.5Z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 18px center;
  background-size: 14px 14px;
  color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  padding: 11px 18px 11px 40px;
  border-radius: 999px;
  box-shadow: 0 20px 48px rgba(48, 37, 3, 0.14);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  #steppl-video-skew-scope::before {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-26cc8f3 *//* ==========================================================================
   Steppl — Gravity Forms hard-override
   Scope: #steppl-gform-scope
   Everything below is nested under this ID, so it ONLY applies where that
   CSS ID has been set on the Elementor Section/Column wrapping the
   [gravityform id="51"] shortcode. It will not affect any other Gravity
   Forms instance elsewhere on the site.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap');

#steppl-gform-scope {
  --steppl-bg: #efede0;
  --steppl-white: #ffffff;
  --steppl-dark: #302503;
  --steppl-title: #867e6a;
  --steppl-accent: #d95f38;
  --steppl-border: rgba(48, 37, 3, 0.18);
}

/* Wrapper reset */
#steppl-gform-scope .gform_wrapper.gravity-theme {
  font-family: 'Source Sans Pro', sans-serif !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Field list / grid */
#steppl-gform-scope .gform_wrapper.gravity-theme .gform_fields {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  row-gap: 4px !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme .gfield {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

/* Fields that should span both columns (textareas, checkboxes, full-width fields) */
#steppl-gform-scope .gform_wrapper.gravity-theme .gfield--type-textarea,
#steppl-gform-scope .gform_wrapper.gravity-theme .gfield_html,
#steppl-gform-scope .gform_wrapper.gravity-theme .gfield--width-full,
#steppl-gform-scope .gform_wrapper.gravity-theme .gsection {
  grid-column: 1 / -1 !important;
}

/* Labels */
#steppl-gform-scope .gform_wrapper.gravity-theme .gfield_label,
#steppl-gform-scope .gform_wrapper.gravity-theme legend.gfield_label {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: var(--steppl-dark) !important;
  text-transform: none !important;
  margin-bottom: 6px !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme .gfield_required {
  color: var(--steppl-accent) !important;
}

/* Descriptions / helper text */
#steppl-gform-scope .gform_wrapper.gravity-theme .gfield_description,
#steppl-gform-scope .gform_wrapper.gravity-theme .instruction {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 13px !important;
  color: #6b654f !important;
}

/* Inputs, textareas, selects */
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="text"],
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="email"],
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="tel"],
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="url"],
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="number"],
#steppl-gform-scope .gform_wrapper.gravity-theme textarea,
#steppl-gform-scope .gform_wrapper.gravity-theme select {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  background: var(--steppl-white) !important;
  border: 1.5px solid var(--steppl-border) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  width: 100% !important;
  box-shadow: none !important;
  transition: border-color .3s ease, box-shadow .3s ease !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme input[type="text"]:focus,
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="email"]:focus,
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="tel"]:focus,
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="url"]:focus,
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="number"]:focus,
#steppl-gform-scope .gform_wrapper.gravity-theme textarea:focus,
#steppl-gform-scope .gform_wrapper.gravity-theme select:focus {
  outline: none !important;
  border-color: var(--steppl-accent) !important;
  box-shadow: 0 0 0 3px rgba(217, 95, 56, 0.15) !important;
}

/* Checkboxes / radios */
#steppl-gform-scope .gform_wrapper.gravity-theme .ginput_container_checkbox label,
#steppl-gform-scope .gform_wrapper.gravity-theme .ginput_container_radio label {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  color: #000000 !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme input[type="checkbox"],
#steppl-gform-scope .gform_wrapper.gravity-theme input[type="radio"] {
  accent-color: var(--steppl-accent) !important;
}

/* Validation errors — keep legible, but bring into the same font/shape language */
#steppl-gform-scope .gform_wrapper.gravity-theme .gfield_error input,
#steppl-gform-scope .gform_wrapper.gravity-theme .gfield_error textarea,
#steppl-gform-scope .gform_wrapper.gravity-theme .gfield_error select {
  border-color: #c0392b !important;
  background: #fdf3f2 !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme .gfield_validation_message,
#steppl-gform-scope .gform_wrapper.gravity-theme .validation_message {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #c0392b !important;
  margin-top: 4px !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme .validation_error {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 700 !important;
  color: #c0392b !important;
  border-color: #c0392b !important;
  border-radius: 8px !important;
}

/* Footer / submit button — matches the Steppl CTA style: orange fill, white
   text, inverts to transparent + orange text on hover */
#steppl-gform-scope .gform_wrapper.gravity-theme .gform_footer {
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  grid-column: 1 / -1 !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme .gform_button,
#steppl-gform-scope .gform_wrapper.gravity-theme input.gform_button,
#steppl-gform-scope .gform_wrapper.gravity-theme button.gform_button {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  width: 100% !important;
  background: var(--steppl-accent) !important;
  color: #ffffff !important;
  border: 2px solid var(--steppl-accent) !important;
  border-radius: 8px !important;
  padding: 15px 34px !important;
  cursor: pointer !important;
  transition: background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease !important;
}

#steppl-gform-scope .gform_wrapper.gravity-theme .gform_button:hover,
#steppl-gform-scope .gform_wrapper.gravity-theme .gform_button:focus-visible {
  background: transparent !important;
  color: var(--steppl-accent) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 28px rgba(217, 95, 56, 0.22) !important;
}

/* Confirmation message after successful submit */
#steppl-gform-scope .gform_wrapper.gravity-theme .gform_confirmation_message {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--steppl-dark) !important;
  background: var(--steppl-bg) !important;
  border-radius: 10px !important;
  padding: 24px !important;
  text-align: center !important;
}

/* AJAX spinner */
#steppl-gform-scope .gform_wrapper.gravity-theme .gform_ajax_spinner {
  border-top-color: var(--steppl-accent) !important;
}

/* Responsive: single column on smaller screens */
@media (max-width: 700px) {
  #steppl-gform-scope .gform_wrapper.gravity-theme .gform_fields {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */