.page-confirm-booking {
    border-radius: 10px;
    background-color: #fcfcfc;
    overflow: hidden;
    position: relative;
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.page-confirm-booking-content {
    display: flex;
    width: 100%;
}
.page-confirm-booking-gallery {
    height: 104px;
    position: relative;
    width: 132px;
}
.page-confirm-booking-photo {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 6px 0 0 6px;
}
.page-confirm-booking-column-right {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 4px 6px 4px 6px;
}
.page-confirm-booking-star {
    font-size: 12px;
}
.page-confirm-booking-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.header-content-location {
    font-size: 12px;
}
.hotel-details-reservation {
    position: relative;
    font-weight: 600;
    font-size: 18px;
}
.hotel-details-reservation:before {
    bottom: -1px;
    left: 0;
    width: 55px;
    height: 2px;
    background-color: #008cb9;
    content: "";
    position: absolute;
}
.check-date-label {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 0 !important;
    font-weight: 400 !important;
}
.check-date {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.check-night {
    font-weight: 500;
}
.check-rooms {
    font-weight: 400;
    font-size: 14px;
}
.check-details {
    font-size: 12px;
}

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

.name_search_form i {
    position: absolute;
    right: 15px;
    top: 15px;
}
.btn-link-book {
    background: #ebf3ff;
    color: #0d6efd;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.book_heading_theme {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}
.book_heading_theme::before {
    bottom: -1px;
    left: 0;
    width: 55px;
    height: 2px;
    background-color: #008cb9;
    content: "";
    position: absolute;
}
.hotel_search_item {
    margin-bottom: 15px;
    background: #FFFFFF;
    border: 1px solid #00000030;
    border-radius: 8px;
}

.hotel_search_item_loading {
    margin-bottom: 15px;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #00000030;
    border-radius: 8px;
}
.hotel_search_item_hover {
    margin-bottom: 15px;
    background: #F3F6FD;
    border: 1px solid #00000030;
    border-radius: 8px;
}

.leaflet-popup-content-wrapper {
    width: 350px !important;
}

.hotel_price {
    font-size: 24px;
    font-weight: 600;
}

.hotel_item_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.hotel_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 0 0 8px;
}

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

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

.hotel_content_top_left h4 a {
    padding-top: 8px;
    color: var(--black-color);
}

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

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

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

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

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

.hotel_content_middel_right h3 {
    font-weight: 500;
}

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

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

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

.hotel_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;
}

.btn_change_selection {
    font-size: 15px;
    background: #f4f6fd;
    padding: 6px 7px;
    border-radius: 6px;
    cursor: pointer;
}

.li-annulation {
    border-bottom: none !important;
    justify-content: start !important;
    padding-top: 0 !important;
}

.item-dossier {
    overflow: hidden;
    background: white;
    margin: 10px;
    border-bottom: 1px solid #dadbdc;
}

.name-product {
    font-size: 16px;
    font-weight: 500;
    /*margin-bottom: 10px;*/
}
.location-product {
    font-size: 14px;
}

.img-product {
    height: 160px;
    width: 100%;
}

.img-product-cart {
    height: 100px;
    width: 100px;
    border-radius: 6px;
}
.product_date_area {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.product_date_area_one {
    padding-right: 30px;
}
.product_date_area_one h5 {
    font-size: 16px;
    font-weight: 500;
}
.product_date_area_one p {
    font-size: 14px;
}
.info-product {
    padding: 20px;
}
.btn_new_request {
    font-size: 13px;
    font-weight: 600;
    color: #2aafbe;
    border-radius: 3px;
    padding: 0;
    border-bottom: 1px solid;
}
.btn_new_request:hover {
    color: #2aafbe;
    border-bottom: 1px solid;
}
.price-commande {
    font-size: 24px;
    font-weight: 600;
    color: #dd0217;
}

.price-product {
    font-size: 24px;
    font-weight: 500;
}

.commande_area {
    border: 1px solid #d2d2d2;
    border-radius: 9px;
    overflow: hidden;
    background: white;
}
.order_area {
    padding-bottom: 30px;
}
.commande_title {
    font-weight: 500;
    font-size: 20px;
}

.voucher-product {
    font-size: 13px;
    letter-spacing: 0.78px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 3px;
    border: 1px solid #4a89dc;
    padding: 6px 8px;
    background: #4a89dc;
}

.voucher-product:hover {
    border-color: #27438d;
    background: #27438d;
    color: #fff;
}

.state-commande {
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px solid #95a8b4;
    color: #95a8b4;
    text-align: center;
}

.state-confirmer {
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px solid #30a487;
    color: #30a487;
    text-align: center;
}

.state-en-attente {
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px solid #FC6300;
    color: #FC6300;
    text-align: center;
}

.state-annuler {
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px solid #dd0217;
    color: #dd0217;
    text-align: center;
}

.info-cancelation {
    color: green;
    text-align: center;
}

.warning-info-cancelation {
    color: #dd0217;
    text-align: center;
}

.details-commande {
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px solid #012e5e;
    background: #012e5e;
    color: #fff;
    text-align: center;
}

.details-commande:hover {
    border: 1px solid #012e5e;
    color: #012e5e;
    background: #fff;
}

.proforma-commande {
    color: #fff;
    border-radius: 3px;
    border: 1px solid #30a487;
    padding: 4.5px 8px;
    background: #30a487;
}

.proforma-commande:hover {
    color: #6D757F;
    border-radius: 3px;
    border: 1px solid #B8C1CD;
    background: #fff;
}

.paiement-commande {
    color: #fff;
    border-radius: 3px;
    border: 1px solid #183354;
    padding: 4.5px 8px;
    background: #183354;
}

.paiement-commande:hover {
    color: #6D757F;
    border-radius: 3px;
    border: 1px solid #B8C1CD;
    background: #fff;
}


.badge-discount {
    color: #369a31;
    background: #eff9f0;
    border: 1px solid #369a31;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 13px;
    margin: 2px;
}

.badge-info {
    color: #2f859e;
    background: #d9f2f9;
    border: 1px solid #2f859e;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 13px;
    margin: 2px;
}

.alert-nrf {
    /*background-color: #e6f7ff;*/
    color: var(--main-color);
    font-size: 14px;
    font-weight: 400;
}

.alert-free-cancellation {
    /*background-color: #e6f7ff;*/
    color: #3CB371;
    font-size: 13px;
    font-weight: 400;
}

.alert-rooms-left {
    /*background-color: #e6f7ff;*/
    color: #de0302;
    font-size: 14px;
    font-weight: 400;
}

.old-price {
    color: gray;
    text-decoration: line-through;
    font-size: small;
}

/*df0302*/
.alert-promo {
    background-color: #fee0e0;
    color: #953b3b;
    border: 1px solid #953b3b;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 13px;
    margin: 2px;
}

.alert-dispo {
    background-color: #4CAF50;
    color: #fff;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 13px;
}

.alert-sur-demande {
    background-color: #f57100;
    color: #fff;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 13px;
}

.alert-stop-sale {
    background-color: #C8102E;
    color: #fff;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 13px;
}
.alert-deadline {
    color: #3CB371;
    font-size: 13px;
}

.arrang_select_area .nav-tabs {
    border-bottom: none;
    margin-bottom: 20px;
}

.arrang_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;
}

.arrang_select_area .nav-style {
    margin-bottom: 0;
    background: #F3F6FD;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    padding: 7px 13px;
    margin-right: 3px;
    color: #008cb9;
    font-size: 14px;
}
.room-pax {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 0px solid #dee2e6 !important;
}
.type-room {
    font-size: 15px;
}

.arrang_select_area .nav-style:hover {
    color: #0d6efd;
}

.arrang_select_area .nav-style.active {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: #dee2e6 #dee2e6 #fff;
}

.arrang_show_down_wrapper {
    margin: 10px 0;
}

.room_arrang {
    border-radius: 10px;
    padding: 0px 20px;
}

.color-xml {
    border-top: 3px solid #008cb9;
}

.wishlist {
    font-weight: 500;
    font-size: 18px;
}
.mes-favoris {
    font-size: 18px;
    color: #251d6c;
}

.service-wishlist {
    position: absolute;
    right: 0;
    padding: 10px;
    cursor: pointer;
}

.tri-result {
    display: flex;
    align-items: center;
}
.form-control-tri {
    height: 40px;
    border: 1px solid #dddddd75;
    padding: 3px 36px 3px 36px;
    font-size: 16px;
    border-radius: 23px;
}
.tri-result .form-group {
    margin-right: 12px;
}
.fa_tri {
    rotate: 90deg;
    position: absolute;
    padding: 20px 17px;
    z-index: 1;
}

.waiting {
    color: #f57100;
    font-weight: 500;
}

.complete {
    color: #4CAF50;
    font-weight: 500;
}

.cancel {
    color: #C8102E;
    font-weight: 500;
}

.completeAdvanced {
    color: #4CAF50;
    font-weight: 500;
}

.text-total-amount {
    font-size: 19px !important;
    color: #ec5b34;
}

.total-amount {
    font-size: 19px;
    color: #ec5b34;
}

/*.background-index {
    background-color:  var(--main-color);
    color:  var(--white-color);
}*/

.selected-row {
    background-color: #f3f6fd; /* Change this color to your preferred color */
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning, a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #FAAF05 !important;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success, a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #28a745 !important;
}

/** currency change styles **/
.topbar-others-options li .currency-option {
    padding: 0;
    position: relative;
}

.topbar-others-options li .currency-option button {
    background-color: transparent;
    border: none;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px 0 0;
}

.topbar-others-options li .currency-option button:hover {
    color: #000;
}

.topbar-others-options li .currency-option button::after {
    display: none
}

.topbar-others-options li .currency-option button::before {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 14px;
    border-color: #fff;
}

.topbar-others-options li .currency-option .dropdown-menu[data-bs-popper] {
    right: 0 !important;
    left: auto !important
}

.topbar-others-options li .currency-option .currency-dropdown-menu {
    border-radius: 5px;
    border: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    padding: 0;
    margin-top: 10px !important;
    -webkit-transform: translate(-80px, 25px) !important;
    transform: translate(-80px, 25px) !important;
    z-index: 9999;
}

.topbar-others-options li .currency-option .currency-dropdown-menu .dropdown-item {
    color: var(--paragraph-color);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    border-radius: 5px
}

.topbar-others-options li .currency-option .currency-dropdown-menu .dropdown-item:last-child {
    border-bottom: none
}

.topbar-others-options li .currency-option .currency-dropdown-menu .dropdown-item:active {
    color: #fff;
    background-color: #000
}

.notification {
    color: var(--main-color);
    font-weight: 600;
    font-size: 12px;
}


/** slider styles **/

.slider_image_container {
    width: 1920px; /* Set the container width */
    height: 600px; /* Set the container height */
    overflow: hidden; /* Hide any content that exceeds the container dimensions */
    position: relative; /* Ensure proper positioning of child elements */
}

.slider_image_container img {
    width: 100%; /* Make the image fill the container width */
    height: 100%; /* Allow the image height to adjust proportionally */
    object-fit: cover; /* Cover the container while maintaining aspect ratio */
}

.slider_title,
.slider_sub_title {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    z-index: 1;
}

.slider_sub_title {
    margin-top: 3%;
}

/* banner */

#home_one_banner::before {
    content: '';
    background: url('../img/banner/common-banner.png') center center no-repeat;
    position: absolute;
    z-index: 21;
    height: 280px;
    width: 100%;
    background-size: cover;
}

.rest_email_button {
    margin-top: 3rem !important;
}

.users_top_heading {
    position: relative;
}

.users_top_heading button {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    padding: 6px 20px;
}

.total-equivalence {
    font-size: 14px;
    font-weight: bold;
}

/******Gallery party front*****/

.ribbon-party {
    position: absolute;
    background: #dc3545;
    color: #fff;
    top: 0px;
    padding: 9px 4px;
    left: 0;
    border-radius: 0 0 11px 0;
    font-size: 14px;
    text-align: center;
}

.p-date-party {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.date-party {
    color: var(--main-color);
    font-size: 15px;
    font-weight: bold;
}

.star-hotel-party {
    font-size: 14px;
}

.name-zone {
    font-weight: bold;
}

.theme_two_box_content h4 {
    text-transform: capitalize;
}

.img-party {
    height: 300px;
}

.fix-item-height-detail {
    height: 100px !important;
}

.fix-item-dim {
    height: 500px;
    width: 100%;
}

@media (max-width: 576px) {
    .toru_details_top_bottom_item {
        display: flex;
    }
    .flight_search_left {
        display: -webkit-inline-box;
    }
}

/*********************/
.prefix {
    margin-top: 47px;
}

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

/*style="height: 640px; overflow-y: auto;"*/
.scrollable {
    height: 640px;
    overflow-y: auto;
    overflow-x: hidden;
}

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

.tour_search_type {
    padding: unset;
}

.tour_search_type .form-check {
    padding-top: 10px;
}
.review_star {
    padding-top: 0;
}


.search_loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40vh; /* Adjust the height as needed */
}


.leaflet-div-icon {
    background: transparent;
    border: none;
    border-radius: 50px;
}

.map_detail_btn {
    padding: 6px 16px;
    border: 1px solid green;
    border-radius: 0 8px 8px;
    color: white;
    font-size: 10px;
    line-height: 30px;

}

.map_price,
.map_price_hover {
    display: inline-block;
    padding: .25em .4em;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.map_price {
    background-color: #343a40; /* Dark background color */
}

.map_price_hover {
    background-color: #eca934;
    color: var(--main-color);
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae6b !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 0;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: 'Poppins', sans-serif !important;
    font-size: .8rem;
    line-height: normal;
    position: relative;
}
.react-datepicker__header {
    background-color: var(--main-color) !important;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 12px 0 !important;
    position: relative;
    text-align: center;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    fill: var(--main-color) !important;
    color: var(--main-color) !important;
}
.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month {
    color: #fff !important;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0;
}
.react-datepicker__day-name {
    color: #fff !important;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem;
}
.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected, .react-datepicker__quarter-text--in-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--selected, .react-datepicker__year-text--in-range, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--selected {
    background-color: var(--main-color) !important;
    border-radius: .3rem;
    color: #fff;
}
.react-datepicker__navigation-icon {
    font-size: 20px;
    position: relative;
    top: 10px !important;
    width: 0;
    overflow: initial !important;
}
.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon:before, .react-datepicker__year-read-view--down-arrow {
    border-color: #214373 !important;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px;
}

@media (max-width: 767px) {
    .btn_save {
        width: 100%;
    }
    .hotel_content_top_wrapper {
        display: flex;
    }
    .hotel_content_top_left h4 a {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0;
    }
    .label-stars {
        font-size: 11px;
    }
    .hotel_content_top_left p {
        padding-top: 4px;
        font-size: 12px;
    }
    .tour_details_boxed {
        padding: 10px 6px !important;
        margin-top: 20px !important;
    }
    .arrang_select_area .nav-style {
        padding: 7px 4px;
        margin-right: 2px;
        font-size: 11px;
        margin-bottom: 4px;
    }
    .alert-nrf {
        font-size: 11px;
    }
    .alert-free-cancellation {
        font-size: 11px;
    }
    .alert-rooms-left {
        font-size: 11px;
    }
    .alert-promo {
        font-size: 11px;
    }
    .alert-dispo {
        padding: 2px 3px;
        font-size: 11px;
    }
    .alert-sur-demande {
        padding: 2px 3px;
        font-size: 11px;
    }
    .alert-stop-sale {
        padding: 2px 3px;
        font-size: 11px;
    }
    .hotel_price {
        font-size: 20px;
    }
    .room-pax {
        font-size: 12px;
    }
    .type-room {
        font-size: 12px;
    }
    .hotel_content_top_right h5 {
        font-size: 11px;
    }
    .hotelcard-view-offre {
        font-size: 11px !important;
        padding: 6px 2px !important;
    }
    .hotelcard-nextstep-icon {
        font-size: 9px !important;
    }
    .offre-dispo {
        padding: 3px 2px !important;
        font-size: 11px !important;
    }
    .offre-sur-demande {
        padding: 3px 2px !important;
        font-size: 11px !important;
    }
    .hotelcard-content-amenities {
        display: none;
    }
    .hotelcard-rate-name {
        display: none;
    }
    .hotelcard-rate-valueadds-wrapper {
        display: none;
    }
    #common_author_area {
        position: relative;
        margin-top: -150px !important;
        z-index: 99;
    }
    .multi_city_form {
        margin-bottom: 0px;
        border-bottom: 0px solid #000;
    }
    .btn-add-cart {
        width: 100%;
    }
}

.filter-checkbox-inner {
    display: flex;
    justify-content: space-between;
}
.filter-checkbox-field {
    color: var(--black-color);
    font-size: 14px;
}
.filter-count {
    color: #868686;
    font-size: 10px;
}

.price-forminput-inner {
    height: 36px;
    border: 1px solid #dddddd;
    padding: 8px;
    font-size: 16px;
    text-align: center;
    box-shadow: none;
}

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

.hotelcard-name {
    color: #008cb9;
    font-size: 16px;
    font-weight: 700;
}
.hotelcard-stars {
    color: #fcb22f;
    font-size: 12px;
}
.hotelcard-address {
    font-size: 12px;
    color: #292f37;
}
.hotelcard-reviews {
    text-align: center;
    color: #292f37;
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    white-space: nowrap;
}
.hotel_content_reviews {
    width: auto;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.hotelcard-rating-total {
    font-size: 16px;
    color: #fff;
    background: #003b95;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: baseline;
    height: 40px;
    width: 32px;
    border-radius: 6px 6px 6px 0;
}

.regioninfo {
    position: relative;
    cursor: pointer;
    background-color: white;
    cursor: pointer;
    padding: 8px 16px 12px;
    border: 1px solid #00000030;
    border-radius: 6px;
    margin-bottom: 12px;
}
.regioninfo-region {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #008cb9;
}
.regioninfo-search {
    bottom: 12px;
    right: 12px;
    color: #008cb9;
    position: absolute;
}
.regioninfo-dates {
    font-size: 13px;
    line-height: 18px;
    color: #292f37;
}
.regioninfo-rooms {
    font-size: 13px;
    line-height: 18px;
    color: #292f37;
}
.left_side_map {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #00000030;
    border-radius: 6px;
    padding: 6px 6px;
    margin-bottom: 12px;
}
.map-position-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.map-button {
    background-color: #008cb9;
    box-shadow: 0 0 0 1px #e5e5e5;
    cursor: pointer;
    padding: 7px 8px 7px;
    text-align: center;
    color: #fff;
}
.map-button:hover {
    background-color: #fff;
    color: #008cb9;
}

.hotelcard-rates {
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 6px 8px 8px;
    display: flex;
}
.details-booking {
    border-top: 1px dashed #dadbdc;
    display: flex;
    justify-content: space-between;
}
.modification-orderline {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0 10px;
}

.hotelcard-rate-name-text {
    font-size: 14px;
    line-height: 17px;
    max-height: 51px;
    min-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hotelcard-rate-name {
    padding-right: 10px;
    max-width: 190px;
}
.hotelcard-rate-valueadds-wrapper {
    min-width: 130px;
}
.valueadds-wrapper {
    color: #008900;
    font-size: 14px;
    line-height: 16px;
}
.hotelcard-rate {
    margin-left: auto;
}
.hotelcard-rate-price-value {
    font-size: 20px;
    line-height: 27px;
    position: relative;
    color: #292f37;
    font-weight: 500;
}
.hotelcard-rate-price-notice {
    color: #292f37;
    font-size: 12px;
    line-height: 14px;
}
.hotelcard-content-amenities-list {
    display: flex;
    margin-bottom: 5px;
    flex-wrap: wrap;
}
.hotelcard-content-badges-list {
    display: flex;
    margin-bottom: 5px;
}
.hotelcard-nextstep-button {
    background-color: #008cb9;
    color: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    padding: 7px 10px;
    font-size: 16px;
}
.hotelcard-view-offre {
    background-color: #008cb9;
    color: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    padding: 7px 10px;
    font-size: 16px;
}
.hotelcard-nextstep-icon {
    font-size: 14px;
}

.offre-dispo {
    color: #4CAF50;
    border: 1px solid #4CAF50;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 13px;
}
.offre-sur-demande {
    color: #f57100;
    border: 1px solid #f57100;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;
    font-size: 13px;
}

.hotels-countresult {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 16px;
    border: 1px solid #00000030;
}
.countresult-header {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #292f37;
}

.left_side_favorites {
    background: #FFFFFF;
    border: 1px solid #00000030;
    border-radius: 6px;
    padding: 20px 15px;
    margin-bottom: 12px;
}
.filterfavorites-icon {
    color: #f56f6b;
    font-size: 16px;
}
.filterfavorites-label {
    color: #212529;
}

.theme_search_form_area_city {
    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;
    position: relative;
}
.img_city {
    width: 100%;
    height: 370px;
    border-radius: 10px;
}
.hotels-city {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}
.heading_theme_city {
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 0;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 18px;
}
.city_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-bottom: 20px;
}
.city_details_boxed p {
    font-size: 14px;
}

.SearchForm-modal-submit {
    width: 100%;
    border-radius: 4px;
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
    padding: 15px;
}

.g-rate-price {
    text-align: center;
}
.hotel_details_heading_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hoteldetail-name {
    font-size: 26px;
}
.hoteldetail-stars {
    color: #fcb22f;
    font-size: 14px;
}
.hoteldetail-address {
    font-size: 16px;
}
@media (max-width: 767px) {
    .hotel_details_heading_wrapper {
        display: flex;
    }
    .hoteldetail-name {
        font-size: 17px;
        line-height: 26px;
    }
    .hoteldetail-address {
        font-size: 14px;
    }
    .hoteldetail-stars {
        font-size: 10px;
    }
    .package-details-area .package-img-group .gallery-img-wrap.thumb img {
        height: 240px !important;
    }
    .package-details-area .package-img-group .gallery-img-wrap img {
        height: 90px !important;
    }
    .package-details-area .package-img-group .gallery-img-wrap button i {
        font-size: 14px;
    }
    .package-details-area .package-img-group .gallery-img-wrap button {
        font-size: 14px;
    }
    .img_city {
        display: none;
    }
}

.hotel_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-bottom: 20px;
}
.hotel_detail_right_sidebar {
    margin-bottom: 30px;
}
.hotel_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: 10px 13px;
}
.hotel_details_right_box_heading h3 {
    font-weight: 500;
    font-size: 20px;
    border-bottom: 1px solid var(--main-color);
    padding-bottom: 3px;
    display: inline-block;
}
.hotel_package_share {
    display: flex;
    align-items: center;
    padding-top: 15px;
}
.hotel_package_similar {
    padding-top: 15px;
}
.recent_hotel_item {
    display: flex;
}
.recent_hotel_img {
    width: 35%;
}
.recent_hotel_text {
    padding-left: 10px;
    width: 65%;
}
.recent_hotel_text h5 {
    font-weight: 500;
    line-height: 20px;
}
.recent_hotel_text h5 a {
    color: var(--black-color);
    font-size: 16px;
}
.similarhotel-stars {
    color: #fcb22f;
    font-size: 12px;
}

#hotel-detail-description .text {
    margin-bottom: 5px;
    color: #777;
    position:relative;
    font-size: 14px;
    display: block;
}
#hotel-detail-description .show-more {
    color: #008cb9;
    position:relative;
    font-size: 16px;
    padding-top: 5px;
    height: 20px;
    cursor: pointer;
}
#hotel-detail-description .show-more:hover {
    color: #1779dd;
}
#hotel-detail-description .show-more-height {
    height: 65px;
    overflow:hidden;
}


.hotel-amenities-list {
    display: flex;
    flex-wrap: wrap;
}
.hotel-amenities-details-icon {
    padding: 3px 7px;
    border-radius: 16px;
    border: 1px solid #d9d9d9;
    margin-right: 10px;
    margin-bottom: 5px;
}

.package-details-area .package-img-group {
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .08);
}
.package-details-area .package-img-group .gallery-img-wrap.thumb img {
    height: 400px;
}
.package-details-area .package-img-group .gallery-img-wrap a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(16, 12, 8, .6);
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .6px;
    flex-direction: column;
    transition: all .45s;
    transform: scale(.4);
    border-radius: 10px;
    opacity: 0;
}
.package-details-area .package-img-group .gallery-img-wrap a i {
    color: #fcb22f;
    font-size: 35px;
}
.package-details-area .package-img-group .gallery-img-wrap {
    position: relative;
    transition: all .45s;
    height: 100%;
}
.package-details-area .package-img-group .gallery-img-wrap img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 192px;
    width: 100%;
    border-radius: 10px;
}
.package-details-area .package-img-group .gallery-img-wrap.active button {
    transform: scale(1);
    opacity: 1;
}
.package-details-area .package-img-group .gallery-img-wrap button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(16, 12, 8, .6);
    color: var(--white-color);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .6px;
    flex-direction: column;
    transition: all .45s;
    transform: scale(.4);
    border-radius: 10px;
    opacity: 0;
}
.package-details-area .package-img-group .gallery-img-wrap button i {
    color: #fcb22f;
    font-size: 20px;
}
.package-details-area .package-img-group .gallery-img-wrap:hover a {
    transform: scale(1);
    opacity: 1;
}
.package-details-area .package-img-group .gallery-img-wrap a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(16, 12, 8, .6);
    color: var(--white-color);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .6px;
    flex-direction: column;
    transition: all .45s;
    transform: scale(.4);
    border-radius: 10px;
    opacity: 0;
}

.searchresult-form-dates {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 16px 20px;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: 16px;
    box-shadow: -4px -5px 14px rgb(0 0 0 / 8%), 5px 8px 16px rgb(0 0 0 / 8%);
}
.searchresult-form-title {
    display: none;
}
.searchresult-form-date-wrapper {
    display: flex;
}
.searchresult-form-date-from {
    margin-right: 40px;
}
.searchresult-from-title, .searchresult-to-title {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}
.searchresult-to-date-wrapper {
    display: flex;
}
.searchresult-from-date, .searchresult-to-date {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #008cb9;
}
.searchresult-to-time, .searchresult-from-time {
    margin-left: 8px;
    color: #868686;
    font-size: 16px;
    line-height: 20px;
}
.searchresult-form-info-button {
    margin-left: auto;
    margin-top: auto;
}
.button-size-xs {
    padding: 8px 14px;
}
.button-view-light {
    background-color: #fceeed;
    color: rgb(245, 111, 107);
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    font-weight: 480;
}

@media (max-width: 680px) {
    .searchresult-form-dates {
        padding: 20px 16px;
    }
    .searchresult-form-title {
        display: block;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        order: -2;
    }
    .searchresult-form-date-wrapper {
        margin-top: 16px;
        width: 100%;
    }
    .searchresult-form-date-from {
        margin-right: 48px;
    }
    .searchresult-from-title, .searchresult-to-title {
        font-size: 14px;
        line-height: 16px;
    }
    .searchresult-to-date-wrapper {
        flex-direction: column;
    }
    .searchresult-from-date, .searchresult-to-date {
        font-size: 14px;
    }
    .searchresult-to-time, .searchresult-from-time {
        font-size: 12px;
        line-height: 16px;
    }
    .searchresult-form-info-button {
        order: -1;
    }
    .searchresult-to-time, .searchresult-from-time {
        margin: 0;
    }
    .searchresult-form-info-button {
        padding: 2px 10px;
    }
    .heading_theme {
        font-size: 20px;
    }
}

.btn_save {
    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;
    padding: 17px 24px;
    font-size: 22px;
}
.search_input {
    display: block;
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 30px;
    color: var(--paragraph-color);
    padding: 0 0 0 25px;
    font-weight: 500;
    outline: 0;
    border: 1px solid #cfcfcf;
}
.button_search_input {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
    color: #fff;
    height: 40px;
    border-radius: 50%;
    background-color: #251d6c;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border: none;
    font-size: 20px;
    line-height: 40px;
}
.button_search_input:hover {
    background-color: var(--main-color);
    color: #fff;
}
.btn_cart {
    color: #fff;
    background: var(--main-color);
    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;
}
.number_cart {
    position: absolute;
    top: 0px;
    right: 0;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    font-size: 9px;
    display: block;
    background-color: #214373;
    color: #fff;
    border-radius: 50%;
}
.icon_position {
    position: absolute;
    top: 5px;
    right: 14px;
}
.icon_position i {
    font-size: 16px;
    color: var(--paragraph-color);
}
.soical_icon_footer a {
    color: #fff;
}


.transfer-countresult {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 16px;
    border: 1px solid #00000030;
}
@media (max-width: 680px) {
    .transfer-countresult {
        padding: 8px;
    }
}
.left_side_search_boxed_transfert {
    background: #FFFFFF;
    border: 1px solid #00000030;
    border-radius: 6px;
    padding: 20px 15px;
    margin-bottom: 12px;
}
.transfer_search_items {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
}

.transfer_search_item {
    margin-bottom: 15px;
    background: #FFFFFF;
    border: 1px solid #00000030;
    border-radius: 8px;
}

.selected-transfer-item {
    /*background-color: #f9f9f9;*/
    border-width: 5px;
}

.transfer_search_item_hover {
    margin-bottom: 15px;
    background: #F3F6FD;
    border: 1px solid #00000030;
    border-radius: 8px;
}


.transfer_title_item {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 12px;
}
.transfer_nbr_passager {
    font-size: 16px;
    margin-bottom: 6px;
}
.transfer_nbr_passager i {
    color: #008cb9;
}
.transfer_nbr_valise {
    font-size: 16px;
    margin-bottom: 6px;
}
.transfer_nbr_valise i {
    color: #008cb9;
}
.transfer_logo {
    width: 105px;
    height: 105px;
    border: 5px solid #e4e4e4;
    background-color: white;
    border-radius: 50%;
    position: relative;
}
.transfer_logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 36%;
}
.fas fa-info-circle{
    margin-right: 5px;
}
.what_included.clickable {
    cursor: pointer;
    color: #008cb9;
    text-decoration: underline;

}
.what_included {
    font-size: 14px;
    background-color: #f6f6f6;
    color: #616161;
    font-weight: 400;
    padding: 2px 8px;
    margin: 5px 5px 0 0;
    border-radius: 4px;
}
.type_transfer {
    font-size: 14px;
    font-weight: 600;
}
.transfer_car_name {
    font-size: 14px;
    color: #818090;
}
.frs_transfer {
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    padding: 0px 8px;
    font-size: 12px;
}

.transfer_search_item_wrappper {
    margin-bottom: 15px;
}

.transfer_search_left {
    padding: 6px 0px 0 23px;
}

.transfer_search_middel {
    padding: 25px 16px 20px 25px;
}

.transfer_search_right {
    background: #F3F6FD;
    padding: 25px 16px 20px 25px;
    height: 100%;
    border-radius: 8px;
}

.transfer_search_right h5 {
    font-size: 12px;
    font-weight: 500;
    color: var(--paragraph-color);
}

.transfer_search_right h2 {
    padding-top: 10px;
    font-size: 26px;
}

.transfer_search_right h2 sup {
    font-size: 18px;
}

.transfer_valueadds {
    font-size: 12px;
    padding-top: 2px;
    font-weight: 500;
    color: #3f9952;
    padding-top: 7px;
}

.transfer_search_right h6 {
    font-size: 12px;
    font-weight: 500;
    padding-top: 7px;
}

.transfer_btn_book {
    background-color: #008cb9;
    color: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    padding: 7px 10px;
    font-size: 16px;
    margin-top: 13px;
}

.transfer_details {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
}
.transfer_details_aller {
    border-bottom: 1px solid #00000030;
    padding-bottom: 7px;
}
.transfer_details_retour {
    border-bottom: 1px solid #00000030;
    padding-bottom: 7px;
}
.transfer_details_infos {
    padding: 10px 0;
}
.transfer_details_inner {
    font-size: 14px;
}
.btn-change-route {
    font-weight: 500;
    background: #008cb9;
    border: none;
    border-radius: 5px;
    color: #fff;
    width: 100%;
    padding: 10px;
}
@media (max-width: 425px) {
    .transfer_title_item {
        font-size: 19px;
    }
    .transfer_nbr_passager {
        font-size: 14px;
    }
    .transfer_nbr_valise {
        font-size: 14px;
    }
    .what_included {
        font-size: 10px;
    }
    .transfer_car_name {
        font-size: 13px;
    }
    .type_transfer {
        font-size: 13px;
    }
    .what_included.clickable {
        font-size: 10px;
    }
    .flight_right_arrow_icon {
        min-width: 57px !important;
    }
}
.baggage_count_options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.slider-container {
    margin: 20px 0;
    width: 100%;
}

@media (max-width: 991px) {
    .left_side_search_boxed_transfert {
        display: none;
    }
    .transfer-mobilepane-change-route, .transfer-mobilepane-filters {
        background-color: white;
        border-radius: 4px;
        box-sizing: border-box;
        color: #008cb9;
        font-size: 16px;
        line-height: 20px;
        padding: 10px;
        border: 1px solid #00000030;
        text-align: center;
        font-weight: bold;
    }
}
@media (min-width: 992px) {
    .transfer-mobilepane-controls {
        display: none;
    }

    /* animation dots */
    .loading-dots {
        font-size: 18px;
        font-weight: bold;
    }

    .dot {
        animation: blink 1.5s infinite steps(1, start);
    }

    .dot:nth-child(1) {
        animation-delay: 0.3s;
    }

    .dot:nth-child(2) {
        animation-delay: 0.6s;
    }

    .dot:nth-child(3) {
        animation-delay: 0.9s;
    }

    @keyframes blink {
        0% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }

    .oneway_search_form {
        margin-top: 30px;
    }
}

.btn-soft-primary {
    border: 1px solid #212529;
    background-color: #edeff1;
}
.btn-soft-primary:hover {
    color: #212529;
}
.widget-rounded {
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 3px 6px 16px rgba(0, 0, 0, 0.08);
    padding: 20px;
}
.widget-rounded-orange {
    border-left: 3px solid #F88A61;
}
.widget-rounded-sky {
    border-left: 3px solid #09B0EC;
}
.widget-rounded-green {
    border-left: 3px solid #1DAB2D;
}
.text-widget-rounded {
    font-weight: 600;
}
.text-widget-authorized {
    font-size: 10px;
    color: grey;
}
.total-widget {
    font-weight: 600;
    font-size: 26px;
}
.total-widget-orange {
    color: #F88A61;
}
.total-widget-sky {
    color: #09B0EC;
}
.total-widget-green {
    color: #1DAB2D;
}
.tour_details_top_bottom_dashboard {
    /* 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;
}
.gds_color {
    position: absolute;
    z-index: 99;
    padding: 0px 20px;
    color: #ffffff;
    font-size: 13px;
    left: 0px;
    top: -3px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.flight_search_details {
    color: #f56f6b;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}
.btn_search_flight {
    color: var(--white-color);
    background-color: var(--main-color);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: none;
    padding: 20px 20px;
    font-size: 18px;
    width: 100%;
}
.custom-tabs .nav-item:nth-child(1) .nav-link {
    background-color: #e9ecef;
    border: 0px solid #dddddd;
    border-radius: .25rem;
    color: #212529;
    padding: 6px;
}
.custom-tabs .nav-item:nth-child(1) .nav-link.active {
    background-color: #fff;
    color: #212529;
}
.custom-tabs .nav-item:nth-child(2) .nav-link {
    background-color: #e9ecef;
    border: 0px solid #dddddd;
    border-radius: .25rem;
    color: #212529;
    padding: 6px;
}
.custom-tabs .nav-item:nth-child(2) .nav-link.active {
    background-color: #fff;
    color: #212529;
}
.custom-tabs {
    background: #e9ecef;
    padding: 3px;
    border-radius: .25rem;
}
.flight_details_inner {
    font-size: 14px;
    color: #292f37;
}
.flight_details {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
}
.flight-countresult {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 16px;
    border: 1px solid #00000030;
}
.airline-button {
    align-items: center;
    background: #fff;
    border: 1px solid #cad6e3;
    border-radius: 25px !important;
    display: flex;
    justify-content: center;
    margin: 8px 6px;
    min-height: 50px;
    min-width: 140px;
    padding: 4px;
}
.airlineLogoFilter {
    align-self: center;
    height: 100%;
    margin-right: 12px;
    width: 25px;
}
.airline-name {
    color: #818090 !important;
    font-size: 14px !important;
}
.min-price-airline {
    color: green !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: start;
    transition: all .5s ease;
}
.flight_search_right span {
    font-size: 23px;
    font-weight: 500;
}
.flight_search_right span sup {
    font-size: 18px;
}
.vol-aller {
    font-size: 14px;
    padding-top: 15px;
    color: #818090;
}
.flight_right_arrow {
    text-align: center;
    line-height: 1.2;
}
.flight_right_arrow_icon {
    padding-top: 0;
    padding-bottom: 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100px;
}
.flight_right_arrow_icon::before {
    height: 2px;
    width: 100%;
    display: block;
    content: "";
    background-color: #d2d2d2;
}
.flight_right_arrow_icon::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #d2d2d2;
    display: block;
}
.flight_left_arrow {
    text-align: center;
    line-height: 1.2;
}
.flight_right_arrow_icon {
    padding-top: 0;
    padding-bottom: 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100px;
}
.flight_left_arrow_icon::before {
    height: 2px;
    width: 100%;
    display: block;
    content: "";
    background-color: #d2d2d2;
}
.flight_left_arrow_icon::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #d2d2d2;
    display: block;
}
.flight_search_infos {
    padding-left: 33px;
    font-size: 14px;
    line-height: 1.5;
    color: #212529;
}
.multi_city_flight_lists:nth-child(2) {
    border-top: dashed 1px #d9d8d8;
    margin-top: 8px;
    padding-top: 8px;
}
.multi_city_flight_lists {
    padding: 10px 0;
}
.btn-modal-home {
    color: #214373 !important;
    border: 1px solid #214373 !important;
    padding: 3px 20px !important;
}
.btn-modal-refresh {
    background: #214373 !important;
    color: #fff !important;
    border: 1px solid #214373 !important;
    padding: 3px 20px !important;
}
.fareoptioncard {
    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: 10px;
}
.fareoption_rate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
}
.fareoption_seperateOption {
    border-top: .1rem solid #ccc;
    margin: 1rem 0px;
}
.fareoption_detail h5 {
    font-size: 17px;
    margin-bottom: 1rem;
    color: #214373;
    font-weight: 500;
}
.price-modal-flight {
    color: var(--main-color);
    font-weight: 500;
    font-size: 20px;
}
.fare-baggage {
    align-items: center;
    border: none;
    display: flex;
    flex-direction: column;
    padding: 0 24px 24px;
}
.fareSelectionButton-selected {
    background-color: #209b872b;
    border: 1px solid #209b872b;
    color: #209b87;
    font-size: 16px;
    font-weight: 500;
    min-width: 160px;
    padding: 6px 16px;
    border-radius: 20px;
}
.fareSelectionButton {
    background-color: transparent;
    border: 1px solid #209b87;
    color: #209b87;
    font-size: 16px;
    font-weight: 500;
    min-width: 160px;
    padding: 6px 16px;
    border-radius: 20px;
}
.show-more-fare {
    color: #767676;
    cursor: pointer;
    font-size: 12px;
    margin-top: 12px;
    text-decoration: underline;
}
.check-fare-baggage {
    font-weight: 400;
    font-size: 14px;
}
.fareOption-included {
    color: green;
}
.fareOption-not-included {
    color: red;
}

.modal-header-error {
    background-color: red;
    color: white;
}

.error-message {
    color: red;
    font-weight: bold;
    margin-bottom: 5px;
}

.selected_transfer_outbound {
    position: absolute;
    z-index: 99;
    padding: 0px 20px;
    background-color: #123ad8;
    color: white;
    font-size: 13px;
    left: 0px;
    top: -3px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.flight_bottom_text {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid lightgrey; /* Separator */
}
.common_author_boxed{
    background: linear-gradient(146.48deg, rgba(255, 255, 255, 0.2) 1.3%, rgba(0, 0, 0, 0.1) 117.69%);
    backdrop-filter: blur(15px);
    border-radius: 10px;
}
#common_author_area{
    position: relative;
    /*margin-top: -400px;*/
    z-index: 99;
}
#common_author_area p{
    color: #000000 !important;
}
#main_author_form .form-group a{
    color: #000000 !important;
}

[dir="rtl"] {
    .topbar-others-options li:last-child {
        margin-right: 30px;
    }
    .icon_position {
        left: 14px;
        direction: ltr;
    }
    .main-navbar .navbar ul {
        padding-left: 0;
    }
    .meanmenu-reveal {
        left: 0 !important;
        right: auto !important;
    }
    .ps-0 {
        padding-right: 0 !important;
    }
    .regioninfo-search {
        left: 12px;
        direction: ltr;
    }
    .hotel_item_inner_content {
        padding: 15px 0 22px 20px;
    }
    .text-end {
        text-align: left !important;
    }
    .summary_details {
        order: -2;
    }
}

@media (max-width: 680px) {
    .hotelcard-rates {
        display: block;
    }
    .countresult-header {
        font-size: 20px;
        line-height: 24px;
    }
    .hotels-countresult {
        padding: 8px;
    }
    .flight-countresult {
        padding: 8px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .regioninfo-rooms {
        display: none;
    }
}
@media (max-width: 991px) {
    .hotels-leftbar-content {
        display: none;
    }
    .hotels-mobilepane {
        position: relative;
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .hotels-mobilepane-controls {
        display: flex;
        margin-bottom: 12px;
    }
    .hotels-mobilepane-filters, .hotels-mobilepane-map {
        background-color: white;
        border-radius: 4px;
        box-sizing: border-box;
        color: #f56f6b;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        padding: 14px 16px 14px 16px;
        border: 1px solid #00000030;
        margin: 2px;
    }
    .regioninfo {
        width: 240px;
        padding: 3px 10px 6px;
    }
    .summary_details {
        order: -2;
    }
    .flight-leftbar-content {
        display: none;
    }
    .flight-mobilepane {
        position: relative;
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .flight-mobilepane-filters {
        background: white;
        border-radius: 8px;
        box-sizing: border-box;
        color: #f56f6b;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        padding: 9px 13px 9px 13px;
        border: 1px solid #00000030;
        margin: 0 2px 12px;
    }
    .btn-flight-book {
        float: right;
    }
    .flight_multis_area_wrapper {
        padding: 3px 0;
    }
    .flight_search_details {
        text-align: end;
        margin-right: 20px;
    }
    .flight_policy_refund {
        padding: 0;
    }
}
@media (min-width: 992px) {
    .hotels-mobilepane-controls {
        display: none;
    }
    .flight-mobilepane-filters {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    [dir="rtl"] {
        .topbar-others-options li {
            margin-right: 10px;
        }
        .topbar-others-options li a {
            font-size: 12px;
        }
        .topbar-others-options li::before {
            content: "";
            position: absolute;
            top: 5px;
            right: -7px;
        }
        .topbar-others-options li .language-option button {
            font-size: 12px;
        }
        .btn_cart {
            font-size: 12px;
        }
    }

    .flight_search_destination {
        padding-left: 4px;
    }
    .flight_search_right {
        padding: 20px 6px 20px 6px !important;
    }
    .flight_search_right span {
        font-size: 23px !important;
    }
    .btn-flight-book {
        padding: 4px 7px;
    }
    .flight_search_right h6 {
        font-size: 14px;
    }
}