.elementor-967 .elementor-element.elementor-element-2d012129{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-967 .elementor-element.elementor-element-2d012129:not(.elementor-motion-effects-element-type-background), .elementor-967 .elementor-element.elementor-element-2d012129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d70f70f );}.elementor-967 .elementor-element.elementor-element-66eddc7a{--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;--justify-content:flex-start;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-967 .elementor-element.elementor-element-66eddc7a:not(.elementor-motion-effects-element-type-background), .elementor-967 .elementor-element.elementor-element-66eddc7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d70f70f );}.elementor-967 .elementor-element.elementor-element-5accb6f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:38px;font-weight:600;color:var( --e-global-color-text );}.elementor-967 .elementor-element.elementor-element-e3ae506{color:var( --e-global-color-text );}.elementor-967 .elementor-element.elementor-element-e3ae506 a{color:var( --e-global-color-text );}.elementor-967 .elementor-element.elementor-element-e3ae506 a:hover, .elementor-967 .elementor-element.elementor-element-e3ae506 a:focus{color:var( --e-global-color-primary );}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-group > label, .elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-subgroup label{color:var( --e-global-color-1007143 );}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-1007143 );}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-group .elementor-field{color:var( --e-global-color-e20ef13 );}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#02010100;border-width:0px 0px 0px 0px;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-field-group .elementor-select-wrapper select{background-color:#02010100;border-width:0px 0px 0px 0px;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-button{font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;}.elementor-967 .elementor-element.elementor-element-5a74f140 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-967 .elementor-element.elementor-element-5a74f140 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-967 .elementor-element.elementor-element-5a74f140 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-967 .elementor-element.elementor-element-5a74f140 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-967 .elementor-element.elementor-element-5a74f140 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-967 .elementor-element.elementor-element-5a74f140{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-967 .elementor-element.elementor-element-66eddc7a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-967 .elementor-element.elementor-element-5accb6f .elementor-heading-title{font-size:26px;}.elementor-967 .elementor-element.elementor-element-e3ae506{padding:0px 0px 0px 0px;}}/* Start custom CSS for form, class: .elementor-element-5a74f140 *//* ==========================================
   WEBSITE DESIGNERS - CONTACT FORM
   COMPLETE CSS: DESKTOP / TABLET / MOBILE
   INCLUDING FIND YOUR FIT SUMMARY
========================================== */

.wd-contact-form {
  --wd-form-panel: #12223d;
  --wd-form-input: #07162c;
  --wd-form-text: #dce8fb;
  --wd-form-muted: #9fb2d0;
  --wd-form-line: #2b405d;
  --wd-form-blue: #1555ff;
  --wd-form-cyan: #22baff;
}

/* ==========================================
   FORM CONTAINER
========================================== */

.wd-contact-form .elementor-form {
  background: var(--wd-form-panel);
  border: 1px solid var(--wd-form-line);
  border-radius: 28px;
  padding: 48px 55px;
}

.wd-contact-form .elementor-form-fields-wrapper {
  row-gap: 25px;
}

.wd-contact-form .elementor-field-group {
  min-width: 0;
}

/* ==========================================
   LABELS
========================================== */

.wd-contact-form .elementor-field-group > label {
  color: var(--wd-form-text);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 12px;
}

/* ==========================================
   INPUTS / SELECT / TEXTAREA
========================================== */

.wd-contact-form .elementor-field,
.wd-contact-form select.elementor-field,
.wd-contact-form textarea.elementor-field {
  background: var(--wd-form-input) !important;
  color: var(--wd-form-text) !important;
  border: 1px solid var(--wd-form-line) !important;
  border-radius: 13px !important;
  min-height: 70px;
  padding: 18px 22px !important;
  font-size: 19px;
  box-shadow: none !important;
  width: 100%;
}

.wd-contact-form textarea.elementor-field {
  min-height: 170px;
  resize: vertical;
}

.wd-contact-form .elementor-field::placeholder {
  color: #6687b1;
  opacity: 1;
}

.wd-contact-form .elementor-field:focus {
  border-color: var(--wd-form-cyan) !important;
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px rgba(34,186,255,.22) !important;
}

/* ==========================================
   TWO-STEP PROGRESS INDICATOR
========================================== */

.wd-contact-form .e-form__indicators {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px !important;
  width: 100%;
  margin: 0 0 45px !important;
  padding: 0 !important;
}

.wd-contact-form .e-form__indicators__indicator {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex: 1 1 0 !important;
  min-width: 0;
  width: 100%;
  padding: 0 0 20px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 3px solid #354963 !important;
  border-radius: 0 !important;
}

.wd-contact-form
.e-form__indicators__indicator__number,
.wd-contact-form
.e-form__indicators__indicator__icon,
.wd-contact-form
.e-form__indicators__indicator__separator {
  display: none !important;
}

.wd-contact-form
.e-form__indicators__indicator__label {
  display: block !important;
  color: #8099bd !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.09em;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.wd-contact-form
.e-form__indicators__indicator:nth-child(1)
.e-form__indicators__indicator__label::before {
  content: "01 / ";
}

.wd-contact-form
.e-form__indicators__indicator:nth-child(2)
.e-form__indicators__indicator__label::before {
  content: "02 / ";
}

.wd-contact-form
.e-form__indicators__indicator--state-active {
  border-bottom-color: var(--wd-form-cyan) !important;
}

.wd-contact-form
.e-form__indicators__indicator--state-active
.e-form__indicators__indicator__label {
  color: var(--wd-form-cyan) !important;
}

.wd-contact-form
.e-form__indicators__indicator--state-completed {
  border-bottom-color: var(--wd-form-cyan) !important;
}

.wd-contact-form
.e-form__indicators__indicator--state-completed
.e-form__indicators__indicator__label {
  color: var(--wd-form-cyan) !important;
}

.wd-contact-form
.e-form__indicators__indicator--state-inactive {
  border-bottom-color: #354963 !important;
}

.wd-contact-form
.e-form__indicators__indicator--state-inactive
.e-form__indicators__indicator__label {
  color: #8099bd !important;
}

/* ==========================================
   FIND YOUR FIT - CONTACT SUMMARY
========================================== */

.wd-contact-form .wd-fit-contact-summary {
  width: 100%;
  padding: 26px;
  margin: 12px 0 20px;
  background: #0c203e;
  border: 1px solid #4698bf;
  border-radius: 16px;
  color: var(--wd-form-text);
}

.wd-contact-form .wd-fit-contact-summary[hidden] {
  display: none !important;
}

.wd-contact-form .wd-fit-contact-summary__heading {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 20px;
}

.wd-contact-form .wd-fit-contact-summary__heading > span {
  color: #83dfff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.4;
}

.wd-contact-form .wd-fit-contact-summary__heading > strong {
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
}

.wd-contact-form .wd-fit-contact-summary__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.wd-contact-form .wd-fit-contact-summary__grid > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px;
  background: var(--wd-form-input);
  border: 1px solid #294663;
  border-radius: 10px;
}

.wd-contact-form .wd-fit-contact-summary__grid span {
  color: var(--wd-form-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.wd-contact-form .wd-fit-contact-summary__grid strong {
  color: #f1f7ff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.wd-contact-form .wd-fit-contact-summary > p {
  margin: 18px 0 0;
  color: #a9bdd7;
  font-size: 12px;
  line-height: 1.6;
}

/* ==========================================
   FORM BUTTONS
========================================== */

.wd-contact-form .e-form__buttons {
  margin-top: 15px;
  gap: 12px;
}

.wd-contact-form .e-form__buttons__wrapper {
  min-width: 0;
}

.wd-contact-form .e-form__buttons button {
  background: var(--wd-form-blue) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 100px !important;
  min-height: 76px;
  padding: 18px 32px !important;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  transition:
    background 0.2s ease,
    transform 0.2s ease;
}

.wd-contact-form .e-form__buttons button:hover {
  background: #3473ff !important;
  transform: translateY(-2px);
}

.wd-contact-form .e-form__buttons button:focus-visible {
  outline: 2px solid var(--wd-form-cyan);
  outline-offset: 3px;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 1024px) {

  .wd-contact-form .elementor-form {
    padding: 35px 30px;
  }

  .wd-contact-form .elementor-field {
    font-size: 17px;
  }

  .wd-contact-form .e-form__indicators {
    gap: 16px !important;
    margin-bottom: 35px !important;
  }

  .wd-contact-form
  .e-form__indicators__indicator__label {
    font-size: 13px !important;
  }

  .wd-contact-form .e-form__buttons button {
    font-size: 18px;
    min-height: 68px;
  }

  .wd-contact-form .wd-fit-contact-summary {
    padding: 22px;
  }

  .wd-contact-form .wd-fit-contact-summary__grid {
    gap: 12px;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

  .wd-contact-form .elementor-form {
    padding: 28px 20px;
    border-radius: 20px;
  }

  .wd-contact-form .elementor-form-fields-wrapper {
    row-gap: 20px;
  }

  .wd-contact-form .elementor-field-group {
    width: 100%;
  }

  .wd-contact-form .elementor-field-group > label {
    font-size: 15px;
    margin-bottom: 8px;
  }

  .wd-contact-form .elementor-field,
  .wd-contact-form select.elementor-field,
  .wd-contact-form textarea.elementor-field {
    min-height: 58px;
    padding: 14px 16px !important;
    font-size: 16px;
  }

  .wd-contact-form textarea.elementor-field {
    min-height: 140px;
  }

  /* Mobile step indicators */

  .wd-contact-form .e-form__indicators {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px !important;
    margin-bottom: 30px !important;
  }

  .wd-contact-form
  .e-form__indicators__indicator {
    padding-bottom: 15px !important;
    border-bottom-width: 2px !important;
  }

  .wd-contact-form
  .e-form__indicators__indicator__label {
    font-size: 11px !important;
    letter-spacing: 0.04em;
    line-height: 1.5;
  }

  /* Find Your Fit summary */

  .wd-contact-form .wd-fit-contact-summary {
    padding: 18px;
    margin: 8px 0 16px;
    border-radius: 13px;
  }

  .wd-contact-form .wd-fit-contact-summary__heading {
    margin-bottom: 15px;
  }

  .wd-contact-form .wd-fit-contact-summary__heading > strong {
    font-size: 19px;
  }

  .wd-contact-form .wd-fit-contact-summary__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .wd-contact-form .wd-fit-contact-summary__grid > div {
    padding: 12px 14px;
  }

  .wd-contact-form .wd-fit-contact-summary__grid strong {
    font-size: 14px;
  }

  .wd-contact-form .wd-fit-contact-summary > p {
    font-size: 11px;
  }

  /* Mobile buttons */

  .wd-contact-form .e-form__buttons {
    gap: 10px;
  }

  .wd-contact-form .e-form__buttons button {
    min-height: 60px;
    padding: 15px 20px !important;
    font-size: 16px;
  }
}

/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 380px) {

  .wd-contact-form .elementor-form {
    padding: 24px 15px;
  }

  .wd-contact-form .e-form__indicators {
    gap: 8px !important;
  }

  .wd-contact-form
  .e-form__indicators__indicator__label {
    font-size: 10px !important;
    letter-spacing: 0.02em;
  }

  .wd-contact-form .wd-fit-contact-summary {
    padding: 15px;
  }
}/* End custom CSS */