@extends('components.master')
@section('admin')
    <div class="breadcumb-wrapper background-image"
        style="background-image: url(&quot;assets/img/bg/breadcumb-bg.jpg&quot;);">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">International Package Deatils</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ route('index') }}">Home</a></li>
                    <li>International Package </li>
                </ul>
            </div>
        </div>
    </div>










    {{-- International Package --}}



    <section class="overflow-hidden space arrow-wrap" id="blog-sec">
        <div class="container">
            <div class="mb-30 text-center text-md-center">
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-12">
                        <div class="title-area mb-md-0">
                            <h2 class="sec-title">International Packages details</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="tour-box th-ani">
                        <div class="tour-box_img global-img">
                            <img src="assets/img/international/1735045133.jpg" alt="image">
                        </div>
                        <div class="tour-content">
                            <h3 class="currency"><a href="#">Package Name</a>
                            </h3>
                            <div class="tour-rating">
                                <div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
                                    <span style="width:100%">Rated <strong class="rating">5.00</strong>
                                        out of 5 based on <span class="rating">4.8</span>(4.8
                                        Rating)</span>
                                </div><a href="#" class="woocommerce-review-link">(<span class="count">4.8</span>
                                    Rating)</a>
                            </div>
                            <h4 class="tour-box_price"><span class="box-title">Price: </span>0PKR</h4>
                            <div class="tour-action"><span><i class="fa-light fa-clock"></i>7
                                    Days</span> <a href="#" class="th-btn style4 th-icon">Book Now</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="tour-box th-ani">
                        <div class="tour-box_img global-img"><img src="assets/img/international/1735045207.jpg"
                                alt="image"></div>
                        <div class="tour-content">
                            <h3 class="currency"><a href="#">Package Name</a>
                            </h3>
                            <div class="tour-rating">
                                <div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
                                    <span style="width:100%">Rated <strong class="rating">5.00</strong>
                                        out of 5 based on <span class="rating">4.8</span>(4.8
                                        Rating)</span>
                                </div><a href="#" class="woocommerce-review-link">(<span class="count">4.8</span>
                                    Rating)</a>
                            </div>
                            <h4 class="tour-box_price"><span class="box-title">Price: </span>0PKR</h4>
                            <div class="tour-action"><span><i class="fa-light fa-clock"></i>7
                                    Days</span> <a href="#" class="th-btn style4 th-icon">Book Now</a>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-lg-4 col-md-6">

                    <div class="tour-box th-ani">
                        <div class="tour-box_img global-img"><img src="assets/img/international/1735045279.jpeg"
                                alt="image"></div>
                        <div class="tour-content">
                            <h3 class="currency"><a href="#">Package Name</a>
                            </h3>
                            <div class="tour-rating">
                                <div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
                                    <span style="width:100%">Rated <strong class="rating">5.00</strong>
                                        out of 5 based on <span class="rating">4.8</span>(4.8
                                        Rating)</span>
                                </div><a href="#" class="woocommerce-review-link">(<span class="count">4.8</span>
                                    Rating)</a>
                            </div>
                            <h4 class="tour-box_price"><span class="box-title">Price: </span>0PKR</h4>
                            <div class="tour-action"><span><i class="fa-light fa-clock"></i>7
                                    Days</span> <a href="#" class="th-btn style4 th-icon">Book Now</a>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </div>
    </section>


    {{-- Umrah Package --}}

    {{-- tour Images --}}
    <div class="destination-area mb-5 position-relative overflow-hidden">
        <div class="container">
            <div class="title-area text-center">
                {{-- <span class="sub-title">Top Destination</span> --}}
                <h2 class="sec-title">Tours Images</h2>
            </div>
            <div class="swiper th-slider destination-slider slider-drag-wrap swiper-coverflow swiper-3d swiper-initialized swiper-horizontal swiper-watch-progress"
                id="aboutSlider1"
                data-slider-options="{&quot;breakpoints&quot;:{&quot;0&quot;:{&quot;slidesPerView&quot;:1},&quot;576&quot;:{&quot;slidesPerView&quot;:&quot;2&quot;},&quot;992&quot;:{&quot;slidesPerView&quot;:&quot;3&quot;},&quot;1200&quot;:{&quot;slidesPerView&quot;:&quot;3&quot;}},&quot;effect&quot;:&quot;coverflow&quot;,&quot;coverflowEffect&quot;:{&quot;rotate&quot;:&quot;0&quot;,&quot;stretch&quot;:&quot;95&quot;,&quot;depth&quot;:&quot;212&quot;,&quot;modifier&quot;:&quot;1&quot;},&quot;centeredSlides&quot;:&quot;true&quot;}">
                <div class="swiper-wrapper" id="swiper-wrapper-10e94535fd1e624dc" aria-live="off"
                    style="transition-duration: 0ms; transform: translate3d(-1698.67px, 0px, 0px); transition-delay: 0ms;">
                    <div class="swiper-slide" role="group" aria-label="4 / 10" data-swiper-slide-index="3"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(503.453px, 0px, -1123.49px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -4; margin-right: 24px;">
                        
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_4.jpg"
                                    alt="destination image">
                              
                            </div>
                        </div>

                    </div>
                    <div class="swiper-slide" role="group" aria-label="5 / 10" data-swiper-slide-index="4"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(402.683px, 0px, -898.619px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -3; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_5.jpg"
                                    alt="destination image">
                               
                            </div>
                        </div>
                        
                    </div>
                    <div class="swiper-slide" role="group" aria-label="6 / 10" data-swiper-slide-index="5"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(302.151px, 0px, -674.273px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -2; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_1.jpg"
                                    alt="destination image">
                               
                            </div>
                        </div>
                       
                    </div>
                    <div class="swiper-slide" role="group" aria-label="7 / 10" data-swiper-slide-index="6"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(201.381px, 0px, -449.398px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -1; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_2.jpg"
                                    alt="destination image">
                               
                            </div>
                        </div>
                        
                    </div>
                    <div class="swiper-slide swiper-slide-visible swiper-slide-prev" role="group" aria-label="8 / 10"
                        data-swiper-slide-index="7"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(100.611px, 0px, -224.522px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 0; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_3.jpg"
                                    alt="destination image">
                               
                            </div>
                        </div>
                       
                    </div>
                    <div class="swiper-slide swiper-slide-visible swiper-slide-active" role="group" aria-label="9 / 10"
                        data-swiper-slide-index="8"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(0.0790349px, 0px, -0.176373px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_4.jpg"
                                    alt="destination image">
                                
                            </div>
                        </div>
                       
                    </div>
                    <div class="swiper-slide swiper-slide-visible swiper-slide-next" role="group" aria-label="10 / 10"
                        data-swiper-slide-index="9"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(-100.691px, 0px, -224.699px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 0; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_5.jpg"
                                    alt="destination image">
                                
                            </div>
                        </div>
                        </div>
                    <div class="swiper-slide" role="group" aria-label="1 / 10" data-swiper-slide-index="0"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(-201.46px, 0px, -449.574px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -1; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_1.jpg"
                                    alt="destination image">
                              
                            </div>
                        </div>
                        
                    </div>
                    <div class="swiper-slide" role="group" aria-label="2 / 10" data-swiper-slide-index="1"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(-301.993px, 0px, -673.92px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -2; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_2.jpg"
                                    alt="destination image">
                                
                            </div>
                        </div>
                      
                    </div>
                    <div class="swiper-slide" role="group" aria-label="3 / 10" data-swiper-slide-index="2"
                        style="width: 400.667px; transition-duration: 0ms; transform: translate3d(-402.762px, 0px, -898.795px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -3; margin-right: 24px;">
                        <div class="destination-box ">
                            <div class="destination-img"><img src="assets/img/destination/destination_1_3.jpg"
                                    alt="destination image">
                               
                            </div>
                        </div>
                       
                    </div>
                </div><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>
        </div>
    </div>
    {{-- tour Images --}}
@endsection