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

:root {
  --textblue:#014693;
  --textgrey300: #1E1E1E;
  --lgrey: #595959;
  --gray300:#656464;
  --bgpinkdark:#8B26FF;
  --lblue: #0E63B2;
  --textdgrey: #333333;
  --textlight: #B2B8BE;
  --black: #000;
  --bgyellowMain:#F4B434;
  --bgyellow: #FBECB9;
  --textgraylight:#647383;
  --textgray100:#696969;
  --bgblue:#014693;
  --bglight:#B2B8BE;
  --bggraylight:#647383;
  --altgrey:#D1D4D7;
  --bglblue: #0E63B2;
}

.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size:22px;}
.fs-30{font-size: 30px;}
.gx-8 {column-gap: 8px;}
.lh-normal{line-height: normal;}
.lh-18{line-height: 18px;}
.lh-21{line-height: 21px;}
.text-black{color: var(--black);}
.text_gray{color: var(--textdgrey);}
.text_lgray{color: var(--lgrey);}
.mb-12{margin-bottom: 12px;}
.mb-18{margin-block-end: 18px;}
.mb-20{margin-bottom: 20px;}
.py-12{padding-block: 12px;}
body, *{font-family:"Roboto", sans-serif;}
body{margin:0px; padding: 0px; font-size: 14px; background-color: #f2f2f2;}
.container{display: flow-root;}
.row{width: auto;float: initial;}

header{float:initial !important;}

#addBanner1 img, #addBanner2 img{max-width:100%;}

.addbannerbox{display:flex;  justify-content:center; max-width:100%}
.addbannerbox>img{max-width:100%; max-height:130px;}
.addbannerbox:empty{display:none;}
.promo_bannerbox {
    display: flex;
    background: #1C1C1C conic-gradient(from 10deg at 42.3% 100%, #454444 0deg, #1C1C1C 41.53846174478531deg, #565656 359.5909309387207deg, #323333 359.84659910202026deg);
    border-radius: 8px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    color: #fff;
}
.searchbanner {
    max-width: 600px;
}
.innerbanner{max-width:1000px;}
.promo_bannerheading{margin:0; font-size: clamp(0.8rem, 2vw, 1.1rem);}
.promo_bannertext{font-size: clamp(0.6rem, 2vw, .9rem); font-style:italic; margin:0; line-height:17px; margin-top:.5rem; }
.promolink{color:#fff; text-decoration:underline;}
.ms-auto{margin-inline-start:auto;}

/*--------------Explore css-------------*/
.exploreRow{border-radius: 12px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15); position:relative;}
.attractionCol{min-width: 270px;}
.attractionCol::before{content: " "; position: absolute; height: 83px; width: 83px; inset-inline-end: 11px; bottom: 6px;background-repeat: no-repeat;background-size: cover;}
.attractionCol.attrImg1::before{background-image: url('../images/attrImg1.png');}
.attractionCol.attrImg2::before{background-image: url('../images/attrImg2.png');bottom: 10px;}
.attractionCol.attrImg3::before{background-image: url('../images/attrImg3.png'); bottom: 11px;}
.attractionCol.attrImg4::before{background-image: url('../images/attrImg4.png'); bottom: 8px;}

.attracBtn{border-radius:125px;padding: 10px 20px; padding-inline-end:90px;height: 55px; max-width:500px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; flex:1;}
.attracBtn.attrBg1{background-color: #ECDBFF;color: var(--bgpinkdark);}
.attracBtn.attrBg2{background-color: #FFFAD2;color: #FF9D00;}
.attracBtn.attrBg3{background-color: #E0ECFF;color: #3982F1;}
.attracBtn.attrBg4{background-color: #E8FFE9;color: #4CAF50;}

.floatingdiv{margin-top:15px}
.floatingLevel {color: var(--black); font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 48px; top: 17px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all;}
.lbl_Icon{position: absolute; width: 16px !important; height: 20px; left: 20px; top: 16PX;margin: 0;}
.lbl_Icon.w_20{width: 20px !important;}
.floatingInput {font-size: 14px;font-weight: 500; display: block; width: 100%; height: 56px; padding: 22px 14px 10px 49px !important; background: #fff; color: var(--black); border: 1px solid #fdb412; border-radius: 4px;  box-sizing: border-box;}
.floatingInput:focus, .floatingSelect:focus {outline: none;}
.floatingInput:focus ~ .floatingLevel {top: 8px; font-size: 13px; left: 48px;}
.floatingInput:not(:placeholder-shown) ~ .floatingLevel {top:8px; font-size: 12px; left: 49px; color: var(--textgray100); font-weight: 400;}
.searchField.active, .SelectField.active{background-color: var(--bgyellow);}
.floatingInput ~ .floatingLevel {top:17px; font-size: 13px; left: 48px; color: var(--textgray100); font-weight: 400;}


.searchItem.min-Ht320{min-height: 320px;}
.searchItem{position: absolute; display: flex; flex-direction: column; row-gap: 16px; left: 0; z-index: 1030; top: 59px; width: 100%; padding: 12px 24px; border-radius: 4px; list-style: none; background: #fff; box-shadow: 2px 4px 6px 0px rgba(67, 67, 67, 0.15); border: 1px solid var(--bgyellowMain);}
.searchItem .placeTitle{font-weight: 700;line-height: normal;margin-bottom: 4px;color: var(--textgrey300);}
.searchItem .subItem{list-style: none;padding: 0;}
.searchItem .subItem li{display: flex; column-gap: 8px; font-size: 14px;font-weight: 400; padding: 8px 4px;}
.comn_btn{border: 1px solid var(--bgyellowMain);background: var(--bgyellowMain); width: 144px; height: 56px;}
.searchTourImg::before{content: ""; width: 100%; height: 100%; position: absolute; border-radius: 12px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.60) -1.69%, #FFF 100%), url('../images/searchImage.png') lightgray 0px -15.178px / 102.987% 117.689% no-repeat;}
.recentSrch{padding: 10px;border-radius: 8px; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.15);}
.destinationTitle{color: var(--textlight);margin-bottom: 12px;}
.destTime{color: var(--lgrey);}

.itemWrapper{border-radius: 12px;padding: 20px;}
.carouselCaption{bottom: 0; padding: 16px 36px; width: 100%;}
.exclusiveDeal img{border-radius: 12px; max-height: 262px; height: 100%; object-fit: cover;}
.subTitle{color: var(--gray300);}
.tourCaption{bottom: 0;padding:10px 8px;}
.tourPlace img, .bestSellingBx img{border-radius: 12px; height: 100%; object-fit: cover; min-height: 224px;max-height: 224px;}
.imgOverLay:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42.3%, rgba(0, 0, 0, 0.60) 96.8%); border-radius: 12px;}

.whyChooseBg{background: linear-gradient(90deg, #042B78 0%, #151D31 100%); padding-block: 40px;}
.wyChooseBx{border-radius: 8px;border: 1px solid var(--Warning-Whiskey-Border, #D6B675);background: linear-gradient(0deg, #FFFAF1 0%, #FFF 100%);padding: 12px 16px;line-height: 30px;}
.wyChooseBx h5{line-height: 28px;}
.svgIconss{background-color: #FDB412; border-radius: 80px; height: 80px; min-width: 80px;}
.bestSellingBx {border-radius: 12px;}
.bestSellingBx img{border-radius: 12px 12px 0 0;}
.bestSellingBx .imgOverLay::before{border-radius: 12px 12px 0 0;}
.bestSellingBx .tourCaption{padding: 12px;}
.bestSellingBx .tourCaption h4{line-height: 25px;}
.bestSlrLink{color: var(--lblue) !important;}
.offerBtnn{background-color: var(--bgpinkdark); padding: 4px 8px; border-radius: 100px; inset-inline-start: 0; bottom: 0; margin: 12px;}

/*----swiper css----*/
    .swiperBtn{background-color: var(--bgblue); opacity: 0.5; height: 42px !important; width: 42px !important; border-radius: 100px;}
.swiperBtn::after{font-size: 16px !important; color: #fff;font-weight: bold;}
.swiperBtn.swiper-button-prev{inset-inline-start: 1px;}
.swiperBtn.swiper-button-next{inset-inline-end: 1px;}
.swiperBtn2{height: 40px !important; width: 40px !important; border-radius: 43px; border: 0px solid #ECECEC; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);}
.swiperBtn2::after{font-size: 16px !important; color: var(--black);font-weight: bold;}
.swiperBtn2.swiper-button-prev{inset-inline-start: -15px;}
.swiperBtn2.swiper-button-next{inset-inline-end: -15px;}
.swCustomSlider .swiper-button-next.swiper-button-disabled, .swCustomSlider .swiper-button-prev.swiper-button-disabled {display: none;}
.swCustomSlider .swiper-slide{padding-block: 8px;}
.swPagination{text-align: left !important; align-items: center; display: flex; padding-inline-start: 32px;}
.swPagination .swiper-pagination-bullet{background-color: var(--bglight);height: 6px;width: 6px; opacity: inherit;}
.swPagination .swiper-pagination-bullet-active{background-color: #fff;height: 8px;width: 8px;}

.expSlider{position:relative; margin-top: -40px;}
.expAttractionRow {height: 91px; margin-inline: auto;}
.expAttractionRow .swiper-slide{height: 92px; display: flex; align-items: end;}
@keyframes bounce {
	0% {transform: translateY(0);}
	30% {transform: translateY(0px);}
	50% {transform: translateY(5px);}
	70% {transform: translateY(-5px);}
	100% {transform: translateY(0);}
}
.expAttractionRow .swiper-slide-active {
	animation: bounce 1s ease-out;
}



/*--steps css--*/
.searchSteps{padding: 10px 0 !important; column-gap: 12px;}
.stepscolumn{column-gap: 9px; color:var(--black);}
.stepscolumn .steps{border-radius: 200px; border: 1px solid #060606; height: 36px; width: 36px; min-width: 36px;}
.stepscolumn:not(:last-child):after {content: " "; width: 100%; height: 1px; border: 1px dashed #9C9C9C;}
.stepscolumn:not(:last-child){width: 100%;}
.steps_active::before{content:" "; position: absolute; background: url('../images/checkicon.png'); inset-block-start: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-color: #fff; background-position: center;}
.stepsBottomLine {border-top: 2px solid var(--textblue); height: 13px; background-color: #F2F2F2;}
.stepsProgress::before{content: " "; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid var(--textblue); inset-block-end: -18px; z-index: 9; inset-inline-start: 118px;}

/*--sidebar css--*/
.gap_20{row-gap: 20px;}
.dragTxt{color: #797979;}
.showMap{background-image: url('../images/mapImage.png'); height: 76px; background-size: cover; border-radius: 8px; border: 1px solid #D3D3D3;}
.mapBtn{padding: 6px 10px; width: 147px; height: 36px; background-color: var(--bglblue);}
.mapBtn:focus, .mapBtn:active, .mapBtn:focus-visible, .mapBtn:active:focus{outline: none;box-shadow: none;background-color: var(--bglblue) !important;}
.mapBtn:hover{background-color: var(--bglblue);}
.checkbox{margin-inline-end: 5px; height: 16px; width: 16px; position: relative; top: 2.5px;}
.filter_ul>li>span{color: var(--lgrey);}
.seeMoreBtn{color: var(--lblue); margin-top: 12px;}
.seeMoreBtn:focus{box-shadow: none !important;}
.floatInlineEnd{float: inline-end;}
.filter_ulMaxHeight{max-height: 137px; overflow-y: hidden;}
.showActivity{background-color: #C7DFC8;padding: 12px 8px;border-radius: 4px;}
.showActivity input{height: 16px;width: 16px;}
.tourDetails{gap: 12px;max-height: 170px;overflow: hidden;}
.langMinht{height: 80px; overflow-y: auto;}
.deltext{color: var(--textlight);}
.deltext::before{content: ""; position: absolute; transform: rotate(-12.347deg); border: 1px solid #fff; padding-block: .4pt; background: var(--bglight); height: 1px; width: 100%; top: 50%;}

.signtResultRow{border-radius: 8px;}
.tourPlaceImg{height: 180px; width: 100%; object-fit: cover; border-radius: 8px 0 0 8px;}
.resulSummary{padding:1rem; padding-inline-start:5px; min-height: 180px;}

.durationtxt{color: var(--textgraylight);}
.durationtxt span::before{content: " "; position: absolute; width: 4px; height: 4px; background-color: var(--bggraylight); inset-inline-start: 0; top: 7px; border-radius: 100px;}
.durationtxt span{padding-left: 10px;padding-right: 2px;}
.priceItem .frmtxt{color: var(--textlight);}
.spclOffer{border-radius: 100px;background: var(--bgpinkdark);font-size: 13px;}
.offertag{font-size:14px; font-weight:400; border-radius:4px; line-height:normal; padding:5px 8px; margin-top:10px;}
.bestslr{color: #438E90;background-color: #EEF6F6;}
.discountapply{color: #fff;background-color: #964AD0;}
.grid-view .resultleft, .grid-view .priceItem {
    width: 100% !important;
    padding-inline: 0;
}
.grid-view .resultleft{min-height:160px;}
.pricediv{ margin-block-start: auto;}
.grid-view .priceItem > .pricediv {
    display: flex;
    align-items: center;
    gap: 8px;
   
}
.grid-view .gridviewnone{display:none;}

/*--add favourite tooltip css--*/
.addFavColumn {
    inset-inline-start: 0;
}
.add_fav {
    padding: 5px;
    border-radius: 100px;
    background: rgba(15, 41, 77, 0.60);
    height: 30px;
    width: 30px;
}
.heartEmpty{color: #666; top: 3px;}
.heartInput {position: absolute; opacity: 0; margin: 0; width: 20px; height: 20px;  z-index: 10;}
/*.add_fav input:not(:checked) + .heartEmpty path { fill:none;}*/
.add_fav input.active + .heartEmpty path, .add_fav input:checked + .heartEmpty path { fill: rgb(253, 0, 0);}
 
.showAddeFav {visibility: hidden; bottom: 28px; inset-inline-start: 50%; opacity: 0; transition: opacity 0.3s; transform: translateX(-50%)}
.showAddeFav::before{content: " ";position: absolute; width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #fff;left: 0;right: 0;margin: auto;bottom: -6px;}
.showAddeFav.visible {visibility: visible; opacity: 1;}

.shtbrdCrumb li:not(:last-child) a{color: var(--textgraylight);}
.shtbrdCrumb li.pageActive{color: var(--lgrey);font-weight: 700;}
.expSelect:focus{outline: none;}
.expSelect {
  color: var(--textblue); min-width: 157px; -webkit-appearance: none; -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.41%200.294922L6%204.87492L10.59%200.294922L12%201.70492L6%207.70492L0%201.70492L1.41%200.294922Z%22%20fill%3D%22%23014693%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat; background-position-x: 95.5%; background-position-y: 13px;
}
.shorByItem{color: var(--lgrey);}
.shorByItem select{border-color: var(--bglight) !important;color: var(--lgrey);}
.shorByItem select:focus{outline: none;}
.searchpageFrm{padding: 14px; margin-inline: auto;}
.searchpageFrm .floatingInput, .searchpageFrm .searchItem{border-color: var(--altgrey);}
.searchpageFrm .floatingInput{color: var(--lgrey);}
.searchpageFrm .comn_btn{background-color: var(--bglblue);border-color: var(--lblue);color: #fff !important;}
.searchpageFrm .searchField.active, .SelectField.active {background-color: #fff;}


/*--markup css--*/
.agentMarkupPanel {border-radius: 3px;}
.agentMarkupPanel .ml_6{margin-left: 6px;}
.agentMarkupPanel.addwidth{justify-content: end;}
.agentMarkupPanel #submitAddMarkUp, .loaderBtn, .markupValue input[value="Apply"] {background-color: var(--bgblue); height: 24px; width: 47px;}
.markupTab {border-radius: 3px; border: 1px solid #C7DFC8; padding: 4.5px; height: 36px; width: 36px;}
.markupValue {color: var(--textgray100); column-gap: 6px; width: 0;}
.markupValue label {margin-bottom: 2px; color: var(--textgray100);}
.markupValue input {background-color: transparent; border: 0; outline: none; border-bottom: 1px solid var(--bgyellowMain); max-width: 81px; color: var(--lgrey); font-weight: 400; font-size: 12px; border-radius: 0; height: 17px;}
.markupValue input:focus { outline: 0;}
.markupTab span svg{height: 24.75px; width: 24.75px;}
.aplsuccess{color: #036603;inset-inline-start: 0;margin-top: 3px;}            
.loaderBtn:focus{outline: none;}
.wait_Loader{animation: rotate_360 2s linear infinite; background-size: cover;}
.wait_Loader{animation: rotation 2s infinite linear;}
@keyframes rotation {
  from{transform: rotate(0deg);}
  to{transform: rotate(359deg);}
}

/*--priceRange css--*/
.graphImg{max-height: 62px; height: 100%; object-fit: cover;}
.priceField{width: 91px; height: 26px; outline: none; -moz-appearance: textfield; border-radius: 2px; border: 1px solid #9A9A9A;}
.rangeWrapper input[type="number"]::-webkit-outer-spin-button,
.rangeWrapper input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.progressSlider {height: 5px; background: var(--bggraylight);}
.progressSlider .progress {inset-inline-start: 0%; overflow: initial; inset-inline-end: 0%; background: var(--bggraylight); border:0;}
.rangeInput input{position: absolute; width: 100%; height: 5px; top: -6px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none;}
.rangeWrapper input[type="range"]::-webkit-slider-thumb {height: 17px; width: 17px; border-radius: 50%; background: var(--bggraylight); pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
.rangeWrapper input[type="range"]::-moz-range-thumb {height: 17px; width: 17px; border: none; border-radius: 50%; background: var(--bggraylight); pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
.progressSlider .ui-widget-header{background:var(--bglight);}
.progressSlider .ui-widget-content{box-shadow:0 0 0;}
.progressSlider .ui-state-default, .progressSlider .ui-widget-content .ui-state-default, .progressSlider .ui-widget-header .ui-state-default{background:var(--bggraylight); width:16px; height:16px; border-radius:50%; border:0;}
.progressSlider .ui-slider-horizontal .ui-slider-handle{top: -6px;}
.rangeWrapper .rangeInput{display:flex; justify-content:space-between; padding-top: 8px;}
.progressSlider .ui-slider-handle:focus{background:var(--bggraylight) !important; outline: none;}

/*--star rating css--*/
.starRating label{cursor: pointer;}
.starRating span svg{position: relative;bottom: 2px;}
.starRating input[type="checkbox"], .starRating input[type="radio"] {opacity: 0; display: none;}
.starRating label::before, .starRating label::after, .myradiobox label::before, .myradiobox label::after {position: absolute; content: ""; display: inline-block;}
.starRating label::before {border:1px solid rgba(100, 92, 86, 0.10);}
.starRating input[type="checkbox"]:checked + label::after, .starRating input[type="checkbox"]:checked + label span{color: #fff !important;}
.starRating input[type="checkbox"]:checked + label span svg path{fill: #FDB412;}
.starRating label::after {background: #b1034a; background: linear-gradient(326.25deg, #b8034c 28.9%, #f5635b 94.92%);}
.starRating input[type="checkbox"] + label::after,.starRating input[type="radio"] + label::after{content: none;}
.starRating input[type="checkbox"]:checked + label::after{content:" ";}
.starRating input[type="checkbox"] + label::before{border-radius: 12px; background: rgba(100, 92, 86, 0.10);}
.starRating input[type="checkbox"]:checked + label::after{border-radius: 12px;}

/*--show on map css--*/
.viewMapContent{padding: 20px;}
.viewMapContent .map_Iframe iframe{height: 534px;}
.map_Iframe iframe {border-radius: 12px; border: 1px solid var(--altgrey);}
.mapItem {inset-block-end: 0; max-width: 297px; inset-inline-start: 0; inset-inline-end: 0;bottom: 64px;}
.mapSrchImg{max-height: 208px;max-width: 280px;width: 100%;}
.cardBody{padding: 0 10px 10px 10px;}
.cardBody p{color: var(--altgrey);}
.mapcloseBtn{background-color: var(--bglblue); height: 30px; width: 30px; inset-inline-end: -15px; top: -15px;}
.priceRating{bottom: 0;inset-inline-start: 10px;bottom: 10px;}
.viewMapTitle{padding-bottom: 10px; border-bottom: 1px solid var(--altgrey);}
.mapsearchArea{top: 0;max-width: 270px;height: 44px;
  border-radius: 4px;
  border: 1px solid var(--altgrey);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
  inset-inline-start: 12px; top: 12px;
}
.mapsearchArea span{border-radius: 4px 0 0 4px;padding: 10px;}
.mapsearchArea input{padding: 10px 10px 10px 0px;color: var(--lgrey);}
.mapsearchArea input:focus{box-shadow: unset;}


/*--loading css--*/
.ph-item {position: relative; overflow: hidden;}
.ph-item:before, .phtp::before {content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 1; width: 500%; margin-left: -250%;
  -webkit-animation: phAnimation .8s linear infinite; animation: phAnimation .9s linear infinite;
  background: linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%;
}
@-webkit-keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}
@keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}
.hdLd{width: 191px; height: 14px;background-color: #B2B2B2;margin-bottom: 12px;}
.subHdLd{width: 220px; height: 14px;background-color: #E5E5E5;}
.subHdLd.w-185{width: 185px;}
.subHdLd.w-192{width: 192px;}
.gap12{row-gap: 12px;}
.borderLd{border: 1px solid var(--altgrey);}
.imgLd{height: 207px;background-color: #EAEAEA;}
.srchHdLd{max-width: 600px;height: 30px;background-color: #D9D9D9;}
.srchHdLd2{max-width: 174px;height: 30px;background-color: #ECECEC;}
.srchHdLd3{max-width: 440px;height: 30px;background-color: #ECECEC;}
.srchHdLd4{max-width: 64px;height: 30px;background-color: #ECECEC;}

.tbotagimg{inset-inline-end:7px; top:3px;}
.tdtlspara {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.filter_ul{max-height: 210px;
    overflow-y: auto;}
.inputwicon{position:relative}
.inputwicon input{border-radius: 4px;
border: 1px solid #A6A6A6; height:38px; width:100%; outline:none; padding-inline-end: 34px;
background: #FFF;}
.inputwicon .material-icons{position:absolute; inset-inline-end:6px; top:0; height:100%; display:flex; align-items:center; opacity:0.5;}

.container-xl, .container-xxl {
    width: 95%;
    max-width: 1400px;
}
.closedeal {
    position: absolute;
    inset-inline-end: 5px;
    top: 6px;
    cursor: pointer;
    min-width: 18px;
    height: 18px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px #383838;
    color: #000;
    font-size: 19px;
    font-weight: bold;
}
.closedeal:hover{background:#fff; color:red;}
.align-items-stretch .swiper-slide{height:initial}
.searchformrow select{height:100%}
div.agencyWallet{width:100%;}
div.agencyWallet svg{max-height:21px; min-width:19px;}
.tbohfooter ul.ftlinks li{float:initial; display:inline-block; line-height: 16px;}

.scrolled .breadcrumbbx{position:sticky; top:0; z-index:1; box-shadow: 0px 0px 8px #ccc;}
.scrolled .breadcrumb{margin-bottom: 0px !important; font-size: 12px;}
.scrolled .filter_area_inner{position:sticky !important; /*top:90px;*/ top:10px; max-height: calc(100vh - 10px);
    overflow-y: auto;
    overflow-x: hidden;}
.rangeWrapper{padding-inline: 10px;}
.searchTourImg{position: absolute !important;
    inset-inline-end: 0;
    top: 0;
    height: 100%;}
.searchTourForm{position:relative; z-index:9;}
.searchformrow .agencyWallet dfn{padding: 0px 0px 0 6px;}
.breadcrumbbx .breadcrumb-item{padding-inline-start: 4px;}
.breadcrumbbx .breadcrumb-item::before{padding-inline-end: 4px;}

/*::-webkit-scrollbar {
  width: 8px;
}
 
::-webkit-scrollbar-track {
  background: #ccc;
}
 
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #555;
}*/
.feedbright{color: var(--bgblue);}


/*custgrid*/
.custgrid .ui-common-table, .custgrid .ui-widget-content, .custgrid .ui-jqgrid-view, .custgrid .ui-jqgrid-hdiv, .custgrid .ui-jqgrid-bdiv, .ui-jqgrid-toppager, .ui-jqgrid-pager {
    width: 100% !important;
}

    .custgrid .ui-widget-content, .custgrid .ui-jqgrid tr.ui-row-ltr td, .custgrid .ui-state-default, .custgrid .ui-widget-content .ui-state-default, .custgrid .ui-widget-header .ui-state-default {
        border: none;
        box-shadow: none;
        outline: none;
    }

.custgrid .ui-jqgrid tr.jqgrow td {
    white-space: normal;
    padding: 0;
}

.custgrid .ui-widget-content {
    background: none;
    border: none;
}

.custgrid .ui-pager-control {
    width: 100%;
    max-width:300px;
    float: right; border-radius: 4px;
    border: 1px solid #c5c5c5;
    background: #fff;
}

.custgrid .ui-widget-content .ui-jqgrid-toppager, .ui-widget-content .ui-corner-bottom, .custgrid .ui-widget-content .ui-corner-bottom {
    padding: 0;
    background: transparent;
    height: 40px;
    border:0;
}

.custgrid .ui-jqgrid-resize-mark {
    display: none;
}

.custgrid .ui-paging-pager, .custgrid .ui-pg-table { font-size: 12px; }
.custgrid .ui-paging-pager td, .custgrid .ui-pg-table td{padding-inline:5px}
    .custgrid .ui-paging-pager input, .custgrid .ui-paging-pager select, .custgrid .ui-paging-pager textarea, .custgrid .ui-paging-pager button { background: none; border: none; }
.custgrid .ui-pg-input { width: 15px !important; text-align: center; padding-left: 0; padding-right: 0;  border:0 !important; font-weight: bold; color: var(--lblue) !important;}

.custgrid .ui-state-hover, .custgrid .ui-widget-content .ui-state-hover, .custgrid .ui-widget-header .ui-state-hover, .custgrid .ui-state-focus, .custgrid .ui-widget-content .ui-state-focus, .custgrid .ui-widget-header .ui-state-focus, .ui-button:hover, .custgrid .ui-button:focus { background: none; border: none; }
.custgrid .ui-icon, .custgrid .ui-widget-content .ui-icon { background-color: #fff3cd; border-radius: 3px; }
.mb20{margin-bottom:20px}
.custgrid .ui-widget-content .ui-state-highlight td{background:transparent;}
.custgrid .ui-jqgrid .ui-pg-button span{background-color: rgb(255, 243, 205);}
.custgrid .ui-jqgrid-pg-right{width:100%;}
.custgrid .ui-jqgrid-toppager{
    margin-bottom: 10px;}
.custgrid .ui-pg-table .ui-pg-selbox{padding-inline:0; width: 38px !important;}
/*custgrid*/

/*----promotion banner popup-----*/
.modal_popupbx{position:fixed; display:none; top:0; font-size:14px; z-index:1025; left:0; width:100%; height:100%; align-content:center; align-items:center; font-weight:400; color:#1F1F1F;}
        .modal_popupbx::before{content:""; position:absolute; left:0; width:100%; height:100%; top:0; background:rgba(0,0,0,0.4);}
        .modal_popupbx_inner{width:95%; max-width:500px; padding:20px 10px 20px 20px; border-radius:8px; position: relative; background:#ffffff; margin: auto; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15); border:1px solid #D1D4D7; max-height: calc(100% - 90px);}
        .popupbx_btn_close{position:absolute; top:-16px; inset-inline-end:-16px; width:30px; height:30px; border-radius:50%; background:#0E63B2; display:flex; align-items:center; justify-content:center;}
        .modal_popupbx_inner h4{font-size:18px; font-weight: 500; color:#000000; margin-block:0;}
        .modal_popupbx_inner h6{color:#595959; font-weight: 500; margin-top:8px; margin-bottom:10px; font-size:16px;}
        .popupbx_ollist{padding-inline-start:20px;}
        .popupbx_ollist li{margin-bottom:6px;}
        .popupbx_ollist li:last-child{margin-bottom:0;}
        .modal_popupbx_scrollbar{max-height: calc(70vh - 50px); overflow-y: auto; padding-inline-end:10px;}


.nfoundbx{background:#efefef}
.transparentimg {
    mix-blend-mode: multiply;
}
.nfoundbx h2 {
    font-weight: 500;
    font-size: 26px;
}
.stepsProgress::before{z-index: 1;}


/* ===== TOGGLE BUTTON STYLES ===== */
.gridLayout.grid-view .ui-jqgrid #ResultContainer .jqgfirstrow, .jqgfirstrow >td:last-child{
    display: none !important;
}
.view-toggle-container {
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #C5C5C5;
    background-color: #fff;
    padding: 6px;
    position:absolute;
    z-index:10;
}
.gridcell:empty{display:none;}

.view-toggle {
    display: flex;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.view-toggle-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    background: transparent;
    border: none;
    font-size: 14px !important;
    font-weight: 400;
    color: #B2B8BE;
    min-width: 70px;
    justify-content: center;
    border-radius: 4px;
    line-height: normal;
    transition: all 0.2s ease;
}

    .view-toggle-btn.active,
    .view-toggle-btn-active {
        background: var(--bgyellowMain);
        color: #1F1F1F;
        box-shadow: 0 2px 4px rgba(244, 180, 52, 0.3);
    }

    .view-toggle-btn .fa {
        width: 16px;
        height: 16px;
        line-height:18px;
    }

    .view-toggle-btn:focus {
        outline: 2px solid var(--bgyellowMain);
        outline-offset: 2px;
    }

/* ===== GRID VIEW STYLES ===== */
.gridLayout.grid-view .ui-jqgrid #ResultContainer tbody {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    padding: 1px;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer tr {
    display: block !important;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    margin: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .gridLayout.grid-view .ui-jqgrid #ResultContainer tr:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    }

/* Grid View - Cell Styling */
.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="sightseeingName"] {
    font-size: 18px;
    font-weight: 600;
    color: var(--textblue);
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="tourSummary"] {
    color: var(--textgraylight);
    line-height: 1.5;
    margin-bottom: 16px;
    font-size: 14px;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="lowestPrice"] {
    font-size: 24px;
    font-weight: 700;
    color: var(--bgyellowMain);
    margin-bottom: 8px;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="agencyCurrencysymbol"] {
    font-size: 16px;
    color: var(--textgray100);
    margin-bottom: 16px;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="totalDuration"] {
    background: var(--bgyellow) !important;
    color: var(--bgyellowMain);
    padding: 6px 12px !important;
    border-radius: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 12px;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="sightseeingTypes"] {
    background: var(--bglight) !important;
    color: var(--textdgrey);
    padding: 6px 12px !important;
    border-radius: 20px;
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 12px;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="fromDate"] {
    color: var(--textgray100);
    font-size: 13px;
    margin-bottom: 8px;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="sourceName"] {
    color: var(--textgraylight);
    font-size: 12px;
    font-style: italic;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="isRefundable"] {
    background: #e8f5e8 !important;
    color: #4caf50;
    padding: 4px 8px !important;
    border-radius: 12px;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
}

.gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="tboRecommended"] {
    background: #fff3cd !important;
    color: #856404;
    padding: 4px 8px !important;
    border-radius: 12px;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* ===== LIST VIEW STYLES ===== */

.gridLayout.list-view .ui-jqgrid #ResultContainer {
    display: table !important;
    width: 100% !important;
}

    .gridLayout.list-view .ui-jqgrid #ResultContainer tbody {
        display: table-row-group !important;
    }

    .gridLayout.list-view .ui-jqgrid #ResultContainer tr {
        display: table-row !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* Reset grid-specific styles in list view */
    .gridLayout.list-view .ui-jqgrid #ResultContainer td {
        font-size: inherit !important;
        font-weight: inherit !important;
        color: inherit !important;
        margin: 0 !important;
        padding-bottom:16px !important;
       
        background: transparent !important;
        border-radius: 0 !important;
    }

.gridLayout.list-view .ui-jqgrid .ui-jqgrid-htable {
    display: table !important;
}

/* ===== RESPONSIVENESS ===== */
@media (max-width: 767px) {

   .attracBtn{max-width:300px;}
    .expSlider {
        margin-block: 10px;
    }
    .view-toggle {
        display: none !important;
    }

    .gridLayout.grid-view .ui-jqgrid #ResultContainer tbody {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 15px;
    }

    .gridLayout.grid-view .ui-jqgrid #ResultContainer tr {
        padding: 15px;
    }

    .gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="sightseeingName"] {
        font-size: 16px;
    }

    .gridLayout.grid-view .ui-jqgrid #ResultContainer td[aria-describedby*="lowestPrice"] {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .floatingdiv {
        margin-top: 8px
    }
    .gridLayout.grid-view .ui-jqgrid .signtResultRow .col-12.col-sm-12.col-md-4 {
        padding-right: 0 !important;
    }

    .gridLayout.grid-view .ui-jqgrid .signtResultRow .col-12.col-sm-12.col-md-4,
    .gridLayout.grid-view .ui-jqgrid .signtResultRow .col-12.col-sm-12.col-md-8.resulSummary,
    .gridLayout.grid-view .ui-jqgrid .signtResultRow .col-12.col-sm-9.col-md-9.col-lg-8.col-xl-9,
    .gridLayout.grid-view .ui-jqgrid .signtResultRow .col-12.col-sm-3.col-md-3.col-lg-4.col-xl-3 {
        width: 100%;
    }

        .gridLayout.grid-view .ui-jqgrid .signtResultRow .col-12.col-sm-12.col-md-4 .tourPlaceImg {
            width: 100%;
            max-width: 100%;
            max-height: 240px;
            border-radius: 8px 8px 0 0;
        }

    .gridLayout.grid-view .ui-jqgrid .signtResultRow .col-12.col-sm-12.col-md-8.resulSummary {
        padding-left: 20px !important;
        padding-block: 12px;
    }

    .gridLayout.grid-view .ui-jqgrid .signtResultRow .priceItem div[class="mt-auto"] {
        order: 1;
    }

    .gridLayout.grid-view .ui-jqgrid .signtResultRow .priceItem div[class="mb-1"] {
        order: 2;
    }

    .gridLayout.grid-view .ui-jqgrid .signtResultRow .priceItem .frmtxt {
        text-align: start;
    }
}




@media(min-width:992px){
  .comn_btn{width: 100%;}
}


@media (max-width: 767px){
  .tourPlaceImg{width: 100%; max-width: 100%; max-height: 240px; border-radius: 8px 8px 0 0;}
  .resulSummary{padding-inline: 20px;}
  .mapcloseBtn{inset-inline-end: -9px;}
  .scrolled .breadcrumbbx, .scrolled .filter_area_inner{position:relative;}
  .priceItem {flex-direction: row !important;  width: 100%; justify-content: space-between;}
  .signtResultRow .priceItem div[class="mb-1"]{order: 2;}
  .signtResultRow .priceItem div[class="mt-auto"]{order: 1;}
  .priceItem .frmtxt{text-align:start;}
}

@media(max-width:992px){
  .showAddeFav{inset-inline-start: -8px;transform: none;}
  .showAddeFav::before{margin: inherit;left: 18px;}
    .expSlider {
        margin-block: 10px;
    }
}