@extends('layouts.main')
@section('content')
<!--================Breadcrumb Area =================-->
<section class="breadcrumb_area">
    <div class="overlay bg-parallax" data-stellar-ratio="0.8" data-stellar-vertical-offset="0" data-background=""></div>
    <div class="container">
        <div class="page-cover text-center">
            <h2 class="page-cover-tittle">{{ __('our-tour-packages.title') }}</h2>
            <ol class="breadcrumb">
                <li><a href="#">{{ __('our-tour-packages.camping.title') }}</a></li>
            </ol>
        </div>
    </div>
</section>
<!--================Breadcrumb Area =================-->

<!--================ Accomodation Area  =================-->
<section class="section_gap" style="background: url('/image/packages/camping/packages-camping-background.jpg') no-repeat fixed; background-size: cover; padding-top: 30px;">
    <div class="container">
        <div class="section_title text-center">
            <h2 class="title_color" style="color: black;">{{ __('our-tour-packages.camping.expect_title') }}</h2>
            <p style="color: black;">{{ __('our-tour-packages.camping.expect_text_1') }}<br>
                {{ __('our-tour-packages.camping.expect_text_2') }} <b style="color: black;">“{{ __('our-tour-packages.camping.expect_text_3') }}”</b> {{ __('our-tour-packages.camping.expect_text_4') }}
                {{ __('our-tour-packages.camping.expect_text_5') }}</p>
            <br>
            <h2 class="title_color" style="color: black;">{{ __('our-tour-packages.camping.package_ideas') }}</h2>
            <p style="color: black;">{{ __('our-tour-packages.camping.package_details') }}</p>
        </div>
        <div class="row accomodation_two">
            <div class="col-lg-6 col-sm-6">
                <div class="accomodation_item text-center">
                    <div class="hotel_img">
                        <img src="/image/packages/camping/camping_1.png" alt="">
                        <!-- Trigger the modal with a button -->
                        <a href="#" class="btn theme_btn button_hover" data-toggle="modal" data-target="#myModal_1">{{ __('our-tour-packages.view_more_btn') }}</a>
                    </div>
                    <h4 class="sec_h4" style="color: black;">{{ __('our-tour-packages.camping.classic_nam_title') }}</h4>

                    <div class="text-left">
                        <span style="color: black;">
                            <table style="text-align: left;">
                                <tr>
                                    <td>{{ __('our-tour-packages.trip') }}:</td>
                                    <td>{{ __('our-tour-packages.auto_guided') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('our-tour-packages.service') }}:</td>
                                    <td>{{ __('our-tour-packages.service_text') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('our-tour-packages.comfort') }}:</td>
                                    <td>{{ __('our-tour-packages.comfort_text_2') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('our-tour-packages.vehicle') }}:</td>
                                    <td>4x4</td>
                                </tr>
                                <tr>
                                    <td>{{ __('our-tour-packages.achieve') }}:</td>
                                    <td>{{ __('our-tour-packages.achieve_text') }}</td>
                                </tr>
                            </table>
                        </span> 
                        <?= addPriceEstimates(1650, 2020, 1450, 1800) ?>
                    </div>
                </div>


                <!-- Modal -->
                <div id="myModal_1" class="modal fade" role="dialog">
                    <a id="my_Modal_1"></a>
                    <div class="modal-dialog modal-xl">
                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header">
                                <h2 class="modal-title" style="color: black;">{{ __('our-tour-packages.camping.classic_nam_title') }}</h2>
                                <button type="button" class="close" data-dismiss="modal" style="color: green;">&times;</button>
                            </div>
                            <div class="modal-body">
                                <!-- tour detail -->
                                <div class="container-fluid">

                                    <div class="row">
                                        <div class="col-md-8">

                                            <img src="/image/packages/camping/tour_1/africa.jpg" alt="" width="100%">
                                            <br><br>
                                            <p style="color: black;">{{ __('our-tour-packages.camping.we_qualifiy') }}</p>
                                            <strong style="color: black;">{{ __('our-tour-packages.camping.we_qualifiy_2') }}</strong>
                                            <br>
                                            <br>

                                            <h5 class="maplinks-click" style="color: green;">{{ __('our-tour-packages.click_1') }} <img src="/image/packages/tour_offers/tour_6/button_1.png"> {{ __('our-tour-packages.click_2') }}</h5>

                                            <img src="/image/packages/camping/tour_1/camping_map.png" alt="" width="100%"
                                                 alt="{{ __('our-tour-packages.map_links') }}"
                                                 usemap="#multi_links" class="mb-2">

                                            <map name="multi_links"> 
                                                <!-- 1 -->
                                                <area shape="circle"
                                                      coords="270,305,40"
                                                      alt="Windhoek"
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_1">

                                                <!-- 2 -->
                                                <area shape="circle"
                                                      coords="301,168,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_2">

                                                <!-- 3 -->
                                                <area shape="circle"
                                                      coords="210,111,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_3">

                                                <!-- 4 -->
                                                <area shape="circle"
                                                      coords="126,38,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_4">

                                                <!-- 5 -->
                                                <area shape="circle"
                                                      coords="88,106,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_5">

                                                <!-- 6 -->
                                                <area shape="circle"
                                                      coords="141,174,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_6">

                                                <!-- 7 -->
                                                <area shape="circle"
                                                      coords="162,276,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_7">

                                                <!-- 8 -->
                                                <area shape="circle"
                                                      coords="207,386,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_8">

                                                <!-- 9 -->
                                                <area shape="circle"
                                                      coords="275,500,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_9">

                                                <!-- 10 -->
                                                <area shape="circle"
                                                      coords="331,364,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#ccnamaccordion"
                                                      href="#camping_1_10">


                                            </map>

                                            <div class="maplinks-desktop">
                                                <div id="ccnamaccordion" class="accordion" role="tablist" aria-multiselectable="true">
                                                    <div>
                                                        <div id="camping_1_1" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.windhoek') }}</b><br>{{ __('our-tour-packages.camping.windhoek_text') }}</p>
                                                                            <p style="color: black;">{{ __('our-tour-packages.camping.windhoek_text_2') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_1.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_2" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.waterberg') }}</b><br>{{ __('our-tour-packages.camping.waterberg_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_2.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_3" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.etosha') }}</b><br>{{ __('our-tour-packages.camping.etosha_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_3.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_4" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.ruacana_popa_falls') }}</b><br>{{ __('our-tour-packages.camping.ruacana_popa_falls_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_4.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_5" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.grootberg_sesfontein') }}</b><br>{{ __('our-tour-packages.camping.grootberg_sesfontein_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_5.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_6" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.twyfel_brand_spitz') }}</b><br>{{ __('our-tour-packages.camping.twyfel_brand_spitz_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_6.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_7" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.skeleton') }}</b><br>{{ __('our-tour-packages.camping.skeleton_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_7.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div> 
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_8" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.namib') }}</b><br>{{ __('our-tour-packages.camping.namib_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_8.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_9" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.fish_river') }}</b><br>{{ __('our-tour-packages.camping.fish_river_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_9.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div>
                                                        <div id="camping_1_10" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-lg-8 col-xs-12">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.kalahari') }}</b><br>{{ __('our-tour-packages.camping.kalahari_text') }}</p>
                                                                        </div>
                                                                        <div class="col-lg-4 col-xs-12">
                                                                            <img src="/image/packages/camping/tour_1/camp_10.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <div class="maplinks-mobile">
                                                <div class="form-group">
                                                    <span class="help-block">
                                                        {{ __('our-tour-packages.click_dot') }} [<img src="/image/map-location.png" style="height: 20px;">] {{ __('our-tour-packages.click_dot_2') }}.
                                                    </span>
                                                </div>

                                                <div id="ccnammobaccordion" class="accordion" role="tablist" aria-multiselectable="true">
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h1">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-1" aria-expanded="false" aria-controls="ccnammobaccordion-h1">
                                                                    <img src="/image/map-location.png"> 1 Windhoek
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-1" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.windhoek') }}</b><br>{{ __('our-tour-packages.camping.windhoek_text') }}</p>
                                                                        <p style="color: black;">{{ __('our-tour-packages.camping.windhoek_text_2') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_1.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h2">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-2" aria-expanded="false" aria-controls="ccnammobaccordion-h2">
                                                                    <img src="/image/map-location.png"> 2 Waterberg Plateau
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-2" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.waterberg') }}</b><br>{{ __('our-tour-packages.camping.waterberg_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_2.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h3">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-3" aria-expanded="false" aria-controls="ccnammobaccordion-h3">
                                                                    <img src="/image/map-location.png"> 3 Etosha National Park
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-3" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.etosha') }}</b><br>{{ __('our-tour-packages.camping.etosha_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_3.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h4">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-4" aria-expanded="false" aria-controls="ccnammobaccordion-h4">
                                                                    <img src="/image/map-location.png"> 4 Ruacana – Epupa Falls
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-4" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.ruacana_popa_falls') }}</b><br>{{ __('our-tour-packages.camping.ruacana_popa_falls_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_4.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h5">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-5" aria-expanded="false" aria-controls="ccnammobaccordion-h5">
                                                                    <img src="/image/map-location.png"> 5 Grootberg - Sesfontein
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-5" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.grootberg_sesfontein') }}</b><br>{{ __('our-tour-packages.camping.grootberg_sesfontein_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_5.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h6">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-6" aria-expanded="false" aria-controls="ccnammobaccordion-h6">
                                                                    <img src="/image/map-location.png"> 6 Twyfelfontein – Brandberg – Spitzkopper
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-6" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.twyfel_brand_spitz') }}</b><br>{{ __('our-tour-packages.camping.twyfel_brand_spitz_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_6.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h7">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-7" aria-expanded="false" aria-controls="ccnammobaccordion-h7">
                                                                    <img src="/image/map-location.png"> 7 Skeleton Coast
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-7" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.skeleteon') }}</b><br>{{ __('our-tour-packages.camping.skeleteon_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_7.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h8">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-8" aria-expanded="false" aria-controls="ccnammobaccordion-h8">
                                                                    <img src="/image/map-location.png"> 8 Namib Desert
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-8" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.namib') }}</b><br>{{ __('our-tour-packages.camping.namib_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_8.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h9">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-9" aria-expanded="false" aria-controls="ccnammobaccordion-h9">
                                                                    <img src="/image/map-location.png"> 9 Fish River Canyon - The Great South
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-9" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.fish_river') }}</b><br>{{ __('our-tour-packages.camping.fish_river_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_9.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="ccnammobaccordion-h10">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#ccnammobaccordion-10" aria-expanded="false" aria-controls="ccnammobaccordion-h10">
                                                                    <img src="/image/map-location.png"> 10 Kalahari Desert
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="ccnammobaccordion-10" class="collapse" data-parent="#ccnammobaccordion">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.kalahari') }}</b><br>{{ __('our-tour-packages.camping.kalahari_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_1/camp_10.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <br>

                                            <!-- Trip Detail -->
                                            <div id="accordion2" class="accordion" role="tablist" aria-multiselectable="true">

                                                <div class="card">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" data-parent="#accordion2" href="#camping_1" aria-expanded="false" aria-controls="collapseOne">
                                                                {{ __('our-tour-packages.included') }}
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div id="camping_1" class="collapse" role="tabpanel" aria-labelledby="headingOne" style="color: black;">
                                                        <div class="card-body">
                                                            <h4>{{ __('our-tour-packages.welcome_by_team') }}</h4>
                                                            <ul>
                                                                <li>{{ __('our-tour-packages.file') }}</li>
                                                                <li>{{ __('our-tour-packages.accomodation') }}:{{ __('our-tour-packages.accomodation_camping') }}</li>
                                                                <li>{{ __('our-tour-packages.activities') }}</li>
                                                                <li>{{ __('our-tour-packages.your_prog') }}:
                                                                    <ul>
                                                                        <li>{{ __('our-tour-packages.campsite') }}</li>
                                                                        <li>{{ __('our-tour-packages.tent_equip') }}</li>
                                                                    </ul></li>
                                                                <li>{{ __('our-tour-packages.your_trans') }}: {{ __('our-tour-packages.adapted') }} 4x4</li>
                                                                <li>{{ __('our-tour-packages.destin_insurance') }}</li>
                                                                <li>VAT</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>

                                                <br>

                                                <div class="card">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingTwo">
                                                        <h5 class="mb-0">
                                                            <a class="collapsed"  style="color:green;" data-toggle="collapse" data-parent="#accordion2" href="#camping_2" aria-expanded="false" aria-controls="collapseTwo">
                                                                {{ __('our-tour-packages.excluded') }}
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div id="camping_2" class="collapse" role="tabpanel" aria-labelledby="headingTwo" style="color: black;">
                                                        <div class="card-body">
                                                            <ul>
                                                                <li>{{ __('our-tour-packages.int_air') }}</li>
                                                                <li>{{ __('our-tour-packages.assistance') }}</li>
                                                                <li>{{ __('our-tour-packages.cancel_insurance') }}</li>
                                                                <li>{{ __('our-tour-packages.health_insurance') }}</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>

                                                <br>

                                                <div class="card">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingThree">
                                                        <h5 class="mb-0">
                                                            <a class="collapsed"  style="color:green;" data-toggle="collapse" data-parent="#accordion2" href="#camping_3" aria-expanded="false" aria-controls="collapseThree">
                                                                {{ __('our-tour-packages.vehicles_view_more') }}
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div id="camping_3" class="collapse" role="tabpanel" aria-labelledby="headingThree" style="color: black;">
                                                        <div class="card-body our-cars">
                                                            <div class="row">
                                                                <div class="col-lg-6 col-xs-6">
                                                                    <img src="/image/packages/tour_offers/tour_5/tour_1_car_3.png" alt="">
                                                                </div>
                                                                <div class="col-lg-6 col-xs-6">
                                                                    <img src="/image/packages/tour_offers/tour_5/tour_1_car_2.png" alt="">
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-6 col-xs-6">
                                                                    <img src="/image/packages/camping/bakkie.png" alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Trip Detail -->
                                            <br>

                                            <h4>{{ __('our-tour-packages.itin') }}:</h4>

                                            <!-- accordian -->
                                            <div id="accordion2_1" class="accordion" role="tablist" aria-multiselectable="true">
                                                <div class="card mb-2">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" href="#proposed_1" aria-expanded="false">
                                                                *** {{ __('our-tour-packages.21_days') }} - <span>{{ __('our-tour-packages.view_more_cap') }}</span>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                </div>

                                                <div class="card mb-2">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" href="#proposed_2" aria-expanded="false">
                                                                *** {{ __('our-tour-packages.18_days') }} - <span>{{ __('our-tour-packages.view_more_cap') }}</span>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                </div>

                                                <div class="card mb-2">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" href="#proposed_3" aria-expanded="false">
                                                                *** {{ __('our-tour-packages.14_days') }} - <span>{{ __('our-tour-packages.view_more_cap') }}</span>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                </div>

                                                <div class="card mb-2">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" href="#proposed_4" aria-expanded="false">
                                                                *** {{ __('our-tour-packages.12_days') }} - <span>{{ __('our-tour-packages.view_more_cap') }}</span>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- accordion -->

                                            <br>
                                            <!-- accordian -->
                                            <div id="accordion2_1" class="accordion" role="tablist" aria-multiselectable="true">
                                                <div>
                                                    <div id="proposed_1" class="collapse" role="tabpanel" aria-labelledby="headingOne" style="color: black;">
                                                        <div class="card">
                                                            <div class="card-body">
                                                                <h5>{{ __('our-tour-packages.21_days') }}</h5>
                                                                <table border="1" width="100%">
                                                                    <tr>
                                                                        <td><img src="/image/packages/camping/tour_1/camp_1_map_1.png" style="width: 100%;"></td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div>
                                                    <div id="proposed_2" class="collapse" role="tabpanel" aria-labelledby="headingTwo" style="color: black;">
                                                        <div class="card">
                                                            <div class="card-body">
                                                                <h5>{{ __('our-tour-packages.18_days') }}</h5>
                                                                <table border="1" width="100%">
                                                                    <tr>
                                                                        <td><img src="/image/packages/camping/tour_1/camp_1_map_2.png" style="width: 100%;"></td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div>
                                                    <div id="proposed_3" class="collapse" role="tabpanel" aria-labelledby="headingThree" style="color: black;">
                                                        <div class="card">
                                                            <div class="card-body">
                                                                <h5>{{ __('our-tour-packages.14_days') }}</h5>
                                                                <table border="1" width="100%">
                                                                    <tr>
                                                                        <td><img src="/image/packages/camping/tour_1/camp_1_map_3.png" style="width: 100%;"></td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div>
                                                    <div id="proposed_4" class="collapse" role="tabpanel" aria-labelledby="headingFour" style="color: black;">
                                                        <div class="card">
                                                            <div class="card-body">
                                                                <h5>{{ __('our-tour-packages.12_days') }}</h5>
                                                                <table border="1" width="100%">
                                                                    <tr>
                                                                        <td><img src="/image/packages/camping/tour_1/camp_1_map_4.png" style="width: 100%;"></td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                            <!-- accordion -->
                                        </div>

                                        <div class="col-md-4 ml-auto" style="color: black;">
                                            <img src="/image/packages/camping/tour_1/camping_1_2.png" alt="" width="100%">
                                            <br><br>
                                            <img src="/image/packages/camping/tour_1/camping_1_3.png" alt="" width="100%">
                                            <br><br>
                                            <img src="/image/packages/camping/tour_1/camping_1_4.png" alt="" width="100%">

                                        </div>
                                    </div>

                                </div>
                                <br>
                                <br>
                                <!-- tour detail -->
                                <center>
                                    <div style="padding-right: 20px;">
                                        <a href="/bookings" class="btn theme_btn button_hover">{{ __('our-tour-packages.request_quote') }}</a>
                                        <b><a href="#" class="pull-right" data-dismiss="modal" style="color: green;">{{ __('our-tour-packages.close') }} &times;</a></b>
                                        <!-- <button type="button" class="close" data-dismiss="modal" style="color: green;">{{ __('our-tour-packages.close') }} &times;</button> -->
                                        <b><a href="#my_Modal_1" class="pull-right" style="padding-right: 20px; padding-top: 2px; color: green;"> Top &uarr;</a></b>
                                    </div>
                                </center>
                            </div>
                            <!-- <div class="modal-footer">
                              <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('our-tour-packages.close') }}</button>
                            </div> -->
                        </div>

                    </div>
                </div>
                <!-- Modal -->
            </div>

            <div class="col-lg-6 col-sm-6">

                <div class="accomodation_item text-center">
                    <div class="hotel_img">

                        <img src="/image/packages/camping/camping_2.png" alt="">
                        <a href="#" class="btn theme_btn button_hover" data-toggle="modal" data-target="#myModal_2">{{ __('our-tour-packages.view_more_btn') }}</a>

                    </div>
                    <h4 class="sec_h4" style="color: black;">{{ __('our-tour-packages.camping.northern_name_bots_zim') }}</h4>


                    <div class="text-left">
                        <span style="color: black;">
                            <table style="text-align: left;">
                                <tr>
                                    <td>{{ __('our-tour-packages.trip') }}:</td>
                                    <td>{{ __('our-tour-packages.auto_guided') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('our-tour-packages.service') }}:</td>
                                    <td>{{ __('our-tour-packages.service_text') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('our-tour-packages.comfort') }}:</td>
                                    <td>{{ __('our-tour-packages.comfort_text_2') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('our-tour-packages.vehicle') }}:</td>
                                    <td>4x4</td>
                                </tr>
                                <tr>
                                    <td>{{ __('our-tour-packages.achieve') }}:</td>
                                    <td>{{ __('our-tour-packages.achieve_text_2') }}</td>
                                </tr>
                            </table>
                        </span> 
                        <?= addPriceEstimates(1950, 2400, 1750, 2150) ?> 
                    </div>                    
                </div>

                <!-- Modal -->
                <div id="myModal_2" class="modal fade" role="dialog">
                    <a id="my_Modal_2"></a>
                    <div class="modal-dialog modal-xl">
                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header">
                                <h2 class="modal-title" style="color: black;">{{ __('our-tour-packages.camping.northern_name_bots_zim') }}</h2>
                                <button type="button" class="close" data-dismiss="modal" style="color: green;">&times;</button>
                            </div>
                            <div class="modal-body">
                                <!-- tour detail -->
                                <div class="container-fluid">

                                    <div class="row">
                                        <div class="col-md-8">

                                            <img src="/image/packages/camping/tour_2/camping_2_1.png" alt="" width="100%">
                                            <br><br>
                                            <p style="color: black;">{{ __('our-tour-packages.camping.we_qualifiy') }}</p>

                                            <strong style="color: black;">{{ __('our-tour-packages.camping.we_qualifiy_2') }}</strong>
                                            <br>
                                            <br>

                                            <h5 class="maplinks-click" style="color: green;">{{ __('our-tour-packages.click_1') }} <img src="/image/packages/tour_offers/tour_6/button_1.png"> {{ __('our-tour-packages.click_2') }}</h5>

                                            <img src="/image/packages/camping/tour_2/camping_map.png" alt="" width="100%"
                                                 alt="{{ __('our-tour-packages.map_links') }}"
                                                 usemap="#multi_links_2">

                                            <map name="multi_links_2"> 
                                                <!-- 1 -->
                                                <area shape="circle"
                                                      coords="270,305,40"
                                                      alt="Windhoek"
                                                      data-toggle="collapse" 
                                                      data-parent="#accordion2_2"
                                                      href="#camping_2_1">

                                                <!-- 2 -->
                                                <area shape="circle"
                                                      coords="301,168,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#accordion2_2"
                                                      href="#camping_2_2">

                                                <!-- 3 -->
                                                <area shape="circle"
                                                      coords="210,111,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#accordion2_2"
                                                      href="#camping_2_3">

                                                <!-- 4 -->
                                                <area shape="circle"
                                                      coords="400,141,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#accordion2_2"
                                                      href="#camping_2_4">

                                                <!-- 5 -->
                                                <area shape="circle"
                                                      coords="505,116,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#accordion2_2"
                                                      href="#camping_2_5">

                                                <!-- 6 -->
                                                <area shape="circle"
                                                      coords="464,61,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#accordion2_2"
                                                      href="#camping_2_6">

                                                <!-- 7 -->
                                                <area shape="circle"
                                                      coords="543,55,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#accordion2_2"
                                                      href="#camping_2_7">

                                                <!-- 8 -->
                                                <area shape="circle"
                                                      coords="612,53,40"
                                                      alt=""
                                                      data-toggle="collapse" 
                                                      data-parent="#accordion2_2"
                                                      href="#camping_2_8">




                                            </map>
                                            <br>
                                            <br>

                                            <div class="maplinks-desktop">
                                                <div id="accordion2_2" class="accordion" role="tablist" aria-multiselectable="true">
                                                    <div>
                                                        <div id="camping_2_1" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-8">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.windhoek') }}</b><br>{{ __('our-tour-packages.camping.windhoek_text') }}</p>
                                                                            <p style="color: black;">{{ __('our-tour-packages.camping.windhoek_text_2') }}</p>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <img src="/image/packages/camping/tour_2/camp_1.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div>
                                                        <div id="camping_2_2" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-8">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.waterberg') }}</b><br>{{ __('our-tour-packages.camping.waterberg_text') }}</p>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <img src="/image/packages/camping/tour_2/camp_2.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div>
                                                        <div id="camping_2_3" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-8">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.etosha') }}</b><br>{{ __('our-tour-packages.camping.etosha_text') }}</p>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <img src="/image/packages/camping/tour_2/camp_3.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div>
                                                        <div id="camping_2_4" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-8">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.tsumkwe_bushman') }}</b><br>{{ __('our-tour-packages.camping.tsumkwe_bushman_text') }}</p>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <img src="/image/packages/camping/tour_2/camp_4.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div>
                                                        <div id="camping_2_5" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-8">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.okavango_del') }}</b><br>{{ __('our-tour-packages.camping.okavango_del_text') }}</p>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <img src="/image/packages/camping/tour_2/camp_5.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div>
                                                        <div id="camping_2_6" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-8">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.caprivi_strip') }}</b><br>{{ __('our-tour-packages.camping.caprivi_strip_text') }}</p>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <img src="/image/packages/camping/tour_2/camp_6.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div>
                                                        <div id="camping_2_7" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-8">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.chobe_bots') }}</b><br>{{ __('our-tour-packages.camping.chobe_bots_text') }}</p>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <img src="/image/packages/camping/tour_2/camp_7.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div>
                                                        <div id="camping_2_8" class="collapse" role="tabpanel" aria-labelledby="headingOne">
                                                            <div class="card">
                                                                <div class="card-body">
                                                                    <div class="row">
                                                                        <div class="col-8">
                                                                            <p style="color: black;"><b>{{ __('our-tour-packages.camping.vic_falls') }}</b><br>{{ __('our-tour-packages.camping.vic_falls_text') }}</p>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <img src="/image/packages/camping/tour_2/camp_8.png" alt="" width="100%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <div class="maplinks-mobile">
                                                <div class="form-group">
                                                    <span class="help-block">
                                                        {{ __('our-tour-packages.click_dot') }} [<img src="/image/map-location.png" style="height: 20px;">] {{ __('our-tour-packages.click_dot_2') }}.
                                                    </span>
                                                </div>
                                                <div id="northern-nam-mob-acc" class="accordion" role="tablist" aria-multiselectable="true">
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="northern-nam-mob-acc-h1">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#northern-nam-mob-acc-1" aria-expanded="false" aria-controls="northern-nam-mob-acc-h1">
                                                                    <img src="/image/map-location.png"> 1 Windhoek
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="northern-nam-mob-acc-1" class="collapse" data-parent="#northern-nam-mob-acc">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.windhoek') }}</b><br>{{ __('our-tour-packages.camping.windhoek_text') }}</p>
                                                                        <p style="color: black;">{{ __('our-tour-packages.camping.windhoek_text_2') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_2/camp_1.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="northern-nam-mob-acc-h2">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#northern-nam-mob-acc-2" aria-expanded="false" aria-controls="northern-nam-mob-acc-h2">
                                                                    <img src="/image/map-location.png"> 2 Waterberg Plateau
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="northern-nam-mob-acc-2" class="collapse" data-parent="#northern-nam-mob-acc">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.waterberg') }}</b><br>{{ __('our-tour-packages.camping.waterberg_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_2/camp_2.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="northern-nam-mob-acc-h3">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#northern-nam-mob-acc-3" aria-expanded="false" aria-controls="northern-nam-mob-acc-h3">
                                                                    <img src="/image/map-location.png"> 3 Etosha National Park
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="northern-nam-mob-acc-3" class="collapse" data-parent="#northern-nam-mob-acc">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.etosha') }}</b><br>{{ __('our-tour-packages.camping.etosha_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_2/camp_3.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="northern-nam-mob-acc-h4">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#northern-nam-mob-acc-4" aria-expanded="false" aria-controls="northern-nam-mob-acc-h4">
                                                                    <img src="/image/map-location.png"> 4 Tsumkwe – Bushman Land
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="northern-nam-mob-acc-4" class="collapse" data-parent="#northern-nam-mob-acc">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.tsumkwe_bushman') }}</b><br>{{ __('our-tour-packages.camping.tsumkwe_bushman_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_2/camp_4.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="northern-nam-mob-acc-h5">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#northern-nam-mob-acc-5" aria-expanded="false" aria-controls="northern-nam-mob-acc-h5">
                                                                    <img src="/image/map-location.png"> 5 Okavango Delta
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="northern-nam-mob-acc-5" class="collapse" data-parent="#northern-nam-mob-acc">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.okavango_del') }}</b><br>{{ __('our-tour-packages.camping.okavango_del_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_2/camp_5.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="northern-nam-mob-acc-h6">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#northern-nam-mob-acc-6" aria-expanded="false" aria-controls="northern-nam-mob-acc-h6">
                                                                    <img src="/image/map-location.png"> 6 Caprivi Strip
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="northern-nam-mob-acc-6" class="collapse" data-parent="#northern-nam-mob-acc">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.caprivi_strip') }}</b><br>{{ __('our-tour-packages.camping.caprivi_strip_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_2/camp_6.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="northern-nam-mob-acc-h7">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#northern-nam-mob-acc-7" aria-expanded="false" aria-controls="northern-nam-mob-acc-h7">
                                                                    <img src="/image/map-location.png"> 7 Chobe - Botswana
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="northern-nam-mob-acc-7" class="collapse" data-parent="#northern-nam-mob-acc">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.chobe_bots') }}</b><br>{{ __('our-tour-packages.camping.chobe_bots_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_2/camp_7.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card mb-2">
                                                        <div class="card-header" id="northern-nam-mob-acc-h8">
                                                            <h5 class="accord-title-mob">
                                                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#northern-nam-mob-acc-8" aria-expanded="false" aria-controls="northern-nam-mob-acc-h8">
                                                                    <img src="/image/map-location.png"> 8 Victoria Falls - Zimbabwe
                                                                </button>
                                                            </h5>
                                                        </div>
                                                        <div id="northern-nam-mob-acc-8" class="collapse" data-parent="#northern-nam-mob-acc">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-lg-8 col-xs-12">
                                                                        <p style="color: black;"><b>{{ __('our-tour-packages.camping.vic_falls') }}</b><br>{{ __('our-tour-packages.camping.vic_falls_text') }}</p>
                                                                    </div>
                                                                    <div class="col-lg-4 col-xs-12">
                                                                        <img src="/image/packages/camping/tour_2/camp_8.png" alt="" width="100%">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <br>

                                            <!-- Trip Detail -->
                                            <div id="accordion2" class="accordion" role="tablist" aria-multiselectable="true">

                                                <div class="card">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" data-parent="#accordion2" href="#camping1_1" aria-expanded="false" aria-controls="collapseOne">
                                                                {{ __('our-tour-packages.included') }}
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div id="camping1_1" class="collapse" role="tabpanel" aria-labelledby="headingOne" style="color: black;">
                                                        <div class="card-body">
                                                            <h4>{{ __('our-tour-packages.welcome_by_team') }}</h4>
                                                            <ul>
                                                                <li>{{ __('our-tour-packages.file') }}</li>
                                                                <li>{{ __('our-tour-packages.accomodation') }}:{{ __('our-tour-packages.accomodation_camping') }}</li>
                                                                <li>{{ __('our-tour-packages.activities') }}</li>
                                                                <li>{{ __('our-tour-packages.your_prog') }}:
                                                                    <ul>
                                                                        <li>{{ __('our-tour-packages.campsite') }}</li>
                                                                        <li>{{ __('our-tour-packages.tent_equip') }}</li>
                                                                    </ul></li>
                                                                <li>{{ __('our-tour-packages.your_trans') }}: {{ __('our-tour-packages.adapted') }} 4x4</li>
                                                                <li>{{ __('our-tour-packages.destin_insurance') }}</li>
                                                                <li>VAT</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>

                                                <br>

                                                <div class="card">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingTwo">
                                                        <h5 class="mb-0">
                                                            <a class="collapsed"  style="color:green;" data-toggle="collapse" data-parent="#accordion2" href="#camping1_2" aria-expanded="false" aria-controls="collapseTwo">
                                                                {{ __('our-tour-packages.excluded') }}
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div id="camping1_2" class="collapse" role="tabpanel" aria-labelledby="headingTwo" style="color: black;">
                                                        <div class="card-body">
                                                            <ul>
                                                                <li>{{ __('our-tour-packages.int_air') }}</li>
                                                                <li>{{ __('our-tour-packages.assistance') }}</li>
                                                                <li>{{ __('our-tour-packages.cancel_insurance') }}</li>
                                                                <li>{{ __('our-tour-packages.health_insurance') }}</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>

                                                <br>

                                                <div class="card">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingThree">
                                                        <h5 class="mb-0">
                                                            <a class="collapsed"  style="color:green;" data-toggle="collapse" data-parent="#accordion2" href="#camping1_3" aria-expanded="false" aria-controls="collapseThree">
                                                                {{ __('our-tour-packages.vehicles_view_more') }}
                                                            </a>
                                                        </h5>
                                                    </div>
                                                    <div id="camping1_3" class="collapse" role="tabpanel" aria-labelledby="headingThree" style="color: black;">
                                                        <div class="card-body our-cars">
                                                            <div class="row">
                                                                <div class="col-lg-6 col-xs-6">
                                                                    <img src="/image/packages/tour_offers/tour_5/tour_1_car_3.png" alt="">
                                                                </div>
                                                                <div class="col-lg-6 col-xs-6">
                                                                    <img src="/image/packages/tour_offers/tour_5/tour_1_car_2.png" alt="">
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-6 col-xs-6">
                                                                    <img src="/image/packages/camping/bakkie.png" alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Trip Detail -->
                                            <br>

                                            <h4>{{ __('our-tour-packages.itin') }}:</h4>

                                            <!-- accordian -->
                                            <div id="accordion2_1" class="accordion" role="tablist" aria-multiselectable="true">
                                                <div class="card mb-2">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" href="#proposed1_1" aria-expanded="false">
                                                                *** {{ __('our-tour-packages.18_days') }} - <span>{{ __('our-tour-packages.view_more_cap') }}</span>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                </div>

                                                <div class="card mb-2">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" href="#proposed1_2" aria-expanded="false">
                                                                *** {{ __('our-tour-packages.14_days') }} - <span>{{ __('our-tour-packages.view_more_cap') }}</span>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                </div>

                                                <div class="card mb-2">
                                                    <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                                                        <h5 class="mb-0">
                                                            <a  style="color:green;" data-toggle="collapse" href="#proposed1_3" aria-expanded="false">
                                                                *** {{ __('our-tour-packages.12_days') }} - <span>{{ __('our-tour-packages.view_more_cap') }}</span>
                                                            </a>
                                                        </h5>
                                                    </div>
                                                </div>

                                            </div>
                                            <!-- accordion -->

                                            <br>
                                            <!-- accordian -->
                                            <div id="accordion2_1" class="accordion" role="tablist" aria-multiselectable="true">
                                                <div>
                                                    <div id="proposed1_1" class="collapse" role="tabpanel" aria-labelledby="headingTwo" style="color: black;">
                                                        <div class="card mb-2">
                                                            <div class="card-body">
                                                                <h5>{{ __('our-tour-packages.18_days') }}</h5>
                                                                <table border="1" width="100%">
                                                                    <tr>
                                                                        <td><img src="/image/packages/camping/tour_2/camp_2_map_1.png" style="width: 100%;"></td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div>
                                                    <div id="proposed1_2" class="collapse" role="tabpanel" aria-labelledby="headingThree" style="color: black;">
                                                        <div class="card mb-2">
                                                            <div class="card-body">
                                                                <h5>{{ __('our-tour-packages.14_days') }}</h5>
                                                                <table border="1" width="100%">
                                                                    <tr>
                                                                        <td><img src="/image/packages/camping/tour_2/camp_2_map_2.png" style="width: 100%;"></td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div>
                                                    <div id="proposed1_3" class="collapse" role="tabpanel" aria-labelledby="headingFour" style="color: black;">
                                                        <div class="card mb-2">
                                                            <div class="card-body">
                                                                <h5>{{ __('our-tour-packages.12_days') }}</h5>
                                                                <table border="1" width="100%">
                                                                    <tr>
                                                                        <td><img src="/image/packages/camping/tour_2/camp_2_map_3.png" style="width: 100%;"></td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- accordion -->
                                        </div>

                                        <div class="col-md-4 ml-auto" style="color: black;">
                                            <img src="/image/packages/camping/tour_2/camping_2_2.png" alt="" width="100%">
                                            <br><br>

                                            <img src="/image/packages/camping/tour_2/camping_2_3.png" alt="" width="100%">
                                            <br><br>
                                            <img src="/image/packages/camping/tour_2/camping_2_4.png" alt="" width="100%">

                                        </div>
                                    </div>

                                </div>
                                <br>
                                <br>
                                <!-- tour detail -->
                                <center>
                                    <div style="padding-right: 20px;">
                                        <a href="/bookings" class="btn theme_btn button_hover">{{ __('our-tour-packages.request_quote') }}</a>
                                        <b><a href="#" class="pull-right" data-dismiss="modal" style="color: green;">{{ __('our-tour-packages.close') }} &times;</a></b>
                                        <!-- <button type="button" class="close" data-dismiss="modal" style="color: green;">{{ __('our-tour-packages.close') }} &times;</button> -->
                                        <b><a href="#my_Modal_2" class="pull-right" style="padding-right: 20px; padding-top: 2px; color: green;"> Top &uarr;</a></b>
                                    </div>
                                </center>
                            </div>
                            <!-- <div class="modal-footer">
                              <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('our-tour-packages.close') }}</button>
                            </div> -->
                        </div>

                    </div>
                </div>
                <!-- Modal -->
            </div>


            <div class="col-md-4">
                <!-- accordian -->
                <div id="accordion2_1" class="accordion" role="tablist" aria-multiselectable="true">

                    <div class="card">
                        <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                            <h5 class="mb-0">
                                <a  style="color:green;" data-toggle="collapse" href="#collapse1_1" aria-expanded="false" aria-controls="collapseOne">
                                    {{ __('our-tour-packages.for_who') }} - <span>{{ __('our-tour-packages.click_for_more_info') }}</span>
                                </a>
                            </h5>
                        </div>
                        <div id="collapse1_1" class="collapse" role="tabpanel" aria-labelledby="headingOne" style="color: black;">
                            <div class="card-body">
                                <ul>
                                    <li>{{ __('our-tour-packages.adv_exp') }}</li>
                                    <li>{{ __('our-tour-packages.solo') }}</li>
                                    <li>{{ __('our-tour-packages.friends_group') }}</li>
                                    <li>{{ __('our-tour-packages.families_friends') }}</li>
                                    <li>{{ __('our-tour-packages.span_budget') }}</li>                                    
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- accordion -->
            </div> 
            <div class="col-md-4">
                <!-- accordian -->
                <div id="accordion2_2" class="accordion" role="tablist" aria-multiselectable="true">

                    <div class="card">
                        <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                            <h5 class="mb-0">
                                <a  style="color:green;" data-toggle="collapse" href="#collapse1_2" aria-expanded="false" aria-controls="collapseOne">
                                    {{ __('our-tour-packages.strong_points') }} - <span>{{ __('our-tour-packages.click_for_more_info') }}</span>
                                </a>
                            </h5>
                        </div>
                        <div id="collapse1_2" class="collapse" role="tabpanel" aria-labelledby="headingOne" style="color: black;">
                            <div class="card-body">
                                <ul>
                                    <li>{{ __('our-tour-packages.friendliness') }}</li>
                                    <li>{{ __('our-tour-packages.immersion') }}</li>
                                    <li>{{ __('our-tour-packages.meals') }}</li>
                                    <li>{{ __('our-tour-packages.sensations') }}!</li>
                                    <li>{{ __('our-tour-packages.ecotourism') }}</li>                                   
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- accordion -->
            </div> 
            <div class="col-md-4">
                <!-- accordian -->
                <div id="accordion2_3" class="accordion" role="tablist" aria-multiselectable="true">

                    <div class="card">
                        <div class="" style="padding-left: 10px; padding-top: 2px; padding-bottom: 2px;" role="tab" id="headingOne">
                            <h5 class="mb-0">
                                <a  style="color:green;" data-toggle="collapse" href="#collapse1_3" aria-expanded="false" aria-controls="collapseOne">
                                    {{ __('our-tour-packages.to_know') }} - <span>{{ __('our-tour-packages.click_for_more_info') }}</span>
                                </a>
                            </h5>
                        </div>
                        <div id="collapse1_3" class="collapse" role="tabpanel" aria-labelledby="headingOne" style="color: black;">
                            <div class="card-body">
                                <ul>
                                    <li>{{ __('our-tour-packages.camp_tent') }}</li>
                                    <li>{{ __('our-tour-packages.assembly') }}</li>
                                    <li>{{ __('our-tour-packages.air_con') }}</li>
                                    <li>{{ __('our-tour-packages.electricity') }}</li>
                                    <li>{{ __('our-tour-packages.car_equip') }}</li>
                                    <li>{{ __('our-tour-packages.showers') }}</li>                                    
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- accordion -->
            </div>

        </div>
        <!-- <hr> -->
        <br>
        <br>
        <!-- <center>
             <a href="/bookings" class="btn theme_btn button_hover">Tailor Make Your Tour Safari Experience Now</a>
        </center> -->
    </div>
</section>
<!--================ Accomodation Area  =================-->

@endsection