Job Recruitment Form We just need your contact details .uacf7-uacf7style-1816 label { font-style: normal;font-weight: normal; } .uacf7-uacf7style-1816 input[type="email"], .uacf7-uacf7style-1816 input[type="number"], .uacf7-uacf7style-1816 input[type="password"], .uacf7-uacf7style-1816 input[type="search"], .uacf7-uacf7style-1816 input[type="tel"], .uacf7-uacf7style-1816 input[type="text"], .uacf7-uacf7style-1816 input[type="url"], .uacf7-uacf7style-1816 input[type="date"], .uacf7-uacf7style-1816 input[type="radio"], .uacf7-uacf7style-1816 input[type="checkbox"], .uacf7-uacf7style-1816 select, .uacf7-uacf7style-1816 textarea { font-style: normal;font-weight: normal;border-style: solid!important; } .uacf7-uacf7style-1816 .wpcf7-radio span, .uacf7-uacf7style-1816 .wpcf7-checkbox span { font-style: normal;font-weight: normal; } .uacf7-uacf7style-1816 textarea { } .wpcf7-form-control-wrap select { width: 100%; } .uacf7-uacf7style-1816 input[type="submit"] { font-style: normal;font-weight: normal;border-style: none; } .uacf7-uacf7style-1816 input[type="submit"]:hover { } Position Applied For (if any) Personal Information Name * Email Address * Phone * Street Address Apartment, suite, etc City State/Province ZIP / Postal Code Country Saudi Arabia Background Education Degree Title * Graduation Date Institution Name Work Experience Company Name Employment Period Job Responsibilities Resume Upload * Confirm that the information provided is true and accurate. /* ===== FORM BASE ===== */ .career-form { background: #ffffff; padding: 30px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; font-family: 'Roboto'; } /* Headings */ .career-form .form-section { grid-column: span 2; font-size: 20px; margin: 20px 0 10px; font-weight: 600; color:#000; } .career-form .sub-section { grid-column: span 2; font-size: 16px; margin-top: 10px; font-weight: 500; } /* Form groups */ .form-group { display: flex; flex-direction: column; } .form-group.full { grid-column: span 2; } /* Labels */ .career-form label { font-size: 16px; margin-bottom: 6px; font-weight: 500; color:#000; } /* Inputs */ .career-form input, .career-form textarea, .career-form select { padding: 12px 14px; border: 1px solid #cfcfcf; border-radius: 6px; font-size: 14px; background: #fff; } .career-form textarea { min-height: 100px; resize: vertical; } /* File upload */ .career-form input[type="file"] { padding: 8px; } /* Checkbox */ .checkbox { font-size: 14px; } /* Submit button */ .career-form input[type="submit"] { background: #FBA982; color: #fff; border: none; padding: 14px; font-size: 15px; border-radius: 6px; cursor: pointer; width: 160px; } .career-form input[type="submit"]:hover { background: #FF6014; opacity:1; } /* ===== RESPONSIVE ===== */ /* ===== RESPONSIVE (FIXED) ===== */ @media (max-width: 768px) { .career-form { grid-template-columns: 1fr; padding: 20px; gap: 16px; } /* Force all grid items to behave as full-width blocks */ .career-form > * { grid-column: 1 / -1 !important; } /* CF7 wrapper fix */ .career-form .wpcf7-form-control-wrap { display: block; width: 100%; } /* Inputs always full width */ .career-form input, .career-form textarea, .career-form select { width: 100%; } /* Fix file input overflow */ .career-form input[type="file"] { max-width: 100%; } /* Checkbox alignment */ .career-form .checkbox { line-height: 1.4; } /* Center submit button on mobile */ .career-form input[type="submit"] { width: 100%; max-width: none; } }
