@extends('layouts.front-layout')

@section('content')

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{asset('front-assets/images/innerbnr1.png')}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>REFUND <br>
                            POLICY</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->


    <section class="refund">
        <div class="container">
            <h2>REFUND POLICY</h2>
            <div class="row justify-content-start">
                <div class="col-md-7">
                    <div class="refund-content">
                        <h3>How many days customers have to ask for a refund?</h3>
                        <p>Please note that you need to select a minimum of 14 days for EU-based businesses</p>
                        <ul class="checkbox">
                            <li><input type="checkbox"><label>3 Days</label></li>
                            <li><input type="checkbox"><label>7 Days</label></li>
                            <li><input type="checkbox"><label>15 Days</label></li>
                        </ul>
                    </div>
                    <div class="refund-content">
                        <h3>What are the conditions that must be met to issue a refund?</h3>
                        <p>Click all that apply</p>
                        <ul class="checkbox">
                            <li><input type="checkbox"><label>Product must be returned in its original packaging</label></li>
                            <li><input type="checkbox"><label>Product isn't used or damaged</label></li>
                            <li><input type="checkbox"><label>Product must have the receipt or proof of purchase</label></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection