במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

@extends("layouts.app")
@section("mainContent")

<main class="main__content_wrapper">
        
        
        <section class="breadcrumb__section breadcrumb__bg">
            <div class="container">
                <div class="row row-cols-1">
                    <div class="col">
                        <div class="breadcrumb__content text-center">
                            <h1 class="breadcrumb__content--title text-white mb-25">BOOKING SERVICE</h1>
                            <ul class="breadcrumb__content--menu d-flex justify-content-center">
                                <li class="breadcrumb__content--menu__items"><a class="text-white" href="{{route('indexPage')}}">Home</a></li>
                                <li class="breadcrumb__content--menu__items"><span class="text-white">BOOKING SERVICE</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<div class="privacy__policy--section section--padding">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="attraction_bxd_1">
                           <h5>Get Started</h5>
                           <ul>
                               <li><a href="{{route('attractions')}}" class="active">LIST OF ATTRACTIONS</a></li>
                               <li><a href="{{route('itinerary')}}">CUSTOM ITINERARY</a></li>
                               <li><a href="{{route('booking_service')}}">BOOKING SERVICE</a></li>
                           </ul>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="attraction_form">
                           <p class="trip ">Want us to do it all? Your personal travel assistant will not only create your itinerary, but also book your attractions, meals, and events once you’ve approved them. You get to just show up and enjoy!</p>
                           <p class="just_title"><strong>$100 PER DAY</strong></p>
                           <h1><em>To get started, we’ll create your itinerary, and then offer you the chance to upgrade to our booking service…</em></h1>
                            <a href="{{route('itinerary')}}"><button class="btn btn-primarys">COMPLETE THE QUESTIONNAIRE</button></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</main>

@endsection

@section('customCSS')

@endsection

@section('customJS')

@endsection

.flex_checkboxed{
        display:flex;
        align-items:center;
        line-height: 25px;
    }
    .flex_checkboxed label{
            padding: 0px 10px;
            margin: 0;
            position: relative;
            top: 3px;
    }
    .attraction_form .trip{
            font-size: 25px;
    line-height: 46px;
    color: #111;
    }
    .just_title{
        font-size:16px;
        margin-bottom:0px;
    }
    .attraction_form h1{
        font-size:23px;
        margin-bottom:20px;
        line-height:37px;
    }
    .attraction_form .form-group label{
        line-height:23px;
    }
    .attraction_bxd_1{
        margin-bottom:50px;
    }
    .diff{
            margin-bottom: 0;
    line-height: 0;
    padding: 14px 0px 1px 0px;
    }
    
    .btn-primarys{
        font-size: 14px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: #fff;
    background-color: #1c6eb7 !important;
    border-color: #ffffff !important;
    border-radius: 30px !important;
    padding: 10px 26px !important;
    }
    .btn-primarys:hover{
        color:white!important;
    }
</style>