.elementor-111 .elementor-element.elementor-element-18e2e23{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:45px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-111 .elementor-element.elementor-element-e3e1464{--display:flex;}.elementor-111 .elementor-element.elementor-element-59a194b{--display:flex;}.elementor-111 .elementor-element.elementor-element-6316421 > .elementor-widget-container{padding:20px 0px 20px 20px;}.elementor-111 .elementor-element.elementor-element-6316421 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(min-width:768px){.elementor-111 .elementor-element.elementor-element-18e2e23{--content-width:1300px;}.elementor-111 .elementor-element.elementor-element-e3e1464{--width:50%;}.elementor-111 .elementor-element.elementor-element-59a194b{--width:50%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-6316421 *//* ================================================================
   STRYVAN | CONTACT PAGE — PREMIUM FLUENT FORM
   Updated for the supplied premium contact-card reference

   READY FOR: Elementor > Right Form Container > Advanced > Custom CSS
   Paste CSS only. Do not add HTML tags or paste into an HTML widget.

   Targets the existing Fluent Form #fluentform_1.
   Replace older CSS in this SAME Custom CSS box to avoid conflicts.
   Keep the actual Fluent Form widget/shortcode unchanged.

   STRYVAN GLOBAL COLORS
   Midnight Charcoal #151618   Graphite Black #252527
   Soft White       #F5F5F3   Metallic Gold  #C99B43
   Champagne Gold   #DDBD76   Metallic Silver #C5C5C7
   FONTS: Manrope (headings), Inter (form labels/body/buttons)
   NOTE: No date is shown on the Contact page.
================================================================ */

/* 01 — RIGHT-HAND CARD / ELEMENTOR CONTAINER */
.elementor-111 .elementor-element.elementor-element-6316421 {
  --sv-bg: #151618;
  --sv-graphite: #252527;
  --sv-white: #F5F5F3;
  --sv-gold: #C99B43;
  --sv-champagne: #DDBD76;
  --sv-silver: #C5C5C7;
  --sv-muted: #ABABAD;
  --sv-line: rgba(221,189,118,.22);
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid var(--sv-line) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(201,155,67,.13), transparent 35%),
    radial-gradient(circle at 0% 100%, rgba(221,189,118,.045), transparent 36%),
    linear-gradient(145deg, #252527 0%, #1C1D1F 100%) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.21), inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow: hidden !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 *, .elementor-111 .elementor-element.elementor-element-6316421 *::before, .elementor-111 .elementor-element.elementor-element-6316421 *::after {
  box-sizing: border-box;
}

/* 02 — FORM WRAPPER: NO NESTED SECOND CARD */
.elementor-111 .elementor-element.elementor-element-6316421.bpp-contact-right .fluentform_wrapper_1,
.elementor-111 .elementor-element.elementor-element-6316421.bpp-contact-right .fluentform {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: clamp(26px,3vw,40px) !important;
  color: var(--sv-white) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Inter", sans-serif !important;
}
/* When .fluentform and .fluentform_wrapper_1 are nested, avoid double padding. */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 .fluentform {
  padding: 0 !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 {
  display: block;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* 03 — SUBTLE SUPPORT EYEBROW (decorative CSS text) */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1::before {
  content: "●  STRYVAN SUPPORT";
  display: inline-flex;
  align-items: center;
  margin: 0 0 18px;
  padding: 9px 13px;
  color: var(--sv-champagne);
  border: 1px solid rgba(221,189,118,.23);
  border-radius: 9px;
  background: rgba(201,155,67,.09);
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* 04 — VISUAL FORM TITLE AND GOLD RULE */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1::before {
  content: "Send Us a Message";
  display: block;
  margin: 0 0 19px;
  padding: 0 0 21px;
  color: var(--sv-white);
  background: linear-gradient(90deg, var(--sv-gold), var(--sv-champagne)) left bottom / 84px 2px no-repeat;
  font-family: "Manrope", sans-serif;
  font-size: clamp(27px,3vw,37px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -.04em;
  text-transform: none;
}

/* 05 — SUPPORT DESCRIPTION ABOVE FIELDS */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 fieldset {
  display: block !important;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 fieldset::before {
  content: "Questions about products, orders, shipping or research documentation? Complete the form below and our support team will assist you.";
  display: block;
  margin: 0 0 25px;
  color: var(--sv-silver);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.85;
}

/* 06 — FIELD SPACING & NAME FIELDS */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-group {
  margin: 0 0 17px !important;
  min-width: 0;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-t-container,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-t-cell,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-input--content {
  min-width: 0;
}
/* Keep field visibility and validation intact; only stack grouped name fields. */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-name-field-wrapper .ff-t-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-name-field-wrapper .ff-t-cell {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 07 — LABELS: DO NOT HIDE ACCESSIBLE / VISIBLE LABELS */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-input--label {
  margin-bottom: 8px !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-input--label label,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-form-check-label {
  color: var(--sv-white) !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-required {
  color: var(--sv-champagne) !important;
}

/* 08 — DARK FIELDS */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 input.ff-el-form-control,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 select.ff-el-form-control,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 textarea.ff-el-form-control {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 15px 17px !important;
  color: var(--sv-white) !important;
  -webkit-text-fill-color: var(--sv-white) !important;
  caret-color: var(--sv-champagne) !important;
  background: #151618 !important;
  border: 1px solid rgba(221,189,118,.23) !important;
  border-radius: 10px !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 input.ff-el-form-control::placeholder,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 textarea.ff-el-form-control::placeholder {
  color: #999A9E !important;
  -webkit-text-fill-color: #999A9E !important;
  opacity: 1 !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-form-control:hover {
  border-color: rgba(221,189,118,.47) !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-form-control:focus {
  color: var(--sv-white) !important;
  background: #191A1C !important;
  border-color: var(--sv-champagne) !important;
  box-shadow: 0 0 0 3px rgba(201,155,67,.13) !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 textarea.ff-el-form-control {
  min-height: 171px !important;
  height: auto !important;
  resize: vertical !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 select.ff-el-form-control {
  color-scheme: dark;
  cursor: pointer;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 select.ff-el-form-control option {
  color: var(--sv-white);
  background: var(--sv-graphite);
}

/* 09 — AUTO-FILLED INPUT TEXT MUST REMAIN VISIBLE */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 input.ff-el-form-control:-webkit-autofill,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 input.ff-el-form-control:-webkit-autofill:hover,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 input.ff-el-form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--sv-white) !important;
  -webkit-box-shadow: 0 0 0 1000px #151618 inset !important;
  caret-color: var(--sv-champagne) !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 input[type="checkbox"],
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 input[type="radio"] {
  accent-color: var(--sv-gold) !important;
}

/* 10 — GOLD FULL-WIDTH SUBMIT; PRESERVE REAL BUTTON TEXT AND SPINNER */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff_submit_btn_wrapper {
  width: 100%;
  margin: 7px 0 0 !important;
  padding: 0 !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 button.ff-btn-submit,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff_submit_btn_wrapper .ff-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 14px 22px !important;
  background: linear-gradient(110deg, #C99B43, #DDBD76) !important;
  background-color: #C99B43 !important;
  color: #151618 !important;
  -webkit-text-fill-color: #151618 !important;
  border: 1px solid #DDBD76 !important;
  border-radius: 9px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  box-shadow: 0 12px 27px rgba(201,155,67,.16) !important;
  cursor: pointer;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 button.ff-btn-submit:hover,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff_submit_btn_wrapper .ff-btn:hover {
  filter: brightness(1.075) !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(201,155,67,.24) !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 button.ff-btn-submit:focus-visible {
  outline: 2px solid #F5F5F3 !important;
  outline-offset: 3px !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 button.ff-btn-submit:disabled,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 button.ff-btn-submit.ff-working {
  opacity: .72 !important;
  cursor: wait !important;
  transform: none !important;
}

/* 11 — VALIDATION, ERRORS AND SUCCESS */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-is-error .ff-el-form-control {
  border-color: #E58F8F !important;
  box-shadow: 0 0 0 3px rgba(229,143,143,.10) !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .text-danger,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .error,
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 .ff-errors-in-stack {
  color: #F6A4A4 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 .ff-errors-in-stack {
  padding: 15px !important;
  border: 1px solid rgba(246,164,164,.22) !important;
  border-radius: 9px !important;
  background: rgba(246,164,164,.08) !important;
}
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 .ff-message-success {
  margin: 15px 0 !important;
  padding: 19px !important;
  color: var(--sv-white) !important;
  background: #1C1D1F !important;
  border: 1px solid rgba(221,189,118,.32) !important;
  border-left: 3px solid var(--sv-gold) !important;
  border-radius: 10px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

/* 12 — SUBTLE SITE / EMAIL FOOTER */
.elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1::after {
  content:;
  display: block;
  margin: 23px 0 0;
  padding: 16px 0 0;
  color: var(--sv-muted);
  border-top: 1px solid rgba(221,189,118,.15);
  font-family: "Inter", sans-serif;
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  overflow-wrap: anywhere;
}

/* 13 — TABLET */
@media (max-width: 1024px) {
  .elementor-111 .elementor-element.elementor-element-6316421.bpp-contact-right .fluentform_wrapper_1,
  .elementor-111 .elementor-element.elementor-element-6316421.bpp-contact-right .fluentform {
    padding: 30px 25px !important;
  }
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 .fluentform {
    padding: 0 !important;
  }
}

/* 14 — MOBILE */
@media (max-width: 767px) {
  .elementor-111 .elementor-element.elementor-element-6316421 { border-radius: 17px !important; }
  .elementor-111 .elementor-element.elementor-element-6316421.bpp-contact-right .fluentform_wrapper_1,
  .elementor-111 .elementor-element.elementor-element-6316421.bpp-contact-right .fluentform { padding: 27px 21px !important; }
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 .fluentform { padding: 0 !important; }
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1::before {
    font-size: clamp(26px,7vw,33px);
  }
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 fieldset::before {
    font-size: 12.5px;
    line-height: 1.75;
  }
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 input.ff-el-form-control,
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 select.ff-el-form-control,
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 textarea.ff-el-form-control {
    min-height: 52px !important;
    padding: 14px 15px !important;
  }
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 textarea.ff-el-form-control {
    min-height: 155px !important;
  }
}

@media (max-width: 380px) {
  .elementor-111 .elementor-element.elementor-element-6316421.bpp-contact-right .fluentform_wrapper_1,
  .elementor-111 .elementor-element.elementor-element-6316421.bpp-contact-right .fluentform { padding: 23px 16px !important; }
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 .fluentform { padding: 0 !important; }
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1::after { font-size: 10px; }
}

/* 15 — ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-el-form-control,
  .elementor-111 .elementor-element.elementor-element-6316421 .fluentform_wrapper_1 #fluentform_1 .ff-btn-submit {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */