<div class="select-option">
    <h3>Select An Option</h3>
    <div class="select-option-list">
        [radio radio-230 class:form-check-input use_label_element default:1 "I’m a domestic student" "I’m an International student"]
    </div>
</div>
<div class="row">
    <div class="col-lg-6">
        <div class="applicant-details">
            <h3>Applicant Details</h3>
            <div class="input-box">
                <label class="form-label">Applicants First Name <span>*</span> </label>
                [text* name class:form-control placeholder "First Name"]
            </div>
            <div class="input-box">
                <label class="form-label">Last Name <span>*</span> </label>
                [text* name class:form-control placeholder "Last Name"]
            </div>
            <div class="input-box">
                <label class="form-label">Gender<span>*</span> </label>
                [select Outlet id:outlet class:form-select "--Select--" "Male" "Female" "Custom"]
            </div>
            <div class="input-box">
                <label class="form-label">Citizenship<span>*</span> </label>
                [text Citizenship class:form-control placeholder "Type Here"]
            </div>
            <div class="input-box">
                <label class="form-label">Country Of Birth<span>*</span> </label>
                [text country class:form-control placeholder "Type Here"]
            </div>
            <div class="input-box">
                <label class="form-label">First Language<span>*</span> </label>
                [text language class:form-control placeholder "Type Here"]
            </div>
            <div class="input-box">
                <label class="form-label">Status In Canada<span>*</span> </label>
                [text* Status class:form-control placeholder "Type Here"]
            </div>
            <div class="input-box">
                <label class="form-label">Date Of Birth<span>*</span> </label>
                <div class="input-with-icon">
                    [date* date class:form-control]
                    <i class="ti ti-calendar"></i>
                </div>
            </div>
            <div class="input-box">
                <label class="form-label">Email<span>*</span> </label>
                <div class="input-with-icon">
                    [email* email class:form-control placeholder "Email"]
                    <i class="ti ti-mail"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="current-address applicant-details">
            <h3>Current Address</h3>
            <div class="input-box">
                <label class="form-label">Street Address<span>*</span> </label>
                [text* street class:form-control placeholder "Street"]
            </div>
            <div class="input-box">
                <label class="form-label">City<span>*</span> </label>
                [text* city class:form-control placeholder "City"]
            </div>
            <div class="input-box">
                <label for="exampleFormControlInput12" class="form-label">Country<span>*</span> </label>
                [text country2 class:form-control placeholder "Type Here"]
            </div>
            <div class="input-box">
                <label for="exampleFormControlInput13" class="form-label">Province/State<span>*</span> </label>
                [text* State class:form-control placeholder "Type Here"]
            </div>
            <div class="input-box">
                <label for="exampleFormControlInput14" class="form-label">Postal/ZIP Code<span>*</span> </label>
                [text* Postal class:form-control placeholder "Type Here"]
            </div>
            <div class="input-box">
                <label for="exampleFormControlInput15" class="form-label">Phone No<span>*</span> </label>
                <div class="input-with-icon">
                    [number* number class:form-control placeholder "Phone No"]
                    <i class="ti ti-phone-call"></i>
                </div>
            </div>
        </div>
    </div>
</div>
[multistep StepOne first_step "https://universidadsahagun.org.mx/academic-information/"]

<div class="next-button text-end pt-30">
	<button type="submit" class="default-btn">Next 
		<i class="ti ti-arrow-narrow-right"></i>
	</button>
</div>