.elementor-4439 .elementor-element.elementor-element-43cf991{--display:flex;--min-height:248px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4439 .elementor-element.elementor-element-43cf991:not(.elementor-motion-effects-element-type-background), .elementor-4439 .elementor-element.elementor-element-43cf991 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#95AEBC;}.elementor-4439 .elementor-element.elementor-element-dc5423e{text-align:center;}.elementor-4439 .elementor-element.elementor-element-dc5423e .elementor-heading-title{color:#FFFFFF;}.elementor-4439 .elementor-element.elementor-element-d4688ef{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;color:#FFFFFF;}.elementor-4439 .elementor-element.elementor-element-46ce8f7{text-align:center;color:#FFFFFF;}/* Start custom CSS for shortcode, class: .elementor-element-aca3770 *//* ========================================================
   PURE CHEMICAL SOLUTIONS - PREMIUM CONTACT FORM STYLES
   ======================================================== */

/* 1. Form Container Styling (Removes raw look, adds breathing room) */
.wpforms-container,
.elementor-form,
form {
    background-color: #ffffff;
    padding: 30px 0;
    max-width: 100%;
    font-family: 'Inter', sans-serif;
}

/* 2. Form Labels (Professional Typography) */
form label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2B3A42 !important; /* Dark Slate */
    margin-bottom: 8px !important;
    display: block;
}

/* Sub-labels like 'First' and 'Last' for Name (WPForms class) */
form .wpforms-field-sublabel {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #718096 !important;
    margin-top: 4px !important;
}

/* Required Asterisk (scoped to WPForms required marker, not generic spans) */
form label .wpforms-required-label,
form label .required {
    color: #e53e3e !important; /* Professional Red */
    margin-left: 2px;
}

/* 3. Input Fields & Textarea Styling (Clean, modern borders) */
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="number"],
form select,
form textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
    color: #2B3A42 !important;
    background-color: #F8FAFC !important; /* Very light cool gray */
    border: 1px solid #CBD5E1 !important;
    border-radius: 6px !important; /* Subtle rounded corners */
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* Dropdown specific tweak */
form select {
    appearance: none;
    -webkit-appearance: none;
    height: auto !important; /* overrides fixed theme height that was clipping text */
    min-height: 50px !important;
    line-height: 1.4 !important; /* gives text room so it isn't cut off vertically */
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-right: 40px !important; /* room for custom arrow so text doesn't clip */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232B3A42%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px auto !important;
}

/* Paragraph Textarea height */
form textarea {
    min-height: 150px !important;
    resize: vertical !important;
}

/* 4. Focus State (When user clicks on a field - Aqua Highlight) */
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form select:focus,
form textarea:focus {
    border-color: #8EC8D6 !important; /* Primary Aqua */
    background-color: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(142, 200, 214, 0.2) !important; /* Soft glowing ring */
}

/* 4b. Error / Invalid States */
form input.wpforms-error,
form select.wpforms-error,
form textarea.wpforms-error {
    border-color: #e53e3e !important;
    background-color: #FFF5F5 !important;
}

form label.wpforms-error,
form .wpforms-error {
    color: #e53e3e !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
}

/* 4c. Disabled State */
form input:disabled,
form select:disabled,
form textarea:disabled {
    background-color: #EDF2F7 !important;
    color: #A0AEC0 !important;
    cursor: not-allowed !important;
}

/* 5. Submit Button Styling (Corporate Heavy-Duty Look) */
form input[type="submit"],
form button[type="submit"] {
    background-color: #2B3A42 !important; /* Dark Slate */
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 16px 40px !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 15px !important;
    width: auto !important;
    max-width: 100% !important;
}

/* Button Hover State */
form input[type="submit"]:hover,
form button[type="submit"]:hover {
    background-color: #8EC8D6 !important; /* Primary Aqua */
    color: #2B3A42 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(43, 58, 66, 0.15) !important;
}

/* 6. Mobile Responsiveness */
@media (max-width: 600px) {
    form input[type="text"],
    form input[type="email"],
    form input[type="tel"],
    form input[type="number"],
    form select,
    form textarea {
        font-size: 16px !important; /* prevents iOS Safari auto-zoom on focus */
        padding: 12px 14px !important;
    }

    form input[type="submit"],
    form button[type="submit"] {
        width: 100% !important;
        padding: 16px 20px !important;
    }
}/* End custom CSS */