.hotel_aside .bigcheck label::before, .hotel_aside .bigcheck label::after{top: 0;}
.lh_10Before.bigcheck label::before, .lh_10Before.bigcheck label::after {line-height: 10px;}
.recommendsHotel{background-color: #fff;padding: 16px 16px 0;border-radius: var(--radius16);min-height:274px;}
.recommendsHotel h3{color:var(--gray100);}
.recommendsHotel p{color: var(--dark400);}

.featureHotelDiv .swiper-button-next{right: 0;}
.featureHotelDiv .swiper-button-prev{left: 0;}
.featureHotelDiv .swiper-button-next, .featureHotelDiv .swiper-button-prev{
    color: var(--maincolor);
    border-radius: 10px;
    background: #fac0bf;
    width: 32px;
    height: 32px;
    font-size: 12px;
}
.featureHotelDiv .swiper-button-next:after, .featureHotelDiv .swiper-button-prev:after{
    font-size: 14px;
    font-weight: 900;
}
.featureHotelDiv .swiper-pagination{top: -3px!important; text-align: right;height: 0;}
.featureHotelDiv .swiper-wrapper{padding-top: 21px;}

.featureHotelDiv .swiper-pagination-bullet{background-color: #666;}
.featureHotelDiv .swiper-pagination-bullet-active {background-color: var(--maincolor)}
.bannerOffer{position: relative;display: block;}
.bannerOfferImg{height:147px; width:100%; overflow:hidden; margin: 0;}
.bannerOfferImg img{width:100%; height:100%; object-fit:cover;}
.bannerOffer .offertag{line-height: 16px; border-radius: 6px; box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.06); padding: 4px 8px; position: absolute; background-color: #fff; color: var(--maincolor); top: 10px; left: 10px;}
.addRoomBtn{background-color: #fff;padding: 10px 20px;border-radius: 40px; border: 1px solid  #E9E9E9;line-height: 14px;}
.addRoomBtn strong{background: var(--gradient); background-clip: text; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.selectChild{padding: 8px 10px;border-color: #E9E7E5;}
.form-select.selectChild{background-position: right 8px center;}
.roomCollapsed .chevronDown svg{transform: rotate(-180deg);}
.roomCollapsed.collapsed .chevronDown svg{transform: rotate(0deg);}
.searchDestination{position: relative;}
.searchDestination input{border-radius: var(--radius16); background: #EFEFEE; padding: 12px 30px 12px 40px;border: 0;}
.searchDestination input:focus{outline: unset;box-shadow: unset;background-color: #EFEFEE;}
.searchDestination span{position: absolute; left: 12px; top: 10px;}

.propertyRating span{position: absolute; top: 11px; z-index: 9; left: 0; right: 0; text-align: center; font-size: 16px; font-weight: 700; color: #1D1D1D !important;}
.propertyRating span svg{position: relative;bottom: 2px;}
.propertyRating{position: relative; height: 42px;width: 42px;display: inline-block;}
.propertyRating input[type="checkbox"], .propertyRating input[type="radio"] {opacity: 0; display: none;}
.propertyRating label::before, .propertyRating label::after, .myradiobox label::before, .myradiobox label::after {position: absolute; content: ""; display: inline-block;}
.propertyRating label::after,.propertyRating label::before{height:42px; width:42px; top: 3px; inset-inline-start:0;}
.propertyRating label::before {border:1px solid rgba(100, 92, 86, 0.10);}
.propertyRating input[type="checkbox"]:checked + label::after, .propertyRating input[type="checkbox"]:checked + label span{color: #fff !important;}
.propertyRating input[type="checkbox"]:checked + label span svg path{fill: #fff;}
.propertyRating label::after {background: #b1034a; background: var(--gradient);}
.propertyRating input[type="checkbox"] + label::after,.propertyRating input[type="radio"] + label::after{content: none;}
.propertyRating input[type="checkbox"]:checked + label::after{content:" ";}
.propertyRating input[type="checkbox"] + label::before{border-radius: 12px; background: rgba(100, 92, 86, 0.10);}
.propertyRating input[type="checkbox"]:checked + label::after{border-radius: 12px;}
.checkboxText{cursor:pointer;}

.hotelSearchImg {
    border-radius: var(--radius24) 0px 0px var(--radius24);
    height: 100%;
    max-height: 182px;
    min-height: 182px;
    object-fit: cover;
}

.mapHotelImg {
    border-radius: var(--radius24) 0px 0px var(--radius24);
    height: 150px;
    object-fit: cover;
    background: url("/images/imagesDesktop/imageloader.svg") no-repeat 22px center;
}

.viewItem{}
.mtres32{position: relative;top: 35px;}
.height350{max-height: 350px;object-fit: cover;}
.height165{max-height: 165px;object-fit: cover;}
.height144{max-height: 144px;object-fit: cover;}
.height200{height: 200px; max-height: 200px;object-fit: cover;}
.height400{max-height: 400px;object-fit: cover;}
.height180{max-height: 180px;object-fit: cover;}
.height171{max-height: 171px;}
.moreImage{top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 32px;line-height: 32px;}
.overlayBg{filter: brightness(0.7);}
.hotelAmenities{display: flex; padding: 8px 12px; align-items: center; gap: 4px; border-radius: 8px; border: 1px solid rgba(29, 29, 29, 0.10);}
.hotelAmenities span{position: relative;top: 2px;}
.hotelAmenities.ht-28{max-height: 28px;}
.LocationItem .locationIcon{top: 50%; left: 35%; transform: translate(-50%, -50%);}
.viewMapBtn{gap: 4px; padding: 4px 8px; border-radius: 4px; background: #FFF; box-shadow: 0px 8px 25px 0px rgba(46, 47, 56, 0.15); top: 12px;right: 12px;cursor: pointer;}
.mapColumn{border-radius: var(--radius16); background: #FFF; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);}
.top2{top: 2px;}
.trandingItem .hotelSearchImg{border-radius: 0px 0px 0px var(--radius24);}
.trandingItem .radius-24{border-radius: 0  0 var(--radius24) var(--radius24);}
.trandingRow{background:var(--gradient); padding: 0 5px 5px 5px; border-radius:var(--radius24);}
.trandHd{padding: 6px 12px;}
.roomTerms{min-height: 96px;}
.roomcard{border-radius: var(--radius24); border: 1px solid #D2D2D2;background: #FFF;padding: 24px 20px;}

.selectBtns {
    padding: 8px 24px;
    border-radius: var(--btn-border-radius);
    border: 2px solid var(--maincolor);
    background-color: #fff;
    width: 100%;
    height: 38px;
    margin-top: 18px;
}
.selectBtns:active, .selectBtns:focus-visible{background: var(--gradient);color: #fff;}
.selectBtns.active{background: var(--gradient);color: #fff;}
.selectBtns.w-165{min-width: 165px;}

.devideLine{background-color: #D2D2D2; width: 100%; height: 1px; margin-block: 24px;}
.calcelItem{gap: 14px;margin-bottom: 20px;position: relative;}
.calcelItem p{font-size: 15px;}
.processLine::before{ content: " "; position: absolute; border-left: 1.5pt dotted #28AD83; height: 25px; top: 28px; left: 10px;}

.map_Custom{max-width: 1050px; margin: auto;}
.map_Custom .modal-content{padding: 24px;}
.map_Custom .borderAll{border-radius:12px;border: 2px solid #EFEFEF;}
.map_Custom .bigcheck label::before, .map_Custom .bigcheck label::after{line-height: 24px;}
.map_Custom .font-10{font-size: 10px !important;}
.mapCloseBtn{background-color: var(--whitebg) !important; padding: 7px !important; height: 30px !important;}

.customMapRow .height600{min-height: 550px;}
.slideRow{width: 92%;}

.nextPrevIcon .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url('../images/chevron-left.png') no-repeat;  height: 24px; width: 24px; background-color: #ffffff; border-radius: 6px; background-position: center; border: 2px solid #666;
}
.nextPrevIcon .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: url('../images/chevron-right.png') no-repeat; height: 24px; width: 24px; background-color: #ffffff; border-radius: 6px; background-position: center; border: 2px solid #666;
}

.roomResultPopupMain{position: absolute;bottom: 0;width: 100%; padding-inline:1rem;}
.budgetBtn{border-radius: 20px; background: rgba(201, 47, 98, 0.10); padding: 8px 12px 8px 12px !important; text-decoration: none !important;}
.selectRoomTab .nav-pills{ border-radius: var(--radius16);background: #FFF;padding: 12px 24px 0;}
.selectRoomTab .nav-pills {column-gap: 44px;row-gap: 18px;}
.selectRoomTab .nav-pills .nav-link{color: var(--gray100); text-align: left;padding: 0 0 10px;}
.selectRoomTab .nav-pills .nav-link.active, .nav-pills .show>.nav-link.active{
    border-bottom: 2px solid #E15B5B; background-color: transparent;border-radius: 0; background: var(--gradient); background-clip: text; 
     -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

.RoomCheck{display: flex; position: relative; justify-content: space-between;}
.RoomCheck input[type="checkbox"] {opacity: 0; display: none;}
.RoomCheck label::before, .RoomCheck label::after, .myradiobox label::before, .myradiobox label::after {position: absolute; content: ""; display: inline-block;}
.RoomCheck label::after,.RoomCheck label::before{height:13px;width:13px;top: 3px;inset-inline-start:0;}
.RoomCheck label::before {border:1px solid #999;}
.RoomCheck label::after {text-align: center; border:transparent;}
.RoomCheck label::after {background: #666; background: #666;}
.RoomCheck input[type="checkbox"] + label::after{content: none;}
.RoomCheck input[type="checkbox"]:checked + label::after{content: url(../images/roomCheck.png);line-height: 13px;}
.RoomCheck input[type="checkbox"] + label::before{ background: #ffff;border-radius: 50px;}
.RoomCheck input[type="checkbox"]:checked + label::after{border-radius: 50px;}

.selectRoomTab .nav-pills .nav-item:hover .roomTolltip{display: block;}
.roomTolltip{display: none; position: absolute; top: 51px; border-radius: 8px; background: #FFF; box-shadow: 0px 8px 25px 0px rgba(46, 47, 56, 0.15); z-index: 1; padding: 12px 24px 12px 12px;}
.guestBreadcrumb{border-radius: var(--radius16); background: #FFF;padding: 16px 24px; column-gap: 30px;}
.guestBreadcrumb .gsNumber{width: 20px; height: 20px; border-radius: 100px; background: #666; color: var(--maincolortxt); display: inline-block; padding-inline: 7px;
    line-height: 22px; font-size: 12px; position: relative; bottom: 2px;
}
.guestBreadcrumb li a.active{color: var(--maincolor);}
.guestBreadcrumb li a{color: #666;}
.guestBreadcrumb li a.active .gsNumber{background-color: var(--maincolor);}
.guestBreadcrumb li{list-style: none; position: relative;padding-inline: 16px;background-color: var(--whitebg);}
.refundBtn{border-radius: 4px;border: 1.5px solid #666;padding: 3px 8px;}
.rewardColumn{background: var(--maincolor);background: var(--gradient); color: var(--maincolortxtalt);padding: 14px 24px;}
.selectFdotted_H{    border-left: 2px dashed #ddd;}

.ulwsvg li svg{height:15px; width: auto;}
.ulwsvg li{margin-bottom:5px}
.ulwsvg{max-height: 211px; overflow: auto;}
.galmheight{height:350px; width:100%; overflow:hidden}
.galheight{height:171px; width:100%}
.galmheight img, .galheight img{width:100%; height:100%; object-fit:cover}
.infoModify{background:#f1f1f1}
.listinghotelImage{background:url("/images/imagesDesktop/imageloader.svg") no-repeat 58px center;}
.mapbox{position:relative;margin-bottom:1rem;cursor:pointer;}
.mapbox::before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-color: #000;
    border-radius:var(--radius12);
    opacity: 0.4;
    border: 6px solid #fff;
}
.selectRoomTab{margin-top:.5rem;}
.mapbox img{border:6px solid #fff; border-radius:var(--radius24);width:100%;min-height:168px;}
.mapbox a{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; text-align:center;font-size:18px;font-weight:900;}
/*--------owlcrousel--------*/
#Hotelimgpopup .owl-nav button.owl-next, #Hotelimgpopup .owl-nav button.owl-prev{font-size:50px !important; position:absolute; z-index:100; top:45%; color:#fff!important;}
#Hotelimgpopup .owl-nav button.owl-next{inset-inline-end:0;}
#Hotelimgpopup .owl-nav button.owl-prev{inset-inline-start:0;}
/* ===== Scrollbar CSS ===== */
/* Firefox */
.scrollbar {
    scrollbar-width: thin;
    /*scrollbar-color: var(--maincolorbg) #f1f1f1;*/
    padding-inline-end: 5px;
}

    /* Chrome, Edge, and Safari */
    .scrollbar::-webkit-scrollbar {
        width: 2px;
    }

    .scrollbar::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--maincolorbg);
        border-radius: 5px;
        border: 1px solid var(--maincolorbg);
    }

/* ===== Scrollbar y CSS ===== */
/* Firefox */
.scrollbarY {
    scrollbar-width: auto;
    scrollbar-color: var(--maincolorbg) #f1f1f1;
    overflow-y: auto;
    padding-inline-end: 5px;
}

    /* Chrome, Edge, and Safari */
    .scrollbarY::-webkit-scrollbar {
        height: 7px;
    }

    .scrollbarY::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .scrollbarY::-webkit-scrollbar-thumb {
        background-color: var(--maincolorbg);
        border-radius: 5px;
        border: 2px solid var(--maincolorbg);
    }





/*--new card css---*/
.checkInDtl{color: #222;}
.suitPaddyView{padding-inline: 20px; border-right: 1px solid #D2D2D2;}
.suitCard{border: 1px solid #D2D2D2;}


.heightAuto{max-height: 415px; overflow: hidden;}
.showAvlRoom{color: var(--maincolor);background-color: transparent;border: unset; padding: 0;}
.showAvlRoom.arrowDwn svg{transform: rotateX(180deg);}

.suitPaddyImg{width:400px;}
.hotelAmenities.ht-38{max-height:38px;}
.roomullist{list-style:none; padding:0;}
.roomullist li{display:inline-flex; border-inline-end:1px solid #D2D2D2; padding-inline-end:6px; margin-inline-end:6px;}
.roomullist li:last-child{border-inline-end:0;}
.rselbtn{height:46px;}
.rcollapseheads a[aria-expanded="false"] .hoptionstxt{display:none;}
.rcollapseheads a[aria-expanded="true"] .saroomtxt{display:none;}
.sortwidth{min-width:219px;}
.sortlist{top:38px;}
#RoomimageGallery .owl-prev, #RoomimageGallery .owl-next{position: absolute; top:40%; font-size: 80px; color:#fff;}
#RoomimageGallery .owl-prev {inset-inline-start: 10px; }
#RoomimageGallery .owl-next{inset-inline-end:10px;}
.hotelTitleset{font-size:18px;}

@media(min-width:768px) {
    .guestBreadcrumb{column-gap:80px;}
    .guestBreadcrumb li:not(:last-child)::after{position: absolute; content: ''; margin: 0; width: 82%; top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-1px);
         -moz-transform: translateY(-50%) translateX(-1px); -ms-transform: translateY(-50%) translateX(-1px); -o-transform: translateY(-50%) translateX(-1px); transform: translateY(-50%) translateX(-1px); border-bottom: 2px dashed #D2D2D2;
    }
}
@media(max-width:575px){
    .guestBreadcrumb li{padding-inline-start: 0;}
    .guestBreadcrumb li:not(:last-child)::after{width: 0;}
    .font-md-26{font-size: 26px;}
    .selectFdotted_H{border-left: 0;}
}
@media(max-width:992px){
    .hotelTitleset{font-size:16px; max-height: 70px; overflow-y: auto;}
    .addressMaxHt {max-height: 36px; overflow: auto;}
    .mapbox img{max-height:200px;}
    .roomResultPopupMain{height:150px; bottom:1.5rem;}
}
@media(max-width:768px){
    /*.viewItem{top: 1%;}*/
    .hotelSearchImg {
        /*border-radius: var(--radius24) var(--radius24) 0px 0px;*/
        max-height: 200px;min-height:200px;
    }
    .trandingItem .hotelSearchImg {border-radius: 0px 0px 0px 0px;}
    .slideRow{width: auto;}
    .nextPrevIcon .swiper-button-prev{left: 0;}
    .nextPrevIcon .swiper-button-next{right: 0;}
    .minHeigh120 {min-height: 168px;}
}
@media(max-width:540px){
    .mtres32{top: 5px;}
}
@media(max-width:480px){
    .galmheight{height: 200px;}
    .galheight{height: 115px;}
    .moreImage{font-size: 21px; line-height: 20px;}
}