@extends('reachassuree_web/layouts.main')
@section('title', $data['title'])
@section('content')
<style>
    .page-title-area {
        background-color: #f8f8fb;
    }

    @media only screen and (max-width:375px) {
        .card-body {
            padding: 1.25rem 0.8rem;
        }
    }

    p {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        margin-bottom: 0.5rem;
    }

    h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: unset;
        text-transform: uppercase;
    }

    .page-title-area {
        padding-bottom: 3rem;
    }
</style>
<!-- Start Page Title Area -->
<div class="page-title-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="text-center mb-5">
                    <div class="row justify-content-center my-5">
                        <div class="col-sm-4">
                            <div class="maintenance-img">
                                <img src="assets/images/coming-soon.svg" alt="" class="img-fluid mx-auto d-block">
                            </div>
                        </div>
                    </div>
                    <h4 class="mt-5">Coming Soon</h4>

                </div>
                <div class="row justify-content-center">
                    <div class="col-md-8">
                        <div class="card">

                            <div class="card-body">
                                <p class="text-muted" style="font-weight:900;">In the very near future, We'll be launching in this page.</p>
                                <ul>
                                    <li class="event-list">
                                        <p>"Reach Assuree" can get various types of survey from this page.</p>
                                    </li>
                                    <li class="event-list">
                                        <p>Participants can contribute his holly opinion about verious survey.</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('rassets/js/jquery.min.js') }}"></script>
<script src="{{ asset('rassets/js/bootstrap.bundle.min.js') }}"></script>
<script>
    $("#tab_purchase").addClass("hightlight-tab");
</script>

@endsection