@extends("general_base")
@section("title", $page->name)
@section("style")
<style>
.mn-terms-conditions .mn-title {
    text-align: center;
    margin-bottom: 40px;
}
.mn-terms-conditions .mn-title h2 {
    font-size: 32px;
    margin-bottom: 10px;
}
.mn-terms-conditions .mn-title h2 span {
    color: var(--primary);
}
.mn-terms-conditions .mn-common-wrapper {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
.mn-terms-conditions .mn-common-wrapper h1,
.mn-terms-conditions .mn-common-wrapper h2,
.mn-terms-conditions .mn-common-wrapper h3,
.mn-terms-conditions .mn-common-wrapper h4,
.mn-terms-conditions .mn-common-wrapper h5,
.mn-terms-conditions .mn-common-wrapper h6 {
    margin-bottom: 15px;
    color: #333;
}
.mn-terms-conditions .mn-common-wrapper p {
    margin-bottom: 15px;
    line-height: 1.6;
    color: #666;
}
.mn-terms-conditions .mn-common-wrapper ul,
.mn-terms-conditions .mn-common-wrapper ol {
    margin-bottom: 15px;
    padding-left: 20px;
}
.mn-terms-conditions .mn-common-wrapper li {
    margin-bottom: 8px;
    color: #666;
}
</style>
@endsection
@section("content")
<section class="mn-terms-conditions py-4">
    <div class="container">
        <div class="mn-title">
            <h2>{{ $page->name }}</h2>
        </div>
        <div class="row justify-content-center">
            <div class="col-12">
                <div class="mn-common-wrapper">
                    {!! $page->content !!}
                </div>
            </div>
        </div>
    </div>
</section>
@endsection