@extends('web.layouts.master')
@section('content') 
        <section class="bg-half-170 d-table w-100" style="padding : 175px 0px 0px; background-color: #efefef; height: 100vh;">
            <div class="container mt-5">
                <div class="row g-0 mt-5 mb-5">
                    <div class="col-md-7" style="background-color: white;">
                        <div class="row justify-content-center">
                            <div class="col-12 text-center">
                                <div class="section-title mb-5 mt-5">
                                    <h1 style="line-height: 1.1; color: #191e38; font-size: 48px !important; font-weight: 500 !important; font-family: 'League Spartan', sans-serif !important;">Lorem ipsum dolor sit amet</h1>
                                    <p class="mt-4" style="color: #191e38; font-weight: bolder !important;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, vero.</p> 
                                </div>
                            </div><!--end col-->
                        </div><!--end row-->

                        <div class="card-body">
                            <div class="flex-1 content p-3 rounded box-white position-relative">
                                <div class="form-icon position-relative" style="display:flex;">
                                    <input type="text" class="form-control search-box" id="" placeholder="" name="" required="">
                                    <span class="search_button hand search-btn" style="margin-left: -8.8rem; "><span style="display:block; margin-left:11px; margin-top:4px; cursor: pointer;">Search</span></span>
                                    <a href="" class="ref_button hand search-btn ms-2" style="width: 5%; background-color: #ffbd59 !important; border: 2px solid #ffbd59;"><span style="display:block; margin-left:9px; margin-top:4px; cursor: pointer;"><i class="fa fa-refresh" style="color:#ffff !important;"></i></span></a>
                                    <!-- <button class="btn btncl"></button>  -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 ms-5" style="background-color: white;">
                        <div class="row justify-content-center">
                            <div class="col-12 text-center">
                                <div class="section-title mb-5 mt-5">
                                    <h1 style="line-height: 1.1; color: #191e38; font-size: 48px !important; font-weight: 500 !important; font-family: 'League Spartan', sans-serif !important;">Lorem ipsum dolor sit amet</h1>
                                    <p class="mt-4" style="color: #191e38; font-weight: bolder !important;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, vero.</p> 
                                </div>
                            </div><!--end col-->
                        </div><!--end row-->

                        <div class="card-body">
                            <div class="flex-1 content p-3 shadow rounded box-white position-relative">
                                <p class="text-muted1 mt-5 mb-2 text-center">"It seems that only fragments of the original text remain in the Lorem Ipsum texts used today."</p>
                                <div style="display: flex; justify-content: center;">
                                    <p class="mt-4 mb-5"><a href="" class="master-link secondary"><strong style="font-weight: bolder !important;">Register Your Interest <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </a></p>    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
@endsection