﻿.hp-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
.custom-form {
    float: left;
    width: 100%;
    position: relative;
}

    /* Textboxes & Textarea */
    .custom-form textarea,
    .custom-form input[type="text"],
    .custom-form input[type="email"],
    .custom-form input[type="file"] {
        float: left;
        width: 100%;
        padding: 15px 20px;
        font-size: 14px;
        color: #333;
        background: #fff;
        border: 1px solid #dcdcdc;
        border-radius: 4px;
        font-family: 'Ek Mukta', sans-serif;
        -webkit-appearance: none;
        transition: all 0.3s ease;
    }

        /* Focus Effect */
        .custom-form textarea:focus,
        .custom-form input[type="text"]:focus,
        .custom-form input[type="email"]:focus,
        .custom-form input[type="file"]:focus {
            border-color: #2d63c8;
            box-shadow: 0 0 0 3px rgba(45, 99, 200, 0.12);
            outline: none;
        }

        /* Placeholder */
        .custom-form input::placeholder,
        .custom-form textarea::placeholder {
            color: #666;
            font-weight: 500;
            font-size: 13px;
            text-transform: none;
        }

    /* Textarea */
    .custom-form textarea {
        height: 150px;
        resize: vertical;
        padding: 15px 20px;
    }

    /* Spacing */
    .custom-form input,
    .custom-form textarea {
        margin-bottom: 20px;
    }

    /* Resume Upload Label */
    .custom-form .upload-label {
        display: block;
        margin-bottom: 8px;
        color: #333;
        font-weight: 600;
        font-size: 14px;
    }

    /* File Upload Styling */
    .custom-form input[type="file"] {
        padding: 12px;
        cursor: pointer;
        background: #fff;
    }

    /* Submit Button */
    .custom-form button {
        margin-top: 10px;
        padding: 16px 35px;
        font-size: 11px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
        color: #fff;
        background: #2d63c8;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-family: 'Mukta Vaani', sans-serif;
        transition: all 0.3s ease;
    }

        .custom-form button:hover {
            background: #1d4da8;
        }
