.elementor-328 .elementor-element.elementor-element-23c90fe{--display:flex;--min-height:648px;--justify-content:center;}.elementor-328 .elementor-element.elementor-element-23c90fe:not(.elementor-motion-effects-element-type-background), .elementor-328 .elementor-element.elementor-element-23c90fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dsquareco.com/wp-content/uploads/2026/01/career.webp");background-size:cover;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-ca3dba7 *//* =========================================
   WPForms FINAL "Vivid Match" Styles
   ========================================= */

/* --- 1. Fonts & Main Container --- */
div.wpforms-container-full {
    font-family: 'Poppins', sans-serif !important;
}

/* --- 2. "Contact us" Title --- */
div.wpforms-container-full .wpforms-title {
    color: #1DD186 !important; /* VIVID Mint Green */
    font-weight: 700;
    font-size: 26px !important;
    margin-bottom: 20px !important;
}

/* --- 3. Input Fields & Text Area --- */
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form textarea {
    background-color: #ffffff !important;
    border: 1px solid #00000 !important; /* Very subtle light border */
    border-radius: 10px !important;       /* Slightly rounder corners */
    padding: 30px 20px !important;        /* Tall, comfortable padding */
    font-size: 15px !important;
    color: #54595F
     !important;            /* Dark text ONLY when user types */
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- 4. Spacing Between Fields --- */
div.wpforms-container-full .wpforms-field {
    margin-bottom: -5px !important; /* Balanced gap */
}

/* --- 5. Placeholder Text (The "Name*", "Email*" text) --- */
/* This forces the placeholders to be Light Grey, not black */
div.wpforms-container-full .wpforms-form input::placeholder,
div.wpforms-container-full .wpforms-form textarea::placeholder {
    color: #A0A0A0 !important;  /* Light Grey */
    font-weight: 400 !important;
    opacity: 1 !important;      /* Fix for Firefox transparency */
}

/* Webkit specific (Chrome/Safari/Edge) to ensure override */
div.wpforms-container-full .wpforms-form ::-webkit-input-placeholder {
    color: #000000
    !important;
}

/* --- 6. The "Send" Button --- */
div.wpforms-container-full .wpforms-form .wpforms-submit-container button {
    background-color: #ffffff !important; /* VIVID Mint Green */
    color: #0b1a26 !important;            /* Dark Navy Text */
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 50px !important;        /* Wide padding */
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;          /* Bold text */
    font-size: 16px !important;
    cursor: pointer !important;
    margin-top: 5px !important;
    text-transform: capitalize !important; /* Ensures "Send" format */
}

/* Button Hover State */
div.wpforms-container-full .wpforms-form .wpforms-submit-container button:hover {
    background-color: #00FF85 !important; /* Brighter Neon on hover */
    color: #000000 !important;
}/* End custom CSS */