@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);
.hour_tour_div,
.modal_menu {
    background: #fbba00
}

a,
a[href^=tel] {
    text-decoration: none
}

a {
    cursor: pointer
}

body {
    font-family: "Titillium Web", sans-serif;
    color: #442202
}

.dropdown-toggle::after {
    display: none !important
}

input:focus {
    outline: 0 !important
}

.banner_section{
    padding:50px 0;
    background-image: url('../images/banner_bg.png');    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner_section .logo{
    display: block;
    margin-bottom: 10px;
}
.banner_section .logo img{
    width:170px;
}
.banner_section h1{
    color:#FFFFFF;
    font-size:48px;
    font-weight:600;
    margin-bottom: 30px;
}
.banner_section p{
    color:#F0F0F0;
    font-size: 18px;
    font-weight:400;
    margin-bottom: 30px;
}
.banner_section .main_btn{
    padding:10px 30px;
    border-radius: 24px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    color:#442202;
    background-color: #FBBA00;
}
.banner_section .main_swiper_box{
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    position: relative;
}
.banner_section .main_swiper_box img{
    position: absolute;
    width: 100%;
}

.banner_section .swiper{
    padding-top:40px
}

.swiper-pagination-bullet{
    background-color: #FBBA00!important;
    height: 12px!important;
    width: 12px!important;
}
.clientSwiper .swiper-wrapper{
    height: auto!important;
}


.tour_section{
    padding:70px 0
}
.heading h2{
    font-size:32px;
    font-weight: 700;
    color:#442202
}

.tour_section .heading  p{
    color:#666666;
    font-size:18px
}

.tour_section .main_tour_box{
    border:1px solid #DDDDDD;
    transition: all 0.5s ease;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.tour_section .main_tour_box:hover .tour_content_box{
    opacity: 0;
}
.tour_section .main_tour_box:hover  .tour_img_box{
    opacity: 1;
    transition: all 0.5s ease;
}
.tour_section .main_tour_box .tour_content_box{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding:0 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.tour_section .main_tour_box .tour_img_box{
    opacity: 0;
    transition: all 0.5sease;
}

.tour_section .main_tour_box .tour_content_box h6{
    color:#000000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.tour_section .main_tour_box .tour_content_box p{
    color:#A6A6A6;
    font-size: 18px;
    font-weight: 400;    
}
.booking_form_section{
    background-color: #FCF5E4;
    overflow: hidden;
}
.booking_form_section .hours_part .hour_box input {
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.booking_form_section .hours_part .hour_boxs input {
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
} 

.booking_form_section{
    padding:50px 0
}
.booking_form_section .main_form_part{
    padding:20px;    
    background-color: #fff;
    border: 1px solid #DDDDDD; 
    border-radius: 10px;
}
.contact_main_form{
    padding:15px;
    border: 1px solid #DDDDDD; 
    border-radius: 10px;
}
.service_form_heading{
    font-size:18px;;
    font-weight:700;
    margin-bottom:25px;
    color:#000000
}
.booking_form_section .form_inner_label{
    color:#000000;
    font-size:16px;
    font-weight:500;
    margin-bottom:10px
}
.booking_form_section .radio_box{
    height:100%
}
.booking_form_section .radio_box label{
    border:1px solid #DDDDDD;
    padding: 15px 0;
    height:100%;
    text-align:center;
    border-radius:8px;
}
.booking_form_section .hours_part .hour_box{
    position:relative;
}
.booking_form_section .hours_part .hour_boxs{
    position:relative;
}
/*.booking_form_section .hours_part .hour_box input{*/
/*    display:none;*/
/*}   */
.booking_form_section .hours_part .hour_box label{
    color:#666666;
    font-size:14px;
    font-weight:500;
    padding:10px 40px;
    border-radius:7px;
    margin-bottom:10px;
    cursor:pointer;
    border:1px solid #DDDDDD;
}
.booking_form_section .hours_part .hour_boxs label{
    color:#666666;
    font-size:14px;
    font-weight:500;
    padding:10px 40px;
    border-radius:7px;
    margin-bottom:10px;
    cursor:pointer;
    border:1px solid #DDDDDD;
}
.booking_form_section .calender_row{
    padding-top:50px;
}
.booking_form_section .calender_row .main_time_box{
    margin-bottom:10px; 
}
.price_details .price_row{
    display:flex;
    align-items:center;
    justify-content: space-between;
    margin-bottom:15px;
}
.price_details .total_row{
    padding:10px 0;
    border-top:1px solid #c3c8c3
}
 .price_details .price_row p{
    font-size:16px;
    color:#000;
    font-weight:400;
    margin-bottom:0
}
.payment_options {
    margin-top:30px
}
.payment_options .radio_options .radio_option{
    position: relative;
    margin-bottom:15px;
    height:65px;
    display: flex;
    align-items: center;    
}
.payment_options .radio_options .radio_option label p{
    color:#112211;
    font-size: 16px;
    font-weight:500;
    padding-left:20px;
    margin-bottom:0
}
.payment_options .radio_options .radio_option label{position: relative;width: 100%;height:100%;background-color: transparent;border:1px solid #DDDDDD;padding:15px 10px;border-radius:7px;cursor: pointer;}
.payment_options .radio_options .radio_option label::after{
    content:"";
    position: absolute;
    right:20px;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    width:20px;
    border-radius:50%;
    border:2px solid #112211;
}
.payment_options .radio_options .radio_option label::before{
    content:"";
    position: absolute;
    right:25px;
    top:0;
    bottom:0;
    margin:auto;
    height:10px;
    width:10px;
    border-radius:50%; 
    opacity:0;
    background-color: #442202;
}
.payment_options .radio_options .radio_option input{display:none;}
.payment_options .radio_options .radio_option input:checked ~ label{border:1px solid #FBBA00;background-color: #FCEFCA;}
.payment_options .radio_options .radio_option input:checked ~ label::after{
    border:2px solid #442202;
}

.payment_options  .radio_options .radio_option input:checked ~ label::before{
    opacity:1;
}
.payment_options .payment_heading{
    color:#000000;
    font-size:16px;
    font-weight:500;
    margin-bottom:15px;;
}
 .price_details .price_row span{
    font-size:16px;
    color:#000;
    font-weight:600
}
.features_section {
    padding:50px 0;
}
.features_section .grey_text{
    color:#666666;
    font-size:16px;
    font-weight:400;
} 
.booking_form_section .calender_row .main_time_box label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 15px;
    border:1px solid #DDDDDD;
    border-radius: 8px;
    cursor: pointer;
}
.booking_form_section .calender_row .main_time_box input{display:none;}
.booking_form_section .calender_row .main_time_box label .time_text{
    font-size:16px;
    font-weight:500;
    color:#666666
}
.booking_form_section .calender_row .main_time_box input:checked ~ label{
    background-color: #FFFAEB;
    border:1px solid #FBBA00
}
.booking_form_section .calender_row .main_time_box input:checked ~ label .time_text{
    color:#442202
}
.booking_form_section .calender_row .main_time_box  label .avable_text.success{
    color:#116A10
}
.booking_form_section .calender_row .main_time_box  label .avable_text.danger{
    color:#DC3445
}
.booking_form_section .note_image{
    border:1px solid #DDDDDD;
    padding:10px;
    border-radius:10px;;
    background-color: #fff;
}
.booking_form_section .note_image p{
    color:#666666;
    font-size:16px;
    margin-bottom:10px;
    font-weight:600
}
.booking_form_section .route_info{
    width:100%;
}
.fc-day-grid-container{
    height: 100%!important;
}
.booking_form_section .note_image svg{
    margin-right:10px;
}
.booking_form_section .calender_row .main_time_box label .avable_text{
    font-size:16px;
    font-weight:500;
}
.fc-state-default{
    background: #442202!important;
    background-image: none!important;
    padding: 0 3px!important;
    margin:0 5px!important
}
.fc-icon-left-single-arrow:after , .fc-icon-right-single-arrow:after{
    color: #fff;
}
.calender_box #calendar .fc-left h2{
    color:#442202;
    font-size:18px;
    font-weight:600;
}
.booking_form_section .hours_part .hour_box input:checked ~ label{
    border:1px solid #FBBA00;
    background-color: #FFFAEB;
    color:#442202;

}
.booking_form_section .hours_part .hour_boxs input:checked ~ label{
    border:1px solid #FBBA00;
    background-color: #FFFAEB;
    color:#442202;

}
.booking_form_section .radio_box .icon img{
    max-width:50%;
}
.booking_form_section .radio_box label p{
    color:#666666;
    font-size:16px;
    font-weight:500;
    margin-top: 25px;
    margin-bottom: 0;
    cursor:pointer;
}
.booking_form_section .radio_box input{display:none;}
.booking_form_section .radio_box input:checked ~ label{
    border:2px solid #FBBA00;
    background-color: #FFFAEB;
}
.booking_form_section .radio_box input:checked ~ label p{
    color:#442202;
    font-weight:600;
    padding:0 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #442202;
    border-radius: 24px;
    line-height: 32px !important;
    color: #777 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}
.select2-container--default .select2-selection--single {
    border: none !important;
}

select{
    width: 100%;
}


.input_box {
    padding-bottom: 30px;
}
.input_box input, .input_box select, .input_box textarea {
    border: 1px solid #442202;
    border-radius: 25px;
    width: 100%;
    line-height: 32px !important;
    padding: 8px 25px !important;
    color: #777 !important;
}
.input_box .form_heading {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #442202;
    margin-bottom: 5px; 
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #442202;
    border-radius: 24px;
    line-height: 50px !important;
    color: #777 !important;
}

.main-btn {
    font-size: 18px;
    line-height: 30px;
    border: 1px solid #442202;
    transition: .5s;
    display: inline-block;
    margin-top: 15px;
    background-color: #442202;
    border-radius: 34px;
    padding: 12px 40px;
    color: #fff;
}

.all_checkbox .form-check-input:checked{
    background-color: #FBBA00;
    border-color: #FBBA00;
}
.form-check-input:focus{
    outline: none;
}
.all_checkbox .form-check-label{
    color:#000000;
    font-size: 16px;
    font-weight: 500;
}
.all_checkbox .form-check-label a{
    color:#002A96;
    text-decoration: underline;
}
.personal_detail_section{
    padding:70px 0;
}
.personal_detail_section .form_border{
    padding:15px;
    border-radius: 12px;
    border:1px solid #DDDDDD;
}
.other_service_section{
    padding:70px 0;
}
.other_service_section .service_main_box{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
}

.other_service_section .service_main_box img{
    width: 100%;
}
.service_content{
    position: absolute;
    padding:15px;
    bottom:0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: flex;;
    justify-content: end;
    flex-direction: column;
}
.other_service_section .service_main_box .service_title{
    color:#FFFFFF;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.other_service_section .service_main_box .service_text{
    color:#F0F0F0;
    font-size:18px;
    font-weight: 400;;
    margin-bottom: 0;
}

.trendsetting_section {
    padding:70px 0;
    margin:50px 0;
    background-color: #FCF5E4;
}
.trendsetting_section .first_row , .trendsetting_section .second_row{
    position: relative;
    /* border-left:2px dashed #000000; */
    padding:70px 0;
}

.trendsetting_section .col_text , .border_third_top{
    position: relative;
}

.trendsetting_section .normal_text{
    color:#666666
}
.trendsetting_section  .border_third_top , .trendsetting_section .second_text_box{
    display: flex;
    align-items: center;
}

.trendsetting_section .img_box img{
    max-width:100%;
}


.trendsetting_section .text_box h5{
    font-weight: 600;
    font-size:18px;;
}
.trendsetting_section .last_car_img {
    position: absolute;
    bottom: -69px;
    left: -70px;
    z-index: 9;
}
.trendsetting_section .last_car_img img {
    width: 120px;
}
.trendsetting_section .text_box p{
    color:#000000B2;
    margin:0
}

.first_border_bottom{
    position: absolute;
    /* width: 100%; */
    height: 2px;
    border-bottom: 2px dashed #000;
    /* right: 0; */
    left: 6px;
    bottom: -72px;
    /* margin: auto; */
}

.second_row .right_border, .second_row .right_border1, .second_row .right_border2 {
    position: absolute;
    height: 100%;
    width: 2px;
    border-right: 2px dashed #000;
    right: 0;
    left: 0;
    top: 0;
    /* bottom: 0; */
    margin: auto;
}
.trendsetting_section .first_row, .trendsetting_section .second_row {
    position: relative;
    /* border-left: 2px dashed #000000; */
    padding: 70px 0;
}
.first_row .left_border {
    position: absolute;
    /* height: 100%; */
    width: 2px;
    top: 0;
    border-left: 2px dashed #000;
}

.last_left_border, .last_left_border11, .last_left_border12 {
    position: absolute;
    /* height: 100%; */
    width: 2px;
    top: 0;
    border-left: 2px dashed #000;
}
.last_border_bottom, .last_border_bottom1 {
    position: absolute;
    width: 100%;
    height: 2px;
    border-top: 2px dashed #000;
    right: -7px;
    /* left: 6px; */
    bottom: -70px;
    /* margin: auto; */
}

.tour_car_div img {
    width: 45px;
}

.tour_car_div {
    position: absolute;
    top: -60px;
    left: -32px;
    z-index: 1;
}
.first_row .text_box {
    padding-left: 60px;
}
.tour_car_div.center {
    top: auto;
    bottom: -40px;
    left: 12px;
    right: 0;
    display: flex;
    justify-content: center;
}

.review_section{
    padding:50px 0;
}

.review_section .title_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review_section .review_right_part .stars_row {
    display: flex;
    align-items: end;
    gap: 10px;
    margin-bottom: 5px;
}
.review_section .review_right_part .stars_row .stars{
    padding-bottom: 5px;
}
.review_section .review_right_part .stars_row .stars i{
    gap: 5px;
    font-size: 20px;
    color:#FFA800
}
.review_section .review_right_part .stars_row p{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 38px;
}

.review_section  .review_right_part .review_text{
    color:#ADADAD;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.review_section .main_review_part{ 
    border:1px solid #ddd;
    border-radius: 12px;
    background-color: #fff;
    padding:15px;
}
.review_section .main_review_part .icon{
    height: 55px;
    width: 55px;
    border-radius: 50%;
}
.review_section .main_review_part .icon img{
    width: 100%;
} 
.review_section .main_review_part .content .name{
    margin-bottom:7px;
    font-size: 22px;
    font-weight: 700;
    color:#442202
} 
.review_section .main_review_part .content .stars i{
    color:#FFA800;
    font-size: 18px; 
}
.review_section  .user_review{
    font-size: 16px;
    color:#B0B0B0;
    margin-top: 10px;
    margin-bottom: 0;
}
 

.review_section  .swiper_navs{
    text-align: center;
}


 .review_section .swiper_navs{
    display: flex;
    align-items: center;
    justify-content: center;
}
.review_section .swiper_navs .swiper-button-prev1 ,.review_section .swiper_navs .swiper-button-next1{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EEEEEE;
    font-size: 20px;
    color:#000000;
    transition: all 0.5s ease;
} 
.review_section .swiper_navs .swiper-button-prev1:hover ,.review_section .swiper_navs .swiper-button-next1:hover{
    background-color: #FBBA00;
}


.booking_section{
    padding: 50px 0;
}
.booking_section .booking_main_part{
    background-image: url('../images/booking_bg.png');
    background-size: cover;
    background-position: center;
    padding-left: 50px;
    border-radius: 18px;
}

.booking_section .booking_part{
    padding:70px 0
}
.booking_section .booking_part h3{
    font-size: 32px;
    font-weight: 700;
    color: #442202;
    line-height: 44px;
    margin-bottom: 20px;
}
.booking_section .booking_part p{
    font-size: 16px;
    color:#442202;
    margin-bottom: 30px;
}

.booking_section .main_btn{
    color:#442202;
    font-size: 16px;
    background-color: #FBBA00;
    padding:10px 20px;
    border-radius: 24px;
    display: inline-block;
}

footer{
    background-color: #442202;
    padding:12px 0;
}
footer .social_icons a{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#442202
}

footer .footer_text{
    color:#FFFFFF;
    font-size: 16px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (max-width:768px) {    
    .banner_section {
        padding: 20px 0;
    }
    .banner_section h1{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .banner_section p{
        font-size: 14px; 
        margin-bottom: 20px;
    }
    
    .banner_section .main_btn {
        padding: 8px 20px;
        border-radius: 24px;
        font-size: 14px;
    }
    .banner_section .swiper-wrapper{
        padding-bottom: 30px;
    }
    .tour_section , .other_service_section , .trendsetting_section{
        padding: 30px 0;
    }
    .trendsetting_section{
        margin:0
    }
    .heading h2 {
        font-size: 24px;
    }
    .tour_section .heading p{
        font-size: 14px;
    } 
    .tour_section .main_tour_box{
        margin-bottom: 15px;
    }
    .review_section , .booking_section , .booking_section .booking_part{
        padding:20px 0
    }
    .booking_section .booking_main_part{
        padding-left: 30px;
    } 


    .for_mobile {
        bottom: 0;
        top: auto !important;
    }
    .trendsetting_section{
        padding: 20px 0; 
    }


   .trendsetting_section .heading h3{
       font-size: 16px;
       line-height: 24px;
       margin-bottom:5px
   }
   .last_border_bottom.d-lg-none.d-block.for_mobile{
        display:none;
    }
    .last_border_bottom, .last_border_bottom1{
        right: 18px;
        top: 0;
        max-width: 85%;
    }
   .trendsetting_section .normal_text{
        font-size:12px;
        line-height: 20px;
   }
   .trendsetting_section .first_row .left_border{
        left:32px
    }
    .trendsetting_section .first_row .text_box {
        padding-left: 50px;
    }
    .trendsetting_section .text_box h5{
        font-size:16px;
    }
    .trendsetting_section .text_box p{
        font-size:12px;
        padding-right: 20px;
    }
    .trendsetting_section .tour_car_div {
        position: absolute;
        top: -30px;
        left: -10px;
        z-index: 1;
    }

    .tour_car_div.new {
        position: absolute;
        top: 480px;
        left: -14px;
        z-index: 1;
    }

    .tour_car_div img  , .trendsetting_section .last_car_img img{
        width: 72px;
    }
    .trendsetting_section .last_car_img img{
        position: absolute;
        bottom: 19px;
        left: 16px;
        z-index: 9;
    }
    /* .trendsetting_section{
        overflow-x: hidden;
    } */
    .trendsetting_section .first_row .col_text{
        order: 1;
        padding-top:30px;
        padding-bottom:40px
    }
    .trendsetting_section .first_row .img_box {
        padding-left: 50px;
        padding-top:50px
    }
    .trendsetting_section .first_row .col_img{
        order:0
    }
    .trendsetting_section .first_border_bottom{
        left:37px;
        max-width: 86%;
        bottom:0
    }
    .trendsetting_section .first_row, .trendsetting_section .second_row{
        padding:0 0
    }
    .trendsetting_section .second_row .text_box{
        padding-right: 20px;
    }
    .trendsetting_section  .second_row .img_box {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 30px;
    }
    .second_row .right_border , .second_row .right_border1 , .second_row .right_border2{ 
        right: 14px;
        left:auto;
    }
    .last_col_five{
        position: relative;
    }
    .trendsetting_section  .second_row  .text_box{
        padding-top:30px;
        padding-bottom:40px
    }
    .border_third_top{
        order:1
    }
    .last_col_five{
        order:0
    }
    .last_border_bottom, .last_border_bottom1{
        right: 18px;
        top: 0;
        max-width: 85%;
    }
    .last_left_border , .last_left_border11  ,  .last_left_border12{
        left:35px
    }
    .last_col_five{
        padding-top:40px
    }
    .trendsetting_section .first_row.last_row .text_box{
        padding-top:30px;
        padding-bottom:30px;
    }
    .tour_car_div.center img {
        position: absolute;
        right: -8px;
        bottom: 20px;
    }
    .tour_car_div img, .trendsetting_section .last_car_img img {
        width: 35px;
    }
    .other_service_section .service_main_box .service_text{
        font-size: 14px;
    }
    .other_service_section .service_main_box .service_title{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .note_image{
        margin-top: 15px;
    }
    .banner_section .logo img{
        width: 130px;
    }
    .review_section .title_row{        
        flex-direction: column;
        align-items: start;
    }
    .review_section  .heading{
        margin-bottom: 10px;
    }
    .review_section .review_right_part  img{
        width: 40px;
    }
    .review_section .review_right_part .stars_row .stars i{
        font-size: 14px;
    }
    .review_section .review_right_part .stars_row .stars {
        padding-bottom: 0;
    }
    .review_section .review_right_part .review_text{
        font-size: 14px;
    }
    .review_section .review_right_part .stars_row p {
        font-size: 20px; 
        line-height: 28px;
    } 
    .review_section .main_review_part .content .name { 
        font-size: 18px;
    }
    .review_section .user_review{
        font-size: 14px;
    }
    .review_section .swiper_navs .swiper-button-prev1, .review_section .swiper_navs .swiper-button-next1{
        height: 40px;
        width: 40px;
        font-size: 16px;
    }
    .booking_section .booking_main_part{
        background-image: url('../images/booking_bg_mobile.png');
        background-size: cover;
        background-position: center;
        padding-left: 20px;
        border-radius: 18px;
    }
    .booking_part{
        padding-bottom: 400px!important;
    } 
    footer .footer_text{
        font-size: 14px;   
    }
}