<div class="col-md-3 no_padding" style="border-right:none">
                    <div class="small_title questionpage" style="padding-top: 25px;padding-bottom: 26px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;">
                        <span>{{auth()->user()->name}}</span><br>
                        <span>{{auth()->user()->email}}</span><br>
                        <span>{{auth()->user()->mobile}}</span>
                    </div>
                    <div class="bg_color sidebar">
                        <ul class="list-inline">
                            <li><a href="{{ route('myaccount') }}"><span><i class="fas fa-home"></i></span>My Account</a></li>
                            <li><a href="{{ route('exam_history') }}"><span><i class="fas fa-edit"></i></span>Exam History</a></li>
                            <li><a href="{{route('construction')}}"><span><i class="fas fa-dollar-sign"></i></span>Payment Details</a></li>
                            <li><a href="{{route('examlist')}}"><span><i class="far fa-edit"></i></span>Exams</a></li>
                            <li><a href="#costumModal20" data-toggle="modal"><span><i class="fas fa-pencil-alt"></i></span>Feedback</a></li>
                            <li><a href="{{ route('logout') }}" onclick="event.preventDefault();  document.getElementById('logout-form').submit();"><span><i class="fas fa-sign-out-alt"></i></span>Logout</a></li>
                        </ul>
                        <div class="start_exam det_exam">
                        <a href="{{route('examlist')}}" name="" class="btn btn-success" value="START EXAM">START EXAM</a>
                        </div>
                    </div>
                </div>
<!--/*******FeedBack Form****/-->
<div id="costumModal20" class="modal" data-easein="slideDownBigIn"  tabindex="-1" role="dialog" aria-labelledby="costumModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">FEEDBACK</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
           <form method="post" action="{{ route('updatefeedback') }}" autocomplete="off">
                                    @csrf
                                    @method('put')
            <div class="modal-body">
               
                    <div class="form-group">
                        <textarea autocomplete="off" id="user_feedback" class="form-control" placeholder="Enter Your Feedback" required="" name="user_feedback" cols="50" rows="6"></textarea>
                    </div>
               
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">
                    Close
                </button>
               <input type="submit" class="btn btn-warning" name="submit" value="Send">
            </div>
             </form>
        </div>
    </div>
</div>
<style>
.start_exam.det_exam .btn.btn-success {
    background-color: aqua;
    border-color: aqua;
    font-family: 'Poppins-SemiBold';
    font-size: 23px;
    width: 100%;
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;
    color:#fff;
}
.start_exam {
    text-align: center;
    padding-left: 11px;
    padding-right: 11px;
}    
</style>