.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Card container */
.hero-card{
  max-width: 1312px;
  width: 100%;
  margin: 0 auto;
  padding: 56px 64px;
  border-radius: 0;
  text-align: center;
}

/* Ensure widgets can use full width */
.sbs-h1, .sbs-h2, .sbs-domain, .sbs-body{
  width: 100% !important;
}

/* Domain */
.sbs-domain .elementor-heading-title{
  font-family: Inter, system-ui, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 25px !important;
  line-height: 38px !important;
  letter-spacing: 0.7px !important;
  color: #ffffff !important;
}

/* H1 base */
.sbs-h1 .elementor-heading-title{
  font-family: "Saira Stencil One", Inter, system-ui, Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  width: 100% !important;

  /* responsive size instead of fixed 128px */
  font-size: 128px !important;
  line-height: 192px !important;
  letter-spacing: 2.8px !important;

  /* allow wrapping by default (tablet and below) */
  white-space: normal !important;
}

/* Desktop only: keep single line */
@media (min-width: 1025px){
  .sbs-h1 .elementor-heading-title{
    white-space: nowrap !important;
  }
}

/* Tablet */
@media (max-width: 1024px){
  .sbs-h1 .elementor-heading-title{
    font-size: 72px !important;
    line-height: 86px !important;
    letter-spacing: 1.2px !important;
  }
}

/* Mobile */
@media (max-width: 767px){
  .sbs-h1 .elementor-heading-title{
    font-size: 44px !important;
    line-height: 56px !important;
    letter-spacing: 1px !important;
  }
}


/* H2 */
.sbs-h2 .elementor-heading-title{
  font-family: Montserrat, Inter, system-ui, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 36px !important;
  line-height: 40px !important;
  color: #E07B1F !important;
}

/* Body (Text Editor) */
.sbs-body, .sbs-body p{
  font-family: Inter, system-ui, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 32px !important;
  color: #ffffff !important;
}

/* FORM: force single row on desktop */
.sbs-form .elementor-form-fields-wrapper{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  align-items: stretch !important;
  justify-content: center !important;
}

/* Email field grows */
.sbs-form .elementor-field-group{
  margin: 0 !important;
}
.sbs-form .elementor-field-group:first-child{
  flex: 1 1 auto !important;
  min-width: 420px;
}

/* Submit stays fixed */
.sbs-form .elementor-field-type-submit{
  flex: 0 0 auto !important;
}

/* Input */
.sbs-form input.elementor-field{
  height: 58px !important;
  padding: 16px 24px !important;
  background: rgba(255,255,255,0.3) !important;
  border: 1px solid #ffffff !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}
.sbs-form input.elementor-field::placeholder{
  color: rgba(255,255,255,0.75) !important;
}

/* Button */
.sbs-form button.elementor-button{
  height: 58px !important;
  min-width: 171px;
  padding: 0 28px !important;
  background: #F08A1C !important;
  border: 1px solid rgba(0,0,0,0.3) !important;
  border-radius: 0 !important;
  color: #000000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-weight: 700 !important;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.25),
              -1px 0px 0px rgba(0,0,0,0.2),
              0px -1px 0px rgba(0,0,0,0.2),
              1px 0px 0px rgba(0,0,0,0.15),
              0px 2px 0px rgba(0,0,0,0.25),
              inset -2px -2px 0px rgba(0,0,0,0.15),
              inset 2px 2px 0px rgba(255,255,255,0.1) !important;
}

/* Mobile */
@media (max-width: 767px){
  .hero-card{ padding: 24px 18px; }

  .sbs-h1 .elementor-heading-title{
    font-size: 44px !important;
    line-height: 56px !important;
    letter-spacing: 1px !important;
    white-space: normal;
  }

  .sbs-h2 .elementor-heading-title{
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .sbs-body, .sbs-body p{
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .sbs-form .elementor-form-fields-wrapper{
    flex-direction: column !important;
  }

  .sbs-form button.elementor-button{
    width: 100% !important;
  }
}

/* Lock form to Figma sizes */
.sbs-form .elementor-form-fields-wrapper{
  max-width: 672px !important;
  margin: 24px auto 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
}

.sbs-form .elementor-field-group{
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Email field = first item */
.sbs-form .elementor-field-group:nth-child(1){
  flex-basis: 484.64px !important;
}

/* Submit = second item */
.sbs-form .elementor-field-group:nth-child(2){
  flex-basis: 171.36px !important;
}

.sbs-form button.elementor-button{
  width: 100% !important;
}

@media (max-width: 767px){
  .sbs-form .elementor-form-fields-wrapper{
    flex-direction: column !important;
  }
  .sbs-form .elementor-field-group:nth-child(1),
  .sbs-form .elementor-field-group:nth-child(2){
    flex-basis: auto !important;
  }
}

/* True center for H1 */
.sbs-h1 .elementor-widget-container{
  display: flex;
  justify-content: center;
}

.sbs-h1 .elementor-heading-title{
  transform: none !important;
  margin: 0 !important;
  text-align: center !important;
  display: inline-block;
  width: auto !important;
}

/* Desktop: keep one line */
@media (min-width: 1025px){
  .sbs-h1 .elementor-heading-title{
    white-space: nowrap !important;
  }
}

/* Tablet: allow wrap if needed (or keep nowrap if you prefer) */
@media (max-width: 1024px){
  .sbs-h1 .elementor-heading-title{
    white-space: nowrap !important;
}

@media (max-width: 767px){
  .sbs-h1 .elementor-heading-title{
    white-space: normal !important;
    font-size: 44px !important;
    line-height: 56px !important;
    letter-spacing: 1px !important;
  }
}

/* ===== MOBILE FORM FIX (match Figma) ===== */
@media (max-width: 767px){

  /* Stack + control overall width */
  .sbs-form .elementor-form-fields-wrapper{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;

    /* Set this to match your Figma form width on mobile */
    max-width: 320px !important;   /* try 320, 340, or 360 */
    width: 100% !important;
    margin: 24px auto 0 !important;

    align-items: center !important; /* helps center the button if fixed width */
  }

  /* Remove the desktop fixed widths so mobile can behave normally */
  .sbs-form .elementor-field-group,
  .sbs-form .elementor-field-group:nth-child(1),
  .sbs-form .elementor-field-group:nth-child(2){
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Input: full width, proper alignment */
  .sbs-form input.elementor-field{
    width: 100% !important;
    box-sizing: border-box !important;
    height: 58px !important;
    text-align: left !important; /* prevents centering issues */
  }

  /* Button: match Figma (NOT full width) */
  .sbs-form .elementor-field-type-submit{
    width: auto !important;
    align-self: center !important;
  }

  .sbs-form button.elementor-button{
    width: 250px !important;     /* change to 171px if you want exact desktop button width */
    max-width: 100% !important;
    height: 58px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* Outer wrap: holds the blurred fill */
.sbs-page-wrap{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* Blurred fill layer (uses the wrap’s own background image) */
.sbs-page-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.12);
  filter: blur(26px) saturate(115%);
  opacity: .45;              /* tweak: .25 to .55 */
  z-index: 0;
}

/* Darken the blur so it feels like a vignette */
.sbs-page-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.35); /* tweak: .20 to .55 */
  z-index: 0;
}

/* Keep your actual content above the blur layers */
.sbs-page-wrap > *{
  position: relative;
  z-index: 1;
}/* End custom CSS */