.elementor-319 .elementor-element.elementor-element-a474ad6:not(.elementor-motion-effects-element-type-background), .elementor-319 .elementor-element.elementor-element-a474ad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yachtvicemiami.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-3-2026-11_19_18-PM.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-319 .elementor-element.elementor-element-a474ad6 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-319 .elementor-element.elementor-element-a474ad6 > .elementor-container{min-height:40vh;}.elementor-319 .elementor-element.elementor-element-a474ad6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:250px 0px 100px 0px;}.elementor-bc-flex-widget .elementor-319 .elementor-element.elementor-element-eb5bd88.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-319 .elementor-element.elementor-element-eb5bd88.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-319 .elementor-element.elementor-element-eb5bd88.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-319 .elementor-element.elementor-element-eb5bd88 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-319 .elementor-element.elementor-element-fdd93d9{text-align:center;}.elementor-319 .elementor-element.elementor-element-fdd93d9 .elementor-heading-title{color:#00D2FF;}.elementor-319 .elementor-element.elementor-element-14c73ee{padding:20px 0px 0px 0px;text-align:center;color:var( --e-global-color-accent );}.elementor-319 .elementor-element.elementor-element-b359587{--display:flex;}.elementor-319 .elementor-element.elementor-element-ef56197{--display:flex;}.elementor-319 .elementor-element.elementor-element-5d007bd{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:12px;--n-tabs-title-border-radius:4px 4px 4px 4px;--n-tabs-title-color:#BDBDBD;--n-tabs-title-color-active:#00101A;}.elementor-319 .elementor-element.elementor-element-5d007bd > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#00101A;}.elementor-319 .elementor-element.elementor-element-5d007bd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#01CBEC;}.elementor-319 .elementor-element.elementor-element-5d007bd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-319 .elementor-element.elementor-element-5d007bd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#01CBEC;}.elementor-319 .elementor-element.elementor-element-5d007bd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF2E;}.elementor-319 .elementor-element.elementor-element-5d007bd [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#00101A;}:where( .elementor-319 .elementor-element.elementor-element-5d007bd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:2rem;--padding-right:0rem;--padding-bottom:0rem;--padding-left:0rem;}@media(max-width:767px){.elementor-319 .elementor-element.elementor-element-a474ad6:not(.elementor-motion-effects-element-type-background), .elementor-319 .elementor-element.elementor-element-a474ad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yachtvicemiami.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-4-2026-12_51_51-AM.jpg");}.elementor-319 .elementor-element.elementor-element-eb5bd88 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-b35adea */@media screen and (max-width: 768px) {
  /* Flexbox ko mobile par vertical stack karne ke liye */
  .wpcf7-form div[style*="display: flex"] {
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  /* Inputs ko 100% width dene ke liye taake screen se bahir na jayein */
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="tel"],
  .wpcf7-form input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Signature Canvas ko mobile screen ke mutabiq adjust karne ke liye */
  #digital_sig_canvas_digital_sign-836 {
    width: 100% !important;
    max-width: 100% !important;
    height: 150px !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b35adea */@media screen and (max-width: 768px) {
  /* Flexbox ko mobile par vertical stack karne ke liye */
  .wpcf7-form div[style*="display: flex"] {
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  /* Inputs ko 100% width dene ke liye taake screen se bahir na jayein */
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="tel"],
  .wpcf7-form input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Signature Canvas ko mobile screen ke mutabiq adjust karne ke liye */
  #digital_sig_canvas_digital_sign-836 {
    width: 100% !important;
    max-width: 100% !important;
    height: 150px !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b35adea */@media screen and (max-width: 768px) {
  /* Flexbox ko mobile par vertical stack karne ke liye */
  .wpcf7-form div[style*="display: flex"] {
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  /* Inputs ko 100% width dene ke liye taake screen se bahir na jayein */
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="tel"],
  .wpcf7-form input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Signature Canvas ko mobile screen ke mutabiq adjust karne ke liye */
  #digital_sig_canvas_digital_sign-836 {
    width: 100% !important;
    max-width: 100% !important;
    height: 150px !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-5d007bd *//* =========================================================
   Contact Form 7 — Yacht Waiver Dark Theme
   (matches reference design: dark card, 2-col rows,
    scrollable liability box, signature panel, cyan submit)
   ========================================================= */

/* --- Outer Form Card --- */
.wpcf7-form {
    background-color: #101827 !important;
    padding: 28px !important;
    border-radius: 16px !important;
    border: 1px solid #1e293b !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
    max-width: 680px !important;
    margin: 0 auto !important;
}

/* --- Paragraph Spacing --- */
.wpcf7-form p {
    margin: 0 0 18px 0 !important;
}

/* --- Row & Column Layout (side-by-side fields) --- */
.wpcf7-form div[style*="display: flex"] {
    display: flex !important;
    gap: 16px !important;
    margin-bottom: 0 !important;
}
.wpcf7-form div[style*="flex: 1"] {
    flex: 1 !important;
    min-width: 0 !important;
}
.wpcf7-form div[style*="flex: 1"] p {
    margin-bottom: 18px !important;
}

/* --- Labels --- */
.wpcf7-form label {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

/* --- Inputs, Textareas & Select Dropdowns --- */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea,
.wpcf7-form select {
    background-color: #0b111a !important;
    border: 1px solid #22304a !important;
    color: #f8fafc !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    height: auto !important;
    font-size: 14px !important;
    width: 100% !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: block !important;
    margin-top: 0 !important;
    font-family: inherit !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.wpcf7-form textarea {
    min-height: 110px !important;
    resize: vertical !important;
}

/* Select arrow (subtle, matches dark theme) */
.wpcf7-form select {
    appearance: none !important;
    -webkit-appearance: none !important;
    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' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 36px !important;
}

/* Placeholder Color */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #4b5b73 !important;
}

/* Focus States */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    border-color: #00bcd4 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.15) !important;
}

/* Hover */
.wpcf7-form input:not(:disabled):hover,
.wpcf7-form textarea:not(:disabled):hover,
.wpcf7-form select:not(:disabled):hover {
    border-color: #334155 !important;
}

/* Invalid / Error Fields */
.wpcf7-form .wpcf7-not-valid {
    border-color: #f87171 !important;
}
.wpcf7-form .wpcf7-not-valid-tip {
    color: #f87171 !important;
    font-size: 12px !important;
    margin-top: 6px !important;
    display: block !important;
}
.wpcf7-form .wpcf7-response-output {
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    margin: 18px 0 0 0 !important;
}
.wpcf7-form.invalid .wpcf7-response-output {
    border-color: #f87171 !important;
    color: #f87171 !important;
}
.wpcf7-form.sent .wpcf7-response-output {
    border-color: #34d399 !important;
    color: #34d399 !important;
}

/* --- Liability / Waiver Box (scrollable, like reference) --- */
.wpcf7-form div[style*="background: #0b111a"] {
    background-color: #0b111a !important;
    border: 1px solid #22304a !important;
    border-radius: 10px !important;
    padding: 16px 18px !important;
    margin: 6px 0 20px 0 !important;
    max-height: 130px !important;
    overflow-y: auto !important;
}
.wpcf7-form div[style*="background: #0b111a"] p {
    margin: 0 !important;
    color: #94a3b8 !important;
    font-size: 12.5px !important;
    line-height: 1.7 !important;
}
.wpcf7-form div[style*="background: #0b111a"] strong {
    color: #00bcd4 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

/* Custom scrollbar for the waiver box (Chrome/Edge/Safari) */
.wpcf7-form div[style*="background: #0b111a"]::-webkit-scrollbar {
    width: 8px !important;
}
.wpcf7-form div[style*="background: #0b111a"]::-webkit-scrollbar-track {
    background: #101827 !important;
    border-radius: 8px !important;
}
.wpcf7-form div[style*="background: #0b111a"]::-webkit-scrollbar-thumb {
    background-color: #334155 !important;
    border-radius: 8px !important;
}
.wpcf7-form div[style*="background: #0b111a"]::-webkit-scrollbar-thumb:hover {
    background-color: #00bcd4 !important;
}
/* Firefox */
.wpcf7-form div[style*="background: #0b111a"] {
    scrollbar-width: thin !important;
    scrollbar-color: #334155 #101827 !important;
}

/* --- Terms Checkbox --- */
.wpcf7-acceptance {
    margin: 4px 0 20px 0 !important;
    display: block !important;
}
.wpcf7-acceptance .wpcf7-list-item {
    margin: 0 !important;
}
.wpcf7-acceptance .wpcf7-list-item-label {
    color: #cbd5e1 !important;
    font-size: 13px !important;
}
.wpcf7-acceptance input[type="checkbox"] {
    accent-color: #00bcd4 !important;
    width: 15px !important;
    height: 15px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}

/* --- Electronic Signature Section --- */
.wpcf7-form p:has(> label[style*="Electronic Signature"]) {
    margin-bottom: 0 !important;
}
.dscf7_signature {
    background-color: #0b111a !important;
    border: 1px solid #22304a !important;
    border-radius: 10px !important;
    padding: 10px !important;
    position: relative !important;
    margin-top: 6px !important;
    margin-bottom: 18px !important;
}
.dscf7_signature_inner {
    position: relative !important;
}

.dscf7_signature canvas {
    background-color: #0b111a !important;
    width: 100% !important;
    border-radius: 6px !important;
    cursor: crosshair !important;
    display: block !important;
}

/* "Clear Signature" button — positioned top-right like reference */
.dscf7_signature .clearButton {
    position: absolute !important;
    top: -30px !important;
    right: 2px !important;
    background-color: transparent !important;
    color: #00bcd4 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}
.dscf7_signature .clearButton:hover {
    color: #67e8f9 !important;
}

/* --- Submit Button --- */
.wpcf7-submit {
    background-color: #00bcd4 !important;
    color: #061018 !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    width: 100% !important;
    border: none !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease !important;
    margin-top: 6px !important;
    box-shadow: 0 6px 16px rgba(0, 188, 212, 0.25) !important;
}
.wpcf7-submit:hover {
    background-color: #00acc1 !important;
    box-shadow: 0 8px 20px rgba(0, 188, 212, 0.35) !important;
}
.wpcf7-submit:active {
    transform: scale(0.98) !important;
}
.wpcf7-submit:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.wpcf7-form .wpcf7-spinner {
    margin-left: 10px !important;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .wpcf7-form {
        padding: 18px !important;
        max-width: 100% !important;
    }
    .wpcf7-form div[style*="display: flex"] {
        flex-direction: column !important;
        gap: 0 !important;
        margin-bottom: 0 !important;
    }
    .wpcf7-form div[style*="flex: 1"] p {
        margin-bottom: 18px !important;
    }
    .dscf7_signature .clearButton {
        top: -26px !important;
    }
}/* End custom CSS */