.elementor-1004 .elementor-element.elementor-element-2db6cf3{--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;--justify-content:center;--align-items:flex-start;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--overlay-opacity:0;--padding-top:10px;--padding-bottom:180px;--padding-left:030px;--padding-right:030px;}.elementor-1004 .elementor-element.elementor-element-2db6cf3:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-2db6cf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-2db6cf3::before, .elementor-1004 .elementor-element.elementor-element-2db6cf3 > .elementor-background-video-container::before, .elementor-1004 .elementor-element.elementor-element-2db6cf3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1004 .elementor-element.elementor-element-2db6cf3 > .elementor-background-slideshow::before, .elementor-1004 .elementor-element.elementor-element-2db6cf3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1004 .elementor-element.elementor-element-2db6cf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1004 .elementor-element.elementor-element-0b8e77c{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1004 .elementor-element.elementor-element-0b8e77c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1004 .elementor-element.elementor-element-54dcf8e{border-radius:12px 12px 12px 12px;}.elementor-1004 .elementor-element.elementor-element-54dcf8e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1004 .elementor-element.elementor-element-1c8c8234{--display:flex;--border-radius:12px 12px 12px 12px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1004 .elementor-element.elementor-element-1c8c8234:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-1c8c8234 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1004 .elementor-element.elementor-element-74e1ced > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-1004 .elementor-element.elementor-element-74e1ced .gk-gravity-form{text-align:left;}@media(min-width:768px){.elementor-1004 .elementor-element.elementor-element-0b8e77c{--width:50%;}.elementor-1004 .elementor-element.elementor-element-1c8c8234{--width:50%;}}@media(max-width:1024px){.elementor-1004 .elementor-element.elementor-element-2db6cf3{--padding-top:010px;--padding-bottom:120px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-1004 .elementor-element.elementor-element-2db6cf3{--min-height:90vh;--flex-direction:column-reverse;--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:0px;--padding-left:15px;--padding-right:15px;}.elementor-1004 .elementor-element.elementor-element-1c8c8234{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for gk_elementor_gravity_form, class: .elementor-element-74e1ced *//* =============================================
   Gravity Forms – Pill-Shaped Fields & Button
   For use in Elementor > Custom CSS or
   Appearance > Additional CSS
   ============================================= */

/* ------------------------------------------
   1. FORM FIELDS — Pill-shaped inputs
   ------------------------------------------ */

/* All text, email, phone, number, URL inputs */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
  border-radius: 50px !important;
  border: 2px solid #d1d5db !important;
  padding: 14px 22px !important;
  font-size: 15px !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
  outline: none !important;
  width: 100% !important;
  background-color: #ffffff !important;
}

/* Textarea — softer radius so it still looks natural */
.gform_wrapper textarea {
  border-radius: 24px !important;
  padding: 16px 22px !important;
  resize: vertical;
}

/* Select dropdown — add right padding to avoid overlap with arrow */
.gform_wrapper select {
  padding-right: 44px !important;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

/* Focus state — teal ring matching the form's header color */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: #0d9488 !important; /* teal accent */
  box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.15) !important;
}

/* Error / validation state */
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12) !important;
}


/* ------------------------------------------
   2. PROGRESS BAR — match the pill theme
   ------------------------------------------ */

.gform_wrapper .gf_progressbar_wrapper .gf_progressbar {
  border-radius: 50px !important;
  overflow: hidden;
  background-color: #e5e7eb !important;
  height: 10px !important;
}

.gform_wrapper .gf_progressbar_wrapper .gf_progressbar_percentage {
  border-radius: 50px !important;
  background: #067b9c !important;
  height: 100% !important;
  transition: width 0.5s ease !important;
}


/* ------------------------------------------
   3. SUBMIT / NEXT BUTTON — pill + custom color
   ------------------------------------------ */

/* Base state */
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"],
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button {
  border-radius: 50px !important;
  background-color: #067b9c !important;   /* ← Change to your brand color */
  color: #ffffff !important;
  border: none !important;
  padding: 14px 36px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  transition:
    background-color 0.25s ease,
    transform 0.2s ease !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 140px !important;
}

/* Hover state */
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_previous_button:hover {
  background-color: #055f78 !important;   /* ← Darker shade on hover */
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}

/* Active / click state */
.gform_wrapper .gform_button:active,
.gform_wrapper input[type="submit"]:active,
.gform_wrapper .gform_next_button:active,
.gform_wrapper .gform_previous_button:active {
  background-color: #044d60 !important;
  transform: translateY(0px) !important;
  box-shadow: none !important;
}

/* Focus-visible (keyboard navigation accessibility) */
.gform_wrapper .gform_button:focus-visible,
.gform_wrapper input[type="submit"]:focus-visible,
.gform_wrapper .gform_next_button:focus-visible {
  outline: 3px solid #93c5fd !important;
  outline-offset: 3px !important;
}


/* ------------------------------------------
   4. OPTIONAL — smooth label + field spacing
   ------------------------------------------ */

.gform_wrapper .gfield,
.gform_wrapper li.gfield {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 30px gap between fields */
.gform_wrapper .gform_fields {
  row-gap: 30px !important;
}

/* Remove extra top margin GF injects above inputs */
.gform_wrapper .ginput_container {
  margin-top: 4px !important;
}

.gform_wrapper .gfield_label {
  font-weight: 700 !important;
  margin-bottom: 4px !important;
  display: inline-block;
}

.gform_wrapper .gfield_required {
  color: #dc2626 !important;
  margin-left: 4px;
}

/* Name field — keep the two columns aligned */
.gform_wrapper .ginput_complex .ginput_full,
.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right {
  width: 48% !important;
}


/* =============================================
   QUICK-SWAP COLOR TOKENS
   Change these two values to re-theme the
   button without touching anything else.
   
   Button base:  #067b9c  (teal)
   Button hover: #055f78  (darker teal)
   Focus ring:   #0d9488  (teal — matches header)
   ============================================= *//* End custom CSS */