@extends('layout.header')
@section('content')
<div class="container-fluid bg-image">
    <div class="col-12 col-md-8 col-lg-6 d-flex align-items-center justify-content-center">
        <div class="form-container">
            <div class="row p-2">
                <div class="col-12 col-md-6">
                    <div class="p-3 bg-custom rounded">
                        <h6 class="text-custom">Almost There</h6>
                        <p class="text-primary1">Improve Your Question By Answering a few more Questions</p>
                        <img class="img-fluid px-5 img-custom" src="assets/images/Image_1.png" alt="">
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="py-5 px-3">
                        <div class="justify-content-between align-items-center mb-3">
                        <i id="go-back" class="fa-solid fa-circle-chevron-left fs-3"></i>
                        <i id="go-forward" class="fa-solid fa-circle-chevron-right fs-3"></i>
                        </div>
                        <div class="mb-3">
                            <h6>3) Country<span class="text-danger">*</span></h6>
                            <select class="form-select my-3 line-input" id="exampleFormControlSelect1" placeholder="Enter Company Name" name="country">
                                <option>India</option>
                                <option>Australia</option>
                                <option>Ameica</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>



                        <div>
                            <a href="{{ url('mobile') }}" class="btn btn-custom px-5">OK</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection