.elementor-3127 .elementor-element.elementor-element-592e644{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3127 .elementor-element.elementor-element-d44c384{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-f6828af *//* Dark theme for WPForms - Apply Job page */
/* Target the specific form ID for higher specificity, use !important where needed to override plugin defaults */

#wpforms-3121.wpforms-container.wpforms-render-modern {
    background-color: transparent !important; /* Inherit from container or set as needed */
    padding: 0 !important;
    color: #e0e0e0 !important; /* Light text for dark bg */
}

/* Form Title (if any) - not in your structure but added for completeness */
#wpforms-3121 .wpforms-title {
    color: #ffffff !important;
}

/* Field Labels */
#wpforms-3121 .wpforms-field-label {
    color: #ffffff !important; /* Bright white for labels */
    font-weight: 500 !important;
    margin-bottom: 6px !important;
    font-size: 16px !important;
}

/* Sublabels (like 'Address Line 1', 'City') */
#wpforms-3121 .wpforms-field-sublabel {
    color: #b0b0b0 !important; /* Lighter grey for sub-labels */
    font-size: 14px !important;
}

/* Required asterisk */
#wpforms-3121 .wpforms-required-label {
    color: #ff6b6b !important; /* Soft red for required */
}

/* --- Input Fields, Textareas, and Dropdowns --- */
#wpforms-3121 input[type="text"],
#wpforms-3121 input[type="tel"],
#wpforms-3121 input[type="email"],
#wpforms-3121 input[type="number"],
#wpforms-3121 select,
#wpforms-3121 textarea {
    background-color: #2d2d2d !important; /* Dark grey background for inputs */
    border: 1px solid #444 !important; /* Subtle border */
    color: #f0f0f0 !important; /* Light text inside input */
    border-radius: 6px !important; /* Slightly rounded corners */
    padding: 12px 15px !important; /* Comfortable padding */
    font-size: 15px !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.3) !important; /* Subtle inner shadow */
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    width: 100% !important; /* Ensure full width */
    line-height: 1.5 !important;
    height: auto !important; /* Override any fixed height */
}

/* Focus state for inputs */
#wpforms-3121 input[type="text"]:focus,
#wpforms-3121 input[type="tel"]:focus,
#wpforms-3121 input[type="email"]:focus,
#wpforms-3121 input[type="number"]:focus,
#wpforms-3121 select:focus,
#wpforms-3121 textarea:focus {
    border-color: #4a9eff !important; /* Blue highlight on focus */
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.2), inset 0 1px 3px rgba(0,0,0,0.3) !important; /* Glow effect */
    background-color: #333 !important; /* Slightly lighter on focus */
}

/* Placeholder styling */
#wpforms-3121 input::placeholder,
#wpforms-3121 textarea::placeholder {
    color: #888 !important;
    opacity: 1 !important;
}

/* --- Specific Fix for Phone Field (with country dropdown) --- */
/* The container div added by intl-tel-input */
#wpforms-3121 .iti {
    width: 100% !important;
    display: block !important;
}

/* The input inside the phone field */
#wpforms-3121 .wpforms-field-phone input[type="tel"] {
    padding-left: 52px !important; /* Make space for country flag */
    width: 100% !important;
}

/* Country dropdown button */
#wpforms-3121 .iti__selected-country {
    background-color: #3a3a3a !important; /* Match input background */
    border-right: 1px solid #555 !important; /* Separator */
    border-radius: 6px 0 0 6px !important;
    height: calc(100% - 2px) !important; /* Adjust to fit inside input border */
    top: 1px !important;
    left: 1px !important;
}

#wpforms-3121 .iti__selected-country:hover {
    background-color: #4a4a4a !important;
}

#wpforms-3121 .iti__arrow {
    border-top-color: #ccc !important; /* Arrow color */
}

#wpforms-3121 .iti__country-list {
    background-color: #2d2d2d !important;
    border: 1px solid #444 !important;
    color: #f0f0f0 !important;
    border-radius: 6px !important;
}

#wpforms-3121 .iti__country.iti__highlight {
    background-color: #3a3a3a !important;
}

#wpforms-3121 .iti__country-name,
#wpforms-3121 .iti__dial-code {
    color: #f0f0f0 !important;
}

#wpforms-3121 .iti__divider {
    border-bottom-color: #444 !important;
}

/* --- Address Field Row Adjustments --- */
#wpforms-3121 .wpforms-field-row {
    margin-bottom: 10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important; /* Use gap for spacing between blocks */
}

#wpforms-3121 .wpforms-field-row-block {
    flex: 1 1 0 !important; /* Allow blocks to grow and shrink */
    margin-right: 0 !important; /* Override default margin, use gap instead */
    min-width: 120px !important; /* Prevent blocks from getting too small */
}

/* For the two-column layout within address */
#wpforms-3121 .wpforms-one-half.wpforms-first {
    /* No specific override needed if gap works */
}

/* --- Dropzone / File Upload Area --- */
#wpforms-3121 .wpforms-uploader {
    background-color: #252525 !important; /* Even darker area */
    border: 2px dashed #555 !important; /* Dashed border */
    border-radius: 8px !important;
    color: #ccc !important;
    min-height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: border-color 0.2s ease !important;
}

#wpforms-3121 .wpforms-uploader:hover {
    border-color: #4a9eff !important;
}

/* Icon inside dropzone */
#wpforms-3121 .wpforms-uploader svg {
    fill: #aaa !important;
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 10px !important;
}

/* Text inside dropzone */
#wpforms-3121 .wpforms-uploader .modern-title {
    color: #ccc !important;
    font-size: 16px !important;
}

#wpforms-3121 .wpforms-uploader .modern-title span {
    color: #4a9eff !important; /* Highlight 'Choose Files' */
    text-decoration: underline !important;
    cursor: pointer !important;
}

/* When files are added (you may see dz-preview) */
#wpforms-3121 .dz-preview {
    background-color: #333 !important;
    border: 1px solid #444 !important;
    border-radius: 6px !important;
    color: #e0e0e0 !important;
}

#wpforms-3121 .dz-success-mark svg,
#wpforms-3121 .dz-error-mark svg {
    /* Adjust colors if needed, but keep defaults mostly */
}

/* --- Select dropdown specific styling --- */
#wpforms-3121 select {
    appearance: none !important; /* Remove default arrow for consistency */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23cccccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    padding-right: 40px !important; /* Make space for custom arrow */
}

/* For IE/Edge fallback - not critical */
#wpforms-3121 select::-ms-expand {
    display: none !important;
}

/* Option styling (limited support, but better than nothing) */
#wpforms-3121 select option {
    background-color: #2d2d2d !important;
    color: #f0f0f0 !important;
}

/* --- Submit Button --- */
#wpforms-3121 .wpforms-submit {
    background: linear-gradient(135deg, #4a6bff, #2541b2) !important; /* Gradient blue */
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important; /* Pill shape */
    padding: 14px 35px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 40, 255, 0.3) !important;
    width: auto !important; /* Auto width based on content */
    min-width: 200px !important;
    display: inline-block !important; /* Keep it from stretching full width */
    border: 1px solid rgba(255,255,255,0.1) !important; /* Subtle border */
}

#wpforms-3121 .wpforms-submit:hover {
    background: linear-gradient(135deg, #5a7bff, #3551c2) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 40, 255, 0.5) !important;
    border-color: rgba(255,255,255,0.2) !important;
}

#wpforms-3121 .wpforms-submit:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 10px rgba(0, 40, 255, 0.4) !important;
}

/* Submit spinner */
#wpforms-3121 .wpforms-submit-spinner {
    filter: brightness(0) invert(1) !important; /* Make white spinner visible on dark button */
}

/* Container for the submit button and spinner */
#wpforms-3121 .wpforms-submit-container {
    text-align: center !important; /* Center the button */
    padding: 20px 0 10px 0 !important;
}

/* --- Honeypot field (invisible) - ensure it stays hidden --- */
#wpforms-3121-field_6-container,
#wpforms-3121-field_7-container {
    display: none !important;
}

/* Adjust spacing between fields */
#wpforms-3121 .wpforms-field {
    margin-bottom: 20px !important;
}

/* --- Responsive adjustments for address fields on small screens --- */
@media (max-width: 600px) {
    #wpforms-3121 .wpforms-field-row {
        flex-direction: column !important;
        gap: 5px !important;
    }
    #wpforms-3121 .wpforms-field-row-block {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/* Ensure the entire form container has proper spacing if placed directly on dark background */
.elementor-element .wpforms-container {
    /* If the form is inside an Elementor container, add some padding if needed */
    /* padding: 20px; */ /* Uncomment if you want padding around the form */
}/* End custom CSS */