.elementor-2 .elementor-element.elementor-element-584b258{margin-top:29px;margin-bottom:0px;}.elementor-2 .elementor-element.elementor-element-3f73357 .pbmit-heading-subheading{text-align:center;}.elementor-2 .elementor-element.elementor-element-3f73357 .pbmit-heading-desc{color:#403939;font-size:19px;}.elementor-2 .elementor-element.elementor-element-b5b03f5 > .elementor-container{max-width:939px;}.elementor-2 .elementor-element.elementor-element-b5b03f5{margin-top:-1px;margin-bottom:0px;}/* Start custom CSS for shortcode, class: .elementor-element-5245963 *//* ═══════════════════════════════════════════════
   YYC Upgrades — SureForms Dark Theme CSS v2
   Refined to match screenshot styling
   Paste in: Appearance → Customize → Additional CSS
   ═══════════════════════════════════════════════ */

/* ── Form Container ── */
.srfm-form-container .srfm-form {
    padding: 40px 36px !important;
    background: transparent !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    border: none !important;
}

/* ── Section Headers ── */
.srfm-form-container .srfm-form h2,
.srfm-form-container .srfm-form h3 {
    font-size: 18px !important;
    color: #C79B4B !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(199, 155, 75, 0.25) !important;
}

/* ── Field Labels ── */
.srfm-form-container .srfm-form .srfm-block .srfm-block-label,
.srfm-form-container .srfm-form .srfm-block label {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.8px !important;
    color: #d4cabb !important;
    margin-bottom: 6px !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
}

/* ── Required Asterisk ── */
.srfm-form-container .srfm-form .srfm-block .srfm-required-indicator,
.srfm-form-container .srfm-form .srfm-block .srfm-block-label .required,
.srfm-form-container .srfm-form .srfm-block .srfm-block-label span {
    color: #C79B4B !important;
}

/* ── Helper / Description Text ── */
.srfm-form-container .srfm-form .srfm-block .srfm-description,
.srfm-form-container .srfm-form .srfm-block .srfm-helper-txt,
.srfm-form-container .srfm-form .srfm-block .srfm-helper-text,
.srfm-form-container .srfm-form .srfm-block p {
    font-size: 13px !important;
    color: rgba(212, 202, 187, 0.6) !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
}

/* ── Field Spacing ── */
.srfm-form-container .srfm-form .srfm-block {
    margin-bottom: 24px !important;
}

/* ════════════════════════════════════════════════
   INPUT FIELDS — Dark glass with gold border
   ════════════════════════════════════════════════ */

.srfm-form-container .srfm-form .srfm-block .srfm-input-common,
.srfm-form-container .srfm-form .srfm-block input[type="text"],
.srfm-form-container .srfm-form .srfm-block input[type="email"],
.srfm-form-container .srfm-form .srfm-block input[type="tel"],
.srfm-form-container .srfm-form .srfm-block input[type="number"],
.srfm-form-container .srfm-form .srfm-block input[type="url"],
.srfm-form-container .srfm-form .srfm-block textarea,
.srfm-form-container .srfm-form .srfm-block select {
    background-color: rgba(30, 25, 18, 0.7) !important;
    border: 1.5px solid rgba(199, 155, 75, 0.35) !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    color: #f0ece4 !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── Textarea specific ── */
.srfm-form-container .srfm-form .srfm-block textarea {
    min-height: 130px !important;
    resize: vertical !important;
    line-height: 1.6 !important;
}

/* ── Select / Dropdown specific ── */
.srfm-form-container .srfm-form .srfm-block select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C79B4B' 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 16px center !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}

.srfm-form-container .srfm-form .srfm-block select option {
    background-color: #1e1912 !important;
    color: #f0ece4 !important;
}

/* ── Focus — gold border + glow ── */
.srfm-form-container .srfm-form .srfm-block .srfm-input-common:focus,
.srfm-form-container .srfm-form .srfm-block input:focus,
.srfm-form-container .srfm-form .srfm-block select:focus,
.srfm-form-container .srfm-form .srfm-block textarea:focus {
    border-color: #C79B4B !important;
    background-color: rgba(199, 155, 75, 0.08) !important;
    box-shadow: 0 0 0 3px rgba(199, 155, 75, 0.15) !important;
}

/* ── Placeholder ── */
.srfm-form-container .srfm-form .srfm-block input::placeholder,
.srfm-form-container .srfm-form .srfm-block textarea::placeholder {
    color: rgba(212, 202, 187, 0.35) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* ════════════════════════════════════════════════
   CHECKBOXES & RADIO
   ════════════════════════════════════════════════ */

.srfm-form-container .srfm-form .srfm-block input[type="checkbox"],
.srfm-form-container .srfm-form .srfm-block input[type="radio"] {
    accent-color: #C79B4B !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

.srfm-form-container .srfm-form .srfm-block .srfm-checkbox-label,
.srfm-form-container .srfm-form .srfm-block .srfm-multi-choice-label,
.srfm-form-container .srfm-form .srfm-block .srfm-radio-label {
    font-size: 14px !important;
    color: #d4cabb !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}

/* ════════════════════════════════════════════════
   FILE UPLOAD
   ════════════════════════════════════════════════ */

.srfm-form-container .srfm-form .srfm-block .srfm-file-upload,
.srfm-form-container .srfm-form .srfm-block .srfm-dropzone,
.srfm-form-container .srfm-form .srfm-block [class*="upload"],
.srfm-form-container .srfm-form .srfm-block [class*="dropzone"] {
    background-color: rgba(30, 25, 18, 0.5) !important;
    border: 2px dashed rgba(199, 155, 75, 0.3) !important;
    border-radius: 10px !important;
    padding: 32px 24px !important;
    text-align: center !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    color: rgba(212, 202, 187, 0.5) !important;
}

.srfm-form-container .srfm-form .srfm-block .srfm-file-upload:hover,
.srfm-form-container .srfm-form .srfm-block .srfm-dropzone:hover,
.srfm-form-container .srfm-form .srfm-block [class*="upload"]:hover,
.srfm-form-container .srfm-form .srfm-block [class*="dropzone"]:hover {
    border-color: #C79B4B !important;
    background-color: rgba(199, 155, 75, 0.06) !important;
}

/* ════════════════════════════════════════════════
   SUBMIT BUTTON — Gold with dark text
   ════════════════════════════════════════════════ */

button#srfm-submit-btn,
.srfm-form-container .srfm-form .srfm-submit-button,
.srfm-form-container .srfm-form button[type="submit"] {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    padding: 16px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    background: linear-gradient(135deg, #C79B4B 0%, #e0c080 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(199, 155, 75, 0.35) !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
}

button#srfm-submit-btn:hover,
.srfm-form-container .srfm-form button[type="submit"]:hover {
    background: linear-gradient(135deg, #d4a855 0%, #C79B4B 100%) !important;
    box-shadow: 0 6px 28px rgba(199, 155, 75, 0.5) !important;
    transform: translateY(-2px) !important;
}

button#srfm-submit-btn:active,
.srfm-form-container .srfm-form button[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 12px rgba(199, 155, 75, 0.3) !important;
}

/* ════════════════════════════════════════════════
   VALIDATION & MESSAGES
   ════════════════════════════════════════════════ */

.srfm-form-container .srfm-form .srfm-block .srfm-error-message,
.srfm-form-container .srfm-form .srfm-block .srfm-validation-error {
    font-size: 12px !important;
    color: #e8735a !important;
    margin-top: 6px !important;
    font-weight: 500 !important;
}

.srfm-form-container .srfm-form .srfm-block.srfm-has-error input,
.srfm-form-container .srfm-form .srfm-block.srfm-has-error select,
.srfm-form-container .srfm-form .srfm-block.srfm-has-error textarea {
    border-color: #e8735a !important;
}

.srfm-form-container .srfm-error-box,
.srfm-form-container .srfm-form .srfm-error-message-container {
    background-color: rgba(232, 115, 90, 0.08) !important;
    border: 1.5px solid rgba(232, 115, 90, 0.4) !important;
    border-radius: 10px !important;
    color: #e8735a !important;
    padding: 14px 20px !important;
    font-size: 13px !important;
    margin-bottom: 20px !important;
}

.srfm-form-container .srfm-success-message,
.srfm-form-container .srfm-form .srfm-success-box {
    background-color: rgba(199, 155, 75, 0.1) !important;
    border: 1.5px solid rgba(199, 155, 75, 0.4) !important;
    border-radius: 10px !important;
    color: #C79B4B !important;
    padding: 18px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* ═══ Mobile ═══ */
@media (max-width: 640px) {
    .srfm-form-container .srfm-form {
        padding: 28px 20px !important;
    }

    .srfm-form-container .srfm-form .srfm-block input,
    .srfm-form-container .srfm-form .srfm-block textarea,
    .srfm-form-container .srfm-form .srfm-block select {
        font-size: 16px !important;
        padding: 12px 14px !important;
    }

    button#srfm-submit-btn,
    .srfm-form-container .srfm-form button[type="submit"] {
        padding: 14px 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b5b03f5 *//* ═══════════════════════════════════════════════
   YYC Upgrades — SureForms Dark Theme CSS
   Matches site dark bg + gold accent palette
   Paste in: Appearance → Customize → Additional CSS
   ═══════════════════════════════════════════════ */

/* ── Form Container — transparent to inherit page bg ── */
.srfm-form-container .srfm-form {
    padding: 40px 36px !important;
    background: transparent !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    border: none !important;
}

/* ── Section / Group Headers ── */
.srfm-form-container .srfm-form h2,
.srfm-form-container .srfm-form h3 {
    font-size: 18px !important;
    color: #C79B4B !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(199, 155, 75, 0.25) !important;
}

/* ── Field Labels — light on dark ── */
.srfm-form-container .srfm-form .srfm-block .srfm-block-label,
.srfm-form-container .srfm-form .srfm-block label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.6px !important;
    color: #e0d9cc !important;
    margin-bottom: 8px !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
}

/* ── Required Asterisk → Gold ── */
.srfm-form-container .srfm-form .srfm-block .srfm-required-indicator,
.srfm-form-container .srfm-form .srfm-block .srfm-block-label .required,
.srfm-form-container .srfm-form .srfm-block .srfm-block-label span {
    color: #C79B4B !important;
}

/* ── All Text Inputs, Email, Phone, Number ── */
.srfm-form-container .srfm-form .srfm-block .srfm-input-common,
.srfm-form-container .srfm-form .srfm-block input[type="text"],
.srfm-form-container .srfm-form .srfm-block input[type="email"],
.srfm-form-container .srfm-form .srfm-block input[type="tel"],
.srfm-form-container .srfm-form .srfm-block input[type="number"],
.srfm-form-container .srfm-form .srfm-block input[type="url"] {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    color: #f0ece4 !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── Textarea ── */
.srfm-form-container .srfm-form .srfm-block textarea {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    color: #f0ece4 !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    outline: none !important;
    min-height: 130px !important;
    resize: vertical !important;
    line-height: 1.6 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── Select / Dropdown ── */
.srfm-form-container .srfm-form .srfm-block select {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    color: #f0ece4 !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C79B4B' 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 16px center !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}

/* ── Dropdown options (when open) ── */
.srfm-form-container .srfm-form .srfm-block select option {
    background-color: #2a2a2a !important;
    color: #f0ece4 !important;
}

/* ── Focus State (all fields) — gold glow ── */
.srfm-form-container .srfm-form .srfm-block .srfm-input-common:focus,
.srfm-form-container .srfm-form .srfm-block input:focus,
.srfm-form-container .srfm-form .srfm-block select:focus,
.srfm-form-container .srfm-form .srfm-block textarea:focus {
    border-color: #C79B4B !important;
    background-color: rgba(199, 155, 75, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(199, 155, 75, 0.15) !important;
}

/* ── Placeholder — muted on dark ── */
.srfm-form-container .srfm-form .srfm-block input::placeholder,
.srfm-form-container .srfm-form .srfm-block textarea::placeholder {
    color: rgba(255, 255, 255, 0.3) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* ── Help / Description Text ── */
.srfm-form-container .srfm-form .srfm-block .srfm-description,
.srfm-form-container .srfm-form .srfm-block .srfm-helper-txt,
.srfm-form-container .srfm-form .srfm-block .srfm-helper-text,
.srfm-form-container .srfm-form .srfm-block p {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    margin-top: 5px !important;
}

/* ── Field Spacing ── */
.srfm-form-container .srfm-form .srfm-block {
    margin-bottom: 22px !important;
}

/* ═══ Checkboxes ═══ */
.srfm-form-container .srfm-form .srfm-block input[type="checkbox"] {
    accent-color: #C79B4B !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

.srfm-form-container .srfm-form .srfm-block .srfm-checkbox-label,
.srfm-form-container .srfm-form .srfm-block .srfm-multi-choice-label {
    font-size: 14px !important;
    color: #d4cfc5 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}

/* ═══ Radio Buttons ═══ */
.srfm-form-container .srfm-form .srfm-block input[type="radio"] {
    accent-color: #C79B4B !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

.srfm-form-container .srfm-form .srfm-block .srfm-radio-label {
    font-size: 14px !important;
    color: #d4cfc5 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ═══ File Upload ═══ */
.srfm-form-container .srfm-form .srfm-block .srfm-file-upload,
.srfm-form-container .srfm-form .srfm-block .srfm-dropzone,
.srfm-form-container .srfm-form .srfm-block [class*="upload"],
.srfm-form-container .srfm-form .srfm-block [class*="dropzone"] {
    background-color: rgba(255, 255, 255, 0.04) !important;
    border: 2px dashed rgba(199, 155, 75, 0.3) !important;
    border-radius: 12px !important;
    padding: 32px 24px !important;
    text-align: center !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

.srfm-form-container .srfm-form .srfm-block .srfm-file-upload:hover,
.srfm-form-container .srfm-form .srfm-block .srfm-dropzone:hover,
.srfm-form-container .srfm-form .srfm-block [class*="upload"]:hover,
.srfm-form-container .srfm-form .srfm-block [class*="dropzone"]:hover {
    border-color: #C79B4B !important;
    background-color: rgba(199, 155, 75, 0.06) !important;
}

/* ═══ Submit Button ═══ */
button#srfm-submit-btn,
.srfm-form-container .srfm-form .srfm-submit-button,
.srfm-form-container .srfm-form button[type="submit"] {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    padding: 16px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    background: linear-gradient(135deg, #C79B4B 0%, #e0c080 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(199, 155, 75, 0.35) !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
}

button#srfm-submit-btn:hover,
.srfm-form-container .srfm-form .srfm-submit-button:hover,
.srfm-form-container .srfm-form button[type="submit"]:hover {
    background: linear-gradient(135deg, #d4a855 0%, #C79B4B 100%) !important;
    box-shadow: 0 6px 28px rgba(199, 155, 75, 0.5) !important;
    transform: translateY(-2px) !important;
}

button#srfm-submit-btn:active,
.srfm-form-container .srfm-form button[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 12px rgba(199, 155, 75, 0.3) !important;
}

/* ═══ Validation Errors ═══ */
.srfm-form-container .srfm-form .srfm-block .srfm-error-message,
.srfm-form-container .srfm-form .srfm-block .srfm-validation-error {
    font-size: 12px !important;
    color: #e8735a !important;
    margin-top: 6px !important;
    font-weight: 500 !important;
}

.srfm-form-container .srfm-form .srfm-block.srfm-has-error .srfm-input-common,
.srfm-form-container .srfm-form .srfm-block.srfm-has-error input,
.srfm-form-container .srfm-form .srfm-block.srfm-has-error select,
.srfm-form-container .srfm-form .srfm-block.srfm-has-error textarea {
    border-color: #e8735a !important;
    background-color: rgba(232, 115, 90, 0.06) !important;
}

/* ═══ Error Banner ═══ */
.srfm-form-container .srfm-error-box,
.srfm-form-container .srfm-form .srfm-error-message-container {
    background-color: rgba(232, 115, 90, 0.08) !important;
    border: 1.5px solid rgba(232, 115, 90, 0.4) !important;
    border-radius: 10px !important;
    color: #e8735a !important;
    padding: 14px 20px !important;
    font-size: 13px !important;
    margin-bottom: 20px !important;
}

/* ═══ Success Message ═══ */
.srfm-form-container .srfm-success-message,
.srfm-form-container .srfm-form .srfm-success-box {
    background-color: rgba(199, 155, 75, 0.1) !important;
    border: 1.5px solid rgba(199, 155, 75, 0.4) !important;
    border-radius: 10px !important;
    color: #C79B4B !important;
    padding: 18px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* ═══ Mobile ═══ */
@media (max-width: 640px) {
    .srfm-form-container .srfm-form {
        padding: 28px 20px !important;
    }

    .srfm-form-container .srfm-form .srfm-block input,
    .srfm-form-container .srfm-form .srfm-block textarea,
    .srfm-form-container .srfm-form .srfm-block select {
        font-size: 16px !important;
        padding: 12px 14px !important;
    }

    button#srfm-submit-btn,
    .srfm-form-container .srfm-form button[type="submit"] {
        padding: 14px 24px !important;
    }
}/* End custom CSS */