@font-face {font-family: 'EasetoBookreg';  src: url('../fonts/EasetoBookreg-400.woff') format('truetype');  }
@font-face {font-family: 'EasetoBookbold';src: url('../fonts/easetobook-Sans-Bold.woff') format('truetype');  }
@font-face {font-family: 'EasetoBooksans';  src: url('../fonts/easetobook-700.woff') format('truetype');  }
* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'EasetoBookreg', sans-serif;}
:root {--color-white: white;--color-black: #1F1F1F;--color-blue: #0056D2;}
h1, h2, h3, h4, h5, h6 {margin: 0;font-family: 'EasetoBookreg', sans-serif;}
ul, p {padding: 0;margin: 0;}
.white {color: var(--color-white);}
/*==========Group css===========*/
.txt-cntr {text-align: center !important;}
.txt-left {text-align: left !important;}
.txt-right {text-align: right !important;}
.full-width {width: 100% !important;}
.width-auto {width: auto !important;}
.width-half {width: 50% !important;}
.no-pad {padding: 0 !important;}
.no-marg {margin: 0 !important;}
.no-marg-top {margin-top: 0 !important;}
.marg-t-b-30 {margin: 30px 0;}
.no-pad-top {padding-top: 0 !important;}
.no-pad-btm {padding-bottom: 0 !important;}
.bg-none {background: none !important;}
.brdr-none {border: 0 !important;}
.shad-none {box-shadow: none !important;}
.child-half {width: calc(50% - 3px) !important;}
.pad10 {padding: 10px !important;}
.padtop10 {padding-top: 10px !important;}
.padbot10 {padding-bottom: 10px !important;}
.padtop-t-b-40 {padding: 40px 0;}
.padtop-t-b-50 {padding: 50px 0;}
.padtop-b-70 {padding-bottom: 70px;}
.padtop-l-r-40 {padding: 0 40px;}
.padtop-r-10 {padding-right: 10px;}
.padtop-l-10 {padding-left: 10px;}
.marbot30 {margin-bottom: 15px !important;}
.mar_t_10 {margin-top: 10px !important;}
.relative {position: relative;}
.font_14 {font-size: 14px;}
.font_13 {font-size: 13px;}
li, a {list-style: none;text-decoration: none;}
.font_12 {font-size: 13px;font-weight: 600;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.dirc-col {flex-direction: column;}
/*=======Group css========*/
/*===========Header===========*/
.main_secarch_bg_header {box-shadow: 0 4px 10px 0 #0000000D;}
.logo img {width: 175px;}
.call_content {white-space: nowrap;line-height: 1.3;}
.call_btn1 img {width: 35px;animation: zoom-in-zoom-out 1.5s linear infinite;margin-right: 5px;}
.call_btn1:hover img {filter: grayscale(1);}
@keyframes zoom-in-zoom-out { 0% {transform: scale(1, 1);} 50% {transform: scale(1.1, 1.1);} 100% {transform: scale(1, 1);} }
.sidMenu_wiz_supp a {font-size: 18px;font-weight: 600;color: var(--color-white);}
.main_nav_manu {display: flex;align-items: center;gap: 20px;}
.sidMenu_wiz_supp {background: #F4F4F4;color: #1F1F1F;display: flex;align-items: center;padding: 10px 12px;gap: 7px;position: relative;font-size: 14px;font-weight: 600;border-radius: 8px;cursor: pointer;}
.head_fix_add{border-bottom: 1px solid #D9D9D9;background: #fff;}
.sidMenu_wiz_english {background: #F4F4F4;border: 1px solid #F4F4F4; color: #1F1F1F;display: flex;align-items: center;padding: 10px 12px;gap: 10px;border-radius: 8px;cursor: pointer;font-size: 14px;font-weight: 600;}
.sidMenu_wiz_english:hover,.sidMenu_wiz_supp:hover{
    background: #DEDEDE;
}
.sidMenu_wiz_supp:hover span{
    background: #DEDEDE;
}
.line_main_box {position: relative;padding-left: 6px;}
.deal_state_main span img{width: 22px !important;height: 22px;border-radius: 100%;}
.line_main_box::after {content: "";height: 20px;position: absolute;left: -2px;width: 1px;background: #B0B0B0;}
.phone_canect_call a:hover i {background: var(--color-white);}
.sidMenu_flag img {width: 20px;height: 20px;border-radius: 100%;object-fit: cover;overflow: hidden;}
/* flag */
.main_nav_manu {position: relative;}
.ul_drops_cur{position: fixed !important;top: 0 !important;left: 0 !important;width: 100%;height: 100%;transform: unset !important;background: #00000091;border-radius: 0;}
.ul_drops_cur  .main_box_popup{position: absolute !important;top: 50% !important;left: 50% !important;background-color: #FFFFFF;width: 550px;padding:5px 15px;border-radius: 10px;border: 1px solid rgb(255 255 255);transform: translate(-50%, -50%) !important;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);}
.ul_drops_cur.active{display: block;}
.ul_drops_cur ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ul_drops_cur ul li{width: 23%;margin: 5px 0;padding: 0 !important;}
.ul_drops_cur ul li a {padding: 5px;display: flex;text-decoration: none;color: #333;align-items: center;justify-content: space-between;border-radius: 5px;background: #F4F4F4;border: 1px solid #F4F4F4;cursor: pointer;}
.ul_drops_cur ul li .active {border: 1px solid #333333;}
.main_into_box{position: absolute;top: 10px;right: 10px;width: 35px;height: 35px;border-radius: 100%;background: #F4F4F4;display: flex;align-items: center;justify-content: center;}
.main_into_box:hover{background: #d8d8d8;}
.main_into_box span{cursor: pointer;}
.main_into_box img{width: 15px;height: 15px;}
.night_drop_main p{font-weight: normal;}
.night_drop_main select {height: 25px;border-radius: 5px; padding: 2px 5px; font-weight: 600;font-size: 14px;border: 1px solid #ccc;margin-top: 5px;}
.night_drop_main select:focus-visible{outline: none;}
.ul_drops_cur ul li a .sprte {width: 30px;height: 30px;display: block;float: left;margin-right: 8px;background: url(../images/flag.png) no-repeat 0 0;}
.ul_drops_cur ul li a .sprte.aed {background-position: 0 -163px;}
.ul_drops_cur ul li a .sprte.aud {background-position: 0 -203px;}
.ul_drops_cur ul li a .sprte.gbp {background-position: 0 -122px;}
.ul_drops_cur ul li a .sprte.sar {background-position: 0 -246px;}
.ul_drops_cur ul li a .sprte.usd {background-position: 0 5px;}
.ul_drops_cur ul li a .sprte.mxn {background-position: 0 -323px;}
.ul_drops_cur ul li a .sprte.inr {background-position: 0 -79px;}
.ul_drops_cur ul li a .sprte.cad {background-position: 0 -36px;}
.ul_drops_cur ul li a .sprte.eur {background-position: 0 -292px;}
.ul_drops_cur ul li a {position: relative;}
.ul_drops_cur ul li a::after{position: absolute;content: '';width: 1px;height: 20px;right: 35px;background: #B0B0B0;}
.side_curency img{width: 22px;height: 22px;}
.currency_headline h4{font-size: 23px;font-weight: 700;color: var(--color-black);}
.currency_headline p{font-size: 14px;padding: 0 !important;color: var(--color-black);}
.currency_headline{padding-bottom: 10px;}
.ul_drops_cur ul li a .name_currency {display: inline-block;padding-top: 5px;font-size: 14px;color: var(--color-black);}
.popup_outer_search .search_bg_main{border-radius: 0;padding: 0;background: unset;}
.popup_outer_search{background: #e7eefa;padding: 0 0 10px;border-radius: 10px;margin: 10px 0;}
.ul_drops_cur ul li:last-child {border: none;}
.main_border_with{position: relative;cursor: pointer;}
.main_tool_tip{visibility: hidden;width: 120px;background-color: #fff;border-radius: 6px;position: absolute;top: 100%;left: 0;min-width: 200px;max-width: 350px;box-shadow: 0 0 6px #0000002e;z-index: 99; padding:0 5px; }
.toolTipWrap.main_tool_tip{
    right: 0;
    left: unset !important;
    min-width: 280px;
}
.toolTipWrap.main_tool_tip:after{
    left: unset !important;
    right: 10%;
}
.paymentDetailsCancellation .main_tool_tip{
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    left: unset;
    right: 0;
    padding: 10px;
}
.paymentDetailsCancellation .main_tool_tip:after {
    left: unset;
    right: 30px;
}
.hotel_info.hotel_container_main .main_tool_tip{
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    left: unset;
    right: 0;
    padding: 10px;
}
.hotel_info.hotel_container_main .main_tool_tip:after{
    left: unset;
    right: 10%;
}
.logo_gif_main img{width: 80px;margin: 0 auto;}
.main_tool_tip ul li{padding: 5px;}
.main_border_with:hover .main_tool_tip{visibility: visible !important;}
.deal_main_listing ul {display: flex;align-items: center;gap: 40px;}
.header_detail_nav .header_nav {gap: 40px;}
.deal_main_listing ul li a {color: #1F1F1F;font-size: 16px;}
.deal_main_listing ul .active a {font-weight: 700;text-decoration: underline;}
.footer-top-destination ul li {padding: 3px 0;}
/* ================header============== */
/* =============banner============== */
.main_text_detail h3 {color: #FFFFFF;font-size: 40px;font-family: "EasetoBookbold", sans-serif;padding: 10px 0 0;font-weight: 700;}
.main_text_detail p {font-weight: 500;color: #FFFFFF;font-size: 26px;padding: 0 0 10px;}
.banner_search_main {min-height: 600px;}
.banner_search_bg {background: url(../images/banner.webp);background-size: cover !important;display: flex !important;justify-content: center;min-height: 600px;padding-top: 100px;}
.banner_search_bg_img {padding: 0;}
.banner_search_bg_img img {width: 100%;height: 600px;object-fit: cover;}
.form-title {font-size: 50px;width: 100%;margin: 0;font-weight: 700;line-height: 1.2;text-align: center;color: var(--color-blue);}
.text-left {text-align: left;}
.flights_container p {font-size: 30px;font-weight: 400;color: var(--color-blue);}
.flights_container {display: flex;height: 100%;flex-direction: column;justify-content: center;}
.cabin_class_wrap {padding-left: 5px;}
.main_text_detail {padding: 30px 0;}
.txt-travel {font-weight: 700;color: var(--color-black);font-size: 16px;gap: 5px;}
.traveler_pass {display: flex;align-items: center;width: 100%;cursor: pointer;}
.traveler_pass img {width: 20px;}
.flight_icon_main{width: 20px;}
.traveler_pass_main {display: flex;align-items: center;justify-content: space-between;}
.travellers_main_class {padding-left: 10px;}
.search-flght-btn {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.none_hotel,.none_flight {display: none;}
.active .none_hotel {display: block;}
.active .none_flight {display: block;}
.scrolled_header .fix_top_sty{position: unset;}
/* ==========search bar============= */
/*============segment list===============*/
.main_search_engine_bar .react-select__menu .react-select__menu-list {position: absolute !important;padding-bottom: 0 !important;padding-top: 0 !important;min-width: 310px;border: unset !important;left: -50px;top: 5px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .30) !important;}
.main_search_engine_bar .react-select__menu .react-select__menu-notice{display: none;}
.main_search_engine_bar .react-select__menu{border-radius: unset !important;box-shadow: unset !important;}
.main_search_engine_bar .react-select__menu .react-select__menu-list{background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.main_search_engine_bar .react-select__menu .react-select__option {border-bottom: 1px solid #f7f0f0;padding: 10px;color: #1F1F1F;font-weight: 600;font-size: 14px !important;position: relative;padding-left: 40px !important;}
.main_search_engine_bar .react-select__menu .react-select__option:after{background-repeat: no-repeat;background-position: center center;background-size: 100%;height: 26px;width: 26px;content: "";background-image: url(../images/hotel_icon_box.png);position: absolute;left: 6px;top: 5px;}
.main_search_engine_bar .react-select__menu-portal .react-select__option:hover {background-color: #f7f7f7 !important;box-shadow: none !important;border-color: #f7f7f7 !important;}
.main_search_date .air_line_text{display: none;}
/*============segment list===============*/
.main_search_bar_bg {min-height: 600px;display: flex;align-items: center;position: relative;z-index: 1;}
.main_new_bg {clip-path: ellipse(100% 100% at 50% 0%);overflow: hidden;position: absolute;top: 0;min-height: 600px;width: 100%;left: 0;}
.main_bg_banner {background: url(../images/banner_home.webp);background-size: 100% 100%;position: absolute;width: 100%;transform: scaleX(1.6);height: 100%;animation: zoom 14s infinite alternate ease-in-out;}
@keyframes zoom { 0% {transform: scale(1);} 100% {transform: scale(1.2);} }
.main_detail_bg {position: relative;z-index: 9;}
.banner_main {background: #fff;}
.main_search_date {display: flex;align-items: center;width:33.3%;justify-content: space-between;}
.w-check-out .center-border-right {padding-left: 65px;}
.main_secarch_bar {background: #fff;border-radius: 10px;margin: 0;padding: 5px;}
.main_button_detail {padding: 10px;padding-left: 40px;}
.oneway_main_new ul li label {background-color: var(--color-white);color: var(--color-blue);padding: 8px 15px;position: relative;font-size: 16px;cursor: pointer;border-radius: 5px;}
.oneway_main_new ul .active label {color: var(--color-white);background-color: var(--color-blue);}
.oneway_main_new ul li label input {position: absolute;opacity: 0;}
.main_search_date {position: relative;}
.center-border-left::before {content: "";height: 40px;width: 1px;background-color: #D9D9D9;position: absolute;top: 50%;transform: translate(0, -50%);left: -6px;}
.center-border-right::before {content: "";height: 40px;width: 1px;background-color: #D9D9D9;position: absolute;top: 50%;transform: translate(0, -50%);right: -6px;}
.swap_btn {width: 30px;height: 30px;line-height: 1.8;border-width: 1px;border-style: solid;border-color: #CED9DE;border-image: initial;background: rgb(255, 255, 255);}
.main_input_detail {height: 70px;border-radius: 5px !important;padding: 15px 10px;background-color: var(--color-white);position: relative;}
.top_main_new{padding-top: 10px;}
.input_mob_date {font-weight: 700;color: var(--color-black);font-size: 16px;width: 100%;padding: 3px 0;border: 0;border-radius: 0;background: transparent;}
.main_search_date:hover .center-border-left {border-radius: 5px 0 0 5px !important;}
.main_search_date:hover .center-border-right {border-radius: 0 5px 5px 0 !important;}
.main_input_detail:hover {background: #F4F4F4;}
.main_search_date:hover .main_input_detail {background: #F4F4F4;}
.main_search_bar {background: linear-gradient(135deg, #FFFFFF33 0%, #FFFFFF33 50%, #FFFFFF33 100%);padding: 10px;background-color: rgb(0 0 0 / 6%);border: 1px solid rgb(255 255 255 / 10%);border-radius: 10px;backdrop-filter: blur(10px);position: relative;z-index: 2;}
.border-right-res {border-radius: 5px 0 0 5px;}
.border-left-res {border-radius: 0 5px 5px 0;}
.main_button_detail button {background-color: #0056D2;color: var(--color-white);position: relative;font-size: 16px;font-weight: 500;width: 100%;height: 50px;border: 1px solid #0056D2;display: flex;justify-content: center;align-items: center;border-radius: 5px;}
.main_button_detail button:hover {background-color: #E0F0FF;color: #0056D2;border: 1px solid #0056D2;}
.main_button_detail button span {padding-right: 8px;}
.swap_btn {width: 32px;height: 32px;position: absolute;z-index: 1;text-align: center;line-height: 1.8;box-shadow: rgb(217, 217, 217) 1px 1px 1px;cursor: pointer;top: 50%;left: -14px;border-radius: 5px;transform: translate(-50%, -50%);}
.main_input_detail input {font-weight: 700 !important;color: var(--color-black) !important;font-size: 16px !important;width: 100% !important;padding: 3px 0 !important;border: 0 !important;border-radius: 0;background: transparent !important;}
.top_main_new input{height: 55px;}
.main_input_detail label {font-size: 12px;color: #1F1F1F;}
.main_input_detail input:focus {border: 0;outline: none;}
.date_icon_main {left: 10px;top: 50%;position: absolute;transform: translate(0px, -50%);}
.flight_icon_main {left: 10px;top: 50%;position: absolute;transform: translate(0px, -50%);}
.date_icon_main img {width: 20px;height: 20px;}
.flights_container {max-width: 450px;}
.oneway_main_new ul {background: var(--color-white);padding: 6px;border-radius: 5px;max-width: 218px;justify-content: center;}
.main_input_border {padding-left: 45px;}
.main_flight_tab {border-radius: 50px;padding: 5px;background: #ffffffeb;display: inline-flex;border: 0;gap: 6px;min-width: 140px;}
.hotel_tab_main {display: flex;align-items: center;font-size: 14px;font-weight: 600;color: #26303F80;gap: 5px;}
.hotel_tab_main span {width: 30px;height: 30px;border-radius: 100%;cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 0 2px;}
.hotel_tab_main.active {color: var(--color-white);background: #0056D2;border-radius: 40px;padding: 5px 8px 5px 5px;height: 40px;cursor: pointer;}
.hotel_tab_main.active img {filter: invert(1) brightness(2);}
.hotel_tab_main img {width: 20px;height: 20px;}
.flight_tab_main {display: flex;gap: 5px;align-items: center;font-size: 14px;font-weight: 600;color: #26303F80;}
.flight_tab_main span {width: 35px;height: 40px;border-radius: 100%;cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 3px;}
.left_map_new a{text-decoration: underline;font-weight: 600;font-size: 14px;}
.flight_tab_main img {width: 20px;height: 20px;}
.hotel_detail_name ul li p{font-size: 14px;}
.flight_tab_main.active {color: var(--color-white);background: #0056D2;border-radius: 40px;padding: 5px 10px 5px 5px;height: 40px;}
.flight_tab_main.active img {filter: invert(1) brightness(2);}
.air_line_text {
    font-size: 16px;
    color: #1F1F1F;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main_search_engine_bar .react-select__single-value{margin-left: 0; display: none}
.main_comingsoon h4 {font-size: 7vw;text-align: center;font-weight: 700;line-height: 115px;color: rgb(35 50 30 / 0%);background-image: url(../images/banner_2.webp);background-repeat: no-repeat;background-position: center center;background-size: 140%;-webkit-background-clip: text;background-clip: text;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;-moz-box-shadow: -10px -10px 0 rgba(255, 255, 255, 0.4), 10px 10px 0 rgba(0, 81, 81, 0.4), 0 0 50px 50px rgba(255, 255, 255, 0.9) inset;width: 100%;}
.deal_main_box {background: linear-gradient(135deg, #1010104D 0%, #1010104D 50%, #1010104D 100%);padding: 10px;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 10px;backdrop-filter: blur(10px);margin: 40px auto 0;max-width: 780px;}
.deal_main_box ul {display: flex;align-items: center;gap: 10px;justify-content: center;flex-wrap: wrap;}
.deal_main_box ul li {font-size: 14px;color: var(--color-white);position: relative;display: flex;align-items: center;gap: 10px;white-space: nowrap;}
.child-main-fix{
    line-height: 0;
}
.arrow_close_icon img{
    width: 15px;
 }
.sidMenu_wiz_supp.show .arrow_close_icon img{
    transform: rotate(180deg);
}
.footer-exce-first img {width: 160px;height: 30px;}
.footer-exce-2 img {width: 124px;height: 30px;}
.footer-exce-3 img {width: 210px;height: 30px;}
.night_drop_main label{font-size: 12px;color: #1F1F1F;font-weight: normal;}
.night_drop_main {border-radius: 5px;display: flex;gap: 0;position: absolute;right: 38%;top: 50%;transform: translate(-50%, -50%);z-index: 9;font-size: 13px;font-weight: 700;color: #1F1F1F;cursor: pointer;align-items: center;flex-direction: column;border: 0;}
.main_input_detail .form-control:focus{background-color: transparent;}
.night_drop_main span {padding-left: 5px;position: relative;margin-left: 5px;}
.night_drop_main span::before {position: absolute;content: '';left: 0;top: 50%;transform: translate(-50%, -50%);background: #D9D9D9;height: 18px;width: 1px;}
/* ===========Room drop=========== */
.traveler_pass_main {position: relative;}
.hotel_bg_main{padding:20px 0;position: relative;z-index: 9;}
.text-danger {font-weight: 600;display: flex;gap: 3px;font-size: 12px;}
.dropdown-menu-nav {min-width: 300px;display: none;position: absolute;background: var(--color-white);box-shadow: 0 0 20px #024B9026;right: 0;z-index: 99;border-radius: 5px;overflow: hidden;overflow-y: scroll;top: 76px;padding:20px !important;max-height: 450px;}
.dropdown-menu-nav {position: absolute;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;}
.dropdown-menu-nav.d-block-drop {opacity: 1;visibility: visible;transform: translateY(0);}
.dropdown-menu-nav::-webkit-scrollbar {width: 10px;}
.dropdown-menu-nav::-webkit-scrollbar-track {width: 12px;}
.bold-age-text{
    font-weight: 600;
}
.dropdown-menu-nav::-webkit-scrollbar-thumb {border-radius: 8px;border: 3px solid transparent;background-clip: content-box;background-color: #0056D2;}
.col-trvl {display: flex;justify-content: space-between;align-items: center;padding: 5px 10px;}
.head_text_line label{font-size: 14px;font-weight: 600;}
.head_text_line span{font-size: 14px;font-weight: 700;color: #FF5F57;text-decoration: underline;background: #fff;border: 0;cursor: pointer;}
.border_bottom_main{border-bottom: 1px solid #D9D9D9;padding-bottom: 10px;margin-bottom: 10px;}
.col-trvl div label {line-height: 1.2;position: unset;font-weight: 600;font-size: 14px;}
.col-trvl div label small {display: block;font-size: 12px;color: #5E5E5E; margin-top: 2px}
.counter {display: flex;align-items: center;}
.counter input {width: 30px;border: 0;background: transparent;position: unset;padding: unset;text-align: center;font-size: 16px;color: #5E5E5E;font-weight: 600;}
.counter button {background-color: #fff;height: 25px;width: 25px;color: var(--color-blue);padding: 0;border-radius: 100%;border: 1px solid #1F1F1F; display: flex;align-items: center;justify-content: center;}
.counter button:hover{background-color: #F4F4F4;border:1px solid #1F1F1F80;color: #1F1F1F80;}
.searchenginehoteldone {border: 1px solid var(--color-blue);border-radius: 5px;padding:14px;text-decoration: none;color: var(--color-white);background: var(--color-blue);font-size: 14px;width: 100%;line-height: 1;margin: 6px 0 0 auto;font-weight: 500;}
.main_add_hotel{padding: 0 10px;text-align: center;margin-top: 10px;}
.head_text_line{display: flex;justify-content: space-between;align-items: center;}
.main_add_hotel span{background-color: #ffffff;color: var(--color-black);position: relative;font-size: 12px;font-weight: 700;padding: 5px;border: 1px solid #1f1f1f;border-radius: 5px;display: inline-block;cursor: pointer;}
.main_add_hotel span:hover{background-color: #F4F4F4;color: #1F1F1F80;border: 1px solid #1F1F1F80;}
.searchenginehoteldone:hover{color: var(--color-blue);border: 1px solid var(--color-blue);background: #E0F0FF;}
.counter button img {width: 10px;}
.main_drop_arrow {position: absolute;right: 10px;}
.main_drop_arrow img {width: 15px;}
.search_hr {border-color: var(--color-black);margin: 10px 0 0;}
.more_butt_new{font-size: 14px; color: #0056D2;text-decoration: none;font-weight: 600;}
/* ==========Room drop=========== */
/* ==========search bar============= */
/* =======Why book with======= */
.main_exciting_why {background: #fff;padding: 15px;border-radius: 10px;display: flex;gap: 8px;align-items: center;border: 1px solid #B0B0B0;}
.main_button_detail button:hover span {filter: invert(1);}
.main_exciting_why:hover {background: #F4F4F4;border: 1px solid #F4F4F4;}
.main_section_detail{display: block;}
.main_why_text p {font-size: 14px;color: #2B2B2B;}
.top_desti_width {padding: 50px;margin: 0 auto;text-align: left;border-radius: 10px;}
/* =======Why book with======= */
/* =================LOWEST FARE=================== */
.popular_air_fare {background-image: url(../images/bg_img.png);background-size: 100% 100%;padding: 0 40px 0 0;min-height: 150px;border-radius: 10px;overflow: hidden;}
.lowest_fare_text h4 {font-size: 25px;font-weight: 600;color: #026A99;}
.lowest_fare_text h3 {font-size: 28px;font-weight: 700;color: #1F1F1F;}
.lowest_fare_text p {font-size: 14px;font-weight: 400;color: #1F1F1F;}
.bg_color_main_sub p a{
    color: #ffffff;
    font-size: 14px;
    text-decoration: underline;
}
.check_butt_dis a {background-color: var(--color-blue);color: var(--color-white);position: relative;border: 1px solid var(--color-blue);font-size: 14px;border-radius: 5px;padding: 12px 20px;white-space: nowrap;}
.check_butt_dis a:hover {background-color: #E0F0FF;border: 1px solid var(--color-blue);color: var(--color-blue);}
.popular_row_main {max-width: 600px;min-height: 150px;border-radius: 0 0 40px 0;background: linear-gradient(120deg, #D9D9D9, #D9D9D9 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0));padding: 15px;gap: 85px;padding-top: 50px;position: relative;}
.main_del_box {background: url(../images/yllow_bg.svg);display: flex;position: absolute;left: 0;top: 0;width: 150px;height: 60px;background-size: cover;justify-content: center;align-items: baseline;gap: 5px;font-size: 28px;color: #fff;font-weight: 700;padding: 8px 10px;}
.main_del_box small {font-size: 24px;font-weight: 400;}
/* ================About Us================ */
.main_about_detail {overflow: hidden;background: #F4F4F4;}
.top_desti_headline h6 {color: var(--color-blue);font-size: 16px;font-weight: 600;padding-bottom: 10px;}
.button-blue {margin-top: 15px;font-weight: 600;line-height: 150%;letter-spacing: 0.32px;padding: 12px 10px;display: flex;white-space: nowrap;justify-content: center;max-width: 160px;align-items: center;transition: all 0.5s ease-in-out;background: #ffffff;color: var(--color-black);border-radius: 5px;font-family: "EasetoBookbold", sans-serif;border: 1px solid var(--color-black); font-size: 16px;}
.button-blue::after {background-image: url(../images/left.png);content: '';width: 24px;height: 24px;flex-shrink: 0;filter: invert(1);}
.button-blue:hover {background: var(--color-black);color: #fff;}
.button-blue:hover::after {background-image: url(../images/icon_left.png);filter: unset !important;}
.top_desti_headline h3 {font-size: 28px;color: var(--color-black);font-family: "EasetoBookbold", sans-serif;font-weight: 600;}
.top_desti_headline_new p {font-size: 16px;color: var(--color-black);font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.top_desti_headline_new h4 {font-size: 28px;color: var(--color-black);font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.top_desti_headline h4{font-size: 28px;color: var(--color-black);font-family: "EasetoBookbold", sans-serif; font-weight: 600;}
.planning h4{font-weight:unset;}
.bg_color_main_sub h4 {color: var(--color-white);}
.top_desti_headline h4 span {color: #94BE84;}
.bg_color_main_sub p {color: var(--color-white) !important;}
.top_desti_headline h3 span {display: block;}
.top_desti_headline p {color: var(--color-black);font-size: 16px;}
.bg_color_main_sub p {max-width: 600px;margin: 0 auto;}
.main_top_detail {position: relative;height: 200px;margin: 0 0 15px;border-radius: 10px;overflow: hidden;background: var(--color-white);box-shadow: 10px 10px 20px 0 #0000000D;}
.main_top_detail_about::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 20%;height: 20%;background: #23321e0a;border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.main_top_detail_about:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle { 0% {opacity: 1;} 40% {opacity: 1;} 100% {width: 200%;height: 200%;opacity: 0;} }
@keyframes circle { 0% {opacity: 1;} 40% {opacity: 1;} 100% {width: 200%;height: 200%;opacity: 0;} }
.main_top_detail_about {position: relative;height: 200px;margin: 0 0 15px;border-radius: 10px;overflow: hidden;background: var(--color-white);box-shadow: 10px 10px 20px 0 #0000000D;padding: 20px;text-align: center;display: flex;align-items: center;flex-direction: column;justify-content: center;gap: 10px;}
.main_top_detail img {height: 100%;width: 100%;}
.main_top_detail_about img {width: 45px;height: 45px;}
.main_top_detail_about h3 {font-size: 18px;font-weight: 700;color: var(--color-black);}
.main_top_detail_about p {font-size: 16px;color: var(--color-black);}
/* ===============About Us================= */
/* ===========Explore Stays================ */
.main_exciting_flight {width: 100%;overflow: hidden;background: var(--color-white);margin: 5px 0;border-radius: 10px;border: 1px solid var(--color-white);}
.deal_head_flex img {min-height: 270px;width: 100%;}
.airline_deal_logo {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);text-align: center;background: #00000059;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: end;}
.airline_deal_logo p {font-size: 14px;color: var(--color-white);padding-bottom: 5px;}
.airline_deal_logo h2 {font-size: 18px;font-weight: 700;color: var(--color-white);padding-bottom: 5px;}
.main_exciting_flight {overflow: hidden;position: relative;}
.main_exciting_flight .deal_head_flex img {transition: 0.2s linear;}
.main_exciting_flight:hover .deal_head_flex img {transform: scale(1.1);}
.kuching_main h2 {position: relative;}
.kuching_main h2:after {content: "";position: absolute;bottom: 0;width: 22px;height: 1px;background: #fff;left: 50%;transform: translate(-50%, 0);}
.main_exciting_flight:hover .airline_deal_logo {background: transparent;}
.main_exciting_flight:hover .kuching_main {background: var(--color-blue);height: 150px;width: 150px;border-radius: 100%;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;padding: 10px;position: absolute;left: 50%;bottom: -40px;transform: translate(-50%, 10px);}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{background: #1F1F1F80;border-radius: 100%;border: 1px solid var(--color-white);height: 30px;width: 30px;color: #ffffff;font-size: 14px;}
.mySwiper .swiper-button-next:hover, .mySwiper .swiper-button-prev:hover {border: 1px solid var(--color-white);}
.mySwiper .swiper-button-next:after,.mySwiper .swiper-button-prev:after {font-size: 16px;}
.mySwiper .swiper-button-next svg, .mySwiper .swiper-button-prev svg{width: 8px !important;}
/* ============Explore Stays=============== */
/* =============Discover Prime Hotel================= */
.main_inside_section {text-align: center;margin: 0 auto;background: #fff;}
.main_inside_section h3 {font-size: 24px;color: var(--color-blue);font-weight: 700;}
.main_inside_section p {font-size: 18px;color: var(--color-blue);}
.main_inside_text {padding: 10px 0;text-align: left;}
.main_inside_text h3 {font-size: 18px;font-weight: 700;color: var(--color-black);padding: 10px 0 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main_inside_section:hover .main_inside_text h3{
    color: var(--color-blue);
}
.main_inside_text ul {display: flex;gap: 5px;padding: 2px 0;color: var(--color-black);}
.main_inside_text ul li i {color: #FFA600;font-size: 16px;}
.main_inside_text h6 {font-size: 24px;font-weight: 700;color: var(--color-black);padding: 5px 0 0; font-family: "EasetoBookbold", sans-serif;}
.main_inside_text h6 span {font-size: 14px;font-weight: 700;color: var(--color-black);}
.color_main {max-height: 230px;border-radius: 10px;overflow: hidden;position: relative;}
.main_inside_text h5{font-size: 13px;padding: 0 0 5px;color: var(--color-black);font-weight: 700;display: flex;align-items: center;gap: 5px;}
.main_inside_text p{font-size: 13px;padding-top: 10px;color: var(--color-black);font-weight: 700;display: flex;gap: 5px;}
.main_inside_text p img{width: 16px;}
/*.main_inside_section .color_main::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: #ffffff45;border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}*/
/*.main_inside_section:hover .color_main::before {-webkit-animation: circle .75s;animation: circle .75s;}*/
/*@-webkit-keyframes circle { 0% {opacity: 1;} 40% {opacity: 1;} 100% {width: 200%;height: 200%;opacity: 0;} }*/
/*@keyframes circle { 0% {opacity: 1;} 40% {opacity: 1;} 100% {width: 200%;height: 200%;opacity: 0;} }*/
.color_main img {height: 100%;width: 100%;object-fit: cover;transition: 0.2s linear;}
.main_inside_section:hover .color_main img {transform: scale(1.1);}
.main_inside_text:last-child {color: var(--color-blue);font-size: 14px;}
/* =============Discover Prime Hotel================= */
/* =======Subscribe to Get========== */
.bg_color_main_sub {background: linear-gradient(0deg, #3DA9FC 17%, #0056D2 89%);padding: 40px 20px;text-align: center;box-shadow: -5px -5px 5px rgba(255, 255, 255, 0.45), 5px 5px 9px rgb(94 104 121 / 14%);border-radius: 12px;}
.search_subcribe_main {padding:2px 6px;max-width: 410px;margin: 20px auto 15px;display: flex;align-items: center;border: 1px solid #ffffff;border-radius: 10px;background: #fff;}
.errorsNewsLetter {
    position: absolute;
    top: 35px;
    left: 16px;
    font-size: 12px;
    color: #ff0000;
    font-weight: 400;
}

.email_new_add {width: 100%;position: relative;}
.email_new_add input {height: 50px;border: 0;width: 100%;padding-left: 38px;font-size: 16px;background: #fff;border-radius: 5px;}
.email_new_add input:focus {outline: none;}
.sub_button_main button {font-weight: 600;letter-spacing: 0.32px;border: none;background: var(--color-black);color: #F8F8FF;padding: 8px 20px;height: 42px;margin-left: 10px;border-radius: 5px;}
.sub_button_main button:hover {background: var(--color-blue);color: #F8F8FF;}
.sub_icon_email {position: absolute;left: 0;top: 48%;transform: translate(8px, -50%);width: 22px;}
/* =======Subscribe to Get========== */
/* ==========Trust Score 4.5 | Excellent=========== */
.rust_score_main {border-radius: 15px;background: #DFEDE8;padding: 20px;}
.img_trust_main {display: flex;gap: 10px;flex-direction: column;}
.img_trust_main img:first-child {width: 100px;}
.img_trust_main img:last-child {width: 85px;}
.text_excellent_main {padding: 15px 0;}
.text_excellent_main h4 {font-size: 16px;font-weight: 700;color: var(--color-black);}
.main_trust_box p {font-size: 14px;color: var(--color-black);padding-bottom: 10px;}
.text_excellent_main p {font-size: 14px;color: var(--color-black);padding-bottom: 0;}
.main_trust_box a {background: #fff;padding: 10px;border-radius: 5px;color: #333333;border: 1px solid #333333;font-weight: 600;margin-top: 10px;    display: inline-flex;align-items: center;}
.main_trust_box a:hover {background: #333333;color: #fff;border: 1px solid #333333;}
.main_banson_box {padding: 15px;background: #FFFFFF;border-radius: 10px;min-height: 220px;}
.easy_to_width {max-width: 1000px;margin: 0 auto;}
/* ==========Trust Score 4.5 | Excellent============= */
/* =========footer start========== */
.bg-footer {border-top: 1px solid #D9D9D9;}
.border-none{
    border: none;
}
.main_trust_box p{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main_trust_box.main_banson_box .main-trust-detail{
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    min-height: 220px;
}
.bg-footer-row {border-top: 1px solid #D9D9D9;}
.footer_policy {padding: 5px 0;}
.footer_policy h4 {font-size: 16px;color: var(--color-black);line-height: 21.82px;text-align: center;}
.footer_hr {padding: 0;margin: 0;border-color: var(--color-white);}
.f_sosal_text a {font-size: 18px;color: var(--color-white);}
.f_sosal_text {padding-left: 15px;}
.footer-about-us p {color: var(--color-white);max-width: 400px;}
.footer_logo {max-width: 300px;}
.footer_copy_right a {font-size: 16px;color: #2B2B2B;}
.footer_policy ul li {padding-right: 10px;}
.footer_policy ul li a {font-size: 16px;color: var(--color-black);position: relative;}
.footer_policy_left::after {content: '';width: 2px;position: absolute;right: -6px;top: 4px;height: 16px;background-color: var(--color-black);}
.main_sosal_icon {display: flex;align-items: center;justify-content: LEFT;padding-top: 10px;}
.wp-icon {width: 35px;height: 35px;text-align: center;line-height: 32px;font-size: 14px;margin-right: 10px;border-radius: 100%;border: 1px solid #3e5439;color: var(--color-black);display: flex;align-items: center;justify-content: center;}
.wp-icon:hover {border: 1px solid var(--color-black);background-color: var(--color-black);color: var(--color-white);}
.footer-top-destination h4 {font-size: 20px;font-weight: 700;color: var(--color-black);}
.footer-top-destination ul li a {color: var(--color-black);font-size: 15px;font-weight: 400;position: relative;}
.footer-top-destination ul li a:hover {color: var(--color-black);}
.footer-top-destination ul li a span {line-height: 0;}
.footer-top-destination ul li a span img {width: 14px;}
.deal_state_main span{padding: 0 !important;}
.main_sosal_icon li a {padding-left: 0 !important;}
.main_sosal_icon li a::after {content: none !important;}
.bg-copy_right {background-color: var(--color-black);}
.footer-top-destination p {padding: 10px 0;font-size: 14px;color: #2B2B2B;max-width: 300px;}
.footer-detail {position: relative;}
.text_what_to_do p a {white-space: nowrap;}
.footer_img img {width: 200px;}
.icon_phone_new {padding: 10px 0;}
.icon_phone_new a {display: flex;gap: 10px;color: var(--color-black);font-size: 14px;font-weight: 700;}
.icon_phone_new a img {width: 25px;}
.footer-top-destination ul {line-height: 1.8;}
.icon_phone_new a:hover {color: var(--color-black);}
/* =========footer end========== */
/* ==============Search bar================= */
.main_bg_search {padding: 10px;background-color: #fff;border-radius: 10px;border: 1px solid #D9D9D9;margin: 10px 0;}
.input-group-hotel {position: relative;border-radius: 5px;height: 50px;background-color: #F2F4E9;padding-left: 35px;}
.input-group-hotel .bp_hotel_search_validation {border-radius: 0;border: 0 solid #e0e0e0;position: relative;padding: 0;color: var(--color-blue);background: transparent;font-size: 16px;font-weight: 700;}
.input-group-hotel label {font-size: 12px;}
.icons-hotel {position: absolute;top: 14px;left: 7px;}
.search_icon_detail img {width: 20px;}
.icons-hotel img {width: 22px;}
.hotel_code_name {font-size: 12px;color: #000;margin-top: -4px;padding-left: 29px;}
.input-group-hotel .form-control:focus {outline: 0;box-shadow: none;}
.hotel-space-left {position: relative;border-radius: 5px;height: 50px;background-color: #F2F4E9;border-right: 0;padding-left: 30px;}
.hotel-space-right {position: relative;border-radius: 5px;height: 50px;background-color: #F2F4E9;border-left: 0;}
.hotel-space-right .bp_hotel_search_validation,
.hotel-space-left .bp_hotel_search_validation {border-radius: 0;border: 0 solid #e0e0e0;position: relative;font-size: 16px;font-weight: 700;color: var(--color-blue);background: transparent;}
.date_col_hotel_left {padding-right: 5px;}
.date_col_hotel_right {padding-left: 5px;}
.bed_icon_date {width: 18px;height: 20px;}
.icons-hotel-date {position: absolute;left: 8px;top: 50%;transform: translate(0, -50%);}
.icons-hotel-date img {width: 22px;}
.bp_hotel_search_validation:focus {outline: 0;box-shadow: none;}
.search_icon_detail {position: absolute;right: 10px;top: 50%;transform: translate(0, -50%);}
.search-flght-btn {border: none;border-radius: 5px;width: 100%;font-size: 16px;color: #fff;font-weight: 600;background: linear-gradient(180deg, var(--color-blue) 8%, var(--color-blue));padding: 10px;max-width: 180px;box-shadow: 0 0 7px var(--color-blue) inset;height: 50px;text-transform: uppercase;}
.search-flght-btn:hover {background: var(--color-black);color: #fff;box-shadow: 0 0 7px var(--color-black) inset;}
.hotel-select-room {position: relative;border-radius: 5px;height: 50px;background-color: #F2F4E9;padding: 3px 5px;}
.dropdown-toggle-hotel label img {margin-right: 7px;position: relative;top: 10px;width: 20px;left: 3px;}
.dropdown-toggle-hotel label {border-radius: 0;border: 0 solid #e0e0e0;position: relative;color: var(--color-black);font-size: 12px;background: transparent;}
.htl-totla {color: var(--color-blue);font-size: 16px;font-weight: 700;}
.hotel-htl-sel {display: block;}
.hotel-htl-sel {padding-left: 32px;}
.dropdown-toggle-hotel {text-decoration: none;line-height: 1;}
.res_mob {padding-right: 0;}
.hotel-space-left label {border-radius: 0;border: 0 solid #e0e0e0;position: relative;color: var(--color-black);background: transparent;font-size: 12px;padding-left: 13px;margin-top: 5px;}
.hotel-space-right label {border-radius: 0;border: 0 solid #e0e0e0;position: relative;color: var(--color-black);background: transparent;font-size: 12px;padding: 0 0 0 43px;margin-top: 5px;}
.hotel-space-left input {position: absolute !important;top: 0;padding: 20px 0 10px 43px;left: 0;}
.hotel-space-right input {position: absolute !important;top: 0;padding: 20px 0 10px 43px;left: 0;}
.search-flght-btn img {width: 20px;}
/* ==============Search bar================= */
.main_detail_list ul {display: flex;gap: 20px;margin: 0;align-items: center;}
.main_detail_list ul li a {font-size: 12px;color: var(--color-black);}
.main_detail_list ul li {position: relative;}
.main_detail_list ul li {font-size: 12px;}
.main_detail_list ul li:after {content: "»";font-size: 16px;top: -3px;position: absolute;right: -15px;color: #1157ce;}
.sort_by_text{font-size: 14px;padding: 8px;font-weight: 700;color: var(--color-black);position: relative;}
.main_detail_list ul li:last-child:after {display: none;}
.bg_main_search {background: #fff;border-bottom: 1px solid #D9D9D9;padding: 10px 0;}
.modify_search_bar {padding: 0;margin: 10px 0 0;border: 1px solid #D9D9D9 !important;display: none; }
.main_search_bar.modify_search_bar.expend_hotel{display: block;}
.main_bg_result {background: #F4F4F4;padding: 10px 0;}
.cardSlider{position: relative;}
.text_check_general h4{position: relative;padding-left: 24px;}
.text_check_general span{position: absolute;left: 0;}
.cardSlider .swiper-button-next, .cardSlider .swiper-button-prev{background: #F4F4F4;border-radius: 100%;border: 1.5px solid var(--color-white);height: 32px;width: 32px;color: var(--color-black);font-size: 14px;position: absolute;z-index: 999;display: flex;align-items: center;justify-content: center;cursor: pointer;top: 50%;transform: translate(0, -50%); margin-top: unset !important;
}
.main_border_search{border: none;background: transparent;font-size: 16px;font-weight: 700;}
.main_border_search .react-select__indicator-separator{background-color: transparent;}
.cardSlider .swiper-button-next{right: 0;}
.cardSlider .swiper-button-prev{left: 0;}
.main_row_search .swiper{z-index: 0 !important;}
.cardSlider .swiper-button-next:hover, .cardSlider .swiper-button-prev:hover {border: 1.5px solid var(--color-white);background: #9a9a9a;}
.cardSlider .swiper-button-next:after,
.cardSlider .swiper-button-prev:after {font-size: 14px;}
/* ==================filter=============== */
.main_filter_detail {border-radius: 0;padding: 0;}
.filter_clear_all h6 {color: var(--color-black);font-size: 14px;font-weight: 600;}
.filter_clear_all a {color: var(--color-black);text-decoration: none;font-size: 12px;}
.search_bar_input {position: relative;}
.search_bar_input input {background: #FFFFFF;height: 44px;padding: 10px;width: 100%;border-radius: 5px;font-size: 14px;font-weight: 700;border: 1px solid #D9D9D9;}
.search_bar_input input:hover,.search_bar_input .form-control:focus{
    border: 1px solid #0056D2;
}
.search_bar_input input::placeholder {color:#B0B0B0;}
.search_bar_input span {position: absolute;display: flex;top: 50%;right: 0;cursor: pointer;border-radius: 5px;transform: translate(-50%, -50%);}
.search_bar_input span img {width: 20px;}
.price-field {height: 22px;padding-top: 10px;width: 100%;position: relative;z-index: 1;}
.price-field input[type=range] {position: absolute;}
.price-field input[type=range] {width: 100%;height: 3px;border: 0;outline: 0;box-sizing: border-box;border-radius: 5px;pointer-events: none;-webkit-appearance: none;background: var(--color-black);}
.price-field input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
.price-field input[type=range]:active,
.price-field input[type=range]:focus {outline: 0;}
.price-field input[type=range]::-ms-track {height: 3px;border: 0;outline: 0;box-sizing: border-box;pointer-events: none;background: transparent;border-color: transparent;color: transparent;border-radius: 5px;}
.price-field input[type=range]::-webkit-slider-thumb {position: relative;-webkit-appearance: none;margin: 0;outline: 0;border-radius: 50%;height: 20px;width: 20px;margin-top: -9px;background-color: var(--color-blue);border: 2px solid #fff;cursor: pointer;pointer-events: all;z-index: 100;box-shadow: 1px 2px 13px 0 #00000040;}
.price-field input[type=range]::-moz-range-thumb {position: relative;appearance: none;margin: 0;border: 0;outline: 0;border-radius: 50%;height: 10px;width: 10px;margin-top: -1px;background-color: var(--color-blue);cursor: pointer;pointer-events: all;z-index: 100;}
.price-field input[type=range]::-ms-thumb {position: relative;appearance: none;margin: 0;border: 0;outline: 0;border-radius: 50%;height: 10px;width: 10px;margin-top: -5px;background-color: var(--color-black);cursor: pointer;pointer-events: all;z-index: 100;}
.price-field input[type=range]::-webkit-slider-runnable-track {height: 3px;cursor: pointer;background:var(--color-blue);border-radius: 5px;}
.price-field input[type=range]::-moz-range-track {height: 3px;cursor: pointer;background:var(--color-blue);border-radius: 5px;}
.price-field input[type=range]::-ms-track {height: 3px;cursor: pointer;background: var(--color-blue);border-radius: 5px;}
.price-wrap {display: flex;color: var(--color-black);font-size: 14px;line-height: 1.2em;margin-top: 10px;margin-bottom: 5px;justify-content: end;}
.price-wrap_line {margin: 0 10px;}
.price-wrap #one,.price-wrap #two {width: 100%;text-align: left;margin: 0;padding: 0;margin-right: 2px;background: 0;border: 0;outline: 0;color: var(--color-black);line-height: 1.2em;font-size: 13px;font-weight: 600;}
.price-wrap #one{text-align: left;}
.price-wrap-2 #two{text-align: right !important;}
.price-wrap label {text-align: right;font-size: 13px;font-weight: 600;}
.price-field input[type=range]:hover::-webkit-slider-thumb {transition-duration: 0.3s;}
.price-field input[type=range]:active::-webkit-slider-thumb {transition-duration: 0.3s;}
.custom_checkbox input {display: none;}
.custom_checkbox {position: relative;}
.checkbox {margin-bottom: 5px;}
.cardSlider .swiper-button-prev svg{transform: rotate(180deg) !important;}
.userrating {font-size: 12px;color: var(--color-black);}
.checkbox label {min-height: 20px;padding-left: 30px;margin-bottom: 0;font-weight: 400;cursor: pointer;}
.custom_checkbox input:checked~span {opacity: 1;border: 1px solid #23321D;background: #23321D;}
.custom_checkbox span {display: inline-block;width: 18px;height: 18px;border: 1px solid #23321D;position: absolute;left: 2px;transition: all 0.2s;z-index: 1;box-sizing: content-box;border-radius: 2px; top: 0;}
.custom_checkbox span:before {transform: rotate(-49deg);top: 13px;left: 0.4rem;}
.custom_checkbox input:checked~span:before,.custom_checkbox input:checked~span:after {content: "";border: 2px solid #fff;border-left: 0;border-top: 0;height: 12px;left: 6px;opacity: 1;position: absolute;top: 2px;transform: rotate(45deg);transition: opacity 0.2s ease-in-out;width: 6px;border-radius: 1px;}
.custom_checkbox img {width: 20px;}
.custom_checkbox span:after {transform: rotate(40deg);bottom: 8px;left: 4px;}
.rating-check {font-size: 12px;}
.pull-right {float: right;}
.filter_clear_all {display: flex;align-items: center;justify-content: space-between;white-space: nowrap;cursor: pointer;padding: 12px 0;}
.row_sidebar_contant {padding-bottom: 10px;}
.filter_clear_all img {width: 16px;}
.main_section_drop.active img {transform: rotate(-90deg);}
.border-bottom-0 {border-bottom: 0 !important;}
.show_button_main{font-size: 12px;color: var(--color-blue);margin-top: 10px;}
.custom-pin {position: relative;display: inline-block;bottom: auto;transition: all 0.2s ease;}
/* =============main list detail================ */
.main_hotel_tab {display: flex;gap: 20px;border-bottom: 1px solid #D9D9D9;background: #fff;border-radius: 5px 5px 0 0;padding: 5px 0 0;}
.main_hotel_tab .text-list-detail img{width: 20px;height: 20px;}
.text-list-detail {font-size: 16px;padding: 8px;font-weight: 600;color: #26303FB2;position: relative;cursor: pointer;}
.img_main_new{margin: 10px 0;}
.text-list-detail.active {color: var(--color-black) !important;background: #F4F4F4 !important;border-radius: 10px 10px 0 0;border: 1px solid #d9d9d9;border-bottom: 0;}
.main_listdetail_result {background: #fff;border-radius: 10px;margin: 16px 0;border: 1px solid #D9D9D9;}
.img_detail_hotel img {height: 215px;width: 100%;border-radius: 10px; object-fit: cover;}
.hotel_main_bro h4 {font-size: 18px;font-weight: 700;color: var(--color-black);padding: 5px 0 3px;}
.hotel_main_bro ul {display: flex;gap: 2px;align-items: center;}
.hotel_main_bro ul li .fa-star{font-size: 12px;color: #ffa62d;}
.hotel_main_bro ul li .fa-star-empty{font-size: 12px;color: #e5e5e5;}
.hotel_main_bro ul li p{font-size: 12px;font-weight: 500;color: var(--color-black);}
.left_map_new{margin-left: 5px;}
.hotel_main_bro h6 {font-size: 13px;font-weight: 500;color: var(--color-black);padding: 4px 0;}
.hotel_main_bro h6 img {width: 14px;}
.pos_detail_xs {display: flex;flex-direction: column;gap: 3px;}
.custom_tooltip_hotel{font-size: 12px;}
.non_color {font-size: 14px;font-weight: 500;display: flex;gap: 5px;align-items:center;}
.park_icon_box img{width: 10px !important;}
.text_king_new_left{position: relative;}
.text_king_new_left::after {content: "";height: 100%;width: 1px;background-color: #D9D9D9;position: absolute;top: 0;right: 0;}
.main_lowesr_detail h4 {font-size: 12px;color: #38B000;font-weight: 700;padding-bottom: 12px;padding-top: 5px;}
.non-refund .text-danger .images-box-main{
display: none;
}

.main_detail_dua a{font-weight: 700;}
.main_lowesr_detail h3 {font-size: 24px;color: var(--color-black);line-height: 25px;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.main_info_book{display: flex;gap: 15px;align-items: center;justify-content: space-between;}
.book_new_button{border-radius: 5px;padding: 7px;background: #fff;border: 1px solid var(--color-black);font-weight: 600;color: var(--color-black);min-width: 106px;position: relative;height: 40px;font-size: 14px;display: flex;align-items: center;justify-content: center;}
.book_new_button:hover{background: var(--color-black);border: 1px solid var(--color-black);color: var(--color-white);}
.selected_box{display: flex;align-items: center;gap: 5px;}
.btnSelect.active .book_new_button{background: var(--color-black);color: var(--color-white);}
.res_top_12{padding: 12px 0 5px !important;}
.main_lowesr_detail h5 {font-size: 12px;color: #1F1F1F;line-height: 24px;}
.main_lowesr_detail h6 {font-size: 14px;color: var(--color-black);line-height: 24px;font-weight: 700;}
.sm-none-main{background: #fff;padding: 12px;margin: 10px 0;border-radius: 10px;}
.main__lowesr_detail .select_room_butt {background: var(--color-black);border-radius: 5px;width: 100%;font-size: 14px;color: var(--color-white);font-weight: 700;max-width: 118px;padding: 9px 12px;display: inline-block;border: 1px solid var(--color-black);text-align: center;}
.main__lowesr_detail .select_room_butt:hover {background: #ffffff;color: var(--color-black);}
.hotel_more_view .pointer{font-size: 12px;color: var(--color-blue);font-weight: 600;padding: 6px 0;cursor: pointer; display: flex;align-items: center;}
.hotel_more_view .pointer:hover{color: #3DA9FC;}
.hotel_more_view .pointer img {width: 20px;}
.main_lowesr_detail{text-align: right;}
.main__lowesr_detail {display: flex;align-items: flex-start;justify-content: end;gap: 20px;}
.verify-hotels-main{max-width: 350px !important;}
.main_expired_box{max-width: 350px !important; margin: 0 auto;}
.fix_top_sty {position: sticky;top: 0;z-index: 999;}
.fix_top_sty .header_main {background: #ffffff;padding-bottom: 1px;padding-top: 1px;}
.header_main_nav {padding: 10px 0;}
.fix_top_sty .main_secarch_bg_header {box-shadow: unset !important;}
.main_photo_del{position: relative;}
.main_photo_del span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #00000066;display: flex;padding: 8px 15px;gap: 10px;font-size: 18px;color: #fff;border-radius: 10px;font-weight: 700;cursor: pointer;border: 1px solid #ffffff24;height: 50px;align-items: center;}
.main_photo_del span:hover{background: #0000009f;}
.main_photo_del span img{width: 20px;height: 20px;min-height: 20px;margin-bottom: 0;}
.dataTables_paginate {margin: 5px 0;background: #fff;padding: 8px;border-radius: 5px;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);}
.paginate_button a {background: #ffffff00;border-radius: 8px !important;box-shadow: unset;text-decoration: none;color: #333;border: 0;}
.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active>a:not(.page-link),
.pagination li.active>a:not(.page-link):hover, .pagination li.active>a:not(.page-link):focus {border-color: transparent;background-color: var(--color-blue);color: #fff;}
.page-link {padding: 0;}
.page-link:hover {background-color: #d9d9d9;border: 0;outline: none;color: var(--color-black);}
.page-item:not(:first-child) .page-link {margin-left: .375rem;}
.page-link,.page-link>a {border-radius: .375rem;text-align: center;min-width: calc(2.2505625rem + calc(1px* 2));min-height: calc(2.2508625rem + calc(1px* 2));display: inline-flex !important;justify-content: center;align-items: center;}
.dataTables_paginate ul .disabled a {background-color: #ffffff00 !important;color: #333;font-size: 14px;padding: 0;}
.previous img {width: 18px;margin-right: 5px;}
.next img {width: 18px;}
.main_pagin_new {display: flex;gap: 10px;align-items: center;}
.main_pagin_new li {font-size: 14px;font-weight: 500;color: var(--color-black);}
.main_pagin_new li a {padding: 10px 15px;font-size: 14px;color: var(--color-black);background: #fff;border-radius: 5px;font-weight: 700;border: 1px solid #D9D9D9;}
.main_pagin_new li a:hover {background: #D9D9D9;}
.filterBox{margin-bottom: 10px;}
.filterBox .title {font-size: 16px;font-weight: 700;color: var(--color-black);}
.filterBox .clear_all_main{font-size: 14px;color: var(--color-blue);cursor: pointer;}
.text-list-detail.active{position: relative;}
.text-list-detail.active span:after {right: -20px;content: "";width: 20px;height: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 0 0 0 10px;background: #ffffff;border: 1px solid #d9d9d9;z-index: 2;position: absolute;bottom: -1px;border-top: 0;border-right: 0;}
.text-list-detail.active span::before {content: "";left: -20px;width: 20px;height: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 0 0 10px 0;background: #ffffff;z-index: 2;position: absolute;bottom: -1px;border: 1px solid #d9d9d9;border-top: 0;border-left: 0;}
.text-list-detail.active::after{content: "";right: -10px;background: #f4f4f4;width: 15px;height: 10px;position: absolute;bottom: 0;}
.text-list-detail.active::before{content: "";left: -10px;background: #f4f4f4;width: 15px;height: 10px;position: absolute;bottom: 0;}
.text-list-detail.active .border_none_b::after{position: absolute;content: "";background: #f4f4f4;height: 1px;width: 108.8%;bottom: -1px;left: -6px;}
/* ========hotel-result page=========== */
/* ========hotel-detail page=========== */
.main_detail_over {background: var(--color-white);display: flex;justify-content: space-between;align-items: center;}
.main_detail_over .main_hotel_tab {border-bottom: 0;}
.detail_bg {background: #F6F6F5;}
.detail_new_price h3 {font-size: 20px;font-weight: 700;margin-bottom: 5px;color: var(--color-blue);}
.detail_new_price {text-align: right;display: flex;gap: 10px;}
.detail_new_price .free_concella_text p {font-size: 12px;color: var(--color-blue);white-space: nowrap;}
.main_detail_over .text-list-detail.active::after {bottom: -9px;}
.detail_new_price .search-flght-btn {height: 45px;z-index: 1;}
.main_hotel_detail img {width: 100%;height: 100vh;max-height: 340px;border-radius: 10px 0 0 10px; object-fit: cover;}
.b-r-bor{border-radius: 0 0 10px 0;overflow: hidden;}
.b-l-bor{border-radius: 0 10px 0 0;overflow: hidden;}
.img_hotel_detail img {width: 100%;height: 100%;max-height: 110px;min-height: 110px;object-fit: cover;}
.main_row_del{row-gap: 10px;border-radius: 10px;overflow: hidden;position: relative;margin-right: 0;}
.main_new_one{position: absolute;bottom: 27px;z-index: 1;display: flex;padding: 8px 15px;gap: 10px;font-size: 14px;color: #fff;border-radius: 10px;cursor: pointer;border: 1px solid #ffffff24;height: 44px;align-items: center;text-transform: uppercase;width: 83px;right: 45px;background: #00000066;}
.hotel_detail_name{position: relative;padding-bottom: 10px;}
.hotel_detail_name span{position: absolute;left: 0;border-radius: 100%;height: 60px;width: 60px;background: #fff;}
.hotel_detail_name span img{width: 100%;border-radius: 100%;}
.hotel_detail_name h4 {font-size: 20px;}
.main_room_text{color: var(--color-black);font-size: 16px;font-weight: 700;}
.hotel_main_bro h5 {color: var(--color-black);font-size: 18px;font-weight: 700;}
.flex_hotel_detail ul {padding: 5px 0;flex-direction: column;align-items: baseline;}
.flex_hotel_detail ul li {display: flex;align-items: center;gap: 6px;font-weight: normal;}
.flex_hotel_detail ul li img{width: 16px;}
.flex_hotel_detail ul li{font-size: 13px;color: var(--color-black);}
.flex_hotel_detail ul li span{font-weight: 700;}
.text_price_det .free_concella {margin-bottom: 5px;}
 .non_color {padding: 0;color: #cf1a0c !important;}
.main_lowesr_detail h3 {padding: 0;}
.hotel_popular_wifi ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;gap: 5px;}
.hotel_popular_wifi{margin: 0;padding-bottom: 5px;}
.hotel_popular_wifi ul li{margin: 4px 0;}
.custom_tooltip_hotel span{font-weight: 600;display: flex;align-items: center;gap: 2px;}
.main_headline_rep h5{font-weight: 600;font-size: 16px;color: var(--color-black);margin-bottom: 10px;}
.main_ret_detail .modal-content .modal-header{padding: 7px 10px;border-bottom: 1px solid #ccc;background: #F6F6F6;border-radius: 8px 8px 0 0;justify-content: space-between;align-items: center;}
.main_ret_detail .modal-content .modal-header .btn-close {padding: 10px;border-radius: 100%;border: 1px solid #7b7b7b;font-size: 10px;}
.amnDataPop{display: flex;flex-wrap: wrap;gap: 10px;}
.roomFaciPop .text-capitalize{font-weight: 600;font-size: 16px;color: var(--color-black);}
.popup_slider_images img{width: 100%;height: 200px;border-radius: 10px;}
.amnDataPop li{gap: 10px;}
.slider_main_box{width: 100%;float: left;background: #fff;padding: 10px;border-radius: 10px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);}
.hotel_popular_wifi ul li span{
    padding: 5px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    color: var(--color-black);
    text-decoration: none;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: capitalize;
}
.hotel_popular_wifi ul li span img{width: 15px;height: 15px;}
.text_price_det .main_lowesr_detail h3 {padding: 5px 0 3px;}
.intro_text_box{line-height: .8;text-align: right;}
.hotel_main_bro ul li img {width: 14px;margin: 0 2px 0 2px;}
.bg_policies_main h3 {padding-bottom: 10px;}
.main_amenities_dev {display: flex;flex-wrap: wrap;gap: 10px;}
.amenities_box {display: flex;gap: 10px;align-items: center;}
.ameni_icon {border-radius: 6px;width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;border: 1px solid #B0B0B0;}
.amenities_box p {font-size: 14px;color: #26303FB2;}
.ameni_icon img {width: 20px;}
.Parking img {width: 18px;}
.detail_hotel_view {text-align: right;}
.main_box_del{display: flex;gap: 20px;justify-content: space-between;align-items: center;margin-top: 10px;}
.main_top_reasons {padding: 10px;border: 1px solid #D9D9D9;background: linear-gradient(0deg, #E0F0FF 17%, #F4F4F4 89%);border-radius: 10px;margin: 5px 0;height: 100%;}
.reasons_box {font-size: 18px;font-weight: 700;color: var(--color-black);display: flex;gap: 7px;flex-direction: column;}
.reasons_box span {display: flex;justify-content:left;align-items: center;}
.reasons_box span img {width: 40px;}
.main_top_reasons p {padding-top: 5px;font-size: 13px;color: var(--color-black);}
.bg_text_main_head h3 {color: #26303F;font-size: 24px;font-weight: 600;}
.main_room_options {padding: 15px;background: var(--color-white);border-radius: 10px;margin: 15px 0;overflow: hidden;position: relative;padding-right: 55px;}
.view_all_main {background: var(--color-black);padding: 10px;display: flex;justify-content: center;align-items: center;position: absolute;top: 0;right: 0;width: 40px;height: 100%;flex-direction: column;gap: 30px;cursor: pointer;}
.view_all_main h3 {font-size: 14px;color: var(--color-white);font-weight: 600;white-space: nowrap;transform: rotate(-90deg);text-transform: uppercase;}
.detail_box_booking {padding: 15px;border-radius: 10px;display: flex;gap: 15px;background: #F3F5EA;border: 1px solid var(--color-black);}
.img_booking img {border-radius: 5px;overflow: hidden;width: 100%;}
.text_booking_new h5 {color: var(--color-black);padding-bottom: 10px;font-size: 16px;font-weight: 600;}
.text_booking_new ul {display: flex;gap: 10px;flex-wrap: wrap;}
.text_booking_new ul li a {font-size: 12px;font-weight: 500;color: #26303FB2 !important;display: flex;align-items: center;gap: 5px;}
.text_booking_new ul li a span img {width: 15px;}
.text_booking_new .view_all_ameni {color: #0672FF;text-decoration: underline;font-size: 14px;font-weight: 600;padding: 15px 0 5px;display: inline-flex}
.text_booking_new {width: 40%;}
.text_booking_new {width: 60%;}
.detail_price_booking {background: #F4F4F4;border: 1px solid #F4F4F4;border-radius: 10px;margin: 5px 0;}
.top_but_none .toggle_read_more {margin-top: 0;}
.head_price_booking {display: flex;justify-content: space-between;padding: 10px;border-bottom: 1px solid #E4E8D3;}
.head_price_booking h4 {color: var(--color-black);font-weight: 700;font-size: 16px;text-transform: uppercase;}
.box_main_price {display: flex;justify-content: space-between;padding: 10px;}
.text_booking_price {text-align: right;}
.text_booking_price h3 {font-size: 24px;color: var(--color-blue);line-height: 25px; font-weight: 700; padding: 8px 0;}
.text_booking_price h5 {font-size: 13px;color: #5E5E5E;line-height: 24px;}
.text_king_new_date h4 {display: flex;align-items: center;gap: 10px;font-size: 13px;color: var(--color-black);font-weight: 600;margin-bottom: 5px;white-space: nowrap;}
.main_included a {display: flex;margin-bottom: 5px !important;text-decoration: none;font-size: 13px;color: var(--color-black);align-items: center;gap: 5px;}
.Per_night_text_main p {font-size: 12px;color: var(--color-black);font-weight: normal;}
.Per_night_text_main h6 {color: var(--color-black);font-weight: 700;font-size: 24px;font-family: 'EasetoBooksans', sans-serif;;}
.text_king_new_date h4 img {width: 22px;}
.main_row .detail_price_booking {margin: 10px 0;}
.view_all_main .main_Less {display: none;}
.view_all_main.but .main_Less {display: block;}
.view_all_main.but .main_all {display: none;}
.view_all_main.but span img {transform: rotate(-180deg);}
.max_detail_check {background: #fff;border-radius: 0 10px 10px 10px;box-shadow: 0 0 8px 0 rgb(225 225 225 / 34%);border: 1px solid #D9D9D9;overflow: hidden;border-bottom: 0;}
.text_king_new_left{padding: 10px 5px;display: flex;align-items: center;}
.main_info_book{padding: 10px 0;}
.site_cart_box .xs_block_detail .city_box_text{
    align-items: center;
}
.city_box_text h4{font-size: 18px;font-weight: 700;font-family: 'EasetoBooksans', sans-serif;}
.Location_time_main h5 {font-size: 16px;color: var(--color-black);font-weight: 600;padding-bottom: 5px;}
.toggle_read_more{background: #0056D2;padding: 7px 10px;margin-top: 10px;width: 100%;border: 0;font-size: 14px;font-weight: 700;color: #fff;}
.Location_time_main p {font-size: 14px;color: var(--color-black);padding-bottom: 5px;font-weight: 500;}
.Location_time_main {padding-bottom: 10px;}
.bg_policies_main h3 {font-size: 24px;font-weight: 700;color: var(--color-black); font-family: 'EasetoBooksans', sans-serif;}
.policie_box_main {display: flex;gap: 20px;align-items: center;padding-bottom: 5px;}
.check_img_det img {width: 40px;}
.check_text_det h5 {font-size: 16px;color: var(--color-black);font-weight: 600;}
.check_text_det p {font-size: 14px;color: var(--color-black);font-weight: normal;}
.policie_box_list {display: flex;gap: 10px;padding-right: 15px;}
.policie_box_list {border-right: 1px solid #26303F4D;}
.policie_box_list:last-child {border-right: 0;}
.check-in-condit h4 {padding-top: 10px;font-size: 16px;font-weight: 600;color: var(--color-black);}
.check-in-condit ul {padding-left: 15px;}
.check-in-condit ul li {font-size: 14px;list-style: disc;padding: 2px 0;}
.text_check_general h4 {font-size: 14px;font-weight: 600;color: var(--color-black);padding-bottom: 10px;}
.text_check_general h4 span img {height: 16px;margin-right: 8px;}
.text_check_general ul {padding: 0;margin: 0;list-style: none;}
.text_check_general ul li {padding-left: 20px;font-size: 12px;margin-bottom: 7px;position: relative;color: #5E5E5E;}
.text_check_general ul li span {position: absolute;left: 0;}
.detail_main_secrch.fix_new {position: fixed;top: 0;z-index: 9;width: 100%;}
.detail_main_secrch{background: #fff;border-bottom: 1px solid #B0B0B0;}
.text-list-det-main a {font-size: 16px;padding: 10px;font-weight: 600;color: #26303FB2;position: relative;}
.text-list-det-main a.active {color: var(--color-black) !important;background: #F4F4F4 !important;border-radius: 10px 10px 0 0;border: 1px solid #d9d9d9;border-bottom: 0;}
.text-list-det-main a.active::after {content: '';position: absolute;bottom: -1px;width: 100%;height: 1px;background: #FF4400;left: 0;}
.detail_hotel_view a {font-size: 14px;padding:7px 10px;background: #fff;border: 1px solid var(--color-black);border-radius: 5px;color: var(--color-black);max-width: 143px;display: inline-block;}
.detail_hotel_view a:hover{background: var(--color-black);border: 1px solid var(--color-black);color: #fff;}
.hotel-select-room {position: relative;}
.hotel-select-room .dropdown-menu-nav {top: 50px;}
.mobile-search-info {display: flex;}
.mobile-search-info .left {display: flex;gap: 15px;align-items: center;}
.mobile-search-info .cityname {color: var(--color-black);font-size: 14px;}
.mobile-search-info .active {font-weight: 700;}
.date_info {color: var(--color-black);font-size: 14px;}
.date_info img {width: 20px;margin: 0 5px;}
.modifysearchBtn_hotel {font-size: 16px;font-weight: 700;color: var(--color-blue);cursor: pointer;}
.mobile-search-info .right{margin-left: 10px;}
.modifysearchBtn_hotel span img{margin: 0 5px;}
.modifysearchBtn_hotel span{display: none;}
.modifysearchBtn_hotel .close-modify-main{display: block;font-size: 14px;}
.expend_bott_box .close-modify-main{display: none;}
.expend_bott_box .open-modify-main{display: block;}
.open-modify-main{color: #ff5f57;}
.cityname{position: relative;}
.cityname::before{position: absolute;right: -10px;content: "";top: 2px;height: 20px;width: 1px;background: #B0B0B0;}
.city_line{position: relative;padding: 0 2px;}
.city_line::before{position: absolute;right: 0;content: "";top: 0;height: 15px;width: 1px;background: #B0B0B0;}
.text-list-detail-main .active{position: relative;}
.text-list-detail-main .active:after {right: -20px;content: "";width: 20px;height: 12px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 0 0 0 5px;background: #ffffff;border: 1px solid #B0B0B0;z-index: 2;position: absolute;bottom: -1px;border-top: 0;border-right: 0;}
.text-list-detail-main .btn{padding: 10px;color: #1F1F1FB2 !important;font-size: 14px;}
.text-list-detail-main .active{background: #F4F4F4 !important;border-radius: 5px 5px 0 0;border: 1px solid #B0B0B0;border-bottom: 0;color: #1F1F1F !important;}
.text-list-detail-main .active::before {content: "";left: -20px;width: 20px;height: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 0 0 5px 0;background: #ffffff;z-index: 2;position: absolute;bottom: -1px;border: 1px solid #B0B0B0;border-top: 0;border-left: 0;}
.text-list-detail-main .active .border_none_b::after{content: "";right: -10px;background: #F4F4F4;width: 15px;height: 10px;position: absolute;bottom: 0;}
.text-list-detail-main .active .border_none_b::before{content: "";left: -10px;background: #F4F4F4;width: 15px;height: 10px;position: absolute;bottom: 0;}
.text-list-detail-main .active .border_none_b span::after{position: absolute;content: "";background: #F4F4F4;height: 1px;width: 125%;bottom: -1px;left: -6px;}
.main_my_cart{padding: 15px;border-radius: 5px;background: #FFFFFF;position: sticky;top: 70px;}
.box_cart_my li:first-child{font-weight: 600;margin-left: 0 !important;}
.box_cart_my li{color: var(--color-black);gap: 10px;display: flex;font-size: 14px;margin: 0 3px;}
.box_cart_my li img{width: 18px;}
.box_cart_my li:last-child{border-left: 1px solid #1F1F1F;padding-left: 5px;}
.city_view_room{border:1px solid #D9D9D9;border-radius: 10px;padding: 12px;margin: 10px 0;width: 100%}
.city_box_text{color: #1F1F1F;font-size: 15px;font-weight: 700;display: flex;gap: 6px;}
.city_box_text img{width: 42px;height: 42px;border-radius: 5px;object-fit: cover;}
.remove_icon{width: 30px;height: 30px;border-radius: 100%;background: #F4F4F4;display: flex;align-items: center;justify-content: center;border: 0;}
.img_can{display: flex;align-items: flex-start;gap: 10px;justify-content: space-between;}
.room_only_wifi ul li{font-size: 13px;color: #1F1F1F; font-weight: 400;}
.room_only_wifi ul{padding:0;display: flex;align-items: center;gap: 5px;}
.main_border_with img{border-radius: 0 !important;width: 16px;height: 16px; margin-left: 3px}
.text-warning {color:#ff6c23 !important;}
.border-right-box .form-group{border: 0;border-right: 1px solid #dde6f2;}
.align-mid{align-items: center;}
.room_only_wifi ul li:nth-child(2){font-weight: 600;color: #1F1F1F;font-size: 14px;padding-right: 5px;border-right: 1px solid #1F1F1F;}
.price_main_del{padding: 5px 0 0;display: flex;align-items: center;justify-content: space-between;}
.price_dev{color: #1F1F1F;font-size: 16px;font-weight: 700;}
.free_cancella{color: #008C20;font-size: 12px;font-weight: 700;display: flex;align-items: center;gap: 5px;}
.totle_pric{padding: 6px 0 10px;}
.checkout_button{background: #0056D2;border-radius: 5px;width: 100%;font-size: 14px;color: #fff;font-weight: 700;padding: 14px 16px;display: inline-block;border: 1px solid #0056D2;text-align: center;}
.checkout_button:hover{background: #E0F0FF;color:var(--color-blue);}
.totle_pric h4{font-size: 18px;color: var(--color-black);font-weight: 700;}
.totle_pric p{font-size: 12px;color: var(--color-black);}
.main_hotel_listing {background: #fff;border-radius: 10px;box-shadow: 0 0 14px 0 rgb(225 225 225 / 34%);margin: 10px 0;overflow: hidden;padding: 0;}
.main_detail_box{padding: 15px 15px 5px;}
.img_room_main {display: flex;align-items: center;gap: 10px;}
.main_detail_images img{width: 150px;height: 100px;position: relative;border-radius: 10px 10px 0 0;object-fit: cover;}
.main_duble_room h5 {font-weight: 600;font-size: 16px;color: var(--color-black);}
.max_detail_check_main {background: #fff;border-radius:10px;box-shadow: 0 0 8px 0 rgb(225 225 225 / 34%);border: 1px solid #D9D9D9;padding: 10px 0 10px !important;overflow: hidden;}
.moretext{display: none;}
/* ========hotel-detail page=========== */
/* =============payment page================ */
.secure_payment{background: #DDF8F2;padding: 10px;border-radius: 5px;gap: 10px;margin: 20px 0;}
.secure_payment span{font-weight: 700;color: #008C20;display: flex;align-items: center;gap: 5px;position: relative;}
.secure_payment span::after{position: absolute;right: -7px;content: "";width: 1px;height: 25px;background: var(--color-black);}
.secure_payment span img{width: 25px;margin-right: 0;}
.hotel_info_content .hotel_name {font-size: 18px;font-weight: 600;color: #26303F;margin-bottom: 3px;}
.hotel_contact p,.hotel_contact a {font-size: 12px;font-weight: 600;}
.hotel_dates_heading {font-size: 12px;color: #26303FB2;}
.check_dates {font-size: 14px;font-weight: 700;color: #26303F;}
.check_reservation,.check_out {border-left: 1px solid #26303F4D;padding-left: 10px;}
.payment_header {border-bottom: 1px solid #94BE84;background: var(--color-white);padding: 12px 0;}
.input_passenger_main input:focus,
.input_passenger_main select:focus {color: rgb(94, 94, 94);outline: none;}
.main_heading h4 {font-weight: 700;font-size: 28px;color: var(--color-black);padding: 10px 0 25px;}
.main_detail_list .active{color: var(--color-blue);}
.payment_btn button {border: none;padding: 14px 25px;background: var(--color-blue);border-radius: 5px;color: white;font-size: 16px;font-weight: 600;display: flex;align-items: flex-start;gap: 5px;}
.payment_btn button:hover {background: var(--color-black);color: white;}
.rating {font-size: 14px;}
.meal p {font-size: 14px;color: #26303FB2;}
.hotel_info .room {color: #0066FF;font-size: 14px;font-weight: normal;}
.payment_main_bg{background-color: #fff;}
.text_detail_info h4 {font-size: 18px;font-weight: 700;color: var(--color-black);padding-bottom: 2px;}
.text_detail_info p {font-size: 12px;color: var(--color-black);padding-bottom: 10px;}
.contact_info_detail {padding: 20px 0;position: relative;}
.contact_info_detail::after{content: "";position: absolute;bottom: -12px;height: 5px;width: 100%;background: #D9D9D9;}
.date_summary span{cursor: pointer;}
.date_summary span img{border-radius: 0 !important;}
.main_border_search .react-select__control:focus {border: 1px solid #7bcfca !important;}
.input_passenger_main input {border-radius: 5px;border: 1px solid #DDE6F3 !important;font-size: 15px;font-weight: 400;position: relative;}
.custom_margin {margin-left: 15px;}
.input_passenger .contact_info_input {border: none;padding: 0 8px;width: 100%;}
.input_passenger .contact_info_input_email {width: 100%;}
.input_passenger input {height: 50px;border: none;padding: 0 16px;color: var(--color-black);display: inline-block;font-size: 14px;font-weight: 600;width: 100%;border-radius: 5px; }
.input_passenger input::placeholder{
    font-size: 14px;font-weight: 500;
}
.pl-0{margin-right: 0 !important;}
.input_passenger_main input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.input_passenger {position: relative;}
.input_passenger label{background: #fff;padding: 0 2px;font-size: 12px;position: absolute;top: -8px;z-index: 1 !important;left: 10px;color: #1F1F1F;font-weight: 500;}
.main_det_child_room .form-select{padding: 2px 5px;font-size: 14px;}
.main_input_detail .main_border_search{
    border: none !important;
    height: 22px;
    margin-top: -16px;
}
.input_passenger select {border: none;padding: 0 0 0 10px;height: 50px;color: #5E5E5E;width: 99%;border-radius: 5px;}
.privacy_policy_info p {font-size: 14px;color: var(--color-black)}
.privacy_policy_info a {text-decoration: none;color: #0082FD;}
.privacy_policy_info img {object-fit: contain;margin-right: 10px;width: 20px;}
.hotel_container {background: #F4F4F4;padding: 20px;border-radius: 10px;border: 1px solid #D9D9D9 !important;}
.hotel_info {gap: 10px;}
.hotel_info h2 {font-size: 18px;font-weight: 700;padding-bottom: 6px;}
.room_guest_text{font-size: 14px;color: var(--color-black);padding: 8px 0 5px;}
.room_guest_text span{font-weight: 700;}  .remove_icon img{border-radius: unset !important;width: 14px;}
.hotel_rating {width: 70px;}  .pay_room_city{flex-direction: column;gap: 0;line-height: .5;}
.calender, .meal {gap: 8px;font-size: 13px;color: #5e5e5e;padding: 5px 0;}
.non-refund {padding: 3px 0;gap: 8px;font-size: 14px;color: #26303FB2;font-weight: 500;}
.main_tool_tip ul li{font-size: 12px !important;padding-top: 2px;margin-top: 0 !important;line-height: 1.2;padding-left: 10px;position: relative; font-weight: 400;}
.main_tool_tip ul li:after{content: "";position: absolute;left: -.5px;top: 8px;transform: translateY(-50%);background:#333;width: 4px;height: 4px;border-radius: 50%;}
.meal img {width: 20px;}
.room {gap: 4px;font-size: 13px;color: #5e5e5e;}
.price_details_total p{font-size: 20px;font-weight: 700;color: var(--color-black);}
.fw-bold-amount span, .fw-bold-amount p{font-family: 'EasetoBooksans', sans-serif;;color: var(--color-blue);font-size: 20px;font-weight: 700;}
.price_details_total span {font-size: 24px;}
.breakup_price p {font-size: 14px;}
.hotel_container:last-child {margin-top: 30px;}
.hotel_container:last-child, .hotel_container:first-child {border: none;}
.hotel_container_main{background: #fff;padding: 15px;border-radius: 10px;border: 1px solid #000000;}
.hotel_container_main h6{padding: 0 0 15px;font-size: 14px;color: var(--color-black);}  .font-700{font-weight: 700;}
.hotel_container_main  img{border-radius: 10px;}
.input_box_spacing {margin: 10px 0 0 0;}
.terms_conditions {margin-top: 25px !important;}
.page_bottom_spacing {height: 10vh;margin: 0;}
.privacy_policy_info {gap: 10px;}
.pay_with_lock{display: flex;gap: 10px;}
.pay_with_lock img{width: 25px;height: 25px;}
.hotel_img {margin-bottom: 15px;}
.hotel_main_bro{padding-bottom: 2px;}
.hotel_img img {width: 100%;height: 210px;object-fit: cover;}
.img_hotel_icon {width: 45px;height: 45px;}
.main_icon_pay img {width: 16px;}
.main_icon_pay p {font-weight: 500;font-size: 12px;color: var(--color-blue);}
.main_icon_new {display: flex;gap: 10px;}
.main_icon_new img {width: 25px;height: 25px;}
.price_details_inner {display: flex;align-items: center;justify-content: space-between;}
.mobile_payment_image {max-width: 300px;margin: 0 0 0 auto;}
.hotel_contact {gap: 5px !important;display: flex;flex-wrap: wrap;}
.hotel_dates {gap: 20px;}
.detail_new_price {display: none;}
.detail_new_price.add_new_price {display: flex;}
.meal_summary_box{padding: 10px;border-radius: 0 0 10px 10px;border: 1px solid #D9D9D9;display: flex;justify-content: space-between;align-items: center;}
.check_in_main, .check_out_main{text-align: center;}
.check_in_main p, .check_out_main p {color: #1F1F1FB2;font-size: 12px;}
.check_in_main h4, .check_out_main h4{color: var(--color-black);font-size: 16px;font-weight: 700;}
.check_night_main{text-align: center;}
.check_night_main span{border: 1px solid #DEDEDE;padding: 5px 10px;border-radius: 5px;font-size: 12px;color: var(--color-black);}
.date_summary{background: #F6F6F5;border-radius: 10px 10px 0 0;padding: 10px;display: flex;justify-content: space-between;align-items: center;}
.date_summary h5{font-size: 14px;font-weight: 700;color:  #26303F;}
.date_summary a{font-size: 14px;font-weight: 700;color: #26303F;text-decoration: underline;display: flex;align-items: center;gap: 5px;}
.date_summary a img{border-radius: unset;}
.flex-option {display: flex;border-radius: 8px;grid-gap: 15px;flex-direction: row;justify-content: space-between;align-items: stretch;}
.pg-sbhed {font-size: 14px;font-weight: 600;margin: 10px 0;}
.pri-sec{font-size: 18px;}
.page-head {color: #1b1b1b;font-size: 18px;margin-bottom: 5px;font-weight: 700;}
.flex-sec {display: flex;flex: 1 1 0%;border-radius: 8px;position: relative;align-items: flex-end;}
.selt-btn {color: #1b1b1b;font-size: 20px;width: 100%;font-weight: 400;cursor: pointer;position: relative;line-height: 1;border: 1px solid #DDE6F3;border-radius: 10px;height: 100%;}
.pri-sec {display: flex;align-content: center;justify-content: space-between;padding: 20px 20px 20px 50px;background: #f4f4f4;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.pri-sec input {position: absolute;opacity: 0;}
.pri-sec input[type=radio] ~ span::after {border-radius: 100%;border: 2px solid #929292;content: "";height: 22px;width: 22px;left: 15px;position: absolute;top: 20px;}
.pri-sec input[type=radio]:checked ~ span::after {border: 2px solid #1F1F1F;}
.pri-sec input[type=radio]:checked ~ span::before {border-radius: 100%;background: #1F1F1F;content: "";display: block;height: 12px;width: 12px;left: 20px;position: absolute;top: 25px;}
.selt-btn.selted {border: 1px solid #1F1F1F;}
.enhance_main{border-left: 2px solid #ccc;padding-left: 10px;line-height: 1.0;}
.enhance_main{font-size: 14px;}
.sho-price {font-weight: 700;}
.flex-point ul {display: flex;flex-direction: column;gap: 5px;padding: 15px;margin: 0;}
.flex-point ul li {margin-bottom: 5px;position: relative;list-style: none;font-size: 14px;font-weight: 600;color: #1b1b1b;padding: 5px 10px 5px 30px;line-height: 15px;}
.flex-point ul li small {font-weight: 400;}
.flex-point ul li:before {position: absolute;left: 0;top: 2px;content: "";background: url(../images/tick-icon.svg) no-repeat center;height: 20px;width: 20px;}
.flex-point ul li.cancel:before {background: url(../images/cancel.svg) no-repeat center;}
.main_enhance_bg{display: flex;gap:10px;align-items: center;padding-bottom: 10px;}
.tip-opt .main_tip_opt{display: flex;flex-wrap: wrap;grid-gap: 20px;}
.tip-opt .tip-opt {border: 1px solid #ebebeb;border-radius: 5px;padding: 15px 10px 15px 10px;color: #1b1b1b;font-size: 16px;background: none;position: relative;display: flex;align-items: center;line-height: 1;cursor: pointer;width: 60px;text-align: center;justify-content: center;}
.tip-selt input {position: absolute;opacity: 0;cursor: pointer;}
.think-opt label {font-size: 14px;display: inline-flex;align-items: center;position: relative;padding-left: 25px;cursor: pointer;font-weight: 500;}
.tip-opt .tip-opt:hover{border-radius:5px;background: #ebebeb;}
.tip-opt .active {border-radius:5px;background: #ebebeb;}
.think-opt label input {opacity: 0;position: absolute;}
.think-opt label input[type=checkbox] ~ span::after {border: 1px solid #1b1b1b;content: "";height: 16px;left: 0;position: absolute;top: 3px;width: 16px;border-radius: 3px;}
.think-opt label input[type=checkbox]:checked ~ span::after {border: 1px solid #014991;background: #014991;}
.think-opt label input[type=checkbox]:checked ~ span::before {z-index: 1;content: "\F272";display: block;position: absolute;left: 1px;top: 1px; font-family: bootstrap-icons; color: #ffffff;}
.cust-amt .cust-input {border: 1px solid #ebebeb;border-radius: 8px;padding: 10px;width: 140px;}
.chgWithCurrency{color: #B0B0B0;font-weight: 700;z-index: 9;position: relative;}
.tip-opt{display: flex;flex-wrap: wrap;grid-gap: 10px;justify-content: space-between;align-items: center;}
.cuatnm_box_main{position: absolute;top: 50%;transform: translate(-50%, -50%);left: 20px;}
.cust-amt input{padding-left: 38px !important;
}.main_li_del{position: absolute;top: 50%;width: 250px;right: 6px;transform: translate(0, -50%);}
.po_cvv_main{position: absolute;top: 50%;right: 6px;transform: translate(0, -50%);}
.main_li_del img{width: 100%;}
.pay_del_main{display: flex;align-items:center;gap:10px;}
.pay_del_main{padding: 10px 0;}
.pay_del_main button:first-child{background: #E0F0FF;border-radius: 5px;border: 1px solid #0056D2;color: var(--color-black);padding: 10px;display: flex;gap:10px;font-weight: 700;}
.pay_del_main button:last-child{background: #fff;border-radius: 5px;border: 1px solid #F4F4F4;color: var(--color-black);padding: 10px;display: flex;gap:10px;font-weight: 700;}
.pay_del_main button img{width: 25px;}
.pay_del_main button:last-child:hover{border: 1px solid #0056D2;}
.price_details{position: sticky;top: 80px;margin-bottom: 15px;}
/* =====footer======== */
.input_passenger select {border-radius: 5px;border: 1px solid #DDE6F3 !important;font-size: 14px;font-weight: 500;position: relative;}
.deal_state_main{margin-bottom: 40px;}
.deal_state_main span{background: #F4F4F4;padding: 10px;border-radius: 10px;display: inline-flex;gap: 10px;cursor: pointer;align-items: center;font-size: 14px;font-weight: 700;color: var(--color-black);}
.deal_state_arrow{width: 18px !important;height: 18px !important;}
.deal_state_main  .deal_state_arrow{width: 14px !important;height: 14px !important;}
.input_passenger select:focus {border: 1px solid #7bcfca !important;}
.input_passenger input:focus {border: 1px solid #7bcfca !important;}
.payment_footer {padding: 20px;background: #fff;}
.payment_security_box p {font-size: 16px;color: #26303F;}
.payment_security_box img {height: 35px;width: auto;}
.breakup_price {text-align: right;margin-top: 5px;}
.breakup_price span {font-size: 14px;font-weight: 700;color: var(--color-black);cursor: pointer;}
.main_ptice_payment {padding: 10px 0;}
.breakup_price span img {width: 14px;}
.breakup_price.expend_add span img {transform: rotate(-180deg);}
.price_break_flex {display: flex;justify-content: space-between;padding: 2px 0;}
.price_break_flex p {font-size: 14px;color: var(--color-black);font-weight: 400;}
.price_text_bold p {font-size: 16px;color: var(--color-black);font-weight: 700;}
.popup_inner_mody{padding: 5px 10px;border-bottom: 1px solid #fff;margin-bottom: 10px;}
.hr_headline_color {margin: 8px 0 5px;}
/* =======end========== */
/* =============payment page================ */
.popup-open-body{overflow: hidden;}
/* ==========destination pages============= */
.banner_destination {background: url(../images/banner_desty.png);height: 226px;display: flex;align-items: center;}
.heading_destin h3 {color: var(--color-white);font-size: 30px;padding-bottom: 5px;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.heading_destin p {color: var(--color-white);font-size: 18px;font-weight: 600;}
.travels_main_text p span{color: var(--color-blue) !important;font-family: 'EasetoBookbold', sans-serif;;cursor: pointer; font-weight: 600;}
.heading_destin {padding: 10px 0;}
.search_desti {padding: 8px;background-color: #fff;border-radius: 10px;border: 1px solid var(--color-black);margin: -35px 0 20px;}
.add_dasti_sty {position: sticky;top: 0;background: #fff;padding: 1px 0 !important;z-index: 99;box-shadow: 0 4px 10px 0 #0000000D;}
.add_dasti_sty .search_desti {margin: 10px 0;}
.travels_main_text h6 {font-size: 14px;color:  var(--color-black);font-family: 'EasetoBookbold', sans-serif;;padding-bottom: 10px; font-weight: 600;}
.head_text_main h3 {color: var(--color-black);font-size: 20px;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;padding-bottom: 2px;}
.head_text_main p {font-family: 'EasetoBookbold', sans-serif; font-weight: 600;color:  var(--color-black);font-size: 14px;}
.head_text_main p span {font-weight: normal;}
.main_box_detail {border: 1px solid var(--color-black);border-radius: 10px;overflow: hidden;}
.main_box_img {max-height: 160px;}
.main_box_img img {width: 100%;height: 100%;max-height: 160px;}
.main_box_text {padding: 10px;}
.main_box_text h3 {font-size: 18px;color: var(--color-blue);font-weight: 700;}
.main_box_text ul {display: flex;gap: 4px;padding-top: 5px;align-items: center;}
.main_detail_more{border-bottom: 1px solid #D9D9D9;padding: 10px 0;}
.pt-text-new {padding-top: 0 !important;}
/* ========destination pages=========== */
.main_button_detail a {background-color: #0056D2;color: var(--color-white);position: relative;font-size: 16px;font-weight: 500;width: 100%;height: 50px;border: 1px solid #0056D2;display: flex;text-transform: uppercase;gap: 10px;justify-content: center;align-items: center;border-radius: 5px;}
.main_button_detail a:hover{background-color: #E0F0FF;border: 1px solid var(--color-blue);color: var(--color-blue);}
.main_button_detail a:hover span{filter: invert(1);}
/* ============about us============ */
.main_over_lay {overflow: hidden;}
.bg_about_main {background: url(../images/about_bg.png);background-size: cover;height: 300px;align-items: center;display: flex;}
.about_banner_headline h4 {color: var(--color-white);font-size: 35px;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;padding-bottom: 10px;}
.about_banner_headline p {color: var(--color-white);font-size: 14px;}
.about_banner_headline {max-width: 700px;}
.main_over_lay_height {height: 410px;}
.main_over_lay_hafe {margin-top: -13.3rem;}
.main_over_lay {padding: 40px 0 0;}
/* =======Why book with======= */
.main_why_img img {width: 30px;height: 30px;}
.main_why_text h5 {font-size: 16px;color: var(--color-black);font-weight: 600;}
.main_why_text p {font-size: 11px;color: var(--color-black);}
.top_desti_width {padding: 50px;margin: 0 auto;text-align: left;border-radius: 10px;}
.top_desti_width {background: linear-gradient(#181a251a, #181a2500), url(../images/embark_img.png) no-repeat;background-size: 100% 100%;}
.top_desti_width h4 {font-size: 28px;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;color: var(--color-black);}
.top_desti_width ul {padding-left: 20px;}
.top_desti_width ul li {list-style: disc;}
/* =======Why book with======= */
/* ============about us============ */
/* =============Terms & Conditions================= */
.main_desti_active ul li a {color: var(--color-black);}
.main_desti_active ul li a {padding: 15px;font-size: 16px;font-weight: 500;margin: 0 0 10px;border-radius: 10px;cursor: pointer;display: block;color: var(--color-black);}
.main_desti_active ul .active a {background: var(--color-black);color: var(--color-white);}
.main_terms_new {padding: 15px;border-radius: 10px;border: 1px solid var(--color-black);}
.main_terms_new h5 {color: var(--color-black);font-size: 20px;font-weight: 700;}
.main_terms_new p {font-size: 16px;color: #26303FCC;line-height: 2;}
.main_terms_new ul {padding-left: 20px;}
.main_terms_new ul li {list-style: disc;font-size: 16px;line-height: 2;padding: 2px 0;}
.main_banner_terms {height: 140px;display: flex;padding: 20px;align-items: center;background: url(../images/banner_terms.png);margin-bottom: 15px;border-radius: 10px;background-size: 100% 100%;}
.main_banner_terms h4 {color: var(--color-white);font-size: 30px;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.privacy_policy_bg {background: url(../images/privacy_policy.png);background-size: 100% 100%;}
.payment_security_bg {background: url(../images/payment_security.png);background-size: 100% 100%;}
.website_terms_bg {background: url(../images/website_terms_bg.png);background-size: 100% 100%;}
.contact_us__bg {background: url(../images/contact_us_bg.png);background-size: cover;}
.main_box_liat {padding: 0 !important;margin: 0;}
.main_box_liat li {padding: 0;margin: 10px 0;list-style: none !important;}
.filtercloseBtn img {width: 25px;}
.modifycloseBtn img {width: 25px;}
/* =============Terms & Conditions================= */
/* ============Contact Us============== */
.main_box_liat li a {color: var(--color-blue);}
.main_box_liat_con li a img {width: 20px;margin-right: 5px;}
.icon_sosal_main li a img {width: 30px !important;}
.get_in_touch_bg {padding: 10px 12px;background: #F3F5EA;border-radius: 10px;}
.get_in_touch_bg h4 {color: var(--color-blue);font-size: 20px;font-weight: 700;}
.get_in_touch_bg p {color: var(--color-blue);font-size: 16px;}
.get_in_touch_input {position: relative;margin: 5px 0;}
.get_in_touch_input input {height: 50px;border: 1px solid #D8D8D8;border-radius: 5px;position: relative;margin: 10px 0;padding: 10px;width: 100%;font-size: 16px;font-weight: 500;padding-left: 60px;}
.get_in_touch_input span {position: absolute;top: 0;left: 0;border-right: 1px solid #d8d8d8;width: 50px;height: 50px;display: flex;padding: 10px;align-items: center;justify-content: center;}
.get_in_touch_input button {height: 50px;width: 100%;border-radius: 10px;background: var(--color-blue);color: var(--color-white);border: 1px solid var(--color-blue);margin: 5px 0;font-weight: 600;}
.get_in_touch_input button:hover {background: var(--color-white);color: var(--color-blue);border: 1px solid var(--color-blue);}
.get_in_touch_input button:hover svg path {fill: var(--color-blue);}
.get_in_touch_input span img {height: 22px;}
.get_in_touch_input input:focus {border: 1px solid #D8D8D8;outline: none;}
.main_box_liat_con a {padding: 5px 0;color: var(--color-black);font-size: 14px;font-weight: 600;margin: 5px 0;}
.main_box_liat_con {padding: 10px 0 !important;margin: 0;}
.free_color_can{font-weight: 600;font-size: 13px;display: flex;align-items: center;gap: 4px;}
.custom_tooltip_hotel .free_color_can{justify-content: end;}
.book_new_button .form-label{display: flex;align-items: center;}
.book_new_button:hover .form-label img{filter: invert(1);}
.main_box_liat_con li {list-style: none !important;}
.get_in_touch_input textarea {height: 90px;border: 1px solid #D8D8D8;border-radius: 5px;position: relative;margin: 5px 0;padding: 10px;width: 100%;font-size: 16px;font-weight: 500;}
/* ============Contact Us============== */
/* ==========About Night Hotel Broadway============= */
.bg_detail_tab {background: #E8E8E8;padding: 7px 15px 0;}
.info_map_main button {padding: 5px 20px 0;font-size: 14px;color: #5E5E5E;}
.info_map_main button.active {padding: 5px 20px 0;font-size: 14px;font-weight: 600;color: #0469CD !important;}
.close_butt span {background-color: #fff;padding: 4px 7px;font-size: 14px;font-weight: 600;position: relative;top: -6px;text-decoration: none;border-radius: 20px;color: #5E5E5E;cursor: pointer;}
.align-bas {align-items: baseline;}
.jus-bet {justify-content: space-between !important;}
.mapsec_locetion h3 {font-size: 16px;color: var(--color-black);font-weight: 600;line-height: 20px;padding-bottom: 10px;}
.mapsec_locetion p {font-size: 13px;color: #5E5E5E;padding-bottom: 10px;}
.main_max_images img {border-radius: 8px;height: 180px;width: 100%;}
.main_max_images {margin: 0 0 10px;border: 1px solid #e1e1e1;border-radius: 8px;}
.main_detail_amenities h6 {font-size: 14px;color: var(--color-black);font-weight: 600;line-height: 20px;padding-bottom: 10px;}
.main_detail_amenities ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;}
.main_detail_amenities ul li {margin-right: 10px;}
.main_detail_amenities ul li a {padding: 7px 12px;border: 1px solid #ccc;border-radius: 22px;margin-top: 20px;color: #5E5E5E;text-decoration: none;font-size: 12px;}
.main_detail_amenities ul li a img {width: 18px;}
.img_main_new img {border-radius: 10px;min-height: 150px;width: 100%;max-height: 150px;}
.about_night_hotel {display: none;}
/* ===========About Night Hotel Broadway======== */
/* ===========group events page============== */
.search_bg_main{padding: 15px 0;background: #F4F4F4;}
.search_bg_main .main_search_bar {padding: 0;background-color: #fff;border: 1px solid #D9D9D9;}
.banner_group_events {height: 550px;overflow: hidden;position: relative;}
.banner_bg_main {background: url("../images/events_banner.webp") center center / cover no-repeat; position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: zoom 16s infinite alternate ease-in-out;}
.banner_group_events::after {content: "";position: absolute;left: 0;right: 0;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));pointer-events: none;z-index: 1;}
.banner_group_events .heading_destin {text-align: center;color: #fff;position: absolute;z-index: 2;padding-bottom: 70px;left: 50%;transform: translate(-50%, -0%);bottom: 0;}
.banner_group_events .heading_destin h3 {font-size: 36px;margin-bottom: 20px;font-family: 'EasetoBookbold', sans-serif;;font-weight: 400;}
.banner_group_events .heading_destin p {font-size: 18px;max-width: 800px;margin: 0 auto;font-weight: normal;}
.banner_group_events .floating_logo_icon {position: absolute;top: 128px;left: 40px;animation: slideDown 1.5s linear;animation-iteration-count: 1;}
.planning_item {padding: 25px;display: flex;gap: 10px;flex-direction: column;align-items: center;text-align: center;border: 1px solid #B0B0B0;border-radius: 15px;height: 100%;}
.planning_item:hover{
background: #F4F4F4;
}
.planning_item_text h5 {font-size: 24px;margin-bottom: 10px;font-weight: 700;}
.planning_item_text p {font-size: 14px;}
.bg_best_flight .planning {text-align: center;}
.bg_best_flight .planning p {padding-bottom: 20px;max-width: 700px;text-align: center;margin: 0 auto;}
.planning h4 {font-size: 28px;font-family: 'EasetoBookbold', sans-serif;;}
.how-it-work-section {padding: 30px 0 0 0;background: #fff;}
.how-it-work-title {text-align: center;font-size: 24px;margin-bottom: 10px;color: #222;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.how-it-work-steps {display: flex;justify-content: center;flex-wrap: wrap;}
.how-it-work-step {display: flex;align-items: center;border-radius: 12px;padding: 18px 28px;min-width: 320px;margin-bottom: 16px;}
.how-it-work-number {display: flex;align-items: center;justify-content: center;background: #ffd233;color: #222;font-weight: 700;font-size: 1.5rem;width: 31px;height: 44px;}
.how-it-work-content {background-color: #F4F4F4;border-radius: 10px;padding: 15px;}
.how-it-work-content strong {font-size: 16px;color: #222;display: block;margin-bottom: 2px;}
.how-it-work-desc {color: #555;font-size: 14px;}
.customer_testimonial h2 {font-size: 24px;text-align: center;margin-bottom: 20px;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.testimonial_outer {display: flex;gap: 40px;justify-content: center;}
.testimonial_item {display: flex;gap: 30px;padding: 20px;border-radius: 15px;background: #F4F4F4;position: relative;justify-content: space-between;}
.testimonial_item .before_main_text {position: relative;padding-left: 40px;}
.testimonial_item .before_main_text .quotation_icon {position: absolute;left: 0;top: 0;}
.before_main_text span {font-size: 18px;color: #1F1F1F;font-style: italic;position: relative;padding-left: 22px;margin: 15px 0;display: inline-block;}
.before_main_text span ::before {position: absolute;content: ' ';height: 7px;width: 7px;background-color: #000000;border-radius: 50%;top: 8px;left: 9px;}
.testimonial_item .before_main_text .trustpilot_logo {display: block;}
.testimonial_outer {display: flex;gap: 40px;}
.testimonial_item {flex: 1;}
.customer_testimonial {padding: 30px 0 40px 0;}
.hotel-card-rating {display: flex;align-items: center;gap: 8px;margin-bottom: 6px;font-size: 1rem;}
.popular_group_items {display: flex;flex: 1;justify-content: center;margin: 16px auto;font-family: inherit;margin-top: -50px;gap: 20px;}
.popular_group_item:hover {box-shadow: 0 4px 4px 0 #00000040;}
.hotel-card-image {overflow: hidden;}
.hotel-card-image img {transition: all 0.2s linear;}
.hotel-card-image img:hover {transform: scale(1.05);}
.hotel-card-bottom {display: flex;align-items: center;justify-content: space-between;}
.hotel-card-price {display: flex;align-items: baseline;gap: 7px;}
.hotel-card-rating {display: flex;align-items: center;gap: 8px;margin-bottom: 6px;font-size: 1rem;margin-top: 15px;}
.hotel-stars {color: #ffc233;font-size: 1.1rem;letter-spacing: 1px;}
.hotel-card-title {font-size: 18px;margin: 15px 0;}
.hotel-price-new {font-size: 24px;color: #222;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.hotel-price-old {font-size: 14px;color: #888;text-decoration: line-through;}
.hotel-card-btn {padding: 8px 18px;border: 1.5px solid #222;background: #fff;color: #222;border-radius: 5px;font-weight: 500;font-size: 1rem;cursor: pointer;transition: background 0.2s, color 0.2s;}
.hotel-card-btn:hover {background-color: #212121;color: #fff;}
.popular_group_item {padding: 10px;background: #fff;}
.popular_group_header {padding: 40px 0 80px 0;background-color: #2B2B2B;}
.popular_group_header .popular_group_title {color: #fff;font-size: 28px;text-align: center;margin-bottom: 10px;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.popular_group_header p {color: #fff;font-size: 16px;text-align: center;max-width: 730px;margin: auto;}
.faq-list {max-width: 600px;width: 100%;}
.faq-item {background: #fff;border-radius: 6px;border: 1px solid #e5e5e5;margin-bottom: 16px;overflow: hidden;}
.faq-question {width: 100%;text-align: left;background: none;border: none;outline: none;font-size: 1.08rem;font-weight: 500;padding: 15px;cursor: pointer;display: flex;align-items: center;justify-content: space-between;transition: background 0.2s;}
.faq-question[aria-expanded="true"] {background: #fafafa;}
.faq-arrow {font-size: 12px;transition: transform 0.3s;}
.faq-answer {overflow: hidden;background: #fafafa;color: #444;font-size: 1rem;padding: 0 10px;transition: max-height 0.3s ease;}
.faq-question[aria-expanded="true"]+.faq-answer {padding:0 10px 10px;}
.faq-title {font-size: 1.5rem;margin-bottom: 24px;color: #222;font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
.faq_event {padding: 40px 0;}
.faq_content {display: flex;flex-direction: column;align-items: start;justify-content: center;}
.my_input_box {flex: 1;position: relative;border: 1px solid #BDBDBD;background-color: #ffffff;border-radius: 5px;padding: 12px 12px 6px 12px;}
.my_input_box label {font-size: 12px;color: #3C3C3C;position: absolute;top: -9px;left: 21px;background: #ffffff;padding: 0 3px;}
.my_input_box img {position: absolute;left: 22px;top: 18px;}
.my_input_box input {background-color: #ffffff;border: 0;color: #3C3C3C;padding-left: 48px;}
.form-control:focus {background-color: #ffffff;border: 0;box-shadow: none;color: #3C3C3C;}
.my_input_box:has(.form-control:focus) {border-color: #005DC7;box-shadow: 0 0 25px 0 #005DC726;}
.form_date .my_input_box img {right: 23px;left: auto;top: 18px;}
.form_date .my_input_box input,.form_notes input {padding-left: 12px;}
input[type="date"]::-webkit-calendar-picker-indicator {display: none;-webkit-appearance: none;}
.form_number input {padding-left: 12px;}
.form_number_outer .my_input_box {flex: 1;}
.form_number_outer .form_number {flex: 4;}
.event_form p {margin: 10px 0 25px 0;}
.event_form h2,.event_form p {text-align: center;}
.event_form h2 {font-family: 'EasetoBookbold', sans-serif; font-weight: 600;}
@keyframes zoom { 0% {transform: scale(1);}100% {transform: scale(1.2);}}
@keyframes slideDown { 0% {transform: translateY(-200px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.form_number_outer, .form_guest_outer {flex: 1;padding-left: 0;padding-right: 0;}
.form_number_outer .input-group>.form-select {border: 0;}
.event_submit_btn {background: #156de4;font-size: 1rem;padding: 12px 32px;border-radius: 6px;color:#fff;border:1px solid transparent;font-weight: 700;}
.event_submit_btn:hover{color: #0056D2;background-color: #E0F0FF;border: 1px solid #0056D2;}
.my_input_box .form-select:focus {box-shadow: unset;}
.banner_deals_events{height: 400px;background-image: url(../images/deals_bg.png);}
.hot_deal_main{max-width: 660px;}
.hot_deal_main{display: flex;gap: 10px;flex-direction: column;height: 400px;justify-content: center;}
.hot_deal_main h3{font-size: 40px;margin-bottom: 20px;color: var(--color-white);font-family: "EasetoBookbold", sans-serif;font-weight: 600;}
.hot_deal_main p{font-size: 24px;color: var(--color-white);font-weight: 500;}
.hot_deal_main p span{background: #ff5f57;border-radius: 10px;padding: 5px 10px;}
.hot_deal_main a{padding: 15px 20px;border-radius: 5px;font-size: 14px;color: var(--color-white);background: var(--color-blue);border: 1px solid var(--color-blue);max-width: 150px;text-align: center;font-weight: 600;}
.hot_deal_main a:hover {background-color: #E0F0FF;border: 1px solid var(--color-blue);color: var(--color-blue);}
.bg_search_flight_box{background: #F4F4F4;padding: 15px 0;}
.bg_search_flight_box .main_search_bar {background: unset;padding: 0;}
.main_img_star{position: relative;}
.main_img_star .new_box_main_del {position: absolute;top: 10px;right: 10px;background: #FFFFFF;padding: 3px 7px;border-radius: 30px;color: var(--color-black);font-size: 14px;font-weight: 600;}
.main_off_box{background: #FFD400;padding: 5px;border-radius: 5px;}
.main_img_star .new_box_main_del i{color: #FFA600;}
.main_text_star .main_inside_text h6{display: flex;align-items: center;gap: 5px;}
.text_deal_new{font-weight: normal !important;text-decoration: line-through;}
.main_text_star .view_box_main{padding: 10px 15px;border-radius: 5px;border: 1px solid var(--color-black);background: #fff;font-weight: 700;font-size: 16px;display: inline-block;margin-top: 15px;color: var(--color-black);white-space: nowrap;width: unset;}
.mySwiper_deal .swiper-button-next{top:28%;}
.mySwiper_deal .swiper-button-prev{top:28%;}
.main_inside_section:hover .main_text_star .view_box_main{background: var(--color-black);color: #fff;}
.main_inside_text h5{font-weight: normal;}
/* ============deals page=============== */
/*country number and flag*/
.selectRootChild {display: flex;border:1px solid #DDE6F3 !important;}
.phnBoxShow .input_passenger_main input{border: none!important;border-color: transparent;}
.select_num_box .css-hlgwow{padding: 0 15px!important;}
.select_num_box.css-1jqq78o-placeholder {grid-area: 1/1/2/3;color: hsl(0, 0%, 50%);margin-left: 2px;margin-right: 2px;box-sizing: border-box;font-size: 14px;}
.select_num_box .css-19bb58m{padding-bottom: 0;padding-top: 0;margin: 0;}
.css-kpv7eu-control{border:none ;border-color: transparent!important;border-width:0!important;}
.css-19lsapp {position: absolute;padding-bottom: 4px;padding-top: 4px; background-color: #fff;border: 1px solid #3a3a3a;}
.css-hlgwow{overflow:visible!important;border: none;}
.css-kpv7eu-control{border-color:transparent ;}
.css-kpv7eu-control:hover {border-color: transparent!important;}
.input_passenger_main .phnBoxShow input {border: none transparent !important;}
.input_passenger_main .select_num_box input{border: none transparent !important;}
.main_border_search{border: 1px solid #dde6f2;border-radius: 5px;}
.border-right-box{display: flex;}
.border-right-box input{border-radius: 0 5px 5px 0;}
.main_border_search .main_border_search{border-radius: 5px 0 0 5px !important;}
.select_num_box .css-hlgwow {padding: 0 5px !important;height: 48px; box-shadow: unset !important;}
.main_input_phone .react-select__indicator{padding: 2px ;}
.banner_group_events .floating_logo_icon{animation: dropDown 10s ease-in-out infinite alternate;}
@keyframes dropDown { 0% {top: -20vh;} 100% {top: 40vh;}}
/*popup css*/
.popup_outer {background: #00000073;position: relative;}
.popup_box {background: #fff;border-radius: 5px;padding: 10px;text-align: center;}
.popup_title {font-size: 26px;font-weight: 600;}
.popup_box p {margin-bottom: 0;font-size: 14px;font-weight: 400;color: #000;}
.session_btns a {padding: 10px;display: inline-block;color: white;border-radius: 5px;font-size: 14px;text-decoration: none;font-weight: 600;}
.session_btns .search {background-color: #116AC9;}
.session_btns .result {background-color: #EF6E34;}
.totalPhotoGallery {position: absolute;right: 30px;background-color: #12121266;bottom: 25px;color: #fff;padding: 6px;font-weight: 600;border-radius: 5px;}
.totalPhotoGallery:hover{background-color:#121212a3;}
.galleryPopCss .modal{--bs-modal-bg:#23321D;}
.cusModelHdrGalPop.modal-header {border-bottom: 0;padding:10px;margin: 10px;}
.cusModelHdrGalPop .btn-close {background-color: #fff;}
.react-datepicker-popper{z-index: 1000!important; margin-top: 3px;}
.hotel_slide_main .modal-fullscreen .modal-content{position: absolute;z-index: 1;width: 100%;max-width: 850px;background: #fff;border-radius: 10px;transition: all .02s ease-in-out;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height: 570px;}
.img_detail_photo img {border-radius: 10px;width: 100%;height: 400px; object-fit: cover;}
.img_detail_photo_list img{width: 100%;height: 70px;line-height: 70px;border-radius: 5px; object-fit: cover;}
.largeImageRoot{margin-bottom: 10px;}
.travel_info_hotel {padding: 7px 10px;border-bottom: 1px solid #ccc;background: #F6F6F6;border-radius: 8px 8px 0 0;justify-content: space-between;align-items: center;}
.trip_wrap h2{font-size: 16px;color: #333333;}
.into_icon_det .close button{padding: 7px;border-radius: 100%;border: 1px solid #7b7b7b;filter: invert(1);font-size: 10px;}
.main_tool_tip:after{content: "";position: absolute;bottom: 100%;left: 10%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent rgb(255, 255, 255) transparent transparent;transform: rotate(90deg);}
.popup_inner_mody{display: flex;align-items: center;justify-content: space-between;}
.popup_inner_mody h3{font-size: 18px;font-weight: 700;color: var(--color-black);}
.popup_inner_mody span{display: inline-block;border-radius: 100%;padding: 3px;cursor: pointer;}
.popup_inner_mody span img{width: 30px;height: 30px;}
.date_summary button{border: 0;background: transparent;}
.cancel-info{text-align: left;padding: 5px;}
.head_text_main h3{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main_hotel_listing h3{font-size: 16px;padding: 10px 15px 0;font-family: 'EasetoBooksans', sans-serif;}
.toggle_read_more:hover{background: #E0F0FF;color: #1157ce;}
.select_result_butt {
    background: #1F1F1F;
    border-radius: 5px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    max-width: 130px;
    padding: 10px 20px;
    display: inline-block;
    border: 1px solid var(--color-black);
    text-align: center;
    margin-top: 6px;
}
.select_result_butt:hover {background: #fff;color: #1F1F1F;}
.left_del_main{justify-content: end;display: flex;gap: 2px;}
/*========detail page payment==========*/
.main_detail_images .roomCardSlider_width{width: 150px;height: 100px;overflow: hidden;}
.toggle_read_more i{font-size: 16px;}
.book_new_button .form-check-input{float: unset;margin-left: unset;position: absolute;left: 0;width: 100%;border-radius: 0;background-color: transparent;height: 39px;top: 0;margin-top: 0;border: 0;}
.book_new_button .form-check-input[type=radio] {background: transparent;}
.book_new_button  .form-check-input:focus{box-shadow: unset;}
.main_detail_images .swiper-button-prev{background: #e7eefa;width: 25px;height: 25px;border-radius: 100%;top: 50%;position: absolute;z-index: 9;display: flex;align-items: center;justify-content: center;transform: translate(0, -50%);left: 0;cursor: pointer;margin-top: 0 !important;}
.main_detail_images .swiper-button-next{background: #e7eefa;width: 25px;height: 25px;border-radius: 100%;top: 50%;position: absolute;z-index: 9;display: flex;align-items: center;justify-content: center;transform: translate(0, -50%);right: 0;cursor: pointer;margin-top: 0 !important;}
.main_detail_images .swiper-button-prev svg{transform: rotate(180deg);}
.main_detail_images .swiper-button-next:hover,.main_detail_images .swiper-button-prev:hover{background: var(--color-black);color: #fff;border: 1px solid #fff;}
.main_detail_images .swiper-button-next:after, .main_detail_images .swiper-button-prev:after {font-size: 14px;font-weight: 700;}
/*=======detail page payment=========*/
/*==========about us============*/
.tavel-img {position: relative;}
.tavel-img .img1 {width: 65%;position: absolute;top: 70%;right: -70px;transform: translateY(-50%);}
.tavel-img img {background-color: #fefefe;border: 3px solid #fefefe;box-shadow: -20px -20px 56px 0 #00000040;border-radius: 20px;max-width: 240px;width: 100%;height: 240px;object-fit: cover;}
.img2 {text-align: left;padding-bottom: 5rem;}
.tavel-img .img2 img {max-width: 400px;max-height: 400px;height: 100vh;box-shadow: unset;}
.icon_box {height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 10px;background-color: #fff;}
.icon_box img {margin-bottom: auto;margin-right: 10px;width: 45px;}
.icon_box_text span {font-size: 14px;font-weight: 600;margin-bottom: 5px;display: block;color: #1B1B1B;}
.icon_box_text p {color: #1b1b1b;font-size: 13px;}
.discover_more_main:after{
    content: unset;
}
    /*=========about us===========*/
.offer-badge {background: #ff5a5a;font-size: 0.85rem;padding: 6px 12px;border-radius: 6px;font-weight: 500;color: #fff;display: inline-block;margin-bottom: 10px;}
.offer-img {height: 100%;width: 100%;}
.offer-btn {background: #0056D2;border: none;padding: 12px 15px;}
.offer-btn:hover {background: linear-gradient(to right, #0044cc, #002a80);}
.main_loader_result{background: #fff;padding: 5px;border-radius: 10px;display: flex;gap: 2px;flex-direction: column;font-size: 16px;font-weight: 600;max-width: 100px;text-align: center;align-items: center;margin: 0 auto;}
.main-right-auto{margin: 0 0 0 auto;}
.main_loader_result img{width: 30px;}
/*=============Search Bar payment===============*/
.main_search_deal{max-width: 1000px;}
.main_search_deal .search_bg_main {padding: 10px 0;background: unset;}
/*=============Search Bar====================*/
.fix_main_search_date .react-datepicker{min-width: 548px;background: rgb(255, 255, 255);box-shadow: rgba(20, 24, 35, 0.25) 0 5px 15px;border-radius: 12px;border: 0;overflow: hidden;}
.fix_main_search_date .react-datepicker__day,.fix_main_search_date .react-datepicker__day-name{font-size: 14px;font-weight: 700;width: 32px;line-height: 2.2;}
.fix_main_search_date .react-datepicker__header {background-color: #fff;;border-bottom: 1px solid rgb(242, 242, 242);padding-bottom: 0;}
.fix_main_search_date h2.react-datepicker__current-month {padding: 0 10px 10px;font-size: 16px;border-bottom: 1px solid #f2f2f2;}
.fix_main_search_date .react-datepicker__navigation {top: 5px;}
.fix_main_search_date  .react-datepicker-popper .react-datepicker__triangle {stroke: #fff !important;}
.fix_main_search_date .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {fill: #fff;color: #fff;}
.amenities_main_1 .view_all_ameni{border: 1px solid #0082FD !important;color: #0082FD !important;cursor: pointer;}
.bg-log-main{background: #F5F5F5;padding: 50px 0;height: 100vh;display: flex;align-items: center;justify-content: center;}
.mainretehak_img .roomCardSlider_width{width: 200px;height: 130px;overflow: hidden;}
.mainretehak_img img {width: 200px;height: 130px;position: relative;border-radius: 10px;}
.into-width-main{max-width: 1180px;margin:0 auto;width: 100%;border-radius: 30px;box-shadow: #00000000 0 0 1px;background: #fff;max-height: 680px;align-items: center;position: relative;}
.loginUserInner-main{max-width: 360px;margin: 0 auto;}
.forgot-password-link{
    color: #1a1d20;
    font-weight: 700;
    text-decoration: revert;
}
.main-cursor-text{cursor: pointer;}
.log-main-tab-bg{background-image: url(../images/bg-log.svg);height: 100%;background-size: cover;border-radius: 30px 0 0 30px;padding: 58px 78px;min-height: 675px;}
.log-main-img{background: #FFFFFF4D;border-radius: 25px;padding: 10px;display: flex;align-items: center;justify-content: center;min-height: 480px;min-width: 420px;}
.main-nav-popup .modal-content{border-radius: 15px;}
.log-main-img{background: #FFFFFF4D;border-radius: 25px;backdrop-filter: blur(30px);}
.loginUserInner-main h3{font-weight: 700;color: #1F1F1F;font-size: 24px;text-align: center;font-family: 'EasetoBooksans', sans-serif;}
.loginUserInner-main p{font-size: 14px;color: #1F1F1F;font-weight: 700;text-align: center;}
.main-box-input input::placeholder{font-size: 16px;color: #1F1F1F80;}
.main-box-input{position: relative;}
.informationPassword h4{
    font-weight: 700;color: #1F1F1F;font-size: 16px;font-family: 'EasetoBooksans', sans-serif;
}
.main-box-input label{font-size: 12px;color: #1B1B1B;position: absolute;top: -10px;left: 15px;background: #fff;padding: 0 2px;}
.main-box-input input{height: 50px;border-radius: 5px;font-size: 16px;}
.main-box-input{margin: 25px 0 20px;}
.main-box-input .informationWrapper{position: absolute;right: -5px;top: -12px;border-radius: 100%;background: #ffffff;height: 15px;width: 15px;display: flex;align-items: center;justify-content: center;}
.main-box-input .form-control:focus{border: 1px solid #8B8B8B;}
.log-main-img img{object-fit: cover;}
.main-box-input .informationPassword{display: none;flex-direction: column;background-color: #f9f9f9;padding: 5px;border: 1px solid #ccc;position: absolute;z-index: 10;min-width: 300px;right: 0;border-radius: 10px;font-size: 12px;}
.log-main-tab-bg h2{font-size:28px;font-weight: 700;text-align: center;color: #fff;padding-bottom: 10px;}
.main-sign-bg{background: #1B1B1B;font-size: 16px;color: #fff;font-weight: 600;width: 100%;padding: 12px 10px;border-radius: 5px;margin-top: 10px}
.main-box-input .error{font-size: 12px;padding: 0 5px;font-weight: normal;color: red;width: 100%;text-align: left;}
.main-sign-bg:hover{background: #E9F2FE;border: 1px solid #007BFF;}
.main-font-text{font-size: 12px;color: #1B1B1B;}
.main-text-box{margin-top: 12px;}
.main-text-box h3{font-size: 16px;color: #333333;}
.main-text-box button{border: none;font-size: 16px;font-weight: 700;color: #007BFF;background: transparent;text-decoration: underline;}
/*=============Search Bar====================*/
/* =============loader start================= */
.bg_main_new_loader {background: #fff;overflow: hidden;}
.bg_main_new_loader .filtrsrch {align-items: center;justify-content: center;}
.loadingCntr {margin: 0 auto;background: #fff;}
.main_show_detail h3{font-size: 24px;font-weight: 800;color: #1F1F1F;}
.segment_text_wait {margin-bottom: 10px;}
.main_show_result {box-shadow: unset !important;background: #ffffffd1;overflow: hidden !important;padding-top: 30px;}
.main_new_detail h3 {font-size: 20px;text-align: center;background: #93bd87;border-radius: 0;padding: 10px;color: #313e2c;font-weight: 600;}
.loader_images {margin: 18px 0 10px;}
.segment_text_loader h3 {color: #000;text-decoration: none;position: relative;font-weight: 600;font-size: 20px;margin-bottom: 5px;}
.loading-sec img{width: 50px;height: 50px;}
.main_p_text p{font-size: 16px;color: #414042;font-weight: 700;padding-bottom: 8px;}
.main_show_detail h4{color: #3A3A3A;font-weight: 700;font-size: 18px;}
.segment_text_wait h4 {font-weight: 600;margin: 0 0 5px;font-size: 16px;color: #333333;}
.segment_text_wait p {font-size: 16px;color: #333333;margin-bottom: 5px;}
.main_p_text h4{font-size: 16px;font-weight: 400;color: #3A3A3A;}
.searchpopup {background: var(--color-black);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;overflow-y: auto;}
.loading-sec {position: relative;height: 55px;margin-bottom: 15px;}
.loadingCntr_box {max-width: 440px;}
.loading-main-desk {width: 52px;height: 52px;border-radius: 50%;background: conic-gradient(#0F1938, #0056D2);mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #0F1938 calc(100% - 8px));-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #0F1938 calc(100% - 8px));animation: spin 1s linear infinite;margin: 0 auto 15px;}
@keyframes spin { to { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } }
.image-container {position: relative;width: 100%;overflow: hidden;}
.main-detail-box{position: relative;z-index: 2;margin: 0 auto -100px;padding:30px 15px;background: #ffffff7d;}
.slider-main-box {display: flex;width: max-content;animation: slideLoop 15s linear infinite;}
.animated-image {width: 100%;flex-shrink: 0;position: relative;top: 2px;opacity: 0.5;}
@keyframes slideLoop { 0% {transform: translateX(0);} 100% {transform: translateX(-1000px); /* move left by one image width */} }
.box-main-text.active img{transform: rotate(0);}
.box-main-text img{transform: rotate(-90deg);}
.verify-success {color: #28a745;text-align: center;font-weight: 600;}
.verify-failed {color: #dc3545;text-align: center;font-weight: 600;}
.butt-main-box{background: #fff;border: 1px solid #1F1F1F;font-weight: 700;font-size: 14px;color: #1F1F1F;padding: 10px;display: inline-block;margin-top: 10px;border-radius: 5px;}
.butt-main-box:hover{background: #1F1F1F;color: #fff;}
.main-head-ver img{width: 50px;height: 50px;}
.main-Currency-login{display: flex;align-items: center;gap: 10px;}
.main-create-login{
    padding: 10px;
    border: 1px solid #1F1F1F;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #1F1F1F;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}
.main-create-login:hover{border: 1px solid #1F1F1F;color: #fff;background: #1F1F1F;}
.main-create-login:hover img{
    filter: brightness(0) invert(1);
}
.main-box-fix{position: absolute;right: 10px;top: 0;height: 50px;}
.main-box-fix img{position: absolute;right: 10px;top: 0;height: 50px;}
.main-box-fix i{cursor: pointer;position: absolute;top: 50%;left: 50%;transform: translate(-80%, -50%);}
.close-info-box{
    position: absolute;
    right: 0;
    top: 13px;
    display: inline-flex;
    justify-content: end;
}
.boardName-room-main{
    font-size: 13px;
}/* =============loader end================= */
/* =============loader main================= */
.main_sec_loader {animation-duration: 1s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: oneway-main;animation-timing-function: linear;max-height: 96px;position: relative;background: linear-gradient(to right, #F4F4F4 8%, rgb(221, 221, 221) 18%, #F4F4F4 33%) 0 0 / 800px 104px;padding: 10px 0;}
@keyframes oneway-main { 0% {background-position: -468px 0;}100% {background-position: 468px 0;}}
.loader_detail_head .main_sec_loader:nth-child(1){max-width: 300px;height: 30px;margin-top: 0;margin-bottom: 10px;}
.loader_detail_head .main_sec_loader:nth-child(2){max-width: 500px;height: 15px;}
.price-loader-main{display: flex;justify-content: flex-end;align-items: center;gap: 20px;}
.list_loader_box_2 .main_sec_loader {width: 100%;max-width: 140px;height: 40px;min-width: 150px;border-radius: 5px;}
.list_loader_res_1 .main_sec_loader{margin-bottom: 10px;}
.list_loader_res_1 .main_sec_loader:nth-child(1) {width: 100%;max-width: 94px;height: 16px;padding: 0;margin: 0 0 5px auto;}
.price-loader-main .loader_box_main {width: 80%;padding: 0 10px;margin: 0;}
.loader_detail_box .main_sec_loader{margin-bottom: 5px;height: 12px;padding: 0;}
.main-box-det{border: 1px solid #f4f4f4;}
.main-load-box{display: flex;gap: 10px;}
.main-load-box .main_sec_loader:nth-child(1){max-width: 25px;}
.main-load-box .main_sec_loader:nth-child(2){max-width: 150px;}
.main_sec_loader{width: 100%;}
.row-box-main .main_box_del{margin-top: 0;}
.main-loader-view-room{display: flex;gap: 10px;}
.main-loader-view-room .main_sec_loader{width: 100%;}
.main-loader-view-room .main_sec_loader:nth-child(1){max-width: 40px;height: 40px;}
.main-loader-view-room .main_sec_loader:nth-child(2){max-width: 200px;height: 30px;}
.main-loader-view-room .main_sec_loader:nth-child(3){max-width: 30px;height: 30px;}
.wifi-main-box{display: flex;gap: 10px;align-content: center;}
.price-main-fare{display: flex;gap: 10px;align-content: center;justify-content: space-between;}
.price-main-fare .main_sec_loader{max-width: 100px;}
.line-box-lod .main_sec_loader{margin-bottom: 10px;max-width: 200px;}
.line-box-lod .main_sec_loader:nth-child(2){height: 10px;max-width: 180px;padding: 0;}
.button-view-load .main_sec_loader{min-height: 45px;border-radius: 5px;}
.row-box-main{border: 1px solid #f4f4f4;padding: 12px 0;}
.img-main-loader-1 .main_sec_loader{height: 100vh;max-height: 345px;border-radius: 10px 0 0 10px;}
.img-main-loader-2 .main_sec_loader{width: 100%;height: 100%;max-height: 103px;min-height: 103px;margin-bottom: 8px;}
.main-icon-load .amenities_box .main_sec_loader{height: 33px;border-radius: 5px;}
.main-icon-load .ameni_icon {border: 0;}
.dropdown-menu-nav{display: block !important;}
.call-book {color: var(--color-black);padding-left: 5px;font-size: 14px;font-family: "EasetoBookbold", sans-serif;font-weight: 600;}
.call-book img{width: 18px !important;height: 18px;margin-right: 0 !important;}
.trave-work-box span{font-weight: normal;}
.radio-group-detail {display: flex;gap: 20px;}
.radio-option {display: flex;align-items: center;gap: 8px;cursor: pointer;font-size: 16px;}
.radio-option input {display: none;}
.custom-radio {width: 20px;height: 20px;border: 2px solid #bbb;border-radius: 50%;position: relative;transition: all 0.2s ease;}
.radio-option input:checked + .custom-radio {border-color: #000;}
.radio-option input:checked + .custom-radio::after {content: "";width: 10px;height: 10px;background: #000;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.radio-option:hover .custom-radio {border-color: #000;}
.add-meed-main{display: flex;align-items: center;gap: 20px;margin-top: 12px;}
.page-head-trip{font-size: 14px;font-weight: 700;}
.add-meed-main .think-opt.enhance_main span::before{top: 4px !important;}
.main-textarea-box textarea{min-height: 80px;border: 1px solid #DDE6F3;padding:15px;color: var(--color-black);font-size: 14px;font-weight: 600;width: 100%;border-radius: 5px;transition: height .25s ease;}
.main-textarea-box textarea:focus {border: 1px solid #7bcfca !important;outline: none;min-height: 140px;}
.box-detail-pay .input_box_spacing {margin: 20px 0 0 0;}
.loader-login-main .popup_box{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;background: #1f1f1f45;border-radius: 0;padding: 0;border: 0;z-index: 9;}
.loader-login-main .popup_box img{width: 120px;border-radius: 100%;}
.main-flex-box{display: flex;align-content: center; gap: 5px}
.select_room_butt:hover .hover_none_main{display: none;}
.roomCardSlider_width .swiper.swiper-initialized.swiper-horizontal{height: 100px;}
.main-fix-successful{max-width: 350px;margin: 0 auto;}
.main-fix-successful h2{font-weight: 700;color: #1F1F1F;font-size: 24px;text-align: center;padding-top: 5px;}
.main-fix-successful p{font-size: 14px;color: #1F1F1F;font-weight: 600;text-align: center;}
.main-fix-successful{padding: 20px;border: 1px solid var(--color-black);border-radius: 10px;}
.btn-dash-dan{background: #1B1B1B;font-size: 16px;color: #fff;font-weight: 600;width: 100%;padding: 12px 10px;border-radius: 5px;}
.btn-dash-dan:hover{background: #E9F2FE;border: 1px solid #007BFF;color: #1B1B1B;}
/* =============loader end================= */
/*============map start=================*/
.night_drop_main {display: flex;flex-direction: column;width: 45px;}
.night_drop_main > label {font-size: 12px;line-height: 14px;color: #555;margin-bottom: 2px;}
.night_select_box {position: relative;width: 45px;margin-top: 5px;}
.night_selected {height: 20px;width: 45px;padding: 0 5px;border: 1px solid #D9D9D9;border-radius: 3px;background: #fff;color: #444;font-size: 13px;line-height: 18px;cursor: pointer;display: flex;align-items: center;justify-content: space-between;}
.night_arrow {font-size: 9px;color: #333;}
.night_drop_list {position: absolute;top: 20px;left: 0;width: 45px;max-height: 290px;overflow-y: auto;margin: 0;padding: 0;list-style: none;background: #fff;border: 1px solid #777;border-radius: 0 0 4px 4px;z-index: 9999;}
.night_drop_list li {height: 19px;padding: 0 5px;font-size: 13px;line-height: 19px;color: #555;cursor: pointer;}
.night_drop_list li:hover,
.night_drop_list li.active {background: #eee;}
.night_drop_list::-webkit-scrollbar {width: 5px;}
.night_drop_list::-webkit-scrollbar-thumb {background: #aaa;border-radius: 5px;}
.cardSlider .swiper-button-prev svg, .cardSlider .swiper-button-next svg{width: 5px !important;}
.range-slider .range-slider__range{width: 100%;height: 3px;border: 0;outline: 0;box-sizing: border-box;border-radius: 5px;pointer-events: none;-webkit-appearance: none;background: #0056D2;}
.range-slider{height: 3px;}
.range-slider .range-slider__thumb{border: 1px solid #fff;background: #0056D2;box-shadow: 1px 0 4px 1px #00000040;}
.largeImageRoot .swiper-button-prev, .largeImageRoot .swiper-button-next{background: #fff;border-radius: 100%;padding: 5px;border: 1px solid #7b7b7b;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;position: absolute;z-index: 9;top: 50%;left: 10px;cursor: pointer;transform: translate(0, -50%);color: var(--color-black);}
.sliderMainRoot .swiper-slide-thumb-active .img_detail_photo_list img{background: #d7d7d7;border: 2px solid #fff;box-shadow: 0 10px 15px -3px #00000021;}
.largeImageRoot .swiper-button-prev:hover, .largeImageRoot .swiper-button-next:hover{background: #000000;color: #fff;border: 1px solid #fff;}
.largeImageRoot .swiper-button-prev{left: 5px;}
.largeImageRoot .swiper-button-prev svg{transform: rotate(180deg);height: 12px;}
.largeImageRoot .swiper-button-next{right: 5px;left: unset;}
.largeImageRoot .swiper-button-next .swiper-navigation-icon{height: 12px;}
.main-search-loader .tab-content .loader-login-main {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 150px !important;height: 150px !important;z-index: 9999;border-radius: 20px;}
.hotel_more_view{margin-top: 10px !important;}
/*==========map end============*/
.contact-popup-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 9999;}
.main-input-box-agent{position: relative;}
.main-input-box-agent small{position: absolute;border-bottom: 20px;}
.contact-popup {position: relative;width: 100%;max-width: 350px;background: #fff;border-radius: 15px;padding: 10px 20px;text-align: center;}
.main-input-box{position: relative;}
.main-input-box small{position: absolute;bottom: -10px;}
.popup-close {cursor: pointer;color: #000;border: 0;border-radius: 0 10px;justify-content: center;align-items: center;width: 30px;height: 30px;padding: 5px;font-size: 32px;display: flex;position: absolute;top: 0;right: 0;}
.popup-content h3 {margin: 10px 0 5px;font-size: 20px;font-weight: 700;}
.popup-icon img{width: 50px;height: 50px;}
.select-btn-contact{padding: 5px 12px;color: var(--color-blue);font-weight: 700;background: #fff;border-radius: 8px;border: 1px solid var(--color-blue);}
.select-btn-contact:hover{background:var(--color-blue);color: #fff;}
.popup-content p{line-height: 1.2;}
.ul_drops_cur ul li a:hover{background: #d9d9d9;}
.mySwiper .swiper-button-next:hover, .mySwiper .swiper-button-prev:hover{background: rgba(0, 0, 0, 0.80);}
.footer-top-destination ul li a:hover{color: var(--color-blue);}
.main_detail_images .swiper-button-next svg{width: 10px;height: 10px;}
.modify_search_bar .main_search_bar {padding: 0;background-color: rgb(255 255 255 / 6%);border: 1px solid rgb(255 255 255 / 10%);}
.booking-page-Complete .booking-page {width: 100%;min-height: 100vh;background: #fff;padding: 30px 0 20px;color: #222;}
.booking-page-Complete .booking-header {margin-bottom: 10px;}
.booking-page-Complete .success-icon img{width: 60px;height: 60px;min-width: 60px;}
.booking-page-Complete .booking-title {margin: 5px 0 5px;color: #222;font-size: 25px;font-weight: 700;line-height: 1.2;}
.booking-page-Complete .booking-subtitle {color: #222;font-size: 14px;line-height: 1.5;}
.booking-page-Complete .booking-info {width: 100%;text-align: right;color: #222;font-size: 13px;line-height: 1.8;}
.booking-page-Complete .booking-info-row {display: flex;justify-content: flex-end;gap: 4px;}
.booking-page-Complete .booking-info-row span {font-weight: 500;}
.booking-page-Complete .print-this-main {margin-bottom: 20px; width: 100%;min-height: 80px;display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 14px 19px;background: #fff;border: 1px solid #d8d8d8;border-radius: 9px;}
.booking-page-Complete .print-text {flex: 1;color: #333;font-size: 13px;line-height: 1.65;}
.booking-page-Complete .print-text p {margin: 0;}
.booking-page-Complete .print-button {min-width: 147px;height: 40px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;border: 1px solid #222;border-radius: 5px;background: #222;color: #fff;font-size: 14px;font-weight: 500;transition: background-color 0.2s ease, border-color 0.2s ease;}
.booking-page-Complete .print-button:hover,
.booking-page-Complete .print-button:focus,
.booking-page-Complete .print-button:active {background: #fff !important;border-color: #000 !important;color: #000 !important;}
.booking-page-Complete .print-button i {font-size: 15px;}
.booking-page-Complete .main-booking-box {background: #fff;border: 1px solid #d8d8d8;border-radius: 10px;margin-bottom: 10px;padding: 10px 15px;}
.section-text-booking{margin: 0 0 10px;color: #222;font-size: 20px;font-weight: 700;line-height: 1.2;}
.booking-page-Complete .summary-booking-main {font-size: 18px;font-weight: 700;margin: 0 0 14px;color: #252525;}
.booking-page-Complete .summary-left {padding-right: 15px;}
.booking-page-Complete .rating {display: flex;gap: 2px;margin-bottom: 5px;}
.booking-page-Complete .rating i {font-size: 13px;color: #ff9f00;}
.booking-page-Complete .rating i.empty {color: #d5d5d5;}
.main_detail_images .swiper-button-prev svg{width: 10px;height: 10px;}
.booking-page-Complete .hotel-name {font-size: 16px;font-weight: 700;}
.booking-page-Complete .hotel-address {color: #555;margin-bottom: 10px;font-size: 14px;font-weight: normal;}
.summary-night-text{font-size: 14px;font-weight: normal;}
.summary-night-text strong{font-size: 14px;font-weight: 700;}
.booking-page-Complete .summary-info {line-height: 1.8;}
.booking-page-Complete .summary-info strong {font-weight: 700;}
.booking-page-Complete .dates-wrapper {display: flex;align-items: center;justify-content: flex-end;gap: 30px;height: 100%;}
.booking-page-Complete .date-column {text-align: center;}
.booking-page-Complete .date-label {font-weight: 600;margin-bottom: 5px;}
.booking-page-Complete .date-card {position: relative;width: 85px;height: 110px;}
.booking-page-Complete .date-top img{width: 85px;height: 110px;}
.booking-page-Complete .date-number span{
    font-size: 24px !important;
    font-weight: 700;
    color: #1F1F1F;
    display: block;
    font-family: "EasetoBookbold", sans-serif;
}
.booking-page-Complete .date-number{
    font-size: 12px;
    font-weight: 700;
    color: #1F1F1F;
    white-space: nowrap;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.2;
}
.booking-page-Complete .date-pin {position: absolute;top: -11px;width: 10px;height: 23px;background: #f7f7f7;border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);z-index: 5;}
.booking-page-Complete .date-pin-left {left: 20px;}
.booking-page-Complete .date-pin-right {right: 20px;}
.booking-page-Complete .date-month {position: relative;z-index: 2;font-size: 11px;font-weight: 600;margin-top: 3px;}
.booking-page-Complete .guest-table th {font-weight: 700;background: #fff;padding: 8px 12px;border-color: #d8d8d8;}
.booking-page-Complete .guest-table td {padding: 8px 10px;font-size: 14px;border-color: #d8d8d8;vertical-align: middle;white-space: nowrap}
.booking-page-Complete .guest-icon {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;margin-left: 4px;border-radius: 6px;background: #f28b28;color: #fff;font-size: 11px;}
.booking-page-Complete .cancel-title {margin-top: 5px;margin-bottom: 5px;color: #129c62;font-weight: 700;}
.booking-page-Complete .cancel-list {margin: 0;padding-left: 20px;}
.booking-page-Complete .cancel-list li {margin-bottom: 2px;list-style: disc;}
.booking-page-Complete .customer-grid {border: 1px solid #d8d8d8;border-radius: 5px;overflow: hidden;}
.booking-page-Complete .customer-item {padding: 8px 14px;min-height: 48px;border-right: 1px solid #d8d8d8;}
.booking-page-Complete .customer-item:last-child {border-right: 0;}
.booking-page-Complete .customer-label {font-size: 12px;color: #555;margin-bottom: 4px;}
.booking-page-Complete .customer-value {font-weight: 700;}
.booking-page-Complete .room-panel {background: #fff;border: 1px solid #cfd9e8;border-radius: 10px;padding: 18px 19px;}
.booking-page-Complete .room-panel .section-title {margin-bottom: 15px;}
.booking-page-Complete .room-box-main {border: 1px solid #d7d7d7;border-radius: 5px;padding: 10px 12px;margin-bottom: 15px;position: relative;}
.booking-page-Complete .room-card:last-child {margin-bottom: 0;}
.booking-page-Complete .room-title {font-weight: 700;margin-bottom: 4px;font-size: 14px;}
.booking-page-Complete .room-guests {margin-bottom: 5px;color: #333;font-size: 14px;}
.booking-page-Complete .room-row {margin-bottom: 5px;font-size: 14px;}
.booking-page-Complete .room-row strong {font-weight: 700;}
.booking-page-Complete .room-price {margin-bottom: 0;}
.booking-page-Complete .collapse-icon {position: absolute;right: 14px;top: 14px;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;background: #f1f1f1;border-radius: 50%;font-size: 12px;}
.booking-page-Complete .payment-card {border: 1px solid #d6dce5;border-radius: 5px;background: #fff;box-shadow: none;}
.booking-page-Complete .payment-card .card-body {padding: 10px;}
.booking-page-Complete .payment-title {font-size: 12px;font-weight: 500;margin-bottom: 8px;}
.booking-page-Complete .room-item {border-top: 1px solid #e5e5e5;padding: 4px 0 3px;}
.booking-page-Complete .room-description {color: #777;font-size: 14px;}
.booking-page-Complete .room-price-row {display: flex;justify-content: space-between;align-items: center;font-size: 16px;}
.booking-page-Complete .room-price-row .night-info {font-weight: 600;color: #222;}
.booking-page-Complete .room-price {font-weight: 600;}
.booking-page-Complete .property-box {background: #f8f8f8;border-radius: 3px;padding: 5px 6px 4px;margin-top: 3px;}
.booking-page-Complete .property-title {font-size: 14px;font-weight: 600;margin-bottom: 2px;}
.booking-page-Complete .charge-row {display: flex;justify-content: space-between;color: #555;font-size: 16px;}
.booking-page-Complete .total-section {border-top: 1px solid #ddd;margin-top: 3px;padding-top: 4px;display: flex;justify-content: space-between;align-items: flex-start;}
.booking-page-Complete .total-label {font-size: 14px;font-weight: 600;}
.booking-page-Complete .total-price {text-align: right;}
.booking-page-Complete .total-price strong {display: block;font-size: 16px;font-weight: 700;}
.booking-page-Complete .total-note {display: block;color: #777;font-size: 14px;}
.booking-page-Complete .print-wrapper {display: flex;justify-content: flex-end;margin-top: 20px;margin-bottom: 40px;}
.booking-page-Complete .print-btn {background: #0056D2;border-color: #0056D2;font-size: 16px;font-weight: 600;padding: 10px 40px;border-radius: 3px;}
.booking-page-Complete .print-btn:hover {background: #fff;color:#0056D2;border-color: #3445c7;}
.booking-page-Complete .print-btn i {font-size: 14px;}
.room-box-content.show{display: none;}
.room-box-main{background: #F4F4F4;border-color: #D9D9D9;}
.room-box-main.active{background: #fff;}
.policy-main-detail {border: 1px solid #ddd;border-radius: 8px;background: #fff;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);font-size: 14px;}
.policy-main-detail .policy-title {font-size: 20px;font-weight: 600; color: #333; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 10px;}
.policy-main-detail .policy-row {margin-bottom: 6px; color: #555;}
.policy-main-detail .policy-row strong {color: #333;}
.policy-main-detail .policy-note {font-size: 14px;color: #777;border-top: 1px solid #eee;padding-top: 8px;margin-top: 8px;}
.main-email-customer{max-width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.loader-login-main{background: #0000002b !important;width: 100%;height: 80vh;}
.loader-login-main .popup_box {height: 150px !important;width: 150px !important;border-radius: 20px;background: #fff;border: 1px solid #d8d8d8;box-shadow: 0 10px 15px -3px #0000001A;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.spinner-border-Loader .spinner-Loader-main{height: 80vh !important;}
.spinner-border-Loader .loader-login-main .popup_box{height: 150px !important;width: 150px !important;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 25px;background: #fff;border: 1px solid #d8d8d8;box-shadow: 0 10px 15px -3px #0000001A; }
.spinner-border-Loader .spinner-Loader-main{background: #fff;border-radius: 10%;position: relative;}
.main_border_with{
    position: relative;
}
.currency-main-box{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
}
.arrow-line-footer {
    width: 100%;
    height: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.arrow-line-footer .line-footer {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
}
.arrow-left-footer {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6px solid #d9d9d9;
}
.arrow-right-footer {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #d9d9d9;
}

.footer-inner-all-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 20px;
}
.head_fix_add{
    position: sticky;
    top: 0;
    z-index: 999;
}
.img-main-footer a{
    align-items: center;
}
.img-main-footer img{
    width: 25px !important;
    height: 25px;
}
.footer-content-all-right {
    flex: 1;
}

.footer-content-all-right p {
    margin: 0;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.footer-logos-all-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    flex-shrink: 0;
}

.footer-logos-all-right img {
    display: block;
    width: auto;
    height: 28px;
    object-fit: contain;
}
.footer-logos-all-right img:nth-child(1) {
    height: 29px;
}
.footer-logos-all-right img:nth-child(2) {
    height: 27px;
}
.footer-logos-all-right img:nth-child(3) {
    height: 31px;
}
.footer-logos-all-right img:nth-child(4) {
    height: 27px;
}
.hotel-empty-state {
    width: 100%;
    min-height: 330px;
    padding: 45px 20px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}
.empty-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: #f5f5f7;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.hotel-icon {
    width: 45px;
    height: 50px;
    position: relative;
}

.hotel-empty-state h2 {
    margin: 0 0 7px;
    color: #202020;
    font-size: 24px;
    font-family: 'EasetoBookbold', sans-serif;
    font-weight: 700;
    line-height: 1.3;
}
.hotel-empty-state p {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.5;
}
.empty-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 17px;
}
.empty-actions button {

    padding: 10px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}
.empty-actions a {
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
}
.btn-modify {
    border: 1px solid #0056d2;
    background: #0056d2;
    color: #fff;
    font-weight: 700;
}
.btn-modify:hover {
    background: #E0F0FF;
    color:#0056d2 ;
    border-color: #0056d2;
}
.btn-clear {
    border: 1px solid #333;
    background: #fff;
    color: #222;
    font-weight: 700;
}
.btn-clear:hover {
    background: #f5f5f5;
}
.main-date-no-hotels{
    max-width: 400px;
    margin: 25vh auto;
    padding: 20px;
    min-height: unset;
    border-radius: 40px;
}
.main_inside_location{
    padding: 10px !important;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}
.detail_check_policies {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px 0 rgb(225 225 225 / 34%);
    border: 1px solid #D9D9D9;
    padding: 15px;
    overflow: hidden;
}
.detail_check_policies .policies_card_title{
    font-weight: 600;
    font-size: 16px;
    color: #1F1F1F;
    margin-bottom: 10px;
}
.detail_check_policies .policies_list li{
    font-size: 14px;
    color: #1F1F1F;
    margin-left: 20px;
    list-style: disc;
}
.main-height-image{
    height: 300px;
    padding-right: 2px;
    overflow-y: scroll;
}
.main_max_images .layout{
    max-height: 300px;
}
.icon-box-color{
    font-size: 20px;
    line-height: 0;
}
.main-height-image::-webkit-scrollbar-thumb {
    background-color: var(--color-blue);
    border: 2px solid var(--color-blue);
    cursor: pointer;
    border-radius: 2px
}

.main-height-image::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.main-height-image::-webkit-scrollbar-track {
    background-color: #e6eff6;
    border-radius: 0
}
.input-hotel-main input{
    height: 26px;
    font-size: 16px;
    color: #1F1F1F;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-segment-search{
    position: absolute;
    width: 100%;
    padding: 0;
    top: 76px;
    float: left;
    z-index: 10;
    left: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .08);
    min-width: 300px;
    max-height:unset;
    overflow: hidden;
 }
.main-segment-search ul{
    overflow-y: scroll;
    max-height:300px;
}
.main-segment-search ul::-webkit-scrollbar-thumb {
    background-color: var(--color-blue);
    border: 2px solid var(--color-blue);
    cursor: pointer;
    border-radius: 2px
}

.main-segment-search ul::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.main-segment-search ul::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 0
}
.adult-main-text{
    margin-bottom: 10px;
}
.cancellation_policy h4{
    font-size: 14px;
    color: #009639;
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: 700;
}
.cancellation_policy ul li{
    font-size: 14px;
    color: #222222;
    list-style: disc;
    margin-left: 20px;
}
.adult-main-text p{
    font-size: 14px;
    color: #1F1F1F;
    font-weight: 600;
}
.list-segment-main .p-icon-ease {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    border: 1px solid #bfdbfe;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}
.list-segment-main .p-icon-ease img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.segment-main-ease .segment-main-1 {
    font-size: 14px;
    font-weight: 600;
    color: #1c2838;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.p-tag-ease.neutral-ease {
    border-color: #e4eaf2;
    color: #6b7c93;
    background: #f0f4f9;
}
.segment-list-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-bottom: 1px solid #ebf0f6;
    cursor: pointer;
    transition: background .15s;
    background: #ffffff;
    justify-content: space-between;
}
.segment-both-box{
    display: flex;
    align-items: center;
    gap: 8px;
}
.p-tag-ease {
    font-size: 10px;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    flex-shrink: 0;
}
.segment-main-2{
    font-size: 12px;
    color: #3A3A3A;
    margin: 2px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 170px;
}
.checking-img-main{
    width: 20px !important;
    height: 20px !important;
}
.checkingTotalRoom_text .gap_gridTotal_text{
color: #1F1F1F;
    font-size: 14px;
    font-weight: normal;
}
.room_only_wifi{
    padding: 5px 0;
}
.text-danger.wrapPolicy .images-box-main{
display: none;
}
.main_with_overview{
display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}
.main_price_detail h3{
font-size: 16px;
    color:#1a1d20;
    font-family: "EasetoBookbold", sans-serif;
    padding-bottom: 5px;
}
.main_price_detail p{
    font-size: 12px;
    color: #777777;
}
.hotel_main_bro ul li i{
    font-size: 16px;
}
.info-row-arrival-time {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.info-icon-arrival-time {
    width: 25px;
    min-width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #f58220;
    font-size: 22px;
}
.info-text-arrival-time {
    font-size: 14px;
    line-height: 24px;
    color: #292929;
}
.info-text-arrival-time strong {
    font-weight: 600;
}
.arrival-field-arrival-time {
    position: relative;
    margin-top: 20px;
}
.arrival-field-arrival-time label {
    position: absolute;
    top: -11px;
    left: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 5px;
    background: #fff;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    z-index: 2;
}

.arrival-field-arrival-time label small {
    font-size: 14px;
    font-weight: 400;
}
.select-wrapper-arrival-time {
    position: relative;
    width: 100%;
}

.select-wrapper-arrival-time select {
    width: 100%;
    height: 50px;
    padding: 0 50px 0 18px;
    border: 1px solid #d5d5d5;
    border-radius: 7px;
    background: #fff;
    color: #1a1d20;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.select-wrapper-arrival-time select:focus {
    border-color: #999;
}

.select-wrapper-arrival-time i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 18px;
    pointer-events: none;
}
.galleryPopCss.hotel_slide_main .modal-fullscreen{
    max-width: 100% !important;
}
.galleryPopCss.hotel_slide_main .modal-fullscreen .modal-content{
    max-width: 100% !important;
    border-radius: 0;
    max-height: 100%;
    background: #1F1F1F !important;
}
.galleryPopCss.hotel_slide_main .travel_info_hotel{
    padding: 5px 10px;
    border-bottom: unset;
    background: unset;
}
.galleryPopCss.hotel_slide_main .sliderMainRoot{
    max-width: 800px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 20px;
}
.trip_wrap h2{
    color: #fff;
    margin-bottom: 10px;
}
#Amenities-tab .max_detail_check_main .row.px-3{
    display: block;
    column-count: 4;
}
#Amenities-tab .max_detail_check_main .row.px-3 .col-lg-3.col-sm-6{
    width: 100%;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 5px;
}
.selectCheckbox1.billing-country-select input {
    height: 36px !important;
    border: 0 !important;

}
.selectCheckbox1.billing-country-select .hotel-location-name{
    font-size: 14px;
    font-weight: 600;
}
.selectCheckbox1.billing-country-select .react-select__placeholder{
    font-size: 14px;
    font-weight: 500;
}
.selectCheckbox1.billing-country-select .react-select__control--is-focused {
    border: 1px solid #7bcfca !important;
    box-shadow: none !important;
}
.selectCheckbox1.billing-country-select .react-select__indicator{
    padding: 0;
}
.amenities-wrapper {
    max-height: 350px;
    overflow: hidden;
    transform: translateY(0);
    transition: max-height 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease, transform 0.4s ease;
    position: relative;
}
.text-main-box-right{
    text-align: right;
}
.amenities-read-more img{
    width: 15px;
    margin-left: 5px;
}
.amenities-read-more{
color: #0056d2;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px;
    margin-right: 10px;
    background: #F4F4F4;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
.amenities-read-more .hide-up-main{
    transform: rotate(180deg);
}
.amenities-wrapper:not(.show-all)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);pointer-events: none;
}
.text_check_general ul li span img{
    width: 15px;
    height: 10px;
}
.amenities-wrapper.show-all {
    max-height: none;
    opacity: 1;
    transform: translateY(0);
}

.amenities-wrapper.show-all::after {
    display: none;
}
.amenities-read-more:hover {
    text-decoration: underline;
}
.loader-search-segment {
        position: relative;
        top: -34px;
        left: -32px;
}
.loader-sign-main{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffffc2;
    z-index: 99999;
}
.loader-sign-main .loader-login-main{
    max-height: 250px;
    max-width: 300px;
    border-radius: 15px;
    background: #e9effd !important;
    border: 1px solid #4565f2;
}
.react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range{
background-color: #0056D2;
}
.react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__day--in-range:not([aria-disabled="true"]):hover{
    background: #E0F0FF;
    color: #0056D2;
}
.loader-login-main {
    background: unset;
}
.loader-payment-Content{
    width: 100%;
    padding: 0 10px 30px;
}

.loader-payment-Content .reservation-container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 315px;
    gap: 18px;
}

.loader-payment-Content .skeleton {
    position: relative;
    overflow: hidden;
    background: #eeeeee;
    border-radius: 5px;
}
.hotel_container_main h6{
    position: relative;
    padding-left: 20px;
}
.hotel_container_main h6 img{
    position: absolute;
    left: 0;
}

.loader-payment-Content .skeleton::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.65) 50%, transparent 100%);transform: translateX(-100%);animation: skeleton-loading 1.5s infinite;}
@keyframes skeleton-loading { 100% {transform: translateX(100%);} }
.loader-payment-Content .reservation-main {
    min-width: 0;
}

.loader-payment-Content .skeleton-title {
    width: 285px;
    height: 27px;
    margin-bottom: 17px;
    border-radius: 5px;
}

.loader-payment-Content .loader-section {
    width: 100%;
}

.loader-payment-Content .skeleton-heading {
    width: 170px;
    height: 17px;
    margin-bottom: 6px;
}

.loader-payment-Content .skeleton-sub-heading {
    width: 285px;
    height: 11px;
    margin-bottom: 13px;
}

.loader-payment-Content .loader-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.loader-payment-Content .contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.loader-payment-Content .loader-field {
    min-width: 0;
}

.loader-payment-Content .zip-field {
    margin-top: 0;
}

.loader-payment-Content .skeleton-label {
    width: 85px;
    height: 9px;
    margin-bottom: 5px;
}

.loader-payment-Content .skeleton-input {
    width: 100%;
    height: 41px;
    border: 1px solid #e3e7ef;
    background: #f8f9fb;
    border-radius: 5px;
}

.loader-payment-Content .loader-divider {
    width: 100%;
    height: 4px;
    background: #dedede;
    margin: 21px 0 25px;
}

.loader-payment-Content .guest-heading {
    width: 160px;
}

.loader-payment-Content .skeleton-small-heading {
    width: 175px;
    height: 12px;
    margin-bottom: 12px;
}

.loader-payment-Content .room-loader {
    margin-top: 13px;
}

.loader-payment-Content .skeleton-room-title {
    width: 175px;
    height: 13px;
    margin-bottom: 12px;
}

.loader-payment-Content .adult-loader {
    margin-bottom: 10px;
}

.loader-payment-Content .skeleton-adult-title {
    width: 75px;
    height: 10px;
    margin-bottom: 6px;
}

.loader-payment-Content .addon-loader {
    width: 100%;
}

.loader-payment-Content .addon-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.loader-payment-Content .skeleton-popular {
    width: 80px;
    height: 30px;
    flex: 0 0 auto;
}

.loader-payment-Content .skeleton-addon-title {
    width: 270px;
    height: 15px;
    margin-bottom: 6px;
}

.loader-payment-Content .skeleton-addon-subtitle {
    width: 430px;
    max-width: 100%;
    height: 10px;
}

.loader-payment-Content .skeleton-vip-title {
    width: 190px;
    height: 11px;
    margin-bottom: 10px;
}

.loader-payment-Content .addon-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.loader-payment-Content .addon-card {
    border: 1px solid #dddddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.loader-payment-Content .addon-card-top {
    min-height: 47px;
    padding: 10px 12px;
    background: #f5f5f5;

    display: flex;
    align-items: center;
    gap: 10px;
}

.loader-payment-Content .skeleton-radio {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.loader-payment-Content .skeleton-addon-name {
    width: 100px;
    height: 13px;
}

.loader-payment-Content .skeleton-price {
    width: 65px;
    height: 13px;
    margin-left: auto;
}

.loader-payment-Content .addon-card-bottom {
    padding: 13px 12px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.loader-payment-Content .skeleton-check {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.loader-payment-Content .skeleton-description {
    width: 75%;
    height: 11px;
}
.loader-payment-Content .reservation-sidebar {
    min-width: 0;
}

.loader-payment-Content .booking-loader-card {
    border: 1px solid #444;
    border-radius: 10px;
    padding: 12px;
    background: #fff;
    max-height: 516px;
}

.loader-payment-Content .skeleton-overview-title {
    width: 125px;
    height: 11px;
    margin-bottom: 12px;
}

.loader-payment-Content .skeleton-hotel-image {
    width: 100%;
    height: 168px;
    border-radius: 9px;
    margin-bottom: 13px;
}

.loader-payment-Content .skeleton-rating {
    width: 90px;
    height: 11px;
    margin-bottom: 9px;
}

.loader-payment-Content .skeleton-hotel-name {
    width: 205px;
    height: 14px;
    margin-bottom: 9px;
}

.loader-payment-Content .skeleton-location {
    width: 245px;
    max-width: 100%;
    height: 10px;
    margin-bottom: 14px;
}

.loader-payment-Content .skeleton-guest-summary {
    width: 175px;
    height: 11px;
    margin-bottom: 12px;
}
.loader-payment-Content .hotel-mini-loader {
    border: 1px solid #ddd;
    border-radius: 9px;
    padding: 10px;
    margin-bottom: 8px;
}

.loader-payment-Content .skeleton-mini-title {
    width: 190px;
    height: 14px;
    margin-bottom: 10px;
}

.loader-payment-Content .mini-amenities {
    display: flex;
    gap: 6px;
    margin-bottom: 11px;
}

.loader-payment-Content .skeleton-amenity {
    width: 48px;
    height: 18px;
    border-radius: 4px;
}

.loader-payment-Content .skeleton-room-info {
    width: 150px;
    height: 10px;
    margin-bottom: 13px;
}

.loader-payment-Content .mini-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loader-payment-Content .skeleton-mini-price {
    width: 65px;
    height: 13px;
}

.loader-payment-Content .skeleton-cancel {
    width: 110px;
    height: 11px;
}

.loader-payment-Content .date-summary-loader {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 10px;
}

.loader-payment-Content .skeleton-date-heading {
    width: 100px;
    height: 12px;
    margin-bottom: 13px;
}

.loader-payment-Content .date-loader-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.loader-payment-Content .skeleton-date-label {
    width: 45px;
    height: 8px;
    margin-bottom: 5px;
}

.loader-payment-Content .skeleton-date {
    width: 75px;
    height: 12px;
}

.loader-payment-Content .skeleton-night {
    width: 50px;
    height: 22px;
    border-radius: 4px;
}
.loader-payment-Content .total-loader-card {
    position: relative;
    margin-top: 12px;
    min-height: 92px;

    border: 1px solid #ddd;
    border-radius: 9px;
    padding: 17px 15px;
}

.loader-payment-Content .skeleton-total-title {
    width: 100px;
    height: 16px;
}

.loader-payment-Content .skeleton-total-price {
    width: 90px;
    height: 17px;
    position: absolute;
    right: 15px;
    top: 17px;
}

.loader-payment-Content .total-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 18px;
}

.loader-payment-Content .skeleton-total-room {
    width: 120px;
    height: 11px;
}

.loader-payment-Content .skeleton-total-small-price {
    width: 65px;
    height: 11px;
}
.loader-bookingcomplete-main {
    width: 100%;
    margin: 0 auto;
    padding: 12px 11px 30px;
}

.loader-bookingcomplete-main .skeleton {
    position: relative;
    overflow: hidden;
    background: #eeeeee;
    border-radius: 4px;
}

.loader-bookingcomplete-main .skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), transparent);
    transform: translateX(-100%);
    animation: shimmer 1.45s infinite;
}
@keyframes shimmer { 100% {transform: translateX(100%);} }
.loader-bookingcomplete-main .booking-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 13px;
}

.loader-bookingcomplete-main .booking-status {
    display: flex;
    align-items: center;
    gap: 10px;
}

.loader-bookingcomplete-main .status-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.loader-bookingcomplete-main .status-content {
    padding-top: 2px;
}
.loader-bookingcomplete-main .status-title {
    width: 190px;
    height: 20px;
    margin-bottom: 8px;
}

.loader-bookingcomplete-main .status-description {
    width: 360px;
    max-width: 100%;
    height: 11px;
}

.loader-bookingcomplete-main .reference-box {
    width: 215px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
}

.loader-bookingcomplete-main .reference-line {
    width: 210px;
    height: 10px;
}

.loader-bookingcomplete-main .reference-line.small {
    width: 125px;
}
.loader-bookingcomplete-main .print-notice {
    min-height: 64px;
    border: 1px solid #dddddd;
    border-radius: 7px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.loader-bookingcomplete-main .notice-content {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.loader-bookingcomplete-main .notice-line {
    width: 410px;
    height: 10px;
}

.loader-bookingcomplete-main .notice-line.second {
    width: 330px;
}

.loader-bookingcomplete-main .print-button {
    width: 118px;
    height: 32px;
    border-radius: 5px;
}
.loader-bookingcomplete-main .booking-layout {
    display: grid;
    grid-template-columns:minmax(0, 1fr)315px;
    gap: 18px;
}
.loader-bookingcomplete-main .booking-left,
.loader-bookingcomplete-main .booking-right {
    min-width: 0;
}
.loader-bookingcomplete-main .loader-card {
    border: 1px solid #d8d8d8;
    border-radius: 7px;
    background: #fff;
    padding: 10px 12px;
    margin-bottom: 10px;
}

.loader-bookingcomplete-main .card-title {
    width: 145px;
    height: 17px;
}
.loader-bookingcomplete-main .guest-title {
    width: 160px;
}
.loader-bookingcomplete-main .payment-title {
    width: 150px;
}
.loader-bookingcomplete-main .card-divider {
    width: 100%;
    height: 1px;
    background: #dddddd;
    margin: 9px 0 11px;
}
.loader-bookingcomplete-main .summary-content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.loader-bookingcomplete-main .hotel-summary {
    flex: 1;
    min-width: 0;
}

.loader-bookingcomplete-main .rating {
    width: 62px;
    height: 10px;
    margin-bottom: 10px;
}

.loader-bookingcomplete-main .hotel-name {
    width: 180px;
    height: 13px;
    margin-bottom: 7px;
}

.loader-bookingcomplete-main .hotel-location {
    width: 140px;
    height: 9px;
    margin-bottom: 14px;
}

.loader-bookingcomplete-main .summary-text {
    width: 105px;
    height: 9px;
    margin-bottom: 7px;
}

.loader-bookingcomplete-main .summary-text.short {
    width: 80px;
}
.loader-bookingcomplete-main .date-summary {
    width: 165px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
}

.loader-bookingcomplete-main .date-box {
    width: 75px;
    text-align: center;
}

.loader-bookingcomplete-main .date-title {
    width: 58px;
    height: 11px;
    margin: 0 auto 10px;
}

.loader-bookingcomplete-main .calendar-box {
    width: 62px;
    height: 67px;
    margin: auto;
    border-radius: 8px;
}
.loader-bookingcomplete-main .guest-table {
    width: 100%;
    border: 1px solid #d8d8d8;
}
.loader-bookingcomplete-main .table-header,
.loader-bookingcomplete-main .table-row {
    display: grid;
    grid-template-columns:105px 165px minmax(0, 1fr);
}
.loader-bookingcomplete-main .table-header {
    min-height: 34px;
    border-bottom: 1px solid #d8d8d8;
    background: #fafafa;
    padding: 9px;
}

.loader-bookingcomplete-main .table-row {
    min-height: 48px;
    padding: 9px;
}

.loader-bookingcomplete-main .table-header > div:not(:last-child),
.loader-bookingcomplete-main .table-row > div:not(:last-child) {
    border-right: 1px solid #d8d8d8;
    padding-right: 8px;
}

.loader-bookingcomplete-main .table-head {
    width: 55px;
    height: 10px;
}

.loader-bookingcomplete-main .table-head.guest {
    width: 50px;
}
.loader-bookingcomplete-main .table-head.room-type {
    width: 80px;
}
.loader-bookingcomplete-main .table-cell {
    width: 55px;
    height: 10px;
    align-self: center;
}

.loader-bookingcomplete-main .room-cell {
    width: 180px;
    max-width: 90%;
}
.loader-bookingcomplete-main .guest-cell {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.loader-bookingcomplete-main .guest-name {
    width: 90px;
    height: 10px;
}
.loader-bookingcomplete-main .guest-name.second {
    width: 75px;
}
.loader-bookingcomplete-main .cancellation-loader {
    margin-top: 12px;
}

.loader-bookingcomplete-main .cancellation-title {
    width: 120px;
    height: 11px;
    margin-bottom: 7px;
}

.loader-bookingcomplete-main .cancellation-text {
    width: 440px;
    max-width: 100%;
    height: 10px;
}
.loader-bookingcomplete-main .customer-grid {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    border: 1px solid #d8d8d8;
}

.loader-bookingcomplete-main .customer-item {
    padding: 9px 12px;
    min-width: 0;
}

.loader-bookingcomplete-main .customer-item:not(:last-child) {
    border-right: 1px solid #d8d8d8;
}
.loader-bookingcomplete-main .customer-label {
    width: 45px;
    height: 8px;
    margin-bottom: 8px;
}

.loader-bookingcomplete-main .customer-value {
    width: 90px;
    height: 11px;
}

.loader-bookingcomplete-main .customer-value.email {
    width: 130px;
    max-width: 100%;
}

.loader-bookingcomplete-main .customer-value.phone {
    width: 105px;
}

.loader-bookingcomplete-main .payment-room {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.loader-bookingcomplete-main .payment-room-name {
    width: 235px;
    max-width: 60%;
    height: 9px;
}

.loader-bookingcomplete-main .payment-price {
    width: 85px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
}

.loader-bookingcomplete-main .payment-nights {
    width: 110px;
    max-width: 100%;
    height: 10px;
}

.loader-bookingcomplete-main .payment-amount {
    width: 60px;
    height: 12px;
}

.loader-bookingcomplete-main .payment-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
}

.loader-bookingcomplete-main .total-label {
    width: 115px;
    height: 11px;
}

.loader-bookingcomplete-main .total-price {
    width: 65px;
    height: 13px;
}

.loader-bookingcomplete-main .tax-text {
    width: 105px;
    height: 8px;
    margin-left: auto;
}


.loader-bookingcomplete-main .side-card {
    padding: 12px;
    margin-bottom: 18px;
}

.loader-bookingcomplete-main .side-title {
    width: 105px;
    height: 17px;
}

.loader-bookingcomplete-main .policy-title {
    width: 65px;
}
.loader-bookingcomplete-main .room-select-loader {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fafafa;
    padding: 10px;
    min-height: 60px;
}

.loader-bookingcomplete-main .room-select-title {
    width: 190px;
    max-width: 100%;
    height: 12px;
    margin-bottom: 9px;
}

.loader-bookingcomplete-main .room-select-text {
    width: 55px;
    height: 9px;
}
.loader-bookingcomplete-main .adult-count {
    width: 60px;
    height: 9px;
    margin-top: 9px;
}
.loader-bookingcomplete-main .policy-line {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}

.loader-bookingcomplete-main .policy-label {
    width: 70px;
    height: 10px;
}
.loader-bookingcomplete-main .policy-value {
    width: 75px;
    height: 10px;
}
.loader-bookingcomplete-main .policy-value.long {
    width: 110px;
}
/*=======gest=======*/
.guest-details-td {
    position: relative;
    white-space: nowrap;
}

.guest-name-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.guest-name {
    font-size: 14px;
    color: #333;
}

.guest-icon {
    width: 19px;
    height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.guest-icon img {
    width: 18px;
    height: 18px;
    display: block;
}
.guest-tooltip {
    position: absolute;
    top: calc(100% + 8px);
    left: 55px;
    width: 260px;
    background: #fff;
    border-radius: 10px;
    padding: 15px 16px;
    box-shadow: 0 5px 22px rgba(0, 0, 0, 0.15);
    z-index: 9999;
}
.guest-tooltip::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 18px;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(45deg);
}
.guest-tooltip-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    z-index: 1;
}
.guest-tooltip-header strong {
    font-size: 13px;
    font-weight: 700;
    color: #344054;
    letter-spacing: 0.2px;
}
.guest-tooltip-close {
    border: 0;
    background: transparent;
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 24px;
    line-height: 18px;
    color: #a0a0a0;
    cursor: pointer;
}
.guest-tooltip-close:hover {
    color: #333;
}
.guest-list {
    margin: 0;
    padding-left: 15px;
    color: #555;
}
.guest-list li {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.4;
    list-style: decimal;
}
.guest-list li:last-child {
    margin-bottom: 0;
}
/*===printout====*/
@media print {
    @page {
        size: A3 portrait;
        margin: 2mm;
    }
    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }
    .no-print,
    .print-button,
    .print-wrapper {
        display: none !important;
    }
    header .clickSide.sidemenu,header .main-Currency-login,
    footer, nav, .site-header, .site-footer {
        display: none !important;
    }

    .booking-print-content {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }
    .booking-print-content{
        padding-top: 10px !important;
    }
    .booking-print-content .row {
        margin-top: revert !important;
        margin-bottom: revert !important;
    }
    .main-booking-box {
        display: block !important;
        width: 100% !important;
        margin: 0 0 12px 0 !important;
        padding: 10px 12px !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .section-text-booking {
        display: block !important;
    }

    .customer-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #d0d0d0 !important;
        border-radius: 5px !important;
        overflow: hidden !important;
    }
    .customer-item,
    .customer-item.col-md-4,
    .customer-item.col-sm-4,
    .customer-item.col-12 {
        display: block !important;
        flex: 0 0 33.333333% !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
        min-width: 0 !important;
        padding: 9px 12px !important;
        margin: 0 !important;
        border-right: 1px solid #d0d0d0 !important;
        box-sizing: border-box !important;
    }
    .main-email-customer {
        font-size: 12px !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }
    .booking-print-content .main-booking-box {
        display: block !important;
        width: 100% !important;
    }
    .booking-print-content .summary-booking-main {
        display: block !important;
    }
    .booking-print-content .section-text-booking {
        display: block !important;
    }
    .booking-print-content .customer-grid {
        display: flex !important;
    }
    .booking-print-content .customer-item {
        display: block !important;
    }
    .booking-print-content .customer-label {
        display: block !important;
    }
    .booking-print-content .customer-value {
        display: block !important;
    }
    .booking-print-content .main-email-customer {
        display: block !important;
    }
    .booking-print-content .summary-left {
        display: block !important;
    }
    .booking-print-content .rating {
        display: block !important;
    }
    .booking-print-content .hotel-name {
        display: block !important;
    }
    .booking-print-content .hotel-address {
        display: block !important;
    }
    .booking-print-content .summary-info {
        display: flex !important;
    }
    .booking-print-content .dates-wrapper {
        display: flex !important;
    }
    .booking-print-content .date-column {
        display: block !important;
    }
    .booking-print-content .date-card {
        display: block !important;
    }
    .booking-print-content .guest-table {
        display: block !important;
        width: 100% !important;
    }
    .booking-print-content .guest-table table {
        width: 100% !important;
    }
    .booking-print-content .guest-name-wrapper {
        display: flex !important;
        align-items: center !important;
    }
    .booking-print-content .guest-icon {
        display: inline-flex !important;
    }
    .booking-print-content .guest-tooltip {
        display: none !important;
    }
    .booking-print-content .cancellation_policy {
        display: block !important;
    }
    .booking-print-content .payment-card {
        display: block !important;
        width: 100% !important;
    }
    .booking-print-content .room-item {
        display: block !important;
    }
    .booking-print-content .room-description {
        display: block !important;
    }
    .booking-print-content .room-price-row {
        display: flex !important;
        justify-content: space-between !important;
    }
    .booking-print-content .night-info {
        display: inline-block !important;
    }
    .booking-print-content .room-price {
        display: inline-block !important;
    }
    .booking-print-content .total-section {
        display: flex !important;
        justify-content: space-between !important;
    }
    .booking-print-content .total-label {
        display: block !important;
    }
    .booking-print-content .total-price {
        display: block !important;
    }
    .booking-print-content .total-note {
        display: block !important;
    }
    .booking-print-content .room-box-main {
        display: block !important;
    }
  .guest-name-wrapper .guest-icon{
      display:  none !important;
  }
    .booking-print-content .room-title {
        display: block !important;
    }
    .booking-print-content .room-guests {
        display: block !important;
    }
    .booking-print-content .collapse-icon {
        display: block !important;
    }
    .booking-print-content .room-box-content {
        display: block !important;
    }
    .booking-print-content .room-row {
        display: block !important;
    }
    .booking-print-content .policy-main-detail {
        display: block !important;
    }
    .booking-print-content .policy-title {
        display: block !important;
    }
    .booking-print-content .policy-row {
        display: block !important;
    }
    .booking-print-content .main-booking-box,
    .booking-print-content .payment-card,
    .booking-print-content .room-box-main,
    .booking-print-content .policy-main-detail {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .booking-print-content,
    .booking-print-content * {-webkit-print-color-adjust: exact !important;print-color-adjust: exact !important;}
    .booking-print-content img {max-width: 100%;}
    .summary-booking-main {display: block !important;width: 100% !important;height: auto !important;visibility: visible !important;opacity: 1 !important;margin: 0 0 12px 0 !important;padding: 10px 12px !important;border: 1px solid #cfcfcf !important;border-radius: 8px !important;box-sizing: border-box !important;page-break-inside: avoid !important;break-inside: avoid !important;}
    .summary-booking-main .section-text-booking {display: block !important;font-size: 18px !important;line-height: 22px !important;font-weight: 600 !important;margin: 0 0 8px 0 !important;padding: 0 !important;color: #111 !important;}
    .summary-booking-main hr {display: block !important;margin: 0 0 10px 0 !important;border: 0 !important;border-top: 1px solid #ddd !important;opacity: 1 !important;}
    .summary-booking-main .row {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;width: 100% !important;margin: 0 !important;padding: 0 !important;}
    .summary-booking-main .summary-left,
    .summary-booking-main .col-md-8 {display: block !important;flex: 0 0 66.666667% !important;width: 66.666667% !important;max-width: 66.666667% !important;padding: 0 10px 0 0 !important;margin: 0 !important;box-sizing: border-box !important;}
    .summary-booking-main .col-md-4 {display: block !important;flex: 0 0 33.333333% !important;width: 33.333333% !important;max-width: 33.333333% !important;padding: 0 !important;margin: 0 !important;box-sizing: border-box !important;}
    .booking-header {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 0 !important;gap: 0 !important;align-items: flex-start !important;box-sizing: border-box !important;page-break-inside: avoid !important;break-inside: avoid !important;}
    .booking-header > .col-12.col-lg-8 {display: block !important;width: 68% !important;max-width: 68% !important;flex: 0 0 68% !important;padding: 0 !important;margin: 0 !important;box-sizing: border-box !important;}
    .booking-header > .col-12.col-lg-4 {display: block !important;width: 32% !important;max-width: 32% !important;flex: 0 0 32% !important;padding: 0 !important;margin: 0 !important;box-sizing: border-box !important;}
    .booking-header .d-flex {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;width: 100% !important;align-items: flex-start !important;gap: 8px !important;margin: 0 !important;padding: 0 !important;}
    .booking-header .success-icon {display: block !important;width: 60px !important;min-width: 60px !important;max-width: 60px !important;height: 60px !important;flex: 0 0 60px !important;margin: 0 !important;padding: 0 !important;}
    .booking-header .success-icon img {display: block !important;width: 60px !important;height: 60px !important;max-width: 60px !important;object-fit: contain !important;margin: 0 !important;padding: 0 !important;}
    .booking-header .booking-content {display: block !important;width: auto !important;flex: 1 1 auto !important;margin: 0 !important;padding: 0 !important;}
    .booking-header .booking-title {display: block !important;margin: 5px 0 3px 0 !important;padding: 0 !important;line-height: 29px !important;white-space: nowrap !important;-webkit-print-color-adjust: exact !important;print-color-adjust: exact !important;}
    .booking-header .booking-subtitle {display: block !important;margin: 0 !important;padding: 0 !important;white-space: nowrap !important;}
    .booking-header .booking-info {display: block !important;width: 100% !important;margin: 0 !important;padding: 0 !important;text-align: right !important;box-sizing: border-box !important;}
    .booking-header .booking-info-row {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;justify-content: flex-end !important;align-items: baseline !important;width: 100% !important;margin: 0 0 7px 0 !important;padding: 0 !important;gap: 4px !important;line-height: 16px !important;white-space: nowrap !important;}
    .booking-header .booking-info-row strong {display: inline !important;white-space: nowrap !important;}
    .booking-header .booking-info-row span {display: inline !important;white-space: nowrap !important;}
    .booking-header.row {--bs-gutter-x: 0 !important;--bs-gutter-y: 0 !important;}
    .booking-header .mb-0 {margin-bottom: 0 !important;}
    .booking-header .gap-2 {gap: 8px !important;    }
    .booking-header,
    .booking-header * {-webkit-print-color-adjust: exact !important;print-color-adjust: exact !important;    }
    .booking-wrapper {display: block !important;width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 0 !important;    }
    .booking-wrapper > .row {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 0 !important;gap: 10px !important;--bs-gutter-x: 0 !important;--bs-gutter-y: 0 !important;}
    .booking-wrapper > .row > .col-lg-8 {display: block !important;flex: 0 0 calc(66.666667% - 5px) !important;width: calc(66.666667% - 5px) !important;max-width: calc(66.666667% - 5px) !important;min-width: 0 !important;margin: 0 !important;padding: 0 !important;}
    .booking-wrapper > .row > .col-lg-4 {display: block !important;flex: 0 0 calc(33.333333% - 5px) !important;width: calc(33.333333% - 5px) !important;max-width: calc(33.333333% - 5px) !important;min-width: 0 !important;margin: 0 !important;padding: 0 !important;}
    .booking-wrapper > .row > .col-lg-8,
    .booking-wrapper > .row > .col-lg-4 {box-sizing: border-box !important;}
    .booking-wrapper .payment-wrapper,
    .booking-wrapper .main-booking-box,
    .booking-wrapper .card {max-width: 100% !important;box-sizing: border-box !important;}
    .booking-page-Complete .print-this-main{
        padding-top: 10px;
    }
    .head_fix_add {position: unset !important;}
    .booking-page-Complete.pt-3 {padding-top: 10px !important; border-top: 1px solid #0000000D; margin-top: -20px !important}
}
/*===printout====*/
.price_updated_table{
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.price_updated_main h4{
    margin: 0 0 5px;
    color: #222;
    font-size: 20px;
    font-weight: 700;
    font-family: 'EasetoBookreg', sans-serif;

}
.price_updated_main p{
    color: #3A3A3A;
    font-size: 14px;
    border-bottom: 1px solid #3A3A3A;
}
.would-like-text{
    color: #3A3A3A;
    font-size: 14px;
}
/* =============Result page New Update Map============== */

.main_hotel_tab {
    gap: 10px;
}


.filter-box-main {
    width: 18%;
}

.hotel-listing-main {
    width: 82%;
}
.hotel_popular_wifi ul li a {
    padding: 3px;
}
.hotel_popular_wifi ul {
    gap: 4px;
}
.result-main-container .container{
    max-width: 1600px;
    margin-inline: auto;
    position: relative;
}
.hotel-map-main {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-top: 16px;
}
.hotel-map-main .layout{
    max-height: 700px;
    position: relative;
}
.map-controls {
    position: absolute;
    right: 12px;
    top: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 200;
}
.map-control {
    width: 42px;
    height: 42px;
    background: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    cursor: pointer;
}






/* =============Result page New Update Map============== */