Conteneur de formulaire

HTML

<section class="gnb-section-gray">
	<div class="container">
		<div class="container overflow-hidden">
			<div class="row">
				<div class="col-sm-12 col-md-4">
					<aside class="gnb-progress-steps-nav">
						<h2>Comment postuler</h2>
						<ul class="gnb-progress-steps-circle">
							<li class="complete">
								<div><a href="#">1. Lire et accepter les termes</a></div>
							</li>
							<li class="current">
								<div>2. Informations de contact</div>
							</li>
							<li>
								<div>3. Demande de subvention</div>
							</li>
							<li>
								<div>4. Réviser et soumettre</div>
							</li>
						</ul>
					</aside>
				</div>
				<div class="col">
					<form class="gnb-form-container">
						<h2>Informations de contact</h2>
						<p>Entrez vos informations de contact et sélectionnez votre langue préférée.</p>
						<div class="row row-cols-1 margin-bottom-md">
							<div class="col">
								<label for="firstname">Prénom<span class="required">*</span><span
										class="sr-only">obligatoire</span></label>
								<input type="text" obligatoire name="firstname" id="firstname" />
							</div>
							<div class="col">
								<label for="lastname">Nom<span class="required">*</span><span
										class="sr-only">obligatoire</span></label>
								<input type="text" obligatoire name="lastname" id="lastname" />
							</div>
							<div class="col">
								<div class="gnb-form-input">
									<label for="email-address">Courriel<span class="required">*</span><span
											class="sr-only">required</span></label>
									<input id="email-address" class="gnb-field-md" name="email-address"
										autocomplete="email" type="email" required
										oninput="validateEmail(this)">
									<div class="gnb-form-validation" id="email-error" style="display: none;">
									</div>
								</div>
							</div>
							<div class="col">
								<div class="gnb-form-input">
									<label for="phone-number">Téléphone <span class="required">*</span><span
											class="sr-only">obligatoire</span></label>
									<input type="tel" id="phone-number" name="phone"
										aria-describedby="phone-error" onblur="validatePhoneNumber(this)">
									<div class="gnb-form-validation" id="phone-error" style="display: none;">
									</div>
								</div>
							</div>
						</div>
						<h3>Langue préférée</h3>
						<fieldset class="gnb-radio-buttons">
							<legend>Choisissez la langue dans laquelle vous souhaitez communiquer sur votre
								demande<span class="required">*</span><span class="sr-only">obligatoire</span>
							</legend>
							<div class="pair">
								<input type="radio" name="languagepreference" id="english" value="English">
								<label for="english">Anglais</label>
							</div>
							<div class="pair">
								<input type="radio" name="languagepreference" id="french" value="French">
								<label for="french">Français</label>
							</div>
						</fieldset>

						<hr />
						<button class="gnb-button">Suivant</button>
						<button type="button" class="gnb-btn-secondary">Retourner</button>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>