@extends('website.layout.app')

@section('content')
    <div class="mt-20 md:mt-40 mb-14 flex justify-center items-center">
        <div class="w-[90%] md:w-[70%] bg-white p-10 rounded-xl">
            <div class="flex flex-col items-center">
                <div>
                    <h1 class="text-3xl">{{ $policy->title }}</h1>
                    <div class="flex gap-1 mt-1 w-full">
                        <div class="parallelogram w-full"></div>
                        <div class="parallelogram w-[5px]"></div>
                        <div class="parallelogram w-[5px]"></div>
                    </div>
                </div>
            </div>
            <div class="mt-10 font-semibold leading-10">{!! $policy->description !!}</div>
        </div>
    </div>
@endsection