@extends('front.layouts.app')

@section('content')

{{-- <div class="tr-company-info-area" style=" padding: 70px 0; margin-top: 50px; margin-bottom: 50px; text-align: center;">
  <div class="container">
    <div class="row justify-content-center align-items-center">
      <div class="col-xl-6 col-lg-6">
        <div class="tr-company-info-content">
          <h2 class="tr-company-title" style="font-size: 40px; color: #f9f9f9;">
            {{ \App\Helpers\TranslationHelper::translate('Terms and Condition') }}
          </h2>
          <p class="tr-company-description" style="font-size: 20px; color: #f9f9f9; margin-top: 30px; line-height: 1.6;">
                      @if($termsandcondition && $termsandcondition->description)
    {!! $termsandcondition->description !!}
@else
    <p>{{ \App\Helpers\TranslationHelper::translate('No terms and conditions available at the moment.') }}</p>
@endif
          </p>
        </div>
      </div>
    </div>
  </div>
</div> --}}

        <section class="hero-section">
            <div class="overlay"></div>
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-10 text-center">
                        <div class="text-hero-7">
                            <h2 data-aos="zoom-in" data-aos-duration="1000">
                                {{ \App\Helpers\TranslationHelper::translate('Terms and Condition') }}
                            </h2>
                            <p data-aos="fade-up" data-aos-duration="1200">
                                {{-- {!! $termsandcondition->description !!} --}}
                                @if($termsandcondition && $termsandcondition->description)
                                    {!! $termsandcondition->description !!}
                                @else
                                    <p>{{ \App\Helpers\TranslationHelper::translate('No terms and conditions available at the moment.') }}</p>
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

       @endsection