/*
/*
@File: AndTour - Travel Agency HTML Template

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

1. Common css
2. Heading Area Css
3. Button Area start
4. Home Page
5. About Page
6. Booking Confirmation Page
7. Booking History Page
8. Contact Page
9.  Dashboard Page
10. Error Page
11. Faqs Page
12. Flight-booking Page
13. Flight-booking-submission Page
14. Flight-search-result Page
15. forgot-password Page
16. hotel-booking Page
17. hotel-details Page
18. hotel-search Page
19. login Page
20. my-profile Page
21. news Page
22. news-details Page
23. notification Page
24. privacy-policy Page
25. register Page
26. reset-password Page
27. room-booking Page
28. room-details Page
29. terms-service Page
30. testimonials Page
31. top-destinations Page
32. top-destinations-details Page
33. tour-booking-submission Page
34. tour-details Page
35. tour-guides Page
36. tour-search Page
37. verify-otp Page
38. wallet Page
39. Footer 
40. Preloader


/*================================================
Default CSS
=================================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,400;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,900&display=swap');

:root {
    /*--main-color: #347d52;*/
    --white-color: #ffffff;
    --black-color: #1b422d;
    --black-color-opacity: rgba(38, 90, 59, 0.77);
    --main-color-opacity: rgba(38, 90, 59, 0.1);
    --paragraph-color: #818090;
    --bg-color: #F3F6FD;
    --transition: .4s all ease-in-out;
}

html,
body {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.mb-30 {
    margin-bottom: 30px;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    outline: 0 !important;
    color: var(--main-color);
}

a:hover {
    text-decoration: none;
    color: var(--heading-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    margin: 0;
}

h1 {
    font-size: 82px;
    font-weight: 400;
    line-height: 90px;
}

h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
}

h3 {
    font-size: 24px;
    font-weight: 300;
}

h4 {
    font-size: 20px;
    font-weight: 500;
}

h5 {
    font-size: 18px;
    font-weight: 400;
}

h6 {
    font-size: 14px;
    font-weight: 400;
}

p {
    font-size: 16px;
    line-height: 28px;
    color: var(--paragraph-color);
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
    padding: 0;
}

/* --Common Style-- */
section {
    position: relative;
}

.form-control {
    height: 50px;
    border: none;
    box-shadow: 0px 1px 13px 0px #0000000d;
    padding: 10px 22px;
    font-size: 16px;
}

.form-control:focus {
    color: var(--heading-color);
    background-color: #fff;
    border: 1px solid var(--main-color);
    outline: none;
    box-shadow: none;
}

.form-group .form-label {
    color: #787878;
    font-size: 13px;
    margin-bottom: 3px;
}

.form-group .form-label > span {
    color: #ff2c2c;
}

.section_padding {
    padding: 100px 0;
}

.section_padding_top {
    padding: 100px 0 0 0;
}

.section_padding_bottom {
    padding: 0 0 100px 0;
}

.infobox {
    border: 1px solid #00000026;
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 15px;
    color: #fff;
}

.infobox span {
    background: rgb(255 255 255 / 20%);
    padding: 8px 14px;
    border-radius: 4px;
    font-size: 22px;
    margin-right: 12px;
}

.infobox-danger {
    background-color: #ea5395;
}

.infobox-success {
    background: #73b957;
}

.infobox-warning {
    background: #ff6d17;
}


.bg-main {
    background-color: var(--main-color);
}

/* --Heading Area-- */

.heading_left_area h2 {
    font-weight: 400;
    padding-bottom: 17px;
    line-height: 45px;
}

.heading_left_area h2 span {
    display: inline-block;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 10px;
}

.heading_left_area h5 {
    color: var(--black-color-opacity);
}

.section_heading_center {
    text-align: center;
    padding-bottom: 30px;
}

.section_heading_center h2 {
    position: relative;
    padding-bottom: 15px;
}

.section_heading_center h2:after {
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    background: var(--main-color);
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: 0;
}

.img_animation {
    overflow: hidden;
}

.img_animation img {
    transition: var(--transition);
    position: relative;
}

.img_animation::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #8b3eea9c;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

.img_animation:hover::after {
    opacity: 1;
    visibility: visible;
}

.img_animation:hover img {
    transform: scale(1.2);
}

.slick-prev,
.slick-next {
    display: none !important;
}

/* --Button Area start-- */
.btn-check:focus+.btn,
.btn:focus {
    outline: none;
    box-shadow: none
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
}

.btn:hover {
    color: var(--white-color);
}
.btn-six:hover {
    color: var(--black-color);
}

.btn_theme {
    color: var(--white-color);
    background-color: var(--main-color);
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: none
}

.btn_theme:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 580px;
    height: 550px;
    margin: auto;
    background: var(--black-color);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    transition: var(--transition);

}

.btn_theme:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    border: none;
}

.btn_theme_white {
    color: var(--black-color);
    background-color: var(--white-color);
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: 1px solid var(--white-color);
}

.btn_theme_white:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 580px;
    height: 550px;
    margin: auto;
    background: var(--black-color);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    transition: var(--transition);

}

.btn_theme_white:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    border: none;
}

.btn_theme_transparent {
    color: var(--white-color);
    background-color: transparent;
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: 1px solid var(--white-color);
}


.btn_theme_transparent:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 580px;
    height: 550px;
    margin: auto;
    background: var(--black-color);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
    transform: translateX(-50%) translateY(-5%) scale(.4);
    transition: var(--transition);

}

.btn_theme_transparent:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    border: none;
}


.btn_md {
    padding: 12px 35px;
    font-size: 18px;
}

.cruise_content_bottom_right .btn_md.disabled {
    opacity: .5;
    cursor: not-allowed;
}

.cruise_content_bottom_right .btn_md > i {
    display: none;
    margin-left: 5px;
    font-size: 14px;
}

.btn_sm {
    font-size: 14px;
    padding: 5px 18px;
}

.btn_navber {
    color: #fff;
    border: 2px solid var(--main-color);
    padding: 7px 10px;
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
}

.btn_navber:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 550px;
    margin: auto;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    background: var(--main-color);
    -webkit-transform: translateX(-51%) translateY(27%) scale(.8);
    transform: translateX(-51%) translateY(27%) scale(.8);
    transition: var(--transition);
}
.btn_navber:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-42%) translateY(-57%) scale(4);
    transform: translateX(-42%) translateY(-57%) scale(4);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.is-sticky .btn_navber {
    border: 1px solid var(--white-color);
}

.is-sticky .btn-six {
    border: 1px solid var(--white-color);
    color: var(--white-color);
}

/* =========================
        Home Page
=========================*/

/* --Banner Area-- */
#home_one_banner {
    background-image: url("../img/banner/bg.png");
    padding: 210px 0 210px 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_one_text {
    text-align: left;
}

.banner_one_text h1 {
    color: var(--white-color);
}

.banner_one_text h3 {
    color: var(--white-color);
    padding-top: 13px;
}

/* --Theme Search Form-- */
#theme_search_form {
    margin-top: -120px;
    z-index: 9;
}

.theme_search_form_area {
    background: #FFFFFF;
    box-shadow: 4px 14px 28px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 30px 30px;
    position: relative;
}

.theme_search_form_tabbtn .nav-item {
    margin-right: 20px;
}

.theme_search_form_tabbtn .nav-item:last-child {
    margin-right: 0px;
}

.theme_search_form_tabbtn .nav-tabs {
    border-bottom: none;
}

.theme_search_form_tabbtn .nav-tabs .nav-item.show .nav-link,
.theme_search_form_tabbtn .nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: none;
}

.theme_search_form_tabbtn .nav-tabs .nav-link {
    margin-bottom: 0;
    color: var(--black-color);
    border-radius: 6px;
    border: 1px solid var(--main-color);
}

.theme_search_form_tabbtn .nav-tabs .nav-link i {
    padding-right: 10px;
}

.theme_search_form_tabbtn {
    margin-bottom: 30px;
}


.flight_Search_boxed {
    background: #8b3eea17;
    padding: 10px 10px 10px 20px;
    border-radius: 10px;
    position: relative;
}

.plan_icon_posation {
    position: absolute;
    top: 20px;
    right: 30px;
}

.plan_icon_posation i {
    font-size: 24px;
}

.range_plan {
    position: absolute;
    left: -37px;
    top: 50%;
    transform: translateY(-50%);
}

.range_plan i {
    background: #f5eefd;
    font-size: 24px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    border-radius: 50%;
    border: 3px solid #fff;
    color: var(--main-color);
}

.flight_Search_boxed p {
    font-size: 14px;
}

.flight_Search_boxed input {
    font-size: 22px;
    width: 87%;
    border: none;
    background: transparent;
    font-weight: 500;
    height: 35px;
    padding: 0;
}

.flight_Search_boxed input:focus-within {
    outline: none;
    border: none;
}

.flight_Search_boxed span {
    display: block;
    font-size: 12px;
    padding-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.date_flex_area {
    display: flex;
    justify-content: space-between;
}

.dropdown_passenger_area button {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 22px;
    font-weight: 500;
}

.dropdown_passenger_area button::after {
    display: none;
}

.dropdown_passenger_area .dropdown-menu.show {
    transform: translate(-56%, 70px) !important;
}

.dropdown_passenger_area .dropdown-menu {
    z-index: 1000;
    min-width: 350px;
    padding: 15px 20px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    justify-content: space-between;
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .text {
    align-items: center;
    display: flex;
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .count {
    margin-right: 20px;
    width: 24px;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 600;
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .type-label span {
    font-size: 12px;
    color: #4c4c4c;
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .button-set button {
    font-size: 12px;
    color: #4c4c4c;
    border: 1px solid #d8d8d8;
    width: 20px;
    height: 20px;
}

.traveller-calulate-persons .passengers .passengers-types {
    padding-top: 15px;
}

.traveller-calulate-persons .passengers h6 {
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color);
}

.traveller-calulate-persons .cabin-selection {
    padding-top: 10px;
    border-top: 1px solid #c7c7cc;
    margin-top: 20px;
}

.traveller-calulate-persons .label-select-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px;
}

.traveller-calulate-persons .label-select-btn:hover {
    background: var(--main-color);
    color: var(--white-color);
}

.traveller-calulate-persons .label-select-btn.active {
    background: var(--main-color);
    color: var(--white-color);
}


.traveller-calulate-persons .muiButton-label {
    font-size: 14px;
}

.traveller-calulate-persons .cabin-selection h6 {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color);
}

.top_form_search_button {
    text-align: center;
    margin-top: 30px;
}

.flight_categories_search .nav-tabs {
    border-bottom: none;
}

.flight_categories_search .nav-tabs .nav-item.show .nav-link,
.flight_categories_search .nav-tabs .nav-link.active {
    color: var(--main-color);
    border-color: none;
}

.flight_categories_search .nav-tabs .nav-link {
    margin-bottom: 0;
    color: var(--black-color);
    border-radius: 6px;
    border: none;
    font-weight: 500;
    background: transparent;
}

.flight_categories_search {
    position: absolute;
    right: 30px;
    top: 25px;
}

.multi_city_form {
    margin-bottom: 15px;
}


.add_multy_form {
    text-align: right;
}

.add_multy_form button {
    color: var(--main-color);
    border: none;
    background: transparent;
}

.multi_form_remove {
    text-align: right;
}

.multi_form_remove button {
    color: red;
    border: none;
    background: transparent;
    padding-bottom: 10px;
}



@media (max-width: 1399px) {

    #theme_search_form .container,
    #theme_search_form .container-lg,
    #theme_search_form .container-md,
    #theme_search_form .container-sm,
    #theme_search_form .container-xl {
        max-width: 100%;
    }
    #theme_search_form_five .container,
    #theme_search_form_five .container-lg,
    #theme_search_form_five .container-md,
    #theme_search_form_five .container-sm,
    #theme_search_form_five .container-xl {
        max-width: 100%;
    }
}


/* --Imagination Area-- */
.imagination_boxed {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    transition: var(--transition);
}

.imagination_boxed img {
    position: relative;
    width: 100%;
    transition: var(--transition);
}

.imagination_boxed:hover img {
    transform: scale(1.2);
}

.imagination_boxed:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 25%;
    left: 0;
    background: #17161669;
    bottom: 0;
    z-index: 999;
    transition: all 0.5s;
    transform: translate(0%, 100%);
}

.imagination_boxed:hover:before {
    transform: translate(0%, 0%);
}

.imagination_boxed h3 {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 999;
    align-items: center;
    height: 25%;
}

.imagination_boxed h3 span {
    display: block;
    text-align: center;
}

.imagination_boxed h3 a {
    color: var(--white-color);
    transition: var(--transition);
}

.imagination_boxed:hover h3 a {
    font-weight: 500;
}

/* --Top Destinations Area-- */
.destinations_content_box {
    position: relative;
    margin-bottom: 23px;
    border-radius: 12px;
    overflow: hidden;
}

.destinations_content_box .btn {
    margin-top: 2px;
}

.destinations_content_box img {
    width: 100%;
}

.destinations_content_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.destinations_content_inner h3 a {
    color: var(--white-color);
}

.destinations_content_inner h3 a:hover {
    color: var(--black-color);
}

.destinations_content_inner h2 {
    color: var(--white-color);
    padding-bottom: 20px;
}

.destinations_big_offer h1 {
    color: var(--white-color);
    font-size: 150px;
    line-height: 109px;
    padding-bottom: 20px;
}

.destinations_big_offer {
    display: flex;
}

.destinations_big_offer h6 {
    color: var(--white-color);
    line-height: 45px;
    padding-top: 8px;
}

.destinations_big_offer h6 span {
    display: block;
    font-size: 38px;
    font-weight: 500;
}

/* -- Explore Area -- */

.theme_nav_tab {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgb(139 62 234 / 8%), 4px 14px 28px rgb(139 148 250 / 7%);
    border-radius: 12px;
    padding: 21px 0;
    margin-bottom: 30px;
}

.theme_nav_tab_item .nav-tabs {
    border-bottom: none;
    justify-content: center;
}

.theme_nav_tab_item .nav-tabs .nav-item.show .nav-link,
.theme_nav_tab_item .nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.theme_nav_tab_item .nav-tabs .nav-link {
    margin-bottom: 0;
    background: 0 0;
    border: 1px solid var(--main-color);
    color: var(--black-color);
    padding: 8px 30px;
    border-radius: 5px;
    margin-right: 35px;
}

.theme_nav_tab_item .nav-tabs .nav-link:last-child {
    margin-right: 0;
}

.theme_common_box_two {
    border-radius: 11px;
    overflow: hidden;
    border: 1px solid #d2d2d275;
    transition: var(--transition);
    margin-bottom: 30px;
}

.theme_common_box_two:hover {
    box-shadow: 4px 14px 28px rgba(0, 0, 0, 0.1);
}

.theme_two_box_img {
    position: relative;
    overflow: hidden;
}

.img_hover {
    overflow: hidden;
}

.img_hover img {
    transition: var(--transition);
    width: 100%;
}

.img_hover:hover img {
    transform: scale(1.2);
}

.theme_two_box_img img {
    width: 100%;
}

.theme_two_box_img .discount_tab {
    position: absolute;
    right: 9px;
    bottom: -17px;
    background: #FFFFFF;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 10%);
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}

.theme_two_box_img p {
    color: var(--white-color);
    position: absolute;
    bottom: 4px;
    left: 13px;
    font-size: 14px;
}

.theme_two_box_img p i {
    padding-right: 5px;
}

.theme_two_box_content {
    background: #fff;
    padding: 20px 15px;
}

.theme_two_box_content h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.theme_two_box_content h4 a {
    color: var(--black-color);
}

.theme_two_box_content h4 a:hover {
    color: var(--main-color);
}

.theme_two_box_content p {
    padding: 10px 0px;
    font-size: 14px;
}

.theme_two_box_content p .review_rating {
    color: var(--main-color);
}

.theme_two_box_content p .review_count {
    margin-left: 10px;
}

.theme_two_box_content h3 {
    font-weight: 500;
}

.theme_two_box_content h3 span {
    font-weight: 400;
    font-size: 14px;
}

/* --offer Area-- */
.offer_area_box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.offer_area_box img {
    width: 100%;
}

.offer_area_box .offer_area_content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px 27px;
    z-index: 999;
}


.offer_area_content h2 {
    color: var(--white-color);
    padding-bottom: 20px;
}

.offer_area_content p {
    color: var(--white-color);
    padding-bottom: 25px;
}

/* --Promotional Tours Area-- */
.dot_style .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
}

.dot_style.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    background: #D6D6D6;
    display: block;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.dot_style.owl-theme .owl-dots .owl-dot.active span,
.dot_style.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--main-color);
}

/* --Destinations Area-- */
.tab_destinations_boxed {
    display: flex;
    align-items: center;
    border: 1px solid #d2d2d2;
    border-radius: 9px;
    overflow: hidden;
    transition: var(--transition);
    margin-bottom: 40px;
}

.tab_destinations_boxed:hover {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.08), 4px 6px 16px rgba(0, 0, 0, 0.08);
}

.tab_destinations_conntent {
    padding-left: 20px;
}

.tab_destinations_conntent h3 {
    font-size: 22px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tab_destinations_conntent h3 a {
    color: var(--black-color);
}

.tab_destinations_conntent h3 a:hover {
    color: var(--main-color);
}

.tab_destinations_conntent p {
    color: var(--black-color);
    font-weight: 500;
    padding-top: 5px;
}

.tab_destinations_conntent p span {
    color: var(--main-color);
}

/* --News Area-- */
.home_news_item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.home_news_img {
    width: 100px;
    height: 90px;
    border-radius: 10px;
    overflow: hidden;
}

.home_news_left_wrapper .home_news_item:last-child {
    margin-bottom: 0;
}

.slick-slide img {
    display: block;
    border-radius: 10px;
}

.home_news_img img {
    width: 100%;
}

.home_news_content {
    width: 68%;
    padding-left: 25px;
}

.home_news_content h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
}

.home_news_content h3 a {
    color: var(--black-color);
}

.home_news_content h3 a:hover {
    color: var(--main-color);
}

.home_news_content p {
    padding-top: 12px;
    font-size: 14px;
}

.home_news_content p span {
    padding-left: 10px;
}

.home_news_content p span i {
    padding-top: 0;
    font-size: 7px;
    padding-right: 10px;
}

.seeall_link a i {
    padding-left: 5px;
}

.home_news_big img {
    width: 100%;
}

.home_news_big h3 {
    padding-top: 22px;
    font-size: 22px;
    font-weight: 500;
}

.home_news_big h3 a {
    color: var(--black-color);
    padding-top: 0;
}

.home_news_big h3:hover a {
    color: var(--main-color);
}

.home_news_big p {
    padding-top: 8px;
}

.home_news_big a {
    display: block;
    padding-top: 11px;
}

#our_partners .owl-carousel .owl-item img {
    width: auto !important;
    filter: opacity(0.5);
}

#our_partners .owl-carousel .owl-item img:hover {
    filter: opacity(1);
}

.news_home_bigest {
    overflow: hidden;
    border-radius: 12px;
}

/* --Cta Area-- */
#cta_area {
    background: var(--bg-color);
    padding: 70px 0;
}

.cta_left {
    display: flex;
    align-items: center;
}

.cta_icon {
    width: 15%;
}

.cta_content {
    padding-left: 30px;
}

.cta_content h2 {
    padding-top: 11px;
}

/* --Footer Area-- */
#footer_area {
    padding: 100px 0px;
}

.footer_heading_area h5 {
    border-bottom: 1px solid var(--main-color);
    display: inline-flex;
    padding-bottom: 5px;
    font-weight: 500;
}

.footer_inquery_area {
    padding-top: 5px;
    border-left: 2px solid var(--main-color);
    margin-top: 25px;
    padding-left: 9px;
}

.footer_inquery_area h3 {
    font-weight: 500;
    padding-top: 8px;
}

.footer_inquery_area h5 {
    font-size: 16px;
    font-weight: 500;
}

.soical_icon_footer {
    display: flex;
    padding-top: 5px;
}

.soical_icon_footer li {
    padding-right: 8px;
}

.footer_link_area {
    padding-top: 20px;
}

.footer_link_area ul li {
    padding-bottom: 15px;
}

.footer_link_area ul li a {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 400;
    transition: var(--transition);
}

.footer_link_area ul li a:hover {
    color: var(--main-color);
}

.soical_icon_footer li a i {
    font-size: 16px;
}

.copyright_area {
    background-color: var(--bg-color);
    padding: 15px 0;
}

.copyright_left p {
    color: var(--black-color);
    font-size: 14px;
    font-weight: 500;
}

.copyright_right {
    text-align: right;
}

/* ===================================
        Home Two Page
====================================*/
.banner_two_slider_item {
    padding: 325px 0 245px 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_two_text h3 {
    color: var(--white-color);
    font-weight: 400;
}

.banner_two_text h1 {
    color: var(--white-color);
    font-size: 136px;
    padding-top: 35px;
    font-weight: 800;
    margin-inline-start: -5px;
}

.banner_two_text h2 {
    color: var(--white-color);
    padding-top: 30px;
}

.banner_two_text h4 {
    color: var(--white-color);
    padding-top: 10px;
    font-weight: 300;
}

.home_two_button {
    padding-top: 60px;
}

.home_two_button a {
    margin-right: 30px;
}

#home_two_banner .owl-item.active .banner_two_slider_item .banner_two_text .title {
    -webkit-animation: 1s 1.2s fadeInLeft both;
    animation: 1s 1.2s fadeInLeft both;
}

#home_two_banner .owl-item.active .banner_two_slider_item .banner_two_text .slider-sttle {
    -webkit-animation: 1s 1.1s bounceInLeft both;
    animation: 1s 1.1s bounceInLeft both;
}

#home_two_banner .owl-item.active .banner_two_slider_item .banner_two_text .slider-pararp {
    -webkit-animation: 1s 1.5s fadeInUp both;
    animation: 1s 1.5s fadeInUp both;
}

#home_two_banner .owl-item.active .banner_two_slider_item .banner_two_text .btn-animation {
    -webkit-animation: 1s 1.2s flipInX both;
    animation: 1s 1.2s flipInX both;
}

#home_two_banner .owl-theme .owl-nav {
    position: absolute;
    bottom: 45px;
    right: 60px;
}

#home_two_banner .owl-carousel .owl-nav button.owl-next,
#home_two_banner .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: var(--white-color);
    border: 2px solid var(--white-color);
    font-size: 14px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 0px;
    transition: var(--transition);
}

#home_two_banner .owl-carousel .owl-nav button.owl-next:hover,
#home_two_banner .owl-carousel .owl-nav button.owl-prev:hover {
    color: var(--main-color);
    border: 2px solid var(--main-color);
}

/* --Top Service Area-- */
.top_service_boxed {
    position: relative;
    background: var(--white-color);
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 12px;
    padding: 30px 35px;
    margin-top: 30px;
    transition: var(--transition);
    text-align: center;
}

.top_service_boxed:hover {
    transform: translateY(-10px);
}

.top_service_boxed img {
    transition: var(--transition);
}

.top_service_boxed:hover img {
    transform: translateY(5px);
}

.top_service_boxed h3 {
    padding-top: 35px;
    position: relative;
    padding-bottom: 10px;
    font-weight: 500;
}

.top_service_boxed h3::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 1px;
    background: var(--main-color);
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: 0;
}

.top_service_boxed p {
    padding-top: 20px;
}

/* --Holiday Destinations Area-- */
.holiday_left_heading {
    background: #F3F6FD;
    border-radius: 20px;
    padding: 70px 45px;
    margin-top: 30px;
}

.holiday_small_boxed {
    margin-top: 30px;
    border-radius: 17px;
    overflow: hidden;
    position: relative;
}

.holiday_small_boxed img {
    width: 100%;
    transition: var(--transition);
}

.holiday_small_boxed:hover img {
    transform: scale(1.1);
}

.holiday_small_boxed:hover .holiday_small_box_content {
    opacity: 1;
}

.holiday_small_box_content {
    background: linear-gradient(359deg, #111018 0%, rgb(217 217 217 / 0%) 70%);
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: var(--transition);
}

.holiday_inner_content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 20px;
}

.rating_outof {
    display: flex;
    align-items: center;
}

.rating_outof i {
    color: var(--white-color);
    font-size: 14px;
}

.rating_outof h5 {
    color: var(--white-color);
    padding-left: 10px;
    font-weight: 300;
}

.holiday_inner_content h3 {
    color: var(--white-color);
    padding: 10px 0;
    font-weight: 400;
}

.holiday_inner_content h4 {
    color: var(--white-color);
    font-weight: 400;
}

.holiday_inner_content p {
    color: var(--white-color);
    padding-top: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

/* --About Area-- */
.about_two_left_top h5 {
    color: var(--main-color);
    font-weight: 500;
}

.about_two_left_top h2 {
    padding-top: 17px;
}

.about_two_left_top p {
    padding-top: 15px;
}

.about_two_item {
    display: flex;
    padding-top: 40px;
    transition: var(--transition);
}

.about_two_item:hover {
    transform: translateY(-10px);
}

.about_two_item_icon {
    width: 14%;
}

.about_two_item_text {
    padding-left: 10px;
}

.about_two_item_text h3 {
    font-weight: 500;
}

.about_two_item_text p {
    padding-top: 6px;
}

/* --Partner Aarea-- */
.partner_area_bg {
    background-image: url('../img/common/video_bg.png');
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.partner_area_left {
    padding-left: 115px;
}

.partner_area_left h5 {
    color: var(--main-color);
    font-weight: 500;
}

.partner_area_left h2 {
    padding-top: 15px;
    line-height: 45px;
}

.partner_area_left p {
    padding-top: 10px;
}

.partner_video_area {
    padding-top: 35px;
    padding-left: 30px;
}

.video_play_area i {
    color: var(--white-color);
    position: relative;
    z-index: 99;
    font-size: 18px;
}


.video_play_area:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: var(--main-color);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video_play_area:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: var(--main-color);
    border-radius: 50%;
    transition: all 200ms;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0;
    }
}

.local_counter_area {
    padding-top: 40px;
    display: flex;
}

.local_counter_box {
    background: var(--white-color);
    padding: 10px 25px;
    border-radius: 12px;
    margin-right: 15px;
}

.local_counter_box h2 {
    padding-top: 0;
    font-weight: 700;
}

.local_counter_box h5 {
    padding-top: 4px;
    font-weight: 500;
}

/* --Choose your destinations-- */
.choose_des_inner_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.choose_desti_wrapper:hover .choose_des_inner_wrap {
    transform: rotateY(180deg);
}

.choose_boxed_inner,
.flep_choose_box {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
}

.flep_choose_box {
    background-color: var(--main-color);
    transform: rotateY(180deg);
    border-radius: 12px;
}

.choose_boxed_inner {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.choose_boxed_inner img {
    width: 100%;
}

.choose_img_text {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.choose_img_text h2 {
    color: var(--white-color);
}

.choose_img_text h3 {
    color: var(--white-color);
    padding-top: 10px;
    font-weight: 400;
}

.flep_choose_box_inner {
    padding: 65px 25px 0px 35px;
}

.flep_choose_box_inner h2 {
    color: var(--white-color);
    padding-top: 15px;
}

.flep_choose_box_inner h3 {
    color: var(--white-color);
    padding-top: 12px;
    font-weight: 500;
}

.flep_choose_box_inner p {
    color: #ffffffd1;
    padding-top: 14px;
    font-weight: 300;
    line-height: 24px;
}

.flep_choose_box_inner a {
    color: var(--white-color);
    margin-top: 25px;
    border-bottom: 1px solid var(--white-color);
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
}

.choose_desti_wrapper {
    margin-top: 30px;
}

/* --Client Area--*/

.client_two_area_bg {
    background-image: url('../img//banner/client-bg.png');
    padding: 15px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.two_client_area_left {
    padding-left: 115px;
}

.two_client_area_left h2 {
    color: var(--white-color);
    line-height: 56px;
}

.sm_call_area {
    display: flex;
    align-items: center;
    padding-top: 30px;
}

.sm_call_number {
    padding-left: 15px;
}

.sm_call_number h5 {
    color: var(--white-color);
}

.sm_call_number h2 a {
    color: var(--white-color);
}

.sm_call_number h2 a:hover {
    color: var(--main-color);
}

.home_client_wrpper {
    background: var(--white-color);
    box-shadow: 8px 12px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    text-align: center;
    padding: 55px 0;
    position: relative;
    top: 122px;
}

.home_client_wrpper h4 {
    color: var(--paragraph-color);
    font-weight: 400;
}

.home_client_wrpper h2 {
    font-weight: 400;
    padding-top: 15px;
}

.home_client_wrpper h3 {
    padding-top: 35px;
    font-weight: 500;
    color: var(--main-color);
}

.client_two_content {
    padding-top: 25px;
}

.home_two_client_slider {
    padding: 0 65px;
}

.client_two_content p {
    font-size: 18px;
    color: var(--black-color);
    font-weight: 400;
    line-height: 36px;
}

.client_two_author {
    padding-top: 15px;
}

.client_two_author h5 {
    font-weight: 500;
}

.client_two_author h6 {
    padding-top: 5px;
    color: var(--main-color);
    font-weight: 600;
}

.home-two-quote {
    position: relative;
    display: inline-block;
}

.home-two-quote img {
    position: absolute;
    top: 15px;
    left: -22px;
}

#hometwo_clinet_area .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 15px;
}

#hometwo_clinet_area .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #2b2540b8;
    display: block;
    transition: opacity .2s ease;
    border-radius: 30px;
}

#hometwo_clinet_area .owl-theme .owl-dots .owl-dot.active span,
#hometwo_clinet_area .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--main-color);
}

/* =============================
        Home Page Three
================================*/
#home_three_banner {
    background-image: url(../img/banner/banner-three.png);
    padding: 325px 0 340px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_area_three {
    text-align: center;
}

.banner_area_three h2 {
    font-size: 80px;
    line-height: 90px;
    color: var(--white-color);
}

.banner_area_three h3 {
    color: var(--white-color);
    font-weight: 400;
}

.top_banner_three_text {
    padding-bottom: 20px;
}

.bottom_banner_three_text {
    padding-top: 23px;
}

/* --About Area-- */
.three_about_left {
    position: relative;
}

.three_about_left a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.verified_area {
    position: absolute;
    right: -105px;
    bottom: 0;
}

.three_heading_area {
    color: var(--main-color);
    font-weight: 400;
    position: relative;
}

.three_heading_area::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    left: 145px;
    top: 13px;
    background-color: var(--main-color);
}

.three_about_right h4 {
    padding-bottom: 10px;
}

.three_about_right h2 {
    line-height: 51px;
}

.three_about_right p {
    padding-top: 15px;
}

.about_three_flex {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.about_counter_item {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    text-align: center;
    padding: 10px 35px;
}

.about_counter_item h2 {
    line-height: 40px;
}

.about_counter_item p {
    padding-top: 0;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
}

/* --We Offer-- */
#three_We_area {
    background-image: url('../img/common/bg.png');
}

.we_offer_area_three h2 {
    padding-top: 15px;
}

.we_offer_area_three p {
    padding-top: 20px;
}

.three_offer_item {
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.4);
    box-shadow: 4px 8px 14px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    text-align: center;
    padding: 30px 20px;
}

.three_offer_item img {
    width: auto !important;
    margin: 0 auto;
}

.three_offer_item h3 {
    padding-top: 15px;
    font-weight: 500;
}

.three_offer_item p {
    padding-top: 10px;
}

.three_offer_slider {
    padding-top: 20px;
}

#three_We_area .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: -50px;
}

#three_We_area .owl-carousel .owl-nav button.owl-next,
#three_We_area .owl-carousel .owl-nav button.owl-prev {
    background: var(--black-color);
    color: var(--white-color);
    border: none;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

#three_We_area .owl-carousel .owl-nav button.owl-next:hover,
#three_We_area .owl-carousel .owl-nav button.owl-prev:hover {
    background: var(--main-color);
    color: var(--white-color);
}

/* --Trending Tour Area-- */
.arrow_style.owl-theme .owl-nav {
    margin-top: 0px;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.arrow_style.owl-carousel .owl-nav button.owl-next,
.arrow_style.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    background: var(--black-color);
    color: var(--white-color);
    border: none;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.arrow_style.owl-carousel .owl-nav button.owl-next:hover,
.arrow_style.owl-carousel .owl-nav button.owl-prev:hover {
    background: var(--main-color);
    color: var(--white-color);
}

.arrow_style.owl-carousel .owl-nav button.owl-next {
    right: -25px;
}

.arrow_style.owl-carousel .owl-nav button.owl-prev {
    left: -25px;
}

/* --Width offer area-- */
#width_offer_area {
    background: #F3F6FD;
    padding: 70px 0;
}

.width_offer_item {
    display: flex;
}

.width_offer_text {
    width: 80%;
    padding-left: 25px;
}

.width_offer_text h3 {
    font-weight: 500;
    padding-bottom: 10px;
}

/* --Client Review-- */
#home_Three_client .home_client_wrpper {
    background: #F3F6FD;
    box-shadow: 0px 5px 8px 3px #00000014;
    border-radius: 12px;
    text-align: center;
    padding: 55px 0;
    position: relative;
    top: 0;
}


/* ===================================
    Home Page four
====================================*/
/* --Banner Area-- */
.navbar_color_black .main-navbar .navbar .navbar-nav .nav-item a {
    color: var(--black-color);
    font-weight: 400;
}

.navbar_color_black .main-navbar .navbar .others-options .option-item .btn:hover{
    color: var(--black-color);
}
.navbar_color_black .main-navbar .navbar .others-options .option-item a i{
    color: var(--black-color);
}
.navbar_color_black .main-navbar .navbar .others-options .option-item a i:hover{
    color: var(--black-color);
}

.navbar_color_black .topbar-list li a {
    color: var(--black-color);
}

.navbar_color_black .topbar-list li i {
    color: var(--black-color);
}

.navbar_color_black .topbar-others-options li a {
    color: var(--black-color);
}

.navbar_color_black .topbar-others-options li .language-option button {
    color: var(--black-color);
}

.navbar_color_black .topbar-area {
    border-bottom: 1px solid #63616121;
}


#home_four_banner {
    background-color: #f4f6fc;
    padding: 220px 0;
}

.banner_four_img {
    position: absolute;
    top: 0;
    right: 0;
}

.banner_four_img img {
    width: 100%;
}

.banner_four_text h1 {
    font-size: 90px;
    font-weight: 500;
    padding-top: 20px;
    line-height: 105px;
}

.banner_four_text h3 {
    padding-top: 25px;
    color: #1F1E46;
    font-weight: 500;
}

.banner_four_text h4 {
    color: #6D6D74;
    font-size: 24px;
    font-weight: 600;
}

.banner_four_text {
    padding-right: 100px;
}

/* --Banner Bottom Area-- */
.banner_bootom_four {
    padding-top: 200px;
}

.four_banner_bottom_item {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    transition: var(--transition);
    border-radius: 12px;
    text-align: center;
    padding: 30px 20px;
}

.four_banner_bottom_item:hover {
    box-shadow: 4px 8px 16px rgba(28, 27, 35, 0.06);
    transform: translateY(-10px);
}

.four_banner_bottom_item h3 {
    padding-top: 20px;
    font-weight: 500;
}

.four_banner_bottom_item p {
    padding-top: 15px;
}


/* --Popular Tours-- */
.section_heading_left {
    padding-bottom: 30px;
}

.section_heading_left h2 {
    padding-bottom: 8px;
}

.common_card_four {
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 20px;
    overflow: hidden;
}

.common_card_four_img {
    overflow: hidden;
}

.common_card_four_img a img {
    width: 100%;
    transition: var(--transition);
}

.common_card_four:hover .common_card_four_img a img {
    transform: scale(1.1);
}

.common_card_four_text {
    padding: 20px 10px;
}

.common_card_four_list li {
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    color: #727178;
    align-items: center;
}

.common_card_four_list li i {
    font-size: 7px;
    color: #DDDDDD;
    padding-left: 7px;
    padding-right: 5px;
}

.common_card_four_text h3 {
    padding-top: 5px;
}

.common_card_four_text h3 a {
    font-size: 20px;
    color: var(--black-color);
    font-weight: 400;
}

.common_card_four:hover .common_card_four_text h3 a {
    color: var(--main-color);
}

.common_card_four_text p {
    font-size: 14px;
    padding-top: 5px;
}

.common_card_four_text p i {
    font-size: 14px;
    padding-right: 5px;
}

.common_card_four_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 12px;
}

.common_card_four_bottom_left p {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}

.common_card_four_bottom_left h6 {
    color: #727178;
    font-size: 12px;
    padding-top: 3px;
}

.common_card_four_bottom_right h4 sub {
    font-size: 12px;
}

.button_style_top_left.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: -90px;
}

.button_style_top_left.owl-carousel .owl-nav button.owl-next,
.button_style_top_left.owl-carousel .owl-nav button.owl-prev {
    background: var(--black-color);
    color: var(--white-color);
    border: none;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.button_style_top_left.owl-carousel .owl-nav button.owl-next:hover,
.button_style_top_left.owl-carousel .owl-nav button.owl-prev:hover {
    background: var(--main-color);
    color: var(--white-color);
}

/* --Beest Offer-- */
.theme_nav_tab_four_item .nav-tabs {
    border-bottom: none;
    justify-content: flex-end;
}

.theme_nav_tab_four_item .nav-tabs .nav-link {
    background: #FBF9FE;
    margin-left: 17px;
    border: 1px solid #DDDDDD;
    border-radius: 7px;
    color: #2B2540;
    font-size: 16px;
    font-weight: 500;
}

.theme_nav_tab_four_item .nav-tabs .nav-link.active {
    background-color: var(--main-color);
    color: var(--white-color);
}

/* --Tour Type Boxed-- */
.tour_type_boxed {
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 8px;
    text-align: center;
    padding: 20px 20px;
    transition: var(--transition);
}

.tour_type_boxed:hover {
    transform: translateY(-10px);
}

.tour_type_boxed img {
    width: auto !important;
    margin: 0 auto;
}

.tour_type_boxed h3 {
    padding-top: 10px;
    font-size: 20px;
    font-weight: 500;
}

.tour_type_boxed p {
    padding-top: 5px;
}

/* --Destination for your-- */
.section_heading_left_view_all {
    text-align: right;
    padding-top: 45px;
}

.section_heading_left_view_all a {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
}

.section_heading_left_view_all a:hover {
    color: var(--black-color);
}

/* --Top Details -- */
.top_details_four_item {
    position: relative;
}

.top_details_four_item img {
    width: 100%;
}

.top_details_posation {
    position: absolute;
    bottom: 34px;
    left: 25px;
}

.top_details_posation p {
    color: var(--white-color);
}

.top_details_posation h3 {
    font-size: 20px;
    color: var(--white-color);
    font-weight: 500;
    padding-bottom: 22px;
}

/* --Counter Area-- */
.countre_four_item {
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 12px;
    text-align: center;
    padding: 15px 20px;
}

.countre_four_item h3 {
    font-weight: 600;
    padding-bottom: 3px;
}

.countre_four_item h5 {
    font-size: 16px;
    color: var(--main-color);
    padding-top: 2px;
    font-weight: 500;
}

/* --Testimonials Area-- */
#testimonial_four_area {
    background-image: url('../img/common/test-bg.png');
    padding: 130px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.test_slider_item_four {
    text-align: center;
}

.test_post_img_four img {
    width: auto !important;
    margin: 0 auto;
}

.test_four_author_fill {
    padding-top: 30px;
    position: relative;
    display: inline-grid;
}

.test_four_author_fill img {
    position: absolute;
    left: 0;
    bottom: 8px;
    width: auto !important;
}

.test_four_author_fill h3 {
    font-weight: 500;
    color: var(--main-color);
}

.test_four_inner_content {
    padding-top: 18px;
}

.test_four_author_name {
    padding-top: 12px;
    padding-bottom: 15px;
}

.test_four_author_name h5 {
    font-weight: 600;
    font-size: 16px;
}

.test_four_author_name p {
    font-size: 16px;
}

/* --Our Partner-- */
#our_partners_four {
    background-color: #F3F6FD;
}

#our_partners_four .owl-carousel .owl-item img {
    width: auto !important;
    filter: opacity(0.5);
}

#our_partners_four .owl-carousel .owl-item img:hover {
    filter: opacity(1);
}

/* --News Area-- */
.news_card_four_heading ul li {
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    color: #727178;
    align-items: center;
}

.news_card_four_heading ul li i {
    font-size: 7px;
    color: #DDDDDD;
    padding-left: 7px;
    padding-right: 5px;
}

.news_card_four_img {
    overflow: hidden;
    border-radius: 20px;
}

.news_card_four_img a img {
    width: 100%;
    transition: var(--transition);
}

.news_card_four_wrapper:hover .news_card_four_img a img {
    transform: scale(1.1);
}

.news_card_four_heading {
    padding-top: 20px;
}

.news_card_four_heading h3 {
    font-weight: 600;
    padding-bottom: 10px;
}

.news_card_four_heading h3 a {
    color: var(--black-color);
}

.news_card_four_wrapper:hover .news_card_four_heading h3 a {
    color: var(--main-color);
}

.navbar_color_black .is-sticky .main-navbar .navbar .navbar-nav .nav-item a {
    color: var(--white-color);
}

.navbar_color_black .is-sticky .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a {
    color: var(--navber-color) !important;
}
.navbar_color_black .is-sticky .main-navbar .navbar .others-options .option-item a i{
    color: var(--white-color);
}
/* ==========================
        News v4 Page
============================*/
.news_four_card {
    margin-bottom: 30px;
}

.new_four_card_lists {
    padding-top: 15px;
}

.new_four_card_lists ul li {
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    color: #727178;
    align-items: center;
}

.new_four_card_lists ul li i {
    font-size: 7px;
    color: #DDDDDD;
    padding-left: 7px;
    padding-right: 5px;
}

.new_four_card_lists ul li span {
    color: var(--main-color);
}

.news_four_card_conrent h3 {
    padding-top: 12px;
    font-size: 24px;
    font-weight: 500;
}

.news_four_card_conrent h3 a {
    color: var(--black-color);
}

.news_four_card_conrent h3 a:hover {
    color: var(--main-color);
}

.news_four_card_conrent p {
    padding-top: 8px;
    padding-bottom: 10px;
}

/* ==========================
    News Details v2 Page
============================*/
.news_details_content_area img {
    width: 100%;
}

.news_details_four_heading {
    background: #FFFFFF;
    box-shadow: 4px 10px 20px rgb(0 0 0 / 8%);
    border-radius: 12px;
    padding: 20px 20px;
}

.news_details_four_heading h2 {
    padding-top: 10px !important;
}

.news_details_content_tops {
    margin-top: -95px;
}

/* =========================
    Contact v2 Page
=========================*/
.contact_left_top_heading h3 {
    padding-top: 35px;
    font-weight: 500;
}

.contact_left_top_heading p {
    padding-top: 15px;
}

.contact_form_two {
    padding-top: 40px;
}

.contact_two_left_wrapper {
    padding-top: 110px;
}

.contact_two_left_wrapper h3 {
    font-weight: 500;
}

.contact_details_wrapper {
    padding-top: 14px;
}

.contact_detais_item {
    padding-bottom: 25px;
}

.contact_detais_item h4 {
    font-size: 16px;
    color: #727178;
    font-weight: 500;
    padding-bottom: 8px;
}

.contact_detais_item h3 {
    color: var(--main-color);
}

.contact_map_area iframe {
    width: 100%;
    height: 200px;
}
.contact_map_area_lg{
    padding-top: 40px;
}
.contact_map_area_lg iframe{
    width: 100%;
    height: 500px;
}


/* =========================
    Become Expert Page
=========================*/
.how_expert_boxed {
    text-align: center;
    padding-top: 30px;
}

.how_expert_boxed h3 {
    padding-top: 20px;
    font-weight: 500;
}

.how_expert_boxed p {
    padding-top: 10px;
}

.video_two_left_side {
    background: #F3F6FD;
    border-radius: 12px;
    padding: 63px 40px;
}

.video_two_left_side h2 {
    padding-bottom: 10px;
}

.video_exp_item {
    display: flex;
    align-items: center;
}

.video_exp_icon {
    width: 14%;
}

.video_exp_icon img {
    width: 90%;
}

.video_exp_text {
    padding-top: 25px;
}

.video_exp_text h3 {
    font-weight: 500;
    padding-bottom: 9px;
}

.video_two_right_side {
    position: relative;
}

.video_two_play_area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* =========================
     Cruise Search Page
=========================*/
.item_searc_map_area iframe {
    width: 100%;
    height: 200px;
}

.name_search_form {
    margin-top: 20px;
    position: relative;
}

.name_search_form i {
    position: absolute;
    right: 15px;
    top: 20px;
}

.cruise_search_item {
    margin-bottom: 30px;
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 20px;
    overflow: hidden;
}

.cruise_item_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cruise_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cruise_item_inner_content {
    padding: 15px 20px 22px 0px;
}

.cruise_content_top_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cruise_content_top_left ul li {
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    color: #727178;
    align-items: center;
}

.cruise_content_top_left ul li i {
    font-size: 7px;
    color: #DDDDDD;
    padding-left: 7px;
    padding-right: 5px
}

.cruise_content_top_left h4 {
    padding-top: 8px;
}

.cruise_content_top_left p {
    padding-top: 8px;
}

.cruise_content_top_right h5 {
    font-size: 16px;
    color: var(--main-color);
    font-weight: 500;
}

.cruise_content_top_right h4 {
    font-size: 16px;
    padding-top: 5px;
}

.cruise_content_middel_wrapper {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.cruise_content_middel_left h5 {
    font-size: 16px;
    color: var(--main-color);
    font-weight: 500;
    padding-bottom: 4px;
}

.cruise_content_middel_right h3 {
    font-weight: 500;
}

.cruise_content_middel_right h3 sub {
    font-size: 14px;
}

.cruise_content_middel_right p {
    font-size: 14px;
    padding-top: 3px;
}

.cruise_content_bottom_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 23px;
}

.cruise_content_bottom_left ul li {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    display: inline-block;
    padding: 3px 14px;
    font-size: 14px;
    color: var(--black-color);
    margin-right: 10px;
}


/* =========================
     Cruise Map Page
=========================*/
.side_map_wrapper iframe {
    width: 100%;
    height: 900px;
}

/* =========================
   Bus Booking Page
=========================*/
.btn_modal_bus {
    z-index: 9999;
}

.bus_modal_heading {
    padding-top: 27px;
}

.bus_modal_heading h3 {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 6px;
}

.bus_seat_left_side {
    padding-top: 20px;
}

.bus_seat_left_side h6 {
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 22px;
}

.bus_seat_right_side {
    padding-top: 20px;
}

.seat_avelabel_item {
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    justify-content: center;
}

.seat_avelabel_item h4 {
    font-size: 14px;
    padding-left: 10px;
}

.bus_ticket_tabel table {
    width: 100%;
}

.bus_ticket_tabel table thead tr {
    background: #F3EFF9;
    text-align: center;
    border: 1px solid #e7e7e7;
}

.bus_ticket_tabel table thead tr th {
    padding: 10px 15px;
}

.bus_ticket_tabel table tbody tr {
    text-align: center;
    border: 1px solid #e7e7e7;
}

.bus_ticket_tabel table tbody tr td {
    padding: 10px 15px;
}

.bus_price_total {
    padding-top: 25px;
}

.bus_price_total h5 {
    background-color: #F3EFF9;
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
}

.bus_price_total h5 span {
    color: var(--main-color);
}

.bus_ticket_continue {
    text-align: right;
    padding-top: 20px;
}


/* =========================
       Visa details Page
=========================*/

.visa_holder_area .tour_details_boxed_inner h3 {
    font-weight: 600;
    padding-bottom: 20px;
    font-size: 18px;
}

.visa_holder_area .tour_details_boxed_inner {
    padding-top: 8px;
}

/* =========================
    Visa information Page
=========================*/
.visa_info_card_sm {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.08), 4px 8px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    text-align: center;
    padding: 25px 11px;
    margin-top: 45px;
}

.visa_info_card_sm h3 {
    padding-top: 12px !important;
}

.visa_info_card_sm p {
    padding-top: 10px !important;
}

.area_visa_info_add {
    padding-top: 30px;
}

.visa_category_item ul li {
    padding-top: 18px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 18px;
}

.visa_category_item ul li:first-child {
    padding-top: 0;
}

.visa_category_item ul li:last-child {
    padding-bottom: 0;
    border: none;
}

.visa_category_item ul li a {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.visa_category_item ul li a:hover {
    color: var(--main-color);
}

.visa_info_side_call {
    background-color: var(--main-color);
    text-align: center;
    color: var(--white-color);
    padding: 30px 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.visa_info_side_call h2 {
    padding-top: 15px;
}

.visa_info_side_call h2 a {
    color: var(--white-color);
}

.visa_info_side_call h2 a:hover {
    color: var(--black-color);
}

.visa_info_side_call h2 i {
    padding-right: 15px;
}

.visa_info_sid_padding_none {
    padding: 0 !important;
    overflow: hidden;
    position: relative;
}

.download_pdf_area_visa {
    display: flex;
    align-items: center;
    background: #EEF4F8;
    padding: 30px 20px;
}

.downloads_pdf_text_visa {
    padding-left: 14px;
}

.downloads_pdf_text_visa a h3 {
    border-bottom: none;
    padding-bottom: 0;
    color: var(--black-color);
}

.downloads_pdf_text_visa a h5 {
    color: var(--paragraph-color);
    padding-top: 10px;
    font-size: 16px;
}

.download_pdf_area_visa:hover .downloads_pdf_text_visa a h3 {
    color: var(--main-color);
}

.visa_request_side_form form .form-group {
    padding-top: 30px;
}

.visa_request_side_form_button {
    padding-top: 30px;
}

.visa_info_side_middle img {
    width: 100%;
}

/* =========================
       Tour Search Page
=========================*/
/* --Common Banner-- */
#common_banner {
    background-image: url('../img/banner/common-banner.png');
    padding: 200px 0 130px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.common_bannner_text {
    text-align: center;
}

.common_bannner_text h2 {
    color: var(--white-color);
    font-weight: 400;
}

.common_bannner_text ul {
    padding-top: 20px;
}

.common_bannner_text ul li {
    display: inline-block;
    color: var(--white-color);
    padding-left: 7px;
}

.common_bannner_text ul li:first-child {
    padding-left: 0px;
}

.common_bannner_text ul li span {
    padding-right: 5px;
}

.common_bannner_text ul li span i {
    color: var(--white-color);
    font-size: 7px;
    position: relative;
    top: -2px;
    left: -3px;
}

.common_bannner_text ul li a {
    color: #ffffff91;
}

.common_bannner_text ul li a {
    color: #ffffff91;
}

.common_bannner_text ul li a:hover {
    color: var(--main-color);
}

/* --Search Form-- */
#theme_search_form_tour {
    margin-top: -85px
}

.pagination_area .page-link {
    color: var(--main-color);
    border-radius: 5px;
    padding: 2px 8px;
    font-size: 14px;
}

.pagination_area .page-link:hover {
    z-index: 2;
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.pagination_area .page-link:focus {
    z-index: 2;
    color: var(--white-color);
    background-color: var(--main-color);
    outline: none;
    box-shadow: none;
}

.pagination_area .page-item {
    margin: 0 6px;
}

.pagination_area .pagination {
    justify-content: center;
    padding-top: 30px;
}

.left_side_search_boxed {
    background: #FFFFFF;
    border: 1px solid #00000030;
    border-radius: 6px;
    padding: 20px 15px;
    margin-bottom: 30px;
}

.left_side_search_heading h5 {
    border-bottom: 1px solid #00000030;
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: 500;
}

.filter-price {
    padding-top: 30px;
    padding-bottom: 50px;
}

.apply {
    border: none;
    background: transparent;
    padding: 0;
    color: var(--main-color);
    font-weight: 500;
}

.filter-price-text {
    padding-bottom: 20px;
}

.noUi-horizontal .noUi-tooltip {
    margin-top: 13px;
    font-size: 15px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle.noUi-handle-upper {
    right: -4px;
    top: 4px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -13px;
    top: 4px;
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
}

.noUi-connect {
    background: var(--main-color);
}

.review_star {
    padding-top: 10px;
}

.review_star .form-check {
    margin-top: 15px;
    margin-bottom: 0;
}

.color_theme {
    color: var(--main-color);
}

.color_asse {
    color: #DDDDDD;
}

.form-check-label {
    width: 100%;
}

.tour_search_type {
    padding-top: 10px;
}

.tour_search_type .form-check {
    padding-top: 15px;
}

.area_flex_one {
    display: flex;
    justify-content: space-between;
}

.area_flex_one span {
    color: var(--black-color);
    font-weight: 500;
}

.tour_details_right_boxed {
    background: #FFFFFF;
    box-shadow: -4px -5px 14px rgba(0, 0, 0, 0.08), 5px 8px 16px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 25px 20px 35px 20px;
}

.first_child_padding_none ul li:first-child {
    padding-top: 0;
}

.tour_details_right_box_heading h3 {
    font-weight: 500;
    font-size: 22px;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 10px;
    display: inline-block;
}

.valid_date_area {
    display: flex;
    align-items: center;
    padding-top: 25px;
}

.valid_date_area_one {
    padding-right: 40px;
}

.valid_date_area_one h5 {
    font-weight: 500;
    padding-bottom: 5px;
}

.tour_package_details_bar_list {
    padding-top: 20px;
}

.tour_package_details_bar_list h5 {
    font-weight: 500;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 10px;
    display: inline-block;
}

.tour_package_details_bar_list ul li {
    padding-top: 15px;
    color: var(--paragraph-color);
    display: flex;
    align-items: center;
}

.tour_package_details_bar_list ul li i {
    color: var(--black-color);
    font-size: 6px;
    padding-right: 7px;
}

.tour_package_details_bar_price {
    padding-top: 20px;
}

.tour_package_details_bar_price h5 {
    font-weight: 500;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 10px;
    display: inline-block;
}

.tour_package_bar_price {
    display: flex;
    align-items: center;
    padding-top: 15px;
}

.tour_package_bar_price h6 {
    font-size: 16px;
    font-weight: 500;
}

.tour_package_bar_price h3 {
    padding-left: 10px;
    font-size: 22px;
    font-weight: 500;
    color: var(--main-color);
}

.tour_package_bar_price h3 sub {
    color: var(--paragraph-color);
    font-weight: 400;
    bottom: 0;
    font-size: 14px;
}

.tour_select_offer_bar_bottom button {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.select_offer_modal.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out;
    z-index: 999999;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.travel_date_side .form-control {
    border: 1px solid var(--black-color);
    margin-top: 10px;
}

.select_person_side {
    padding-top: 25px;
}

.select_person_side h3 {
    font-size: 18px;
    font-weight: 500;
}

.select_person_item {
    padding-top: 20px;
    border-bottom: 1px solid #00000030;
    padding-bottom: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select_person_left h6 {
    font-size: 16px;
    font-weight: 500;
}

.select_person_left p {
    font-size: 12px;
    font-weight: 500;
}

.select_person_right button {
    border: 1px solid #d6d6d6;
    background: transparent;
    font-size: 10px;
    transition: var(--transition);
}

.select_person_right button:hover {
    background: var(--main-color);
    color: var(--white-color);
}

.select_person_right span {
    font-size: 14px;
    padding: 0 4px;
}

.write_spical_not {
    padding-top: 30px;
}


.write_spical_not textarea {
    height: 100%;
    border: 1px solid var(--black-color);
    margin-top: 10px;
}

.write_spical_check {
    padding-top: 10px;
}

.main_spical_check p {
    font-size: 14px;
}

.main_spical_check p span {
    color: var(--main-color);
}

.proceed_booking_btn a {
    border-radius: 0;
}

.tour_details_heading_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tour_details_top_heading h5 {
    padding-top: 15px;
    font-size: 16px;
}

.tour_details_top_heading_right h4 {
    color: var(--main-color);
}

.tour_details_top_heading_right h6 {
    font-size: 16px;
    color: var(--main-color);
    padding-top: 5px;
}

.tour_details_top_heading_right p {
    padding-top: 2px;
    font-size: 14px;
}

.tour_details_top_bottom {
    margin-top: 25px;
    border-top: 1px solid #eeeaea;
    padding-top: 13px;
    border-bottom: 1px solid #eeeaea;
    padding-bottom: 13px;
    display: flex;
    justify-content: space-between;
}

.toru_details_top_bottom_item {
    display: flex;
    align-items: center;
}

.tour_details_top_bottom_icon {
    font-size: 30px;
    padding-right: 10px;
}

.tour_details_top_bottom_icon > i {
    font-size: 18px;
}

.tour_details_top_bottom_text h5 {
    font-weight: 500;
}

.tour_details_top_bottom_text p {
    font-size: 14px;
}

.tour_details_img_wrapper {
    margin-top: 40px;
    display: block;
}

.tour_details_img_wrapper .slider-nav {
    margin-top: 20px;
}

.tour_details_boxed {
    background: #FFFFFF;
    box-shadow: -4px -5px 14px rgb(0 0 0 / 8%), 5px 8px 16px rgb(0 0 0 / 8%);
    border-radius: 10px;
    padding: 20px 20px;
    margin-top: 30px;
}

.heading_theme {
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 10px;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 20px;
}

.tour_details_boxed_inner p {
    padding-bottom: 15px;
}

.tour_details_boxed_inner ul li {
    padding-bottom: 15px;
    color: var(--paragraph-color);
    display: flex;
}

.tour_details_boxed_inner ul li i {
    color: var(--black-color);
    font-size: 6px;
    padding-right: 7px;
    padding-top: 6px;
}

.tour_details_boxed_inner .accordion-button {
    padding: 0;
    font-weight: 600;
    font-size: 18px;
}

.tour_details_boxed_inner .accordion-item {
    border: none;
    border-radius: 0;
    padding-bottom: 15px;
    width: 100%;
}

.tour_details_boxed_inner .accordion-button:not(.collapsed) {
    color: var(--main-color);
    background-color: #fff;
    box-shadow: none;
}

.tour_details_boxed_inner .accordion-button:focus {
    z-index: 3;
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}

.tour_details_boxed_inner .accordion-body {
    padding: 0;
}

.accordion_itinerary_list {
    padding-top: 15px;
}

.accordion_flex_area {
    display: flex;
}

.accordion_left_side h5 {
    width: 100px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #4c82ff24;
    margin-right: 15px;
    font-weight: 600;
    font-size: 18px;
}

.map_area {
    width: 100%;
}

.map_area iframe {
    width: 100%;
    height: 300px;
}

.tour_detail_right_sidebar {
    margin-bottom: 30px;
}

.write_your_review_wrapper {
    background: #FFFFFF;
    box-shadow: -4px -5px 14px rgb(0 0 0 / 8%), 5px 8px 16px rgb(0 0 0 / 8%);
    border-radius: 10px;
    padding: 20px 20px;
    margin-top: 50px;
}

.write_review_inner_boxed {
    text-align: center;
    padding-top: 20px;
}

.all_review_wrapper {
    margin-top: 60px;
}

.all_review_box {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.08), 4px 8px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 20px 20px;
    position: relative;
    margin-top: 65px;
}

.all_review_date_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.all_review_date h5 {
    font-size: 16px;
}

.all_review_star {
    text-align: center;
}

.all_review_star h5 {
    font-size: 16px;
}

.review_star_all i {
    font-size: 14px;
    color: var(--main-color);
}

.all_review_text {
    text-align: center;
    margin-top: -100px;
}

.all_review_text img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.all_review_text span {
    padding-top: 5px;
    display: block;
}

.all_review_text h4 {
    padding-top: 20px;
}

.all_review_text p {
    padding-top: 15px;
}

.all_review_small_img {
    display: flex;
    align-items: center;
    padding-top: 30px;
}

.all_review_small_img_item {
    padding-right: 11px;
}

.all_review_small_img .all_review_small_img_item:last-child {
    padding-right: 0px;
}

.all_review_small_img_item h5 {
    color: var(--main-color);
    cursor: pointer;
    font-size: 22px;
    font-weight: 600;
}

/* =========================
    Top Destinations Page
=========================*/
.payment_toggle {
    display: none;
}

#payment_checked .form-check-label {
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 13px;
    cursor: pointer;
}

.payment_card,
.paypal_payment,
.payoneer_payment,
.cash_payment {
    padding-top: 15px;
}

.payment_card .form-group {
    margin-bottom: 30px;
    cursor: pointer;
}

#payment_checked .form-check:last-child .form-check-label {
    margin-bottom: 0;
}

.top_destinations_box {
    position: relative;
    margin-bottom: 30px;
    border-radius: 12px;
}

.top_destinations_box_content {
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 20px 20px;
    width: 100%;
}

.top_destinations_box_content h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 22px;
}

.top_destinations_box_content h4 a {
    color: var(--white-color);
}

.top_destinations_box_content h4 a:hover {
    color: var(--main-color);
}

.top_destinations_box_content p {
    padding: 6px 0px;
    font-size: 14px;
    color: var(--white-color);
}

.top_destinations_box_content p .review_rating {
    color: var(--white-color);
}

.top_destinations_box_content p .review_count {
    margin-left: 10px;
}

.top_destinations_box_content h3 {
    font-weight: 500;
    color: var(--white-color);
}

.top_destinations_box_content h3 span {
    font-weight: 400;
    font-size: 14px;
}

.heart_destinations {
    right: 17px;
    position: absolute;
    top: 12px;
    cursor: pointer;
    z-index: 9;
}

.heart_destinations i {
    color: var(--white-color);
    font-size: 24px;
}

.heart_destinations i:hover {
    color: var(--main-color);
}

.edit_date_form .form-control {
    border: 1px solid var(--black-color);
    margin-top: 10px;
}

.edit_date_form {
    padding-top: 20px;
}

.select_person_right h6 {
    font-size: 16px;
    font-weight: 500;
}

.edit_person {
    text-align: right;
    padding-top: 15px;
}

.edit_person p {
    color: var(--main-color);
    cursor: pointer;
}

.form-control {
    height: 55px;
    border: 2px dashed #dddddd75;
    padding: 10px 22px;
    font-size: 16px;
}

.bg_input {
    background-color: #F3F6FD;
}

.form-control:focus {
    color: var(--heading-color);
    background-color: #fff;
    border: 2px dashed var(--main-color);
    outline: none;
    box-shadow: none;
}

.tour_booking_form_box {
    background: #FFFFFF;
    box-shadow: -4px -5px 14px rgb(0 0 0 / 8%), 5px 8px 16px rgb(0 0 0 / 8%);
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
    margin-bottom: 30px;
}

#tour_bookking_form_item .form-group {
    margin-bottom: 30px;
}

#tour_bookking_form_item {
    padding-top: 25px;
}

.booking_tour_form {
    margin-bottom: 30px;
}

.booking_tour_form_submit a {
    margin-top: 15px;
}

.coupon_code_area_booking {
    padding-top: 30px;
}

.coupon_code_submit {
    padding-top: 20px;
}

.tour_booking_amount_area ul {
    padding-top: 15px;
}

.tour_booking_amount_area ul li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 6px;
    font-weight: 500;
    font-size: 16px;
}

.tour_booking_amount_area ul li:last-child {
    border-bottom: 1px solid #dadada
}

.tour_bokking_subtotal_area {
    padding-top: 15px;
}

.tour_bokking_subtotal_area h6 {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    padding-left: 105px;
}

.coupon_add_area {
    padding-top: 15px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
}

.coupon_add_area h6 {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.remove_coupon_tour {
    font-size: 14px;
    font-style: italic;
    font-weight: 400 !important;
    color: var(--main-color);
    cursor: pointer;
}

.total_subtotal_booking {
    padding-top: 15px;
}

.total_subtotal_booking h6 {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

/* ================================
          About Page
===================================*/
.about_us_left h5 {
    font-size: 22px;
    font-weight: 500;
}

.about_us_left h2 {
    font-size: 40px;
    line-height: 55px;
    padding-top: 20px;
}

.about_us_left p {
    padding-top: 15px;
}

.about_us_left a {
    margin-top: 25px;
}

.about_offer_banner img {
    width: 100%;
    height: 100%;
}

.about_offer_banner {
    position: relative;
}

.about_offer_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.about_offer_text h3 {
    font-weight: 500;
    color: var(--white-color);
}

.about_offer_text h3 span {
    color: var(--main-color);
}

.about_offer_text h2 {
    color: var(--white-color);
    padding: 15px 0;
}

.about_offer_text a {
    color: var(--white-color);
    border-bottom: 1px solid var(--white-color);
}

.about_offer_text a:hover {
    color: var(--main-color);
    border-bottom: 1px solid var(--main-color);
}

.about_service_boxed {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.06), 8px 10px 20px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    padding: 18px 18px;
}

.about_service_boxed h5 {
    font-size: 20px;
    font-weight: 500;
    padding-top: 15px;
}

.about_service_boxed p {
    padding-top: 10px;
}

.about_offer_banner {
    height: 400px;
}

#consultation_area {
    background-image: url('../img/common/counter_bg.png');
    padding: 150px 0 220px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.consultation_area_text {
    text-align: center;
}

.consultation_area_text h2 {
    color: var(--white-color);
}

.consultation_area_text p {
    color: var(--white-color);
    padding-top: 20px;
}

.counter_area_wrapper {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.06), 8px 10px 20px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}

.counter_item {
    text-align: center;
    border-right: 1px solid #e9e9e9;
    padding: 35px 0;
}

.counter_item h3 {
    font-size: 35px;
    font-weight: 500;
    color: var(--main-color);
    padding-top: 6px;
    letter-spacing: 2px;
}

.counter_item h6 {
    font-weight: 500;
    font-size: 16px;
    padding-top: 2px;
}

#counter_area {
    margin-top: -100px;
}

/* ==========================
    Tour Guides Page
========================== */
.guide_heading_area {
    text-align: center;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 10px;
    padding-top: 30px;
    margin-bottom: 30px;
}

.guide_heading_area h3 {
    font-weight: 400;
    color: var(--main-color);
}

.tour_guides_boxed {
    position: relative;
    box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.tour_guides_boxed img {
    width: 100%;
}

.tour_guide_content {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
    box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: var(--transition);
    opacity: 0;
    transform: translateY(100px);
}

.tour_guides_boxed:hover .tour_guide_content {
    opacity: 1;
    transform: translateY(0px);
}

.tour_guide_content h3 {
    font-size: 20px;
    font-weight: 500;
    color: var(--main-color);
}

.tour_guide_content p {
    padding-top: 1px;
    font-size: 14px;
    font-weight: 500;
}

.tour_guide_content ul {
    margin-bottom: 10px;
    margin-top: -25px;
}

.tour_guide_content li {
    display: inline-flex;
    background: #fff;
    width: 30px;
    text-align: center;
    justify-content: center;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.08);
    transition: var(--transition);
    color: var(--main-color);
    margin-left: 8px;
}

.tour_guide_content li:first-child {
    margin-left: 0;
}

.tour_guide_content li:hover {
    background: var(--main-color);
}

.tour_guide_content li:hover a {
    color: var(--white-color);
}

/* =============================
            Faqs Page
==============================*/

.faqs_item_wrapper h3 {
    font-weight: 500;
    font-size: 28px;
}

.faqs_main_item {
    margin-top: 30px;
}

.faqs_main_item .accordion-item {
    background-color: #fff;
    border: none;
    margin-bottom: 30px;
}

.faqs_main_item .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    color: var(--black-color);
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    font-weight: 500;
    box-shadow: none;
}

.faqs_main_item .accordion-header {
    border: 1px solid #e5e5e5;
}

.faqs_main_item button:focus {
    box-shadow: -4px -5px 14px rgba(0, 0, 0, 0.08), 5px 8px 16px rgba(0, 0, 0, 0.08);
    border: none;
}

.faqs_item_wrapper {
    padding-top: 50px;
}

.faqs_call_area {
    background: var(--main-color);
    text-align: center;
    padding: 90px 30px;
    border-radius: 10px;
}

.faqs_call_area h5 {
    color: var(--white-color);
    padding-top: 20px;
}

.faqs_call_area h3 a {
    color: var(--white-color);
}

.faqs_call_area h3 a:hover {
    color: var(--black-color);
}

.faqs_call_area h3 {
    padding-top: 20px;
    font-size: 30px;
    font-weight: 500;
}

/* =============================
        Contact Page
================================*/

.contact_boxed {
    box-shadow: -4px -5px 14px rgba(0, 0, 0, 0.08), 5px 8px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 30px 15px;
    text-align: center;
}

.contact_boxed h6 {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px;
}

.contact_boxed h3 {
    padding-bottom: 20px;
    font-weight: 500;
}

.contact_boxed p {
    padding-bottom: 15px;
}

.contact_boxed a {
    font-weight: 600;
}

.phone_tuch_area {
    display: flex;
    justify-content: space-between;
    padding-bottom: 35px;
    padding-top: 35px;
}

.phone_tuch_area h3 {
    font-weight: 500;
    font-size: 30px;
}

.contact_main_form_area {
    padding-top: 100px;
}

.contact_form {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.08), 4px 8px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 35px 35px;
    margin-top: 20px;
}

#contact_form_content .form-control {
    margin-bottom: 30px;
}

#contact_form_content textarea {
    height: 100%;
}

.map_modal_content {
    text-align: center;
    padding: 80px 25px 25px 25px;
}

/* =============================
        News Page
================================*/
.news_area_top_right h2 {
    line-height: 45px;
    font-size: 30px;
}

.news_area_top_right h2 a {
    color: var(--black-color);
}

.news_area_top_right h2 a:hover {
    color: var(--main-color);
}

.news_area_top_right p {
    padding-top: 15px;
    padding-bottom: 15px;
}

.news_area_top_right a {
    font-weight: 500;
}

.news_area_top_right a i {
    padding-left: 4px;
}

.news_author_area {
    display: flex;
    padding-top: 20px;
}

.news_author_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.news_author_img img {
    width: 100%;
}

.news_author_area_name {
    padding-left: 15px;
}

.news_author_area_name p {
    padding: 4px 0 0 0;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.news_author_area_name p i {
    font-size: 6px;
    padding: 0 8px;
}

.new_main_news_box {
    border-top: 1px solid #dbdbdb;
    margin-top: 50px;
}

.news_item_boxed {
    margin-top: 45px;
}

.news_item_img {
    border-radius: 10px;
    overflow: hidden;
}

.news_item_img img {
    width: 100%;
    transition: .4s all ease-in-out;
}
.news_item_img:hover a img{
   transform: scale(1.2);
}
.news_item_content {
    padding: 25px 5px 0px 0;
}

.news_item_content h3 {
    font-weight: 500;
    line-height: 35px;
}

.news_item_content h3 a {
    color: var(--black-color);
}

.news_item_content h3 a:hover {
    color: var(--main-color);
}

.news_item_content p {
    padding-top: 13px;
}

/* =============================
        News Page Two
================================*/
.news_two_content {
    padding: 15px 0 0 0;
}

.news_two_content h2 {
    line-height: 56px;
}

.news_two_content h2 a {
    color: var(--black-color);
}

.news_two_content h2 a:hover {
    color: var(--main-color);
}

.news_two_author {
    display: flex;
    align-items: center;
}

.news_two_author p {
    padding: 0px 0 0 15px;
}

.news_sidebar_search {
    padding-top: 25px;
}

.news_sidebar_heading {
    border-bottom: 1px solid #d1d1d18a;
}

.news_sidebar_heading h3 {
    font-weight: 500;
    padding-bottom: 10px;
    display: inline-flex;
    position: relative;
}

.news_sidebar_heading h3::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--main-color);
    left: 0;
    bottom: -1px;

}

.news_sidebar_content {
    padding-bottom: 50px;
}

.news_sidebar_search form .form-group {
    position: relative;
}

.news_sidebar_search form input {
    padding: 0 50px 0 20px;
    border-radius: 15px;
}

.news_sidebar_search form button {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.news_sidebar_content_inner {
    padding-top: 25px;
}

.news_sidebar_category li a {
    background-color: #F3F6FD;
    margin-bottom: 10px;
    display: block;
    padding: 14px 20px;
    color: var(--black-color);
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    transition: var(--transition);
    border-radius: 12px;
    border-left: 5px solid var(--main-color);
}

.news_sidebar_category li a:hover {
    color: var(--main-color);
    transform: translateX(10px);
}

.news_sidebar_tags li {
    display: inline-flex;
    margin-bottom: 15px;
    margin-right: 10px;
}

.news_sidebar_tags li a {
    background-color: #F3F6FD;
    padding: 10px 22px;
    color: var(--heading-color);
    font-family: 'Poppins', sans-serif;
    transition: var(--transition);
    border-radius: 10px;
}

.news_sidebar_tags li a:hover {
    background-color: var(--main-color);
    color: var(--white-color);
}

.sidebar_advasting_area a img {
    width: 100%;
}

.news_two_card .news_item_boxed {
    margin-top: 0px;
    margin-bottom: 40px;
}

/* =============================
        News Page Three
================================*/
.news_tabs_boxed .news_item_boxed {
    margin-bottom: 30px;
    margin-top: 0;
}

/* =============================
        News Page Four
================================*/
.news_four_card_img {
    border-radius: 10px;
    overflow: hidden;
}

.news_four_card_img img {
    width: 100%;
    transition: .4s all ease-in-out;
}
.news_four_card_img:hover a img{
   transform: scale(1.2);
}
/* =============================
        News Details Page
================================*/
.news_details_content_area h2 {
    padding-top: 30px;
    line-height: 54px;
}

.news_details_content_area p {
    padding-top: 20px;
}

.news_details_content_area h3 {
    padding-top: 20px;
    font-weight: 500;
}

.news_details_content_area ul li {
    padding-top: 13px;
}

.news_details_content_area ul li i {
    font-size: 10px;
    padding-right: 7px;
    color: var(--main-color);
}

.news_details_left_img {
    padding-top: 30px;
}

.download_pdf_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #EEF4F8;
    padding: 20px 20px;
    border-radius: 12px;
    margin-top: 45px;
}

.downloads_pdf_icon {
    display: flex;
    align-items: center;
}

.downloads_pdf_icon h3 {
    padding-left: 10px;
    font-weight: 500;
}

.comment_area {
    padding-top: 60px;
}

.comment_area h3 {
    font-weight: 500;
    margin-bottom: 30px;
}

.comment_area_boxed {
    display: flex;
    padding-bottom: 35px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 35px;
}

.comment_area .comment_area_boxed:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.comment_img {
    width: 17%;
}

.comment_author_name {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.comment_text {
    padding-left: 20px;
}

.comment_area_form {
    padding-top: 60px;
}

.comment_area_form h3 {
    font-weight: 500;
    margin-bottom: 30px;
}

textarea {
    height: 100% !important;
}

#news_comment_form .form-froup {
    margin-bottom: 30px;
}

.news_details_right_item {
    background: #FFFFFF;
    box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.08), 8px 10px 24px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.news_details_right_item h3 {
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.recent_news_item {
    display: flex;
    padding-top: 25px;
}

.recent_news_img {
    width: 35%;
}

.recent_news_text {
    padding-left: 10px;
}

.recent_news_text h5 {
    font-weight: 500;
    line-height: 26px;
}

.recent_news_text h5 a {
    color: var(--black-color);
}

.recent_news_text h5 a:hover {
    color: var(--main-color);
}

.recent_news_text p {
    padding-top: 0px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.recent_news_text p i {
    font-size: 6px;
    margin: 0 7px;
    color: var(--main-color);
}

.news_tags_area {
    padding-top: 10px;
}

.news_tags_area ul li {
    display: inline-flex;
    margin-right: 10px;
    margin-top: 15px;
}

.news_tags_area ul li a {
    background: #DDDDDD;
    padding: 7px 15px;
    color: var(--black-color);
    font-weight: 400;
    transition: var(--transition);
}

.news_tags_area ul li a:hover {
    background: var(--main-color);
    color: var(--white-color);
}

.news_tags_area ul li a.active {
    background: var(--main-color);
    color: var(--white-color);
}

.share_icon_area li:first-child {
    margin-left: 0;
}

.share_icon_area {
    padding-top: 30px;
}

.share_icon_area li {
    display: inline-flex;
    background: #fff;
    width: 40px;
    text-align: center;
    justify-content: center;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    box-shadow: 4px 6px 20px rgb(0 0 0 / 8%);
    transition: var(--transition);
    color: var(--main-color);
    margin-left: 15px;
}

.share_icon_area li:hover {
    background: var(--main-color);
}

.share_icon_area li:hover a {
    color: var(--white-color);
}

/* ==============================
        Dashboard Page
================================*/
.dashboard_sidebar {
    background: #FFFFFF;
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
}

.dashboard_sidebar_user {
    text-align: center;
    padding: 30px 20px;
    background: #F3F6FD;
}

.dashboard_sidebar_user img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.dashboard_sidebar_user h3 {
    padding-top: 20px;
    font-weight: 500;
}

.dashboard_sidebar_user p {
    line-height: 17px;
    padding-top: 10px;
}

.dashboard_sidebar_user p a {
    color: var(--paragraph-color);
}

.dashboard_sidebar_user p a:hover {
    color: var(--main-color);
}

.dashboard_menu_area {
    padding: 40px 20px;
}

.dashboard_menu_area ul li {
    margin-bottom: 30px;
    font-size: 18px;
}

.dashboard_menu_area ul li:last-child {
    margin-bottom: 0px;
}

.dashboard_menu_area ul li:hover {
    color: var(--main-color);
    cursor: pointer;
}

.dashboard_menu_area ul li a {
    color: var(--black-color);
}

.dashboard_menu_area ul li a.active {
    color: var(--main-color);
}

.dashboard_menu_area ul li a:hover {
    color: var(--main-color);
}

.dashboard_menu_area ul li i {
    padding-right: 10px;
}

.booing_sidebar_dashboard {
    padding-top: 30px;
    padding-left: 30px;
}

.dashboard_dropdown_button {
    position: relative;
}

.dashboard_dropdown_button span {
    position: absolute;
    right: 0;
    display: block;
    top: 0;
}

.dashboard_top_boxed {
    background: #FFFFFF;
    box-shadow: -4px -4px 14px rgba(0, 0, 0, 0.08), 8px 8px 20px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 25px 40px;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.dashboard_main_top {
    margin-bottom: 30px;
}

.dashboard_top_icon i {
    font-size: 80px;
    color: var(--paragraph-color);
}

.dashboard_top_text {
    padding-left: 20px;
}

.dashboard_top_text h3 {
    padding-bottom: 8px;
    font-weight: 500;
    color: var(--paragraph-color);
    white-space: nowrap;
    font-size: 19px;
}

.dashboard_top_text h1 {
    line-height: 64px;
    font-size: 70px;
    font-weight: 500;
}

.dashboard_common_table {
    background: #F3F6FD;
    border-radius: 12px;
    padding: 25px 30px;
}

.dashboard_common_table h3 {
    font-weight: 500;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 11px;
    position: relative;
}

.dashboard_common_table h3::after {
    content: "";
    width: 140px;
    height: 2px;
    background: var(--main-color);
    position: absolute;
    left: 0;
    bottom: 0;
}

.table_common_area {
    margin-top: 40px;
}

.table_common_area table {
    text-align: center;
    border: 1px solid #d5d5d5;
}

.table_common_area thead tr th {
    border: none;
    background: #fff;
    padding: 15px 0;
}

.table_common_area tbody tr td {
    padding: 16px 0;
}

.table_common_area tbody tr td.complete {
    color: #4CAF50;
    font-weight: 500;
}

.table_common_area tbody tr td.cancele {
    color: #C8102E;
    font-weight: 500;
}

.table_common_area tbody tr td i {
    cursor: pointer;
}

/* ---My Profile Page--- */
#profile_form_area {
    padding-top: 35px;
}

#profile_form_area .form-group {
    margin-bottom: 30px;
}

#profile_form_area label {
    margin-bottom: 10px;
}

#profile_form_area .change_password_field {
    position: relative;
}

#profile_form_area .change_password_field p {
    position: absolute;
    bottom: 14px;
    right: 15px;
    font-size: 12px;
    cursor: pointer;
    color: var(--main-color);
    font-weight: 500;
}

.change_password_input_boxed h3 {
    margin-bottom: 30px;
}

.notification_top_heading {
    position: relative;
}

.notification_top_heading p {
    color: var(--main-color);
    padding-left: 20px;
    position: absolute;
    left: 147px;
    top: 0;
    font-weight: 600;
    font-size: 12px;
}

.notification_wrapper {
    padding-top: 30px;
}

.notification_wrapper .accordion-item {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 15px;
}

.notification_wrapper .accordion-button {
    padding: 4px 25px;
    font-size: 16px;
    background-color: transparent;
}

.notification_wrapper .accordion-button.active {
    background: var(--white-color);
}

.notification_wrapper .accordion-button.shows {
    background: var(--white-color);
}

.notification_wrapper .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    background: #FFFFFF;
    box-shadow: -4px -5px 14px rgba(0, 0, 0, 0.08), 5px 8px 16px rgba(0, 0, 0, 0.08);
}

.notification_wrapper .accordion-button::after {
    display: none;
}

.modal {
    z-index: 99999;
}

.logout_modal_content {
    text-align: center;
    padding: 80px 0px 40px 0;
}

.logout_modal_content h3 {
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
}

.logout_approve_button {
    display: flex;
    justify-content: space-between;
    padding: 40px 30px 0 30px;
}

.logout_approve_button button {
    width: 46%;
}

.btn_border {
    border: 1px solid var(--main-color);
}

.btn_border:hover {
    background: var(--main-color);
}

/* --wallet Page-- */
.wallet_area_boxed {
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 8%);
    border-radius: 10px;
    margin-top: 30px;
    padding: 25px 15px;
}

.wallet_area_boxed h4 {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 11px;
    position: relative;
}

.wallet_area_boxed h4::after {
    content: "";
    width: 100px;
    height: 2px;
    background: var(--main-color);
    position: absolute;
    left: 0;
    bottom: 0;
}

.wallet_blance_boxed {
    margin-top: 20px;
}

.wallet_blance_boxed p {
    font-size: 14px;
}

.wallet_blance_boxed h5 {
    font-weight: 500;
    padding-top: 4px;
}

.wallet_boxed_flex {
    display: flex;
    justify-content: space-between;
}

.dashboard_price_range {
    padding-top: 30px;
}

.main_range_price {
    height: 13px;
    width: 100%;
    background: #66666652;
    border-radius: 40px;
    font-size: 10px;
    line-height: 100%;
    position: relative;
    overflow: hidden;
}

.main_range_price::after {
    content: "30%";
    width: 49%;
    background: var(--main-color);
    height: 13px;
    position: absolute;
    border-radius: 30px;
    text-align: right;
    color: #fff;
    padding: 0 22px;
    line-height: 12px;
}

.price_range_blance {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price_range_blance p {
    font-size: 12px;
    font-weight: 600;
}

.add_balance_area {
    padding-top: 30px;
}

.add_balance_area .input-group-text {
    padding: 0 16px;
    font-size: 20px;
    border: none;
}

.add_balance_area .form-control {
    height: 45px;
}

.other_add_balance_area {
    text-align: center;
    padding-top: 7px;
}

.other_add_bal_button {
    padding-top: 5px;
    padding-bottom: 20px;
}

.btn_add_bal {
    border: 1px solid var(--main-color);
    font-size: 14px;
    margin-left: 10px;
    transition: var(--transition);
}

.btn_add_bal:hover {
    background: var(--main-color);
}

.btn_add_bal.active {
    background: var(--main-color);
    color: var(--white-color);
}

.wallet_table_top {
    padding-top: 50px;
}

.btn_modal_closed {
    position: absolute;
    right: 20px;
    top: 16px;
}

.btn_modal_closed button {
    background: var(--white-color);
    border: 2px solid var(--main-color);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 23px;
}

.btn_modal_closed button:hover {
    background: var(--main-color);
    color: var(--white-color);
    transition: var(--transition);
}

/* ============================
        Login Page
================================ */
.common_author_boxed {
    background: #f3f6fd;
    padding: 45px 20px;
}

.common_author_heading {
    text-align: center;
}

.common_author_heading h3 {
    font-weight: 400;
    color: var(--paragraph-color);
}

.common_author_heading h2 {
    padding-top: 15px;
}

.common_author_form {
    padding: 50px 100px 0px 100px;
}

#main_author_form .form-group {
    margin-bottom: 20px;
    text-align: right;
}

#main_author_form .form-group a {
    color: var(--paragraph-color);
    padding-top: 10px;
    display: block;
}

#main_author_form .form-group a:hover {
    color: var(--main-color);
}

.common_form_submit {
    text-align: center;
}

.common_form_submit {
    padding-top: 20px;
}

.have_acount_area {
    text-align: center;
    padding-top: 20px;
}

.other_author_option ul {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.other_author_option ul li {
    padding-left: 10px;
    transition: var(--transition);
}

.other_author_option ul li:hover {
    transform: translateY(-10px);
}

.line_or {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
}

.line_or span {
    display: block;
    background: #f3f6fd;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    color: var(--black-color);
    font-size: 20px;
    margin: 0px auto -21px auto;
}

.otpCont {
    text-align: center;
    display: flex;
    justify-content: center;
}

.otSc {
    margin: 0;
    margin-right: 34px;
    border: 1px solid var(--main-color);
    padding: 5px 0px;
    font-size: 22px;
    text-align: center;
    width: 7%;
    outline: none;
}

.otSc:last-child {
    margin-right: 0;
}

/* ==============================
     Flight Search Area
================================*/

.flight_search_items {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flight_search_item_wrappper {
    margin-bottom: 30px;
}

.flight_search_left {
    display: flex;
    align-items: center;
    padding: 0 0px 0 23px;
}

.flight_search_middel {
    display: flex;
    align-items: center;
    padding-left: 47px;
}

.flight_multis_area_wrapper {
    display: flex;
    justify-content: space-between;
}

.flight_search_destination {
    padding-left: 33px;
}

.flight_search_destination p {
    font-size: 14px;
    line-height: 16px;
}

.flight_search_destination h3 {
    font-weight: 500;
    padding-top: 5px;
}

.flight_search_destination h6 {
    padding-top: 5px;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 140px;
}

.flight_right_arrow {
    text-align: center;
}

.flight_right_arrow img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 1px 4px 12px rgba(0, 0, 0, 0.1);
}

.flight_right_arrow p {
    font-size: 11px;
    line-height: 18px;
}

.flight_right_arrow h6 {
    font-size: 11px;
    font-weight: 700;
    padding-top: 10px;
}

.flight_search_right {
    background: #F3EFF9;
    padding: 35px 16px 35px 25px;
}

.flight_search_right h5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--paragraph-color);
}

.flight_search_right h2 {
    padding-top: 10px;
}

.flight_search_right h2 sup {
    font-size: 13px;
    color: var(--main-color);
    font-weight: 600;
    top: -19px;
    padding-left: 5px;
}

.flight_search_right a {
    margin-top: 13px;
}

.flight_search_right p {
    font-size: 12px;
    padding-top: 2px;
    font-weight: 500;
    color: var(--black-color);
}

.flight_search_right h6 {
    font-size: 16px;
    font-weight: 500;
    padding-top: 7px;
    cursor: pointer;
}

.load_more_flight {
    text-align: center;
    padding-top: 40px;
}

.load_more_flight button {
    border: 1px solid var(--main-color);
}

.load_more_flight button:hover {
    background: var(--main-color);
}

.flight_policy_refund {
    border: 1px solid #d7d6d6;
    border-radius: 10px;
    padding: 0px 20px;
}

.airline-details {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.airline-details .img {
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

.airline-details .airlineName {
    margin-right: 8px;
    font-size: 11px;
    font-weight: 600;
}

.airline-details .flightNumber {
    font-size: .625rem;
    color: #4c4c4c;
}

.flight_inner_show_component .flight_det_wrapper {
    display: flex;
    align-items: flex-start;
    width: 185px;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .code_time {
    font-size: 18px;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .code_time .code {
    color: #4c4c4c;
    margin-right: 8px;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .code_time .time {
    font-weight: 600;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .airport {
    color: #4c4c4c;
    font-size: .75rem;
    line-height: 16px;
}

.flight_inner_show_component .flight_det_wrapper .flight_det .date {
    color: #4c4c4c;
    font-size: .625rem;
}

.flight_inner_show_component .flight_duration {
    justify-content: center;
    width: 96px;
    text-align: center;
    align-items: flex-start;
    color: rgb(76, 76, 76);
    flex-wrap: wrap;
    line-height: 1;
}

.flight_inner_show_component .flight_duration span {
    font-size: 0.625rem;
    color: rgb(76, 76, 76);
    margin-top: 8px;
    font-weight: 500;
    display: inline-block;
}

.flight_inner_show_component .arrow_right {
    flex-basis: 88px;
    margin: 4px 1rem 0px;
    background-image: url('../img/icon/plane-right-blue.png');
    background-repeat: no-repeat;
    background-position: 50% center;
    text-align: center;
    min-height: 24px;
    min-width: 24px;
    background-size: 24px;
}

.flight_inner_show_component {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.TabPanelInner p {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 16px
}

.TabPanelInner h4 {
    font-size: 16px;
    padding-bottom: 4px;
    border-bottom: 1px solid #8b3eea;
    display: inline-block;
    margin-bottom: 12px;
}

.flight_show_down_wrapper {
    display: flex;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 25px;
}

.flight_refund_policy {
    display: flex;
    justify-content: space-between;
}

.flex_widht_less {
    width: 68%;
    padding-left: 22px;
}

.flight_info_taable h3 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 4px;
}

.fligth_top_search_main_form_wrapper .flight_categories_search {
    position: inherit;
    right: 30px;
    top: 0;
    margin-bottom: 20px;
}

/* ===========================
   Flight Details Page
===========================*/
.flight_sidebar_right {
    padding-top: 20px;
    display: flex;
}

.flight_right_arrow_sidebar {
    text-align: center;
    padding: 0 22px;
}

.flight_right_arrow_sidebar img {
    width: 40px;
}

.flight_right_arrow_sidebar h6 {
    font-size: 10px;
}

.flight_right_arrow_sidebar p {
    font-size: 10px;
    line-height: 13px;
}

.flight_search_destination_sidebar p {
    font-size: 10px;
    font-weight: 600;
    color: var(--black-color);

}

.flight_search_destination_sidebar h3 {
    font-size: 16px;
    font-weight: 500;
}

.flight_search_destination_sidebar h6 {
    font-size: 10px;
    padding-top: 3px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100px;
}

.flight_search_middel_sidebar {
    display: flex;
}

/* ===================================
        Hotel Search Page
====================================*/
.room_book_item {
    border: 1px solid #DDDDDD;
    margin-top: 30px;
}

.room_book_item .room_book_item_wrapper {
    display: flex;
}

.room_booking_heading h3 {
    font-size: 20px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 335px;
    padding-bottom: 10px;
}

.room_booking_heading h3 a {
    color: var(--black-color);
}

.room_booking_heading h3 a:hover {
    color: var(--main-color);
}

.room_fasa_area .room_data {
    font-size: 14px;
}

.room_fasa_area ul {
    display: flex;
    padding-top: 10px;
    flex-wrap: wrap;
}

.room_fasa_area ul li {
    padding-right: 20px;
    font-size: 13px;
    color: #333333;
}

.room_fasa_area ul li img {
    padding-right: 8px;
    width: 28px;
}

/*.room_fasa_area * {*/
/*    font-size: 14px;*/
/*    color: #575757 !important;*/
/*}*/

.room_person_select {
    padding-left: 35px;
    padding-top: 15px;
}

.room_person_select h3 {
    font-size: 16px;
    color: var(--main-color);
    font-weight: 600;
    padding-bottom: 15px;
    white-space: nowrap;
}

.room_person_select .room-more-detail-btn {
    background-color: #ececec;
    color: #636363;
    border: none;
    white-space: nowrap;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 13px;
    margin-bottom: 8px;
}

.room_booking_right_side {
    display: flex;
    justify-content: space-between;
    padding: 15px 25px 0 25px;
}

.room_select_area .nav-tabs {
    border-bottom: none;
    margin-bottom: 20px;
    justify-content: center;
}

.room_select_area .nav-tabs .nav-item.show .nav-link,
.room_select_area .nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: #dee2e6 #dee2e6 #fff;
}

.room_select_area .nav-tabs .nav-link {
    margin-bottom: 0;
    background: #F3F6FD;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    padding: 10px 110px;
}

.room_details_facilities {
    display: flex;
    justify-content: space-between;
}

.room_full_detail {
    position: relative;
    padding: 15px;
}

.room_full_detail .room_description {
    font-size: 14px;
    color: #4e4e4e;
}

.room_full_detail .rooms_detail {
    margin-top: 20px;
}

.room_full_detail .rooms_detail ul {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 12px;
}

.room_full_detail .rooms_detail ul li {
    font-size: 13px;
    color: #575757;
    list-style: disc;
    margin-bottom: 5px;
}

.tour_details_boxed_inner .room_details_facilities p {
    padding-bottom: 0px;
}

/* ===================================
    Room-Booking-Confirmation Page
====================================*/

.booking_success_arae {
    display: flex;
    align-items: center;
    padding: 0px 20px;
}

.booking_success_text {
    padding-left: 30px;
}

.booking_success_text h3 {
    font-weight: 500;
    padding-bottom: 10px;
}

.your_info_arae ul li {
    border-bottom: 1px solid #dfdfdf94;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
}

.your_info_arae ul li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}

.name_first {
    width: 40%;
}

.last_name {
    font-weight: 600;
}

/* ===================================
    Become A Vendor Page
====================================*/
.how_it_boxed {
    text-align: center;
    padding-top: 30px;
}

.how_it_boxed h3 {
    padding-top: 30px;
    font-weight: 500;
}

.how_it_boxed p {
    padding-top: 10px;
}

.video_play_area {
    position: relative;
}

.video_play_area img {
    width: 100%;
}

.video_play_button {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.video_play_button a {
    color: var(--white-color);
}

.video_play_button a:hover {
    color: var(--main-color);
}

.video_play_button h4 {
    color: var(--white-color);
    padding-top: 35px;
}

.video_play_button h2 {
    color: var(--white-color);
    padding-top: 10px;
    font-size: 40px;
}

.vendor_form_heading {
    padding-bottom: 30px;
}

.vendor_form_heading p {
    padding-top: 10px;
}

.vendor_img img {
    width: 100%;
}

/* ===================================
    Terms Of Service Page
====================================*/
.terms_item h4 {
    font-weight: 700;
}

.terms_item p {
    padding-top: 15px;
}

.terms_item {
    padding-top: 30px;
}

.terms_item:first-child {
    padding-top: 0px;
}

/* ===================================
       Error Page
====================================*/
.error_content h2 {
    padding-top: 30px;
}

.error_content p {
    padding-top: 10px;
}

.error_content a {
    margin-top: 30px;
}




/* --Preloader -- */

.preloader {
    position: fixed;
    z-index: 999999;
    background-color: var(--white-color);
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    right: 0
}

.preloader .lds-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.preloader .lds-spinner div {
    -webkit-transform-origin: 40px 40px;
    transform-origin: 40px 40px;
    -webkit-animation: lds-spinner 1.2s linear infinite;
    animation: lds-spinner 1.2s linear infinite
}

.preloader .lds-spinner div::after {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    left: 35px;
    width: 5px;
    height: 20px;
    border-radius: 20%;
    background: var(--main-color)
}

.preloader .lds-spinner div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.preloader .lds-spinner div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.preloader .lds-spinner div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.preloader .lds-spinner div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.preloader .lds-spinner div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.preloader .lds-spinner div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.preloader .lds-spinner div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.preloader .lds-spinner div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.preloader .lds-spinner div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.preloader .lds-spinner div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.preloader .lds-spinner div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.preloader .lds-spinner div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

/* --Top To Bottom-- */

.go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 15px;
    color: #fff;
    background-color: var(--main-color);
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s;
    border-radius: 50%
}

.go-top.active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible
}

.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .6s;
    transition: .6s
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #393953;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s;
    border-radius: 50%
}

.go-top:hover,
.go-top:focus {
    color: #fff
}

.go-top:hover::before,
.go-top:focus::before {
    opacity: 1;
    visibility: visible
}

.go-top:hover i:first-child,
.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:hover i:last-child,
.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}




/*=====================
 homepage-5
 ====================== */
/* banner area  */
#home_five_banner {
    background-image: url("../img/home-five/common/banner-five-bg.png");
    padding-top: 170px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 100px;
}

.banner_five_text h1 {
    font-size: 100px;
    font-weight: 800;
    line-height: 120px;
    color: var(--black-color);
    padding-bottom: 24px;
}

.banner_five_img {
    text-align: end;
}

.home_five_btn {
    margin-top: 24px;
}

.home_five_btn .btn_theme_transparent {
    color: var(--black-color);
    border: 1px solid var(--main-color);
}

.home_five_btn .btn_theme_transparent:hover {
    color: var(--white-color);
    border: 1px solid var(--main-color);
}

/* form area */
#theme_search_form_five {
    margin-bottom: -140px;
    z-index: 9;
}

/* popular destination area  */
.section-icon {
    position: absolute;
    left: 22%;
    bottom: 54%;
}

.section_heading_five {
    padding-bottom: 30px;
    position: relative;
}

.section_heading_five h5 {
    color: var(--main-color);
    padding-bottom: 16px;
}

.section_heading_five h2 {
    position: relative;
    padding-bottom: 16px;
    color: var(--black-color);
    line-height: 46px;
}

.section_heading_five h2::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background-color: var(--main-color);
    height: 2px;
    width: 80px;
}


.section_heading_five h2::after {
    position: absolute;
    content: url(../img/icon/section-icon.png);
    bottom: 23px;
}

#popular_destination {
    background-image: url("../img/home-five/common/destination-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 236px;
}

.popular_destination_img {
    position: relative;
}

.popular_destination_img img {
    width: 100%;
    height: auto;
}

.popular_destination_card:hover .popular_destination_img img {
    transform: scale(1.1);
}

.popular_destination_img img {
    width: 100%;
    transition: var(--transition);
}

.popular_destination_img {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
}

.destination_ratings {
    position: absolute;
    top: 12px;
    right: 20px;
    background-color: var(--white-color);
    padding: 4px 12px;
    border-radius: 4px;
}

.destination_ratings p i {
    color: var(--main-color);
    font-size: 14px;
}

.destination_ratings p span {
    color: #04010C;
    font-size: 14px;
    font-weight: 500;
}

.popular_destination_card {
    position: relative;
}

.popular_destination_text {
    position: absolute;
    bottom: 12px;
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white-color);
    width: 90%;
    margin: auto;
    padding: 16px 18px;
    border-radius: 8px;
    opacity: 0;
    transition: var(--transition);
}

.popular_destination_text h5 {
    line-height: 26px;
    padding-right: 8px;
} 

.popular_destination_text h5 a{
    color: var(--black-color);
}
.popular_destination_text h5 a:hover{
    color: var(--main-color);
}

.popular_destination_card:hover .popular_destination_text {
    opacity: 1;
}

.destination_card_two {
    margin-top: 40px;
}

/* about section  */
#five_about_area {
    background-image: url("../img/home-five/common/about-five-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#five_about_area .section_heading_five h2::after {
    position: absolute;
    content: url(../img/icon/section-icon.png);
    top: -13px;
    right: 0px;
}

.five_about_img img {
    width: 125%;
}

.section_heading_five p {
    padding-top: 24px;
    line-height: 32px;
}

.about_five_item {
    display: flex;

}

.about_item_one {
    margin-bottom: 70px;
    position: relative;
}

.about_item_one::after {
    position: absolute;
    top: 71px;
    left: 33px;
    height: 100%;
    content: url(../img/icon/about_dote_img.png);

}

.hotel_img,
.flight_img {
    width: 24%;
}

.about_five_info {
    position: relative;
    border-bottom: 1px dashed var(--main-color);
    padding-bottom: 30px;
}

.about_dote_img {
    position: absolute;
    bottom: 43%;
    left: 34px;
}

.about_five_bottom {
    display: flex;
    padding-top: 50px;
    gap: 60px;
}

.about_five_text h3 {
    font-weight: 500;
    color: var(--black-color);
    line-height: 32px;
}

/* top place */
#top_place .section_heading_five h2::before {
    position: absolute;
    left: 47%;
    bottom: 0;
    content: "";
    background-color: var(--main-color);
    height: 2px;
    width: 80px;
}

.top_place_btn{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

#top_place {
    background-color: var(--bg-color);
}


.common_card_five {
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 30px;
}

.common_card_five_img {
    overflow: hidden;
}

.common_card_five_img a img {
    width: 100%;
    transition: var(--transition);
}

.common_card_five:hover .common_card_five_img a img {
    transform: scale(1.1);
}

.common_card_five_text {
    padding: 20px 10px;
}

.common_card_five_list li {
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    color: #727178;
    align-items: center;
}

.common_card_five_list li i {
    font-size: 7px;
    color: #DDDDDD;
    padding-left: 7px;
    padding-right: 5px;
}

.common_card_five_text h3 {
    padding-top: 5px;
}

.common_card_five_text h3 a {
    font-size: 20px;
    color: var(--black-color);
    font-weight: 400;
}

.common_card_five:hover .common_card_five_text h3 a {
    color: var(--main-color);
}

.common_card_five_text p {
    font-size: 14px;
    padding-top: 5px;
}

.common_card_five_text p i {
    font-size: 14px;
    padding-right: 5px;
}

.common_card_five_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 12px;
}

.common_card_five_bottom_left p {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}

.common_card_five_bottom_left h6 {
    color: #727178;
    font-size: 12px;
    padding-top: 3px;
}

.common_card_five_bottom_right h4 sub {
    font-size: 12px;
}

#top_place .section_heading_five {
    padding-bottom: 0px;
}

/* why choose us section */
#best_travel_section {
    background-image: url("../img/home-five/common/best_travel_bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
    margin: 50px 90px 0px 60px;
    ;
}

#best_travel_section .section_heading_five h2::after {
    position: absolute;
    content: url(../img/icon/section-icon.png);
    top: -17px;
    right: 32px;
}

#best_travel_section .section_heading_five {
    padding: 30px 0;
}

#best_travel_section .section_heading_five h2 {
    font-size: 24px;
    line-height: 36px;
    padding-right: 30px;
}

.travel_list_item li img {
    margin-right: 8px;
}

.travel_list_item li {
    padding-bottom: 20px;
}

.benefit_list {
    display: flex;
    gap: 12px;
    padding: 30px 0;
    border-bottom: 1px dashed #DDDDDD;
}

.benefit_list:last-child {
    border-bottom: none;
}

.location_img,
.price_img,
.calendar_img {
    width: 40%;
}

.benefit_text {
    padding-right: 60px;
}

.benefit_text h3 {
    color: var(--main-color);
    font-weight: 500;
    padding-bottom: 8px;
}

/* our process area */
#process-area .section_heading_five h2::before {
    position: absolute;
    left: 47%;
    bottom: 0;
    content: "";
    background-color: var(--main-color);
    height: 2px;
    width: 80px;
}

#process-area {
    background-color: var(--bg-color);
}

.process_card h3 {
    font-weight: 500;
    padding: 30px 0px 20px 0px;
}

.process_card h3 a {
    color: var(--black-color);
    transition: var(--transition);
}

.process_card h3 a:hover {
    color: var(--main-color);
}

.process_card p {
    line-height: 32px;
}

/* nearby destination */

#Nearby_destination .section_heading_five {
    padding-bottom: 0px;
}

#Nearby_destination .button_style_top_left.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: -56px;
}

/* download area */

#download_area .section_heading_five h2::after {
    position: absolute;
    content: url(../img/icon/section-icon.png);
    top: -16px;
    right: 32px;
}

#download_area {
    background-image: url("../img/home-five/common/download-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.app_download_area {
    display: flex;
    align-items: center;
    gap: 30px;
}

.app_download_right {
    padding-right: 98px;
}

.phone_img {
    margin-bottom: -125px;
}

.apple_app,
.play_store_app {
    transition: var(--transition);
}

.apple_app:hover {
    transform: scale(1.1);
}

.play_store_app:hover {
    transform: scale(1.1);
}

#footer_area_bg {
    padding: 100px 0px 50px 0px;
    background-color: var(--bg-color);
}

/*====================
 homepage six 
 =================*/

/* banner six area */

.banner_six_slider_item {
    padding: 184px 0 244px 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_six_text h1 {
    color: var(--white-color);
    font-size: 96px;
    font-weight: 500;
    line-height: 120px;
    padding-bottom: 20px;
}

.banner_six_text p {
    color: var(--white-color);
    line-height: 30px;
}

#home_six_banner .owl-item.active .banner_six_slider_item .banner_six_text .slider-sttle {
    -webkit-animation: 1s 1.1s bounceInLeft both;
    animation: 1s 1.1s bounceInLeft both;
}

#home_six_banner .owl-item.active .banner_six_slider_item .banner_six_text .slider-pararp {
    -webkit-animation: 1s 1.5s fadeInUp both;
    animation: 1s 1.5s fadeInUp both;
}

#home_six_banner .owl-theme .owl-nav button.owl-prev {
    position: absolute;
    bottom: 450px;
    right: 60px;
}

#home_six_banner .owl-theme .owl-nav button.owl-next {
    position: absolute;
    bottom: 245px;
    right: 60px;
}

#home_six_banner .owl-carousel .owl-nav button.owl-next,
#home_six_banner .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: var(--black-color);
    font-size: 18px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 0px;
    transition: var(--transition);
}

#home_six_banner .owl-carousel .owl-nav button.owl-next:hover,
#home_six_banner .owl-carousel .owl-nav button.owl-prev:hover {
    color: var(--white-color);
}

/* service six area */
.home_six_section_heading h5 {
    display: inline-block;
    background-color: #E8D8F8;
    color: var(--main-color);
    padding: 8px 38px;
    border-radius: 30px;
    margin-bottom: 12px;
}

.home_six_section_heading h2 {
    position: relative;
    padding-bottom: 12px;
    line-height: 45px;
}

.home_six_section_heading h2::after {
    position: absolute;
    background-color: var(--main-color);
    height: 2px;
    width: 100px;
    content: " ";
    bottom: 0;
    left: 47%;
}

.home_six_service_boxed {
    border: 1px solid #dfdfdf;
    padding: 20px 16px;
    border-radius: 8px;
    position: relative;
    margin-top: 30px;
    transition: var(--transition);
}

.home_six_service_boxed::after {
    position: absolute;
    content: "";
    height: 65px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #F3F6FD;
    z-index: 1;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.home_six_service_boxed a {
    position: relative;
    z-index: 9;
}

.home_six_service_boxed a i {
    padding-left: 8px;
}

.home_six_service_boxed img {
    margin-bottom: 20px;
    transition: var(--transition);
}

.home_six_service_boxed h3 {
    font-weight: 500;
    padding-bottom: 16px;
}

.home_six_service_boxed p {
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 55px;
}

.home_six_service_boxed:hover {
    transform: translateY(-10px);
}


.home_six_service_boxed:hover img {
    transform: translateY(5px);
}



.home_six_service_img {
    margin-top: 25px;
}

/* home six about area */

#home_six_about_area {
    background-image: url("../img/home-six/common/about-six-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home_six_about_left {
    position: relative;
}
.home_six_about_left img {
  width: 100%;
}

.about_six_content {
    padding-top: 26px;
}

.home_six_about_right .home_six_section_heading h2::after {
    left: 0;
}

.about_six_content p {
    line-height: 32px;
}

.about_six_list_item {
    display: flex;
    align-items: center;
    gap: 100px;
}

.about_six_list_item ul li {
    padding-top: 20px;
}

.about_six_list_item ul li img {
    margin-right: 8px;
}

.about_six_para {
        padding: 16px 0px 22px 0px;
        border-bottom: 2px dashed var(--main-color);
    }

.about_six_about_author {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 100px;
    padding-top: 26px;
}

.home_six_video_area {
   position: absolute;
   bottom: 0;
   right: 0;
   background-color: var(--main-color);
   padding: 60px 90px;
   border-bottom-right-radius: 12px;
}

.home_six_video_play_area i {
    color: var(--main-color);
    position: relative;
    z-index: 99;
    font-size: 18px;
}


.home_six_video_play_area:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: var(--white-color);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.home_six_video_play_area:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: var(--white-color);
    border-radius: 50%;
    transition: all 200ms;
}

/* listing area  */
.theme_nav_tab_six{
    padding-bottom: 0;
}
.theme_nav_tab_six_item .nav-tabs {
    border-bottom: none;
    justify-content: flex-end;
}

.theme_nav_tab_six_item .nav-tabs .nav-link {
    background: #FBF9FE;
    margin-left: 17px;
    border: none;
    border-radius: 20px;
    color: #2B2540;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 24px;
}

.theme_nav_tab_six_item .nav-tabs .nav-link.active {
    background-color: var(--main-color);
    color: var(--white-color);
}

#listing_area .home_six_section_heading h2::after {
    left: 0;
} 

.new_listed_boxed{
    margin-top: 30px;
    border-radius: 17px;
    overflow: hidden;
    position: relative;
}

.top_ratings{
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--white-color);
    padding: 2px 14px;
    border-radius: 8px;
}
.top_ratings p span{
    color: var(--black-color);
}
.top_ratings i{
   color: var(--main-color);
}

.new_listed_boxed img {
    width: 100%;
    transition: var(--transition);
}

.new_listed_boxed:hover img {
    transform: scale(1.1);
}

.new_listed_content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 20px;
}

.rating_outof {
    display: flex;
    align-items: center;
}

.rating_outof i {
    color: var(--white-color);
    font-size: 14px;
}

.new_listed_content h5{
    color: var(--white-color);
    font-weight: 500;
}

.rating_outof h5 {
    color: var(--white-color);
    padding-left: 10px;
    font-weight: 300;
}

.new_listed_content h3 {
    color: var(--white-color);
    padding: 10px 0;
    font-weight: 500;
}

.new_listed_box_content{
 position: relative;  
}
.new_listed_box_content::after {
    content: url(../img/icon/list-arrow.png);
    position: absolute;
    right: 20px;
    bottom: 24px;
}



/* special offer area */

#special_offer {
    background-color: #F3F6FD;
}

.couple_tour h2 {
    padding-bottom: 24px;
}

.couple_tour p {
    padding-bottom: 24px;
    line-height: 32px;
}

.group_tour h2 {
    padding-top: 24px;
}

.group_tour p {
    padding-top: 24px;
    line-height: 32px;
}

/* top tour slider area */
#top_tour_area .home_six_section_heading h2::after {
    left: 0;
}


.common_card_six {
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 30px;
}

.common_card_six_img {
    overflow: hidden;
}

.common_card_six_img a img {
    width: 100%;
    transition: var(--transition);
}

.common_card_six:hover .common_card_six_img a img {
    transform: scale(1.1);
}

.common_card_six_text {
    padding: 20px 10px;
}

.common_card_six_list li {
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    color: #727178;
    align-items: center;
}

.common_card_six_list li i {
    font-size: 7px;
    color: #DDDDDD;
    padding-left: 7px;
    padding-right: 5px;
}

.common_card_six_text h4 {
    padding-top: 5px;
}

.common_card_six:hover .common_card_six_text h4 a {
    color: var(--main-color);
}

.common_card_six_text p {
    font-size: 14px;
    padding-top: 5px;
}

.common_card_six_text p i {
    font-size: 14px;
    padding-right: 5px;
}

.common_card_six_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 12px;
}


.common_card_six_bottom_left p {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}

.common_card_six_bottom_left h6 {
    color: #727178;
    font-size: 12px;
    padding-top: 3px;
}

.common_card_six_bottom_right h4 sub {
    font-size: 12px;
}

.common_card_six_text h4 a {
    color: var(--black-color);
    transition: var(--transition);
    font-weight: 400;
}
/* testimonial area */
#testimonial-section {
    background-color: #F3F6FD;
}

.testimonial-card {
    padding: 0px 20px;
}

.testimonial-text p {
    font-size: 24px;
    line-height: 38px;
}

.testimonial-img {
    height: 150px;
    width: 150px;
    margin: auto;
    padding-bottom: 36px;
}

.author-info h3 {
    font-weight: 500;
}

.author-info p {
    font-size: 16px;
}

.author-info {
    padding: 16px 0;
}

.slider_btn .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--main-color);
}

.slider_btn .owl-theme .owl-dots .owl-dot.active span {
    width: 26px;
    height: 8px;
}

.slider_btn .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 8px;
    margin: 10px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 10px;
}

.testimonial-text {
    position: relative;
}

.testimonial-text::before {
    position: absolute;
    content: url(../img/icon/testimonial-quate.png);
    left: -20px;
    bottom: 58px;
}

/* home six news area */
#home_six_news_area .home_six_section_heading h2::after {
    left: 0;
} 

.news_card_six {
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 0.5);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 30px;
}

.news_card_six_img {
    overflow: hidden;
}

.news_card_six_img a img {
    width: 100%;
    transition: var(--transition);
}

.news_card_six:hover .news_card_six_img a img {
    transform: scale(1.1);
}

.news_card_six_text {
    padding: 30px 20px;
    position: relative;
}

.news_card_six_list li {
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    color: #727178;
    align-items: center;
}

.news_card_six_list li i {
    font-size: 7px;
    color: #727178;
    padding-left: 7px;
    padding-right: 5px;
}

.news_card_six_text h3 {
    padding-top: 16px;
    padding-bottom: 24px;
}

.news_card_six_text h3 a {
    font-size: 24px;
    color: var(--black-color);
    font-weight: 500;
    line-height: 33px;
}

.news_card_six:hover .news_card_six_text h3 a {
    color: var(--main-color);
}


.news_card_six_text a i {
   margin-left: 8px;
}

.news_card_six_top{
    background-color: var(--main-color);
    color: var(--white-color);
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
}
.news_card_six_top h3{
   padding: 0;
   font-weight: 500;
}

.news_card_six_top{
    position: absolute;
    top: -55px;
    right: 37px;
    z-index: 999;
    text-align: center;
}


/* autocompete */
.autocomplete-wrapper input {
    width: 100%;
}

.autocomplete-results {
    z-index: 1050 !important;
    min-width: 278px;
    overflow: auto;
    max-height: 174px;
    -webkit-box-shadow: rgba(0, 0, 0, .37) 0 50px 100px, rgba(0, 0, 0, .22) 0 5px 50px;
    box-shadow: rgba(0, 0, 0, .37) 0 50px 100px, rgba(0, 0, 0, .22) 0 5px 50px;
    width: 100%;
    position: absolute;
    background: #ffffffcf;
    z-index: 100;
    top: 100%;
    left: 0;
    font-size: 13px;
    border: solid 0px #ddd;
    border-top-width: 0;
    border-bottom-color: #ccc;
    border-radius: 10px;
    color: #333333;
}

.autocomplete-result {
    padding: 10px 4px;
    height: 58px;
    border-bottom: solid 1px #eee;
    cursor: pointer;
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear
}

.autocomplete-result:last-child {
    border-bottom-width: 0
}

.autocomplete-result:hover {
    background-color: var(--main-color);
    color: var(--white-color);
}

.autocomplete-result:hover b {
    color: var(--main-color);
    background: #ffffff;
}

.autocomplete-result b {
    text-align: center;
    float: right;
    width: 40px;
    margin: 0px 0px;
    border: 1px solid rgb(22 47 114 / 18%);
    border-radius: 25px;
    padding: 3px 3px;
    font-size: 10px;
    font-weight: 700;
    max-width: 70%;
    color: var(--main-color);
}

.autocomplete-result i {
    float: left;
    width: 45px;
    margin: -5px 0px;
    border-radius: 4px;
    padding: 10px 1px;
    font-size: 20px;
    text-align: -webkit-center;
}

.autocomplete-location {
    opacity: .8;
    font-size: smaller;
    margin-left: 45px;
    margin-top: 5px;
    line-height: 11px;
}


/* autocompete */

/* datepicker */
.datepicker {
    padding: 4px;
    direction: ltr;
    width: 290px;
    text-align: center;
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    border-collapse: collapse;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border: 0
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day {
    border: 2.5px transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    cursor: pointer;
    background-color: #06aeef1f;
    border-color: var(--main-color);
    color: #000;
    border-radius: 3px;
}

/*.datepicker table tr td.day{border:1px solid #e6e6e6}*/
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: var(--main-color);
    font-weight: bold;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0;
    color: #c6d3e0;
;
    cursor: default;
    box-shadow: 0 0 0 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #000;
    position: relative
}

.datepicker table tr td.today:before,
.datepicker table tr td.today:hover:before,
.datepicker table tr td.today.disabled:before,
.datepicker table tr td.today.disabled:hover:before {
    content: '';
    bottom: 2px;
    right: 2px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 7px 7px;
    border-color: transparent transparent #333 transparent;
    position: absolute
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eee;
    -webkit-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417;
    -webkit-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    color: #000;
    background-color: #f4bb51;
    border-color: #bf800c
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #f7ca77;
    border-color: #f1a417
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #999;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    border-color: #373737
}


.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    background-image: none
}

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
    background-color: #999;
    border-color: #555
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    cursor: pointer;
    background-color: var(--main-color);
    color: #ffffff;
    /* box-shadow: 0 1px 0 0 #0058e6;
    box-shadow: 0 -1px 0 0 #0058e6;
    box-shadow: -1px 0 0 0 #0058e6;
    box-shadow: 1px 0 0 0 #0058e6;
    box-shadow: 0 0 0 2px #0058e6; */
    border-radius: 3px;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-image: none
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
    background-color: #ffffff;
    border-color: var(--main-color);
    color: #000;
    box-shadow: 0 1px 0 0 #0058e6;
    box-shadow: 0 -1px 0 0 #0058e6;
    box-shadow: -1px 0 0 0 #0058e6;
    box-shadow: 1px 0 0 0 #0058e6;
    box-shadow: 0 0 0 2px #0058e6;
    border-radius: 3px;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #333;
    border-color: #e27513
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-image: none
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
    background-color: #ea2330;
    border-color: #357ebd
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999
}

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker .switch {
    pointer-events: none;
    font-size: 18px
}

.datepicker .mdi {
    font-size: 20px
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 20px;
    list-style: none;
    background-color: #fff;
    border: 0.1px solid #b4b4b4;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #333;
    font-size: 15px;
    line-height: 1.428571429;
    -webkit-box-shadow: rgba(0, 0, 0, .37) 0 50px 100px, rgba(0, 0, 0, .22) 0 5px 50px;
    box-shadow: rgba(0, 0, 0, .37) 0 50px 100px, rgba(0, 0, 0, .22) 0 5px 50px;
    padding: 20px;
    z-index: 9999;
    border-radius: 0px;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
    padding: 0 8px;
    left: 0px;
    font-weight: normal;
}
/* datepicker */

/* icons */
@font-face {
    font-family: Material Icons;
    src: url(../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format('woff2'),
    url(../fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format('woff'),
    url(../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format('truetype')
}

.mdi {
    display: inline-block;
    font: normal normal normal 14px/1 'Material Icons';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mdi-hc-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.mdi-hc-2x {
    font-size: 2em
}

.mdi-hc-3x {
    font-size: 3em
}

.mdi-hc-4x {
    font-size: 4em
}

.mdi-hc-5x {
    font-size: 5em
}

.mdi-hc-fw {
    width: 1.28571429em;
    text-align: center
}

.mdi-hc-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.mdi-hc-ul>li {
    position: relative
}

.mdi-hc-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.mdi-hc-li.mdi-hc-lg {
    left: -1.85714286em
}

.mdi-hc-border {
    padding: .1em .25em;
    border: solid .1em #9e9e9e;
    border-radius: 2px
}

.mdi-hc-border-circle {
    padding: .1em .25em;
    border: solid .1em #9e9e9e;
    border-radius: 50%
}

.mdi.pull-left {
    float: left;
    margin-right: .15em
}

.mdi.pull-right {
    float: right;
    margin-left: .15em
}

.mdi-hc-spin {
    -webkit-animation: zmdi-spin 1.5s infinite linear;
    animation: zmdi-spin 1.5s infinite linear
}

.mdi-hc-spin-reverse {
    -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
    animation: zmdi-spin-reverse 1.5s infinite linear
}

@-webkit-keyframes zmdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes zmdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes zmdi-spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

@keyframes zmdi-spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

.mdi-hc-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mdi-hc-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mdi-hc-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.mdi-hc-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.mdi-hc-flip-vertical {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.mdi-hc-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.mdi-hc-stack-1x,
.mdi-hc-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.mdi-hc-stack-1x {
    line-height: inherit
}

.mdi-hc-stack-2x {
    font-size: 2em
}

.mdi-hc-inverse {
    color: #fff
}

.mdi-long-arrow-left:before {
    content: '\f2ff'
}

.mdi-long-arrow-return:before {
    content: '\f300'
}

.mdi-long-arrow-right:before {
    content: '\f301'
}

/*!Ion.RangeSlider, 2.3.0, © Denis Ineshin, 2010 - 2018, IonDen.com, Build date: 2018-12-11 23:23:51*/
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-min,
.irs-max {
    position: absolute;
    display: block;
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px
}

.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: var(--main-color)
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9
}

.irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent
}

.irs--flat .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: var(--main-color)
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
    background-color: var(--black-color)
}

.irs--flat .irs-min,
.irs--flat .irs-max {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: var(--main-color);
    border-radius: 4px
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: var(--main-color)
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
    color: #999
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 12px
}

.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #fff 0, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5)
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0, #b4b9be 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
    border-radius: 30px
}

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, 0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, white 0, #919ba5 30%, white 100%)
}

.irs--big .irs-min,
.irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px
}

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0, #3071a9 100%);
    border-radius: 3px
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern {
    height: 55px
}

.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0, #18891d 100%)
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5)
}

.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle>i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg)
}

.irs--modern .irs-handle>i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, white 0, #e9e6e6 100%);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle>i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%)
}

.irs--modern .irs-handle.state_hover>i:nth-child(1),
.irs--modern .irs-handle:hover>i:nth-child(1) {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover>i:nth-child(3),
.irs--modern .irs-handle:hover>i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-min,
.irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px
}

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px
}

.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5)
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2
}

.irs--sharp .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
    background-color: black
}

.irs--sharp .irs-handle.state_hover>i:first-child,
.irs--sharp .irs-handle:hover>i:first-child {
    border-top-color: black
}

.irs--sharp .irs-min,
.irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: .4;
    background-color: #a804b2;
    border-radius: 2px
}

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5)
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: #f2f3f6;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3)
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-min,
.irs--round .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-min,
.irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1)
}

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}

.time-range-slider {
    margin: 20px 0;
}

/* loading modal */
.loading-modal-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    backdrop-filter: blur(5px);
    z-index: 1000000;
}

.loading-modal-container.show {
    display: flex;
}

.loading-modal-container .loading-modal-card {
    position: relative;
    width: 500px;
    border-radius: 15px;
    background-color: #ffffff;
    padding: 20px;
}

.loading-modal-container .loading-modal-card .loading-modal-body {
    position: relative;
    padding: 40px 0 20px;
}

.loading-modal-container .loading-modal-card .loading-modal-body .hint-text {
    font-size: 19px;
    margin: 80px auto 0;
    color: var(--black-color);
    display: block;
    text-align: center;
}

.flights-loader{
    position: relative;
    width: 85px;
    height: 85px;
    margin: auto;
}
.flights-loader span{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(calc(18deg * var(--i)));
}
.flights-loader span::before{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--main-color);
    position: absolute;
    top: 0;
    left: 0;
    filter: blur(5px);
    transform: scale(0);
    animation: load 2s linear infinite;
    animation-delay: calc(0.1s * var(--i));
}
@keyframes load {
    0%{
        transform: scale(0);
        opacity: 0;
    }
    10%{
        transform: scale(1.2);
        opacity: 1;
    }
    80%,100%{
        transform: scale(0);
        opacity: 0;
    }
}
.flights-loader .plane{
    position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    height: 85px;
    animation: rotate 2s linear infinite;
    animation-delay: -1.5s;

}
@keyframes rotate {
    0%{
        transform: rotate(0deg);
    }100%{
         transform: rotate(360deg);
     }
}
.flights-loader .plane .icon{
    font-size: 40px;
    color: var(--main-color);
    position: absolute;
    top: 2px;
    left: 70px;
    transform: rotate(45deg);
}

/* hotel select city styles */
.search-city .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
}

.search-city .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    color: #666666
}

.search-city .select2, .search-city .selection {
    padding-top: 0;
    width: auto !important;
}

.search-city .select2-container .select2-selection--single {
    height: 30px;
    padding-top: 1px;
}

.search-city .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.search-city .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

/* select2 dropdown */
.select2-container .select2-dropdown {
    border: none;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .2);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d9d9d9 !important;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 16px;
    color: #333333
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: 2px solid var(--main-color) !important;
}

.select2-results__option {
    padding: 7px 15px !important;
    color: #333333 !important;
    font-size: 15px;
    border-bottom: 1px solid #f3f3f3;
}

.select2-results__option.select2-results__option--highlighted {
    background-color: var(--main-color);
    color: #ffffff !important;
    cursor: pointer
}

/* origin modal */
.hotel-origins-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hotel-origins-modal > .origins-modal-box {
    position: relative;
    width: 500px;
    background-color: #f5f5f5;
    border-radius: 10px
}

.hotel-origins-modal > .origins-modal-box > .origins-modal-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 25px 25px 10px;
}

.hotel-origins-modal > .origins-modal-box > .origins-modal-header > h3 {
    font-size: 20px
}

.hotel-origins-modal > .origins-modal-box > .origins-modal-header > .close-modal {
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

.hotel-origins-modal > .origins-modal-box > .origins-modal-header > .close-modal > i {
    font-size: 14px
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content {
    position: relative;
    padding: 10px 25px 20px;

}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list {
    position: relative;
    width: 100%;
    padding-right: 0;
    max-height: 350px;
    overflow-y: auto;
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item {
    width: 100%;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0 5px 25px -5px rgba(0,0,0,.1);
    margin-bottom: 10px
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item > .origin-item-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .detail {
    text-align: left
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .detail > span {
    font-size: 14px;
    color: #333333
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .actions {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .actions > button.select-origin {
    background-color: var(--main-color);
    color: #ffffff;
    font-size: 13px;
    border-radius: 10px !important;
    padding: 5px 12px
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .actions > .hotels-number {
    font-size: 12px;
    margin-right: 30px;
    color: #7b7b7b;
    direction: ltr;
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .actions > .view-map, .hotel-show-on-map-btn {
    background-color: #efefef !important;
    border: none !important;;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    margin-right: 10px;
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .actions > .view-map:hover, .hotel-show-on-map-btn:hover {
    background-color: var(--main-color) !important;
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .actions > .view-map > i, .hotel-show-on-map-btn > i {
    font-size: 17px;
    color: var(--main-color)
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item .actions > .view-map:hover > i, .hotel-show-on-map-btn:hover > i {
    color: #ffffff
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .loading {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: var(--main-color);
    animation: origin-modal-loading .4s linear infinite;
    margin: auto
}

@keyframes origin-modal-loading {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.hotel-origins-modal > .origins-modal-box > .origin-modal-content > .origins-list > .origin-item > .collapse-content {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 0
}

/* search with room */
.rooms-dropdown .room-wrapper:not(:last-child) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.rooms-dropdown .children-ages li.age-box {
    margin-bottom: 10px;
}

.rooms-dropdown .children-ages li.age-box::marker {
    font-size: 12px;
    color: #5c5c5c;
}

.rooms-dropdown .children-ages li.age-box label {
    font-size: 14px;
    color: #575757;
    margin-bottom: 5px;
}

.rooms-dropdown .add-room-btn {
    color: var(--main-color);
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}

.rooms-dropdown .add-room-btn.disabled {
    opacity: .5;
    cursor: not-allowed;
}

.rooms-dropdown .room-wrapper {
    position: relative;
}

.rooms-dropdown .room-wrapper h6 > .room-num {
    display: unset;
}

.rooms-dropdown .room-wrapper .delete-room {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff3c3c;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.rooms-dropdown .room-wrapper .delete-room > strong {
    font-size: 12px;
}

.rooms-dropdown .room-wrapper .delete-room > i {
    font-size: 11px;
    margin-right: 5px;
}
.dropdown_passenger_area .dropdown-menu.open {
    transform: translate(-20%, 70px) !important;
    inset: 0px auto auto 0px !important;
    display: block !important;
}

.rooms-dropdown .total-count span {
    display: unset;
    font-size: 17px;
}

/* hotel loader */
.hotel-loader {
    width: 112px;
    height: 112px;
    margin: auto;
}
.hotel-loader .box1,
.hotel-loader .box2,
.hotel-loader .box3 {
    border: 16px solid var(--main-color);
    box-sizing: border-box;
    position: absolute;
    display: block;
}
.hotel-loader .box1 {
    width: 112px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
    -webkit-animation: anime1 4s 0s forwards ease-in-out infinite;
    animation: anime1 4s 0s forwards ease-in-out infinite;
}
.hotel-loader .box2 {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-animation: anime2 4s 0s forwards ease-in-out infinite;
    animation: anime2 4s 0s forwards ease-in-out infinite;
}
.hotel-loader .box3 {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
    -webkit-animation: anime3 4s 0s forwards ease-in-out infinite;
    animation: anime3 4s 0s forwards ease-in-out infinite;
}
@-webkit-keyframes anime1 {
    0% {
        width: 112px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    25% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    50% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    75% {
        width: 48px;
        height: 112px;
        margin-top: 0px;
        margin-left: 0px;
    }
    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    100% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
}
@keyframes anime1 {
    0% {
        width: 112px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    25% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    50% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
    75% {
        width: 48px;
        height: 112px;
        margin-top: 0px;
        margin-left: 0px;
    }
    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    100% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
}
@-webkit-keyframes anime2 {
    0% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    25% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    50% {
        width: 112px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    75% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    100% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
}
@keyframes anime2 {
    0% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    25% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    50% {
        width: 112px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    75% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    100% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
}
@-webkit-keyframes anime3 {
    0% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    25% {
        width: 48px;
        height: 112px;
        margin-top: 0px;
        margin-left: 64px;
    }
    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    50% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    75% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    100% {
        width: 112px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
}
@keyframes anime3 {
    0% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
    25% {
        width: 48px;
        height: 112px;
        margin-top: 0px;
        margin-left: 64px;
    }
    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    50% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    75% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }
    100% {
        width: 112px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
}

/* reservation time */
.reservation_time {
    display: none;
}

/* booking gateway */
.booking_payment_boxed .form-check {
    margin-bottom: 15px;
}

.booking_payment_boxed .form-check .form-check-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    margin-bottom: 0 !important;
    color: #585858;
}

.booking_payment_boxed .form-check .form-check-label strong {
    color: #333333;
}

.booking_payment_boxed .form-check {
    display: flex;
    justify-content: start;
    align-items: center;
}

/* valid and error fields */
p.error-field {
    color: #ff2d2d;
    font-size: 13px;
}

input.error-field, select.error-field {
    border-color: #ff2d2d;
}

p.valid-field {
    color: #1ea726
}

input.valid-field, select.valid-field {
    border-color: #1ea726
}

.birth-date .passenger-age {
    font-size: 13px;
}

/* invoice styles */

.payment-received-list .icon-element {
    width: 50px;
    height: 50px;
    line-height: 46px;
    font-size: 32px;
    background-color: #287dfa;
}

.customer li {
    font-size: 15px;
    color: #656565
}

.customer li .text-black, .customer li strong {
    font-weight: bold;
    color: #333;
}

.card-title.strong {
    font-weight: bold;
}

.payment-received-wrap .card-body {
    padding: 0 15px 10px;
    margin-top: 10px;
}

.payment-area .form-box {
    border: 2px solid #8c8c8c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 20px;
    margin-bottom: 30px;
    background-color: #ffffff4f;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1)
}

.payment-area .form-title-wrap {
    padding: 20px;
    border-bottom: 2px solid #ec3f26;
    background: rgb(35 68 139 / 36%);
    border-radius: 19px;
}

.payment-area h3.title {
    font-size: 17px;
    font-weight: bold;
}

.payment-area .form-content {
    padding: 20px
}

.payment-area .form-content .card {
    border-radius: 10px;
}

/* invoice flight */

.Itinerary .ItineraryJourney._return[min-width~="600px"] .ItineraryTrip {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 25px
}

.ItineraryDate {
    color: #171b1e;
    font-size: 14px;
    position: relative;
    line-height: 22px;
    padding-left: 28px;
    z-index: 1
}

.ItineraryDate .ItineraryDate-date {
    white-space: nowrap
}

.ItineraryDate .ItineraryDate-icon {
    background: var(--main-color);
    position: absolute;
    left: 1px;
    color: #fff;
    padding: 4px;
}

.ItineraryPart {
    cursor: pointer;
    position: relative;
    padding-left: 27px;
    margin: 6px 3px 6px 0
}

.ItineraryPart:not(._disabledHover):hover .ItineraryPart-milestone .ItineraryPart-milestoneIcon._flight {
    color: #01ff00;
}

.ItineraryPart:not(._disabledHover):hover .ItineraryPart-icon-folding-wrapper {
    color: #57626c
}

.ItineraryPart:not(._disabledHover):hover .ItineraryPartOverview {
    border-color: #10ff00;
}

.ItineraryPart:not(._disabledHover):hover .ItineraryPartOverview:before {
    border-color: transparent #a4b8cb transparent transparent
}

.ItineraryPart:not(._disabledHover):hover .ItineraryPartOverview:after {
    border-width: 5px 5px 5px 0;
    margin-top: -6px
}

.ItineraryPart .ItineraryPart-milestone {
    position: absolute;
    background: var(--main-color);
    left: -1px;
    padding: 3px;
    margin-top: 11px;
}

.ItineraryPart .ItineraryPart-milestone > i {
    font-size: 12px;
    color: #ffffff
}

.ItineraryPart .ItineraryPart-milestone .ItineraryPart-milestoneIcon {
    color: #fff;
    margin-left: 1px
}

.ItineraryPart .ItineraryPart-icon-folding-wrapper {
    color: #d5dee7;
    width: 10px;
    overflow: hidden;
    padding: 2px 0;
    position: absolute;
    top: 14px;
    right: -4px
}

.ItineraryPart .ItineraryPart-icon-folding-wrapper .ItineraryPart-icon-folding {
    display: block;
    margin-left: -3px
}

.ItineraryPart .ItineraryPartOverview {
    background: rgb(227 234 240 / 10%);
    border: 1px solid rgb(233 238 242 / 37%);
    border-radius: 3px;
    padding: 6px 10px 6px 8px;
    position: relative
}

.ItineraryPart .ItineraryPartOverview:after,
.ItineraryPart .ItineraryPartOverview:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 23px
}

.ItineraryPart .ItineraryPartOverview:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #e9eef2 transparent transparent;
    margin-top: -7px
}

.ItineraryPart .ItineraryPartOverview:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    border-color: transparent #fff transparent transparent;
    margin-top: -5px
}

.ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports {
    display: table;
    float: left;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    border-spacing: 7px;
}

.ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports .ItineraryPartOverview-inbound,
.ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports .ItineraryPartOverview-outbound {
    display: table-row
}

.ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports .ItineraryPartOverview-airports-fields {
    color: #7c8b99;
    display: table-cell;
    width: 100%;
    position: relative
}

.ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airports .ItineraryPartOverview-airports-fields .ItineraryPartOverview-airports-fields-merged {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    padding-left: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline {
    position: absolute;
    min-width: 30px;
    text-align: right;
    top: 5px;
    right: 7px;
    bottom: 0;
    width: 50px
}

.ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-airline-logo {
    margin-top: 10px;
    margin-right: 2px;
    background: #fff;
    padding: 4px;
    border-radius: 4px;
}

.ItineraryPart .ItineraryPartOverview .ItineraryPartOverview-airline .ItineraryPartOverview-duration {
    color: #7c8b99;
    font-size: 11px;
    position: absolute;
    bottom: 5px;
    right: 0;
    padding: 0 2px 0 3px;
    white-space: nowrap
}

.ItineraryPartDetail {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%
}

.ItineraryPartDetail._expanded {
    max-height: 250px
}

.ItineraryPartDetail ul {
    padding: 12px 0 3px
}

.ItineraryPartDetail ul li {
    color: #7c8b99;
    line-height: 14px;
    font-size: 12px;
    margin-top: 13px
}

.ItineraryPartDetail ul li .ItineraryPartDetail-item {
    display: block;
    margin-left: 28px;
    vertical-align: middle;
    line-height: 16px
}

.ItineraryPartDetail ul li .ItineraryPartDetail-itemIcon {
    color: #adb9c5;
    font-size: 16px;
    margin-left: -1px
}

.ItineraryPartDetail ul li .ItineraryPartDetail-itemIcon,
.ItineraryPartDetail ul li>img {
    display: block;
    float: left;
    border-radius: 2px
}

.ItineraryPartOverviewField {
    display: inline-block;
    line-height: 16px;
    vertical-align: middle
}

.ItineraryPartOverviewField._time {
    font-weight: bold;
    color: #2e353b;
    display: table-cell;
    width: 35px;
    vertical-align: bottom;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ItineraryPartOverviewField._time > time {
    margin-left: 10px;
    margin-right: 5px;
}

.ItineraryPartOverviewField._name {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr
}

.ItineraryPartOverviewField._code {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin-left: 4px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr
}

.ItineraryPartOverviewField._code:after {
    content: ""
}

.ItineraryTrip {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
    padding-bottom: 10px
}

.ItineraryTrip .ItineraryTrip-title {
    color: #57626c;
    font-size: 12px;
    padding-top: 0px;
    margin-bottom: 0px;
    position: relative
}

.ItineraryTrip .ItineraryTrip-title .ItineraryTrip-depart {
    font-weight: 700;
    text-transform: uppercase
}

.ItineraryTrip .ItineraryTrip-title .ItineraryTrip-time {
    padding-left: 8px;
    font-weight: 400;
}


.ItineraryTrip .ItineraryTimeline {
    position: relative
}

.ItineraryTrip .ItineraryTimeline:before {
    content: "";
    position: absolute;
    background: url(../img/itinerary-border.svg) left top repeat-y;
    width: 2px;
    left: 8px;
    top: 0;
    bottom: 0
}

.ItineraryTrip .ItineraryTripLayover,
.ItineraryTrip .ItineraryTripNights {
    color: #57626c;
    font-size: 12px
}

.ItineraryTrip .ItineraryTripLayover {
    padding: 6px 0 8px 0
}

.ItineraryTrip .ItineraryTripNights {
    max-width: 380px;
    padding: 9px 0 8px 36px
}

.ItineraryTrip .ItineraryTripNights-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ItineraryTripLayoverItem {
    font-size: 12px;
    margin-top: 4px
}

.ItineraryTripLayoverItem .ItineraryTripLayoverItem-icon {
    color: #7c8b99;
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 1
}

.ItineraryTripLayoverItem .ItineraryTripLayoverItem-text {
    display: block;
    color: #7c8b99;
    line-height: 16px;
    margin-left: 16px;
    padding-left: 8px
}

/* loader */

.rotatingDiv {
    display: block;
    margin: 16px auto;
    height: 30px;
    width: 30px;
    -webkit-animation: rotation .9s infinite linear;
    -moz-animation: rotation .9s infinite linear;
    -o-animation: rotation .9s infinite linear;
    animation: rotation .3s infinite linear;
    border-left: 2px solid rgba(0, 0, 0, .10);
    border-right: 2px solid rgba(0, 0, 0, .10);
    border-bottom: 2px solid rgba(0, 0, 0, .10);
    border-top: 2px solid var(--main-color);
    border-radius: 100%;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

.no-hero {
    margin-top: 5rem;
}

/* service style */
#our_service {
    margin-bottom: 30px;
}

.service-box {
    position: relative;
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 30px -5px rgba(0,0,0,.2);
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 14px 0;
    margin-bottom: 15px;
}

.service-box .icon-wrapper {
    padding: 0 17px;
}

.service-box .icon-wrapper > i {
    font-size: 30px;
    color: var(--main-color)
}

.service-box .text-wrapper > h4 {
    font-size: 18px;
    margin-bottom: 7px;
}

.service-box .text-wrapper > p {
    font-size: 14px;
    line-height: unset;
}

/* featured styles */
.feature-section {
    position: relative;
    margin-top: 6rem;
}

.feature-section .feature-header {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
}

.feature-section .feature-header > .feature-title-hint {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: relative;
    background: var(--main-color);
    border-radius: 50px;
    padding: 5px 20px;
}

.feature-section .feature-header > .feature-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 40px;
    color: var(--main-color);
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 3.1rem;
}

.why-us-section .feature-item {
    text-align: center;
    padding: 0 15px;
}

.why-us-section .feature-item > .feature-icon {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px dashed var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin: 0 auto 12px;
}

.why-us-section .feature-item > .feature-icon > .feature-icon-inner {
    background-color: var(--main-color);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.why-us-section .feature-item > .feature-icon > .feature-icon-inner > i {
    font-size: 37px;
    color: #ffffff;
}

.why-us-section .feature-item > .feature-title {
    color: var(--main-color);
    font-size: 22px;
    margin-bottom: 8px;
}

.why-us-section .feature-item > p {
    font-size: 15px;
}

/* our destinations */
.destination-area {
    position: relative;
}
.destination-item {
    margin-bottom: 25px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    height: 400px;
}

.destination-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 15px;
    transition: all 0.3s;
    background: rgba(13, 35, 62, .5);
}

.destination-item img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    object-fit: cover;
}

.destination-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.destination-info {
    position: absolute;
    bottom: -45px;
    left: 15px;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.destination-info.no-bottom {
    bottom: 0;
}

.destination-item:hover .destination-info{
    bottom: 15px;
}

.destination-info h4 {
    color: #fff;
    font-size: 25px;
}

.destination-rate{
    font-size: 15px;
    margin-top: 5px;
}

.destination-rate i{
    color: #FFA903;
}

.destination-rate span {
    color: #fff;
    font-weight: 400;
}

.destination-more-info {
    margin-top: 30px;
    transition: all .3s ease-in-out;
}

.destination-item:hover .destination-more-info{
    margin-top: 8px;
}

.destination-more-info ul{
    display: flex;
    gap: 10px;
}

.destination-more-info ul li{
    color: #fff;
    font-size: 14px;
}

.destination-more-info ul li i{
    margin-right: 2px;
}

.destination-btn {
    position: absolute;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #fff;
    color: var(--main-color) !important;
    border-radius: 50px;
    opacity: 0;
    visibility: hidden;
    top: 50%;
    left: 50%;
    font-size: 22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
    transition: all .5s ease-in-out;
    z-index: 1;
}

.destination-item:hover .destination-btn {
    visibility: visible;
    opacity: 1;
}

/* counter */
.counter-section {
    padding: 50px 20px;
    position: relative;
    background: rgba(187, 187, 187, 0.15);
    z-index: 1;
}

.counter-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 15px;
    position: relative;
    z-index: 1;
}

.counter-box .icon {
    position: relative;
    font-size: 35px;
    width: 80px;
    height: 80px;
    line-height: 78px;
    text-align: center;
    background: var(--main-color);
    border-radius: 30px;
    color: #fff;
}

.counter-box .icon img {
    width: 65px;
}

.counter-box .counter-number{
    display: flex;
    align-items: center;
}

.counter-box .counter-sign{
    color: var(--main-color);
    font-size: 40px;
    line-height: 0;
    margin-left: 2px;
}

.counter-box .counter {
    display: block;
    line-height: 1;
    color: var(--main-color);
    font-size: 50px;
    font-weight: 600;
}

.counter-box .title {
    color: var(--main-color);
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

/* flight styles */
.popular-flights-section{
    position: relative;
}

.flight-item{
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.flight-img{
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.flight-img img{
    border-radius: 12px;
    transition: all .3s ;
}

.flight-item:hover .flight-img img{
    transform: scale(1.1);
}

.flight-img .badge{
    background: #23BCB9;
    border-radius: 50px;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.flight-img .badge-discount{
    background: #F96768;
}

.flight-img .add-wishlist{
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: var(--main-color);
    color: #fff;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 10px;
}


.flight-title{
    margin-top: 15px;
}

.flight-title-info{
    display: flex;
    align-items: center;
    gap: 7px;
}

.flight-title-info img{
    width: 20px;
}

.flight-title-info h4{
    font-size: 16px;
}

.flight-title-info a{
    color: #333333;
}

.flight-title-info a:hover{
    color: var(--main-color);
}

.flight-title-info a i{
    margin: 0 5px;
    font-size: 14px;
}

.flight-date{
    margin-top: 10px;
    font-weight: 500;
    color: #6c6c6c;
    font-size: 13px;
}

.flight-date i{
    margin-right: 5px;
}

.flight-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .05);
}

.flight-price{
    color: #333333;
    font-weight: 500;
}

.flight-price span{
    font-weight: 700;
    color: #F96768;
    font-size: 19px;
}

.flight-text-btn a{
    color: var(--main-color);
    font-weight: 500;
}

.flight-text-btn a i{
    font-size: 14px;
}

.flight-text-btn a:hover{
    color: var(--main-color);
}

/* hotel styles */
.popular-hotels-section {
    position: relative;
    background-color: rgba(243, 243, 243, 0.74);
    padding: 50px 0;
}

.hotel-item{
    background: #fff;
    border-radius: 12px;
    margin-bottom: 25px;
    padding: 5px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.hotel-img{
    border-radius: 12px;
    position: relative;
}

.hotel-img img{
    border-radius: 12px;
}

.hotel-img .badge{
    background: #23BCB9;
    border-radius: 50px;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    position: absolute;
    right: 20px;
    top: -15px;
}

.hotel-img .badge-discount{
    background: #F96768;
}

.hotel-img .add-wishlist{
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: var(--main-color);
    color: #fff;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 10px;
}

.hotel-img .add-wishlist:hover{
    background: #F96768;
    color: #fff;
}

.hotel-content{
    padding: 20px 15px 10px 15px;
}

.hotel-title {
    font-size: 17px;
    font-weight: 600;
}

.hotel-title a:hover{
    color: var(--main-color);
}

.hotel-content p{
    margin: 8px 0;
    color: #525252;
    font-weight: 500;
}

.hotel-rate .badge{
    background: #FFA903;
    font-size: 13px;
}

.hotel-rate-type{
    color: var(--main-color);
    font-weight: 500;
    margin: 0 5px;
    font-size: 13px;
}

.hotel-rate-review{
    color: #4F4B8B;
    font-weight: 500;
    font-size: 13px;
}

.hotel-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, .05);
    margin-top: 20px;
    padding-top: 13px;
}

.hotel-price-amount{
    color: #F96768;
    font-weight: 700;
    font-size: 19px;
}

.hotel-price-type{
    font-size: 13px;
    font-weight: 500;
    color: #5b5b5b;
}

.hotel-text-btn a {
    color: var(--main-color);
    font-weight: 500;
}

.hotel-text-btn a i {
    font-size: 14px;
}

.hotel-text-btn a:hover{
    color: var(--main-color);
}

.hotel-slider .hotel-item{
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: none;
}

.hotel-slider.owl-theme .owl-nav {
    margin-top: 0px;
}

.hotel-slider.owl-theme .owl-nav button{
    color: var(--main-color);
    font-size: 20px;
    margin: 0;
    padding: 0;
    background: #fff;
    display: inline-block;
    cursor: pointer;
    height: 45px;
    width: 45px;
    border-radius: 50px;
    line-height: 45px;
    text-align: center;
    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: all .5s ease-in-out;
}

.hotel-slider.owl-theme .owl-nav button:hover{
    background: var(--main-color);
    color: #fff;
}

.hotel-slider.owl-theme .owl-nav .owl-prev {
    left: -25px;
}

.hotel-slider.owl-theme .owl-nav .owl-next {
    right: -25px;
}

.hotel-slider .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.hotel-slider .owl-dots .owl-dot span {
    background: transparent;
    margin: 5px;
    border: 2px solid var(--main-color);
    border-radius: 50px;
    width: 12px;
    height: 12px;
    display: inline-block;
    transition: all .5s ease-in-out;
}

.hotel-slider .owl-dots .owl-dot.active span {
    background: var(--main-color);
}

/* hotel list */
.hotel-list .hotel-item{
    display: flex;
    align-items: center;
    gap: 20px;
}

.hotel-list .hotel-img{
    width: 350px;
}

.hotel-list .hotel-content{
    flex: 1;
}


/* banner style */
.banner-section{
    position: relative;
}

.banner-item{
    position: relative;
}

.banner-item::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(13, 35, 62, .65);
    border-radius: 15px;
    left: 0;
    top: 0;
}

.banner-img img{
    border-radius: 15px;
}

.banner-content{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px 30px;
    text-align: center;
}

.banner-content h3{
    font-size: 25px;
    color: #fff;
    font-weight: 600;
}

.banner-content h3 span{
    color: #F96768;
    font-weight: 700;
}

.banner-content p{
    color: #fff;
    margin: 15px 0;
}

.banner-content .theme-btn{
    margin-top: 10px;
}

/* popular tour */
.popular-tours-section{
    position: relative;
}

.tour-item{
    background: #fff;
    border-radius: 12px;
    padding: 5px;
    margin-bottom: 25px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.tour-img{
    border-radius: 12px;
    position: relative;
}

.tour-img img{
    border-radius: 12px;
}

.tour-img .badge{
    background: #23BCB9;
    border-radius: 50px;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    position: absolute;
    right: 20px;
    top: -15px;
}

.tour-img .badge-discount{
    background: #F96768;
}

.tour-img .add-wishlist{
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--main-color);
    color: #fff;
    border-radius: 50px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.tour-img .add-wishlist:hover{
    background: #F96768;
    color: #fff;
}

.tour-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    color: #333333;
    font-weight: 500;
}

.tour-top i{
    color: var(--main-color);
}

.tour-top a:hover{
    color: var(--main-color);
}

.tour-content{
    padding: 15px 15px 10px 15px;
}

.tour-title a:hover{
    color: var(--main-color);
}

.tour-content p{
    margin: 8px 0;
    color: #595959;
    font-weight: 500;
}

.tour-rate .badge{
    background: #FFA903;
    font-size: 13px;
}

.tour-rate-type{
    color: var(--main-color);
    font-weight: 500;
    margin: 0 5px;
}

.tour-rate-review{
    color: #3f3f3f;
    font-weight: 500;
}

.tour-duration{
    margin-top: 10px;
    color: #3a3a3a;
    font-weight: 500;
}

.tour-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, .05);
    margin-top: 20px;
    padding-top: 13px;
}

.tour-price {
    color: #333333;
    font-weight: 500;
}

.tour-price span{
    font-weight: 700;
    color: #F96768;
    font-size: 19px;
}

.tour-text-btn a {
    color: #33333;
    font-weight: 500;
}

.tour-text-btn a i {
    font-size: 14px;
}

.tour-text-btn a:hover{
    color: var(--main-color);
}


.filter-controls{
    margin-bottom: 35px;
}

.filter-btns{
    text-align: center;
}

.filter-btns li{
    display: inline-block;
    background: #fff;
    color: var(--main-color);
    margin: 5px;
    padding: 5px 20px;
    border-radius: 50px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.filter-btns li.active{
    background: var(--main-color);
    color: #fff;
}

/* tour list */
.tour-list .tour-item{
    display: flex;
    align-items: center;
    gap: 20px;
}

.tour-list .tour-img{
    width: 410px;
}

.tour-list .tour-content{
    flex: 1;
}

/* video styles */
.video-section {
    position: relative;
}
.video-content {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 0px;
}

.video-content::before {
    content: "";
    position: absolute;
    background: rgba(13, 35, 62, .5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0px;
}

.video-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    height: 450px;
    z-index: 100;
}

.video-section .play-btn {
    display: inline-block;
    padding: 0;
    height: 75px;
    width: 75px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-2 .video-content{
    border-radius: 12px;
    background-attachment: unset;
}

.video-2 .video-content::before {
    border-radius: 12px;
}

.video-2 .video-wrapper {
    height: 550px;
}


.play-btn {
    display: inline-block;
    padding: 0;
    height: 75px;
    width: 75px;
    line-height: 75px;
    font-size: 20px;
    text-align: center;
    background: #F96768;
    color: #fff !important;
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}

.play-btn i::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #F96768;
    border-radius: 50px;
    animation: ripple-wave 1s linear infinite;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

@keyframes ripple-wave {
    0% {
        opacity: 0.8;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

/* download style */
.download-section {
    position: relative;
}

.download-img {
    text-align: center;
    position: relative;
    z-index: 1;
}

.download-img::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 430px;
    height: 430px;
    background: #F1F0FF;
    border-radius: 50%;
    z-index: -1;
}

.download-img img{
    width: 63%;
}

.download-feature{
    margin: 20px 0 35px 0;
}

.download-feature li{
    font-weight: 500;
    margin: 15px 0;
    text-transform: capitalize;
}

.download-feature li i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: var(--main-color);
    color: #fff;
    border-radius: 50px;
    margin-right: 10px;
}

.download-link {
    display: flex;
    justify-content: start;
    align-items: center;
}

.download-link a img{
    border-radius: 12px;
    width: 90%;
}

/* partner style */

.partner-wrapper img {
    background: #fff;
    border-radius: 12px;
    padding: 20px 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, .07);
}

/* testimonial style */

.testimonial-section {
    position: relative;
    background-color: #f5f5f5;
    padding: 4rem 0;
}

.testimonial-section .site-heading{
    padding-right: 40px;
    margin-bottom: 0;
}

.testimonial-single {
    margin-top: 30px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 25px;
    position: relative;
}

.testimonial-quote p {
    color: #333333;
}

.testimonial-author-info {
    margin: 40px 0 5px 0;
}

.testimonial-author-img {
    position: absolute;
    width: 90px;
    padding: 5px;
    border-radius: 50%;
    border: 4px solid #fff;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
}

.testimonial-author-img img {
    border-radius: 50%;
}

.testimonial-author-info h4 {
    font-size: 22px;
    color: #333333;
}

.testimonial-author-info p {
    color: var(--main-color);
    font-weight: 500;
}

.testimonial-quote-icon {
    position: absolute;
    right: 15px;
    top: 35px;
    width: 120px;
    opacity: .1;
}

.testimonial-rate {
    color: var(--main-color);
    margin-top: 10px;
}

.testimonial-slider.owl-theme .owl-nav {
    margin-top: 0px;
}

.testimonial-slider.owl-theme .owl-nav button{
    color: var(--main-color);
    font-size: 20px;
    margin: 0;
    margin-top: -10px;
    padding: 0;
    background: #fff;
    display: inline-block;
    cursor: pointer;
    height: 45px;
    width: 45px;
    border-radius: 50px;
    line-height: 45px;
    text-align: center;
    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: all .5s ease-in-out;
}

.testimonial-slider.owl-theme .owl-nav button:hover{
    background: var(--main-color);
    color: #fff;
}

.testimonial-slider.owl-theme .owl-nav .owl-prev {
    left: -25px;
}

.testimonial-slider.owl-theme .owl-nav .owl-next {
    right: -25px;
}

.testimonial-section .owl-dots {
    text-align: center;
}

.testimonial-section .owl-dots .owl-dot span {
    background: transparent;
    margin: 5px;
    border: 2px solid var(--main-color);
    border-radius: 50px;
    width: 12px;
    height: 12px;
    display: inline-block;
    transition: all .5s ease-in-out;
}

.testimonial-sectionr .owl-dots .owl-dot.active span {
    background: var(--main-color);
}

/* blog style */

.blog-item {
    margin-bottom: 25px;
    background-color: #fff;
    border-radius: 15px;
    transition: all .5s ease-in-out;
}

.blog-item-img {
    overflow: hidden;
    border-radius: 15px;
}

.blog-item-img img {
    border-radius: 15px;
    transition: all .3s
}

.blog-item:hover .blog-item-img img {
    transform: scale(1.1);
}

.blog-item-meta ul {
    padding: 10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e8eb;
}

.blog-item-meta ul li {
    display: inline-block;
    margin-right: 15px;
    font-weight: 500;
    position: relative;
    color: #333333;
}

.blog-item-meta ul li i {
    margin-right: 5px;
    color: var(--main-color);
}

.blog-item-meta a:hover {
    color: var(--main-color);
}

.blog-title {
    font-size: 22px;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.blog-item-info p {
    margin-bottom: 16px;
}

.blog-item-info h4 a {
    color: #333333;
}

.blog-item-info h4 a:hover {
    color: var(--main-color);
}

/* airports results style */
.airports-results-area {
    display: none;
    position: absolute;
    width: 400px;
    max-height: 250px;
    top: 110px;
    left: 0;
    background-color: #ffffff;
    box-shadow: 0 4px 25px -5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    overflow: auto;
    z-index: 9;
}

.airports-results-area > .airports-results-items {
    position: relative;
}

.airports-results-area > .airports-results-items > .airport-item {
    position: relative;
    padding: 8px 14px;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;
    transition: all .3s;
}

.airports-results-area > .airports-results-items > .airport-item.child-item {
    padding-left: 30px !important;
}

.airports-results-area > .airports-results-items > .airport-item:hover {
    background-color: #f6f6f6;
}

.airports-results-area > .airports-results-items > .airport-item .airport-detail {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
}

.airports-results-area > .airports-results-items > .airport-item .airport-detail .airport-title {
    font-size: 15px;
    color: #333333;
}

.airports-results-area > .airports-results-items > .airport-item .airport-detail .airport-inner-detail > span {
    padding: 0;
}

.airports-results-area > .airports-results-items > .airport-item .airport-detail .airport-title > small {
    font-size: 11px;
    color: #888888;
    margin-left: 5px;
}

.airports-results-area > .airports-results-items > .airport-item .airport-detail .airport-country {
    font-size: 13px;
    color: #424242;
}

.airports-results-area > .airports-results-items > .airport-item .airport-detail .icon {
    margin-right: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.airports-results-area > .airports-results-items > .airport-item .airport-detail i {
    font-size: 17px;
    color: #969696;
    margin-right: 4px;
}

.airports-results-area > .airports-results-items > .airport-item .airport-code {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid #939393;
    padding: 2px 5px;
    border-radius: 15px;
    color: #6c6c6c
}

/* range datepicker */
.daterangepicker {
    border: none;
    border-radius: 15px;
    box-shadow: 0 5px 25px -4px rgba(0,0,0,.2);
}

.daterangepicker:before, .daterangepicker:after {
    display: none;
}

.daterangepicker * {
    font-family: 'Poppins', sans-serif;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border-color: #868686
}

.daterangepicker .calendar-table .next:hover, .daterangepicker .calendar-table .prev:hover {
    background-color: transparent;
}

.daterangepicker .calendar-table .next:hover span, .daterangepicker .calendar-table .prev:hover span {
    border-color: var(--main-color)
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    width: 40px;
    height: 35px;
    border-radius: 50%;
}

.daterangepicker td.start-date.end-date {
    border-radius: 50%;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--main-color);
}

.daterangepicker td.in-range {
    border-radius: 2px !important;
    background-color: #f3f3f3
}

.daterangepicker td.in-range.active.end-date {
    background-color: var(--main-color) !important;
    border-radius: 2px 50% 50% 2px !important;
}

.daterangepicker td.active.start-date {
    border-radius: 50% 2px 2px 50% !important;
}

.daterangepicker td.active.start-date.end-date {
    border-radius: 50% !important;
}

.daterangepicker th.month {
    font-size: 14px;
}