<?php include('../components/pages.head.php'); ?>
<body>
    <?php include('../components/pages.header.php'); ?>
    
    <main>
        <!-- Breadcrumbs S t a r t -->
        <section class="breadcrumbs-area breadcrumb-bg">
            <div class="container">
                <h1 class="title wow fadeInUp" data-wow-delay="0.0s">
                Quality insurance without the hassle
                </h1>
            </div>
        </section>
        <!--/ End-of Breadcrumbs-->


        <!-- Destination area S t a r t -->
        <section class="tour-details-section section-padding2">
            <div class="tour-details-area">

                <!-- Details Banner Slider -->
                <div class="tour-details-banner">
                    <div class="swiper tourSwiper-active">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="../assets/images/insurance/insure1.jpg" alt="travello">
                            </div>
                            <div class="swiper-slide">
                                <img src="../assets/images/insurance/insure2.jpg" alt="travello">
                            </div>
                            <div class="swiper-slide">
                                <img src="../assets/images/insurance/insure3.jpg" alt="travello">
                            </div>
                            <div class="swiper-slide">
                                <img src="../assets/images/insurance/insure4.jpg" alt="travello">
                            </div>
                        </div>
                        <div class="swiper-button-next"><i class="ri-arrow-right-s-line"></i></div>
                        <div class="swiper-button-prev"><i class="ri-arrow-left-s-line"></i></div>
                    </div>
                </div>
                <!-- / Slider-->

                <div class="tour-details-container">
                    <div class="container">

                        <!-- Details Heading -->
                        <div class="details-heading">
                            <div class="d-flex flex-column">
                                <h4 class="title">
                                    Explore insurance topics
                                </h4>
                                <div class="d-flex flex-wrap align-items-center gap-30 mt-16">
                                    <div class="location">
                                        <div class="name">
                                            General insurance
                                        </div>
                                    </div>
                                    <div class="divider"></div>
                                     <div class="location">
                                        <div class="name">
                                            Home insurance
                                        </div>
                                    </div>
                                    <div class="divider"></div>
                                     <div class="location">
                                        <div class="name">
                                            Pet insurance
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="price-review">
                                <div class="d-flex gap-10 align-items-end">
                                    <p class="light-pera">Interested?</p>
                                    <p class="pera">Get Started</p>
                                </div>
                                <div class="rating">
                                    <i class="ri-star-s-fill"></i>
                                    <i class="ri-star-s-fill"></i>
                                    <i class="ri-star-s-fill"></i>
                                    <i class="ri-star-s-fill"></i>
                                    <i class="ri-star-s-fill"></i>
                                    <p class="pera">4.7 (198k+ Reviews)</p>
                                </div>
                            </div>
                        </div>
                        <!-- / Details Heading -->

                        <div class="mt-30">
                            <div class="row g-4">
                                <!-- Left content -->
                                <div class="col-xl-8 col-lg-7">

                                    <!-- About tour -->
                                    <div class="tour-details-content">
                                        <h4 class="title">Overview</h4>
                                        <p class="pera">
                                            Our customers are at the heart of what we do, and we know how 
                                            important it is for you to have peace of mind. We’ve partnered with top
                                            insurance providers to offer premium insurance to help protect 
                                            against any unexpected costs. For quality insurance without the hassle, 
                                            we’ve got you covered.
                                        </p>
                                        <h4 class="title">Pet Insurance</h4>
                                        <p class="pera">
                                            Your four-legged friend deserves the same protection as the rest of your family, so we’ve partnered with Everypaw Pet Insurance to offer 
                                            award-winning cover. Find out more about easy-to-manage insurance for dogs, cats and rabbits with 24/7 access to vets.
                                        </p>
                                        <hr style="1px solid dashed">
                                        <h4 class="title">Insure your home, its contents or both</h4>
                                        <p class="pera">
                                            1 in 7 chance of winning back the cost of your annual home insurance premium 
                                            if you take out a policy. Contact Customer support for more details 
                                            New policies, Over 18s only, policy must be active at time of draw, Terms apply.  
                                            See how your data will be used in conjunction with this prize draw. 
                                        </p>
                                    </div>
                                    <!-- / About tour -->

                                    <!-- Tour Include Exclude -->
                                    <div class="tour-include-exclude radius-6">
                                        <div class="includ-exclude-point">
                                            <h4 class="title">Buildings and contents insurance</h4>
                                            <h4 class="title">
                                                Buildings insurance
                                            </h4>
                                        </div>
                                        <div class="divider"></div>
                                        <div class="includ-exclude-point">
                                            <h4 class="title">Renters insurance</h4>
                                            <ul class="expect-list">
                                                <li class="list">
                                                    A lighter level of contents cover that’s been especially created for tenants and students
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- / Tour Include Exclude -->

                                    

                                    
                                </div>

                                <!-- Right content -->
                                <div class="col-xl-4 col-lg-5">
                                    <div class="date-travel-card position-sticky top-0">
                                        <div class="price-review">
                                            <div class="d-flex gap-10 align-items-end">
                                                
                                                <p class="pera">
                                                    Check Availability
                                                </p>
                                            </div>
                                            <div class="rating">
                                                <p class="pera">login to your account to start</p>
                                            </div>
                                        </div>
                                        <h4 class="heading-card">Please Input your account information to login</h4>
                                        
                                        <div class="mt-30">
                                            <a href="../login" type="submit" class="send-btn w-100">Check Availability</a>
                                        </div>
                                        <div class="footer bg-transparent">
                                            <h4 class="title">Free Cancellation</h4>
                                            <p class="pera">Up to 24 hours in advance</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--/ End-of Destination -->
    </main>

   <?php include ('../components/pages.footer.php'); ?>