@section('title', 'Thank You for Playing!')
@extends('layouts.main')


@section('extra-css')
    <link rel="stylesheet" href="{{ asset('/assets/plugins/light-pick/lightpick.css') }}"/>
    <style>
        html {
            background-image: url("/assets/images/bg.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            background-color: #5597d3;
            background-position: top center;
        }

        .fContent {
           padding-bottom: 35px;
           padding-top: 35px;
        }

        @media screen and (max-width: 991px) {
            html {
                background-image: url("/assets/images/bg-991.jpg");
            }
        }

        @media screen and (max-width: 600px) {
            html {
                background-image: url("/assets/images/bg-600.jpg");
            }
        }

    </style>
@endsection

@section('content')

    <!--begin:: Check error or success -->
    @include('layouts.partials.success')
    @include('layouts.partials.errors')
    <!--end:: Check error or success -->
    <div class="row">
        <div class="col-xs-12">
            <div class="fContent animated slideInRight">
                <h2 style="color:#cd1957;">CONGRATULATIONS </h2>
                <hr>
                <p>We will verify your entry and email your voucher to you within 24 hours during weekdays or the following workday.  </p>
                <p>For any queries email <a href="mailto:info@bravecto.co.za" style="color:var(--primaryColor);">info@bravecto.co.za</a></p>
                <p><span><strong>One entry will be permitted per Bravecto<sup>®</sup> product bought.</strong></span></p>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>



@endsection



@section('extra-js')

@endsection()