@extends('front.layouts.master')
@section('title', __('unlimited'))
@push('styles')
    <style>
        .achievements-wrapper .counter-content_about {
            background-image: url({{ asset('front/assets/images/pattern.svg') }})
        }

        .about-video::after {
            background-color: rgba(0, 0, 0, .25);

        }
    </style>
@endpush
@section('content')
    <!-- start about section -->
    <div class="py-5">
        <div class="container py-4">
            <div class="row justify-content-center">
                <div class="col-sm-10 col-md-10 col-lg-8">
                    <!-- start section header -->
                    <div class="section-header text-center mb-5 aos-init aos-animate" data-aos="fade-down">
                        <!-- start subtitle -->
                        <div
                            class="d-inline-block font-caveat fs-1 fw-medium section-header__subtitle text-capitalize text-primary">
                            Terms & Conditions</div>
                        <!-- end /. subtitle -->
                        <!-- start title -->
                        <h2 class="display-5 fw-semibold mb-3 section-header__title text-capitalize">
                            {{ isset($data->title) ? $data->title : '' }}</h2>
                        <!-- end /. title -->
                        <!-- start description -->
                        <div class="sub-title fs-16">{{ isset($data->subtitle) ? $data->subtitle : '' }}</div>
                        <!-- end /. description -->
                    </div>
                    <!-- end /. section header -->
                </div>
            </div>
            <div class="row g-4" id="about">
                <div class="col-12">
                    <div class="column-text-box ">
                        <p>{{ isset($data->parah_1) ? $data->parah_1 : '' }}</p>
                        <p>{{ isset($data->parah_2) ? $data->parah_2 : '' }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('styles')
    <!-- Main About css -->
    <link href="{{ asset('front/assets/css/plugins/aos/aos.min.css') }}" rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/fontawesome/css/all.min.css') }}" rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/OwlCarousel2/css/owl.carousel.min.css') }}" rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/OwlCarousel2/css/owl.theme.default.min.css') }}" rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/jquery-fancyfileuploader/fancy-file-uploader/fancy_fileupload.css') }}"
        rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/ion.rangeSlider/ion.rangeSlider.min.css') }}" rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/magnific-popup/magnific-popup.css') }}" rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/select2/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('front/assets/css/plugins/select2-bootstrap-5/select2-bootstrap-5-theme.min.css') }}"
        rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <style>
        @media (min-width: 1200px) {
            #about {
                max-width: 1140px !important;
                margin: auto;
            }
        }
    </style>
@endpush
@push('script')
    <script>
        AOS.init();
        var image = document.getElementsByClassName('js-image-parallax');
        new simpleParallax(image);
        $(function() {
            $('.popup-youtube, .popup-vimeo').magnificPopup({
                disableOn: 700,
                type: 'iframe',
                mainClass: 'mfp-fade',
                removalDelay: 160,
                preloader: false,
                fixedContentPos: false
            });
        });
    </script>
@endpush