@extends('frontend.layouts.app')
@section('content')

<!-- Start Page Banner Area -->
<div class="rbt-breadcrumb-default ptb--50 ptb_md--30 ptb_sm--30 bg-gradient-1">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-inner text-center">
                    <h2 class="title">Need Support Details</h2>
                    <ul class="page-list">
                        <li class="rbt-breadcrumb-item"><a href="/">Home</a></li>
                        <li>
                            <div class="icon-right"><i class="feather-chevron-right"></i></div>
                        </li>
                        <li class="rbt-breadcrumb-item active">Need Support Details</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Banner Area -->
<div class="rbt-accordion-area accordion-style-1 rbt-accordion-color-black overflow-hidden position-relative top-circle-shape-top overlpping-call-to-action">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-10 offset-lg-1 col-sm-12">
                <div class="rbt-course-feature-box overview-wrapper rbt-shadow-box mt--30 has-show-more" id="overview">
                    <div class="rbt-course-feature-inner has-show-more-inner-content">
                        <div class="section-title">
                            <h4 class="rbt-title-style-3">{{$detail->question}}</h4>
                        </div>
                        <p>{!!$detail->detail!!}</p>
                    </div>
                    <div class="rbt-show-more-btn">Show More</div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection