*{ margin:0;padding: 0;box-sizing: border-box;} 
:root {
    --blue: #e84031; 
    --darkgray: #333333; 
    --black: #000000; 
    --white: #ffffff;
    --redcolor:#ff3700;
    --smallgray:#999999;
    --lightgray: #e7e7e7; 
    --trwhite: #ffffff2e; 
    --lightyellow: #eeeed5; 
    --lowblue: #f3f7fa; 
    --verylightblue: #f0faff; 
    --midgay: #666666; 
    --pink: #c97bf3; 
    --darkbrown: #10062b; 
    --hovergray: #f5f6f754; 
    --pinkred: #9d2854; 
    --searchbtn:#2291e6;
    --greyouter:#f3f7fa;
    --bookclr:#ffedd1;
    --greencolor:#009846;
    --redcolor:#ee2e24;
    --textgray:#677082;
    --tbcolor:#eaedf0;
    --starcolor:#ffb400;
    --hotelborder:#bababa;
    --datetab:#4a4a4a;
    --cancelcolor:#fff8ed;
    --reviewclr:#fafafa;
    --roomclr:#f0f6fb;
}
h1{margin-bottom:15px;}
::-webkit-scrollbar {
    width: 8px;
}
#steptwopassengerdetails{display:block !important;}
.asp-btm { background: #000; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 9; padding: 18px 10px 10px; display: none; }
.label--text{font-size:11px; font-weight:600;}
.label-warning{background-color: #000; color: #FFFFFF; font-size: 11px; font-weight: 600; padding: 2px 4px; border-radius: 4px}
.cardresult .pricelisttable tr input { width: 20px; height: 19px; margin-top: 2px; }
.roundtripbox .card-body{padding: 0px 15px !important;}
.roundtripbox .col-4{padding: 6px !important;}
.roundtripbox .col-8{padding: 0px !important;padding-left: 10px !important;}
.roundtripbox .graysmalltext{ font-size:11px !important;}
.roundtripbox h4{ font-weight: 700; font-size: 18px; margin-bottom: 5px;}
.roundwayseatast{font-weight:600; font-size:11px;}
.roundtripbox .pricelistflight td{padding-right:4px !important;}
.roundtripbox .pricelistflight h4{font-size: 16px !important; margin-bottom: 0px !important;}


.top_bg_ofr_sb2 .headtext{color:#fff; font-size:14px; font-weight:600; margin-bottom:0px;}
.top_bg_ofr_sb2 .subtext{color:#cacaca; font-size:12px;}
.top_bg_ofr_sb2 .fa-arrow-right{font-size:20px; color:#FFFFFF; margin:0px 20px;}
.top_bg_ofr_sb2 .tdpadding{padding-right:70px;}

.flightreview .container{overflow: hidden; padding: 10px; background-color: #fff; margin-top:72px; border-radius: 10px; } 
.flightreviewbox tr td { padding: 6px 8px; color: #545454; font-size: 14px; font-weight: 600; }
#bookingdatainfo .card-footer{padding: 10px; background-color: #cccccc21;}
#steponeflightdetails{ display:none;}
#flightbookingsubmit{margin-top:20px;}
#flightbookingsubmit .card{margin-top:0px; margin-bottom:20px;box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04); border-radius: 8px;}
#flightbookingsubmit .detailscontent{display:block;}
#flightbookingsubmit h2{position:relative;}
.flightname{font-size:12px; font-weight:600; margin-left:4px;}
.flightnumber{font-size:12px; margin-left:4px;}
.coltime{font-size:12px; font-weight:600;}
.graysmalltext{font-size:14px; font-weight:600; margin-top:5px;}
.nostops{font-size:12px; font-weight:600; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ddd;} 
.displaybaggflightdetails { font-size: 12px; font-weight: 600; border-top: 1px dashed #ddd; margin-top: 10px !important; padding: 10px; border-bottom: 1px dashed #ddd; }
#showfarerule{padding: 10px; background-color: #f6f6f6; margin-top: 10px; border-radius: 5px;}
#showfarerule2{padding: 10px; background-color: #f6f6f6; margin-top: 10px; border-radius: 5px;}
.netpriceshow{font-size:11px !important; font-weight:600 !important; margin-top:3px; display:block;}
.flightreviewbox .steptext {
    font-size: 12px;
    color: #999999;
}

.flightreviewbox {
    margin-right: 20px;
    border-radius: 10px; 
    cursor: pointer;
	background-color: #e6e9ec70;
}
.flightreview .active {
    color: #fff !important;
    background-color: var(--blue);
}
.flightreview .active td{ color: #fff !important;}
.flightreview .active td .steptext{ color: #ffffffc7 !important;} 

@media (min-width: 1270px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1270px; }}

.arranddep .custom-control-label { text-align: center; color: #fff; border-radius: 60px; padding-left: 0px !important; padding: 0px; color: #666666; padding: 0px; width: 100%; height: 100%; border-radius: 0px; margin: 0px; padding: 5px !important; }
.filterinnerboxes { background-color: #FFFFFF; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; }
.filterinnerboxes td:last-child{border:0px solid #ddd !important; }
.arranddep .custom-control-input:checked ~ .custom-control-label { background: var(--greyouter);; text-align: center; color: #666666; border-radius: 60px; padding-left: 0px !important; padding: 0px; width: 100%; height: 100%; border-radius: 0px; margin: 0px; padding: 5px !important; }
.custom-control-input { display: none; }
.iconfa{font-size: 20px; background-color: #0000001f; padding: 5px 8px; border-radius: 4px;}
.flightreview td:last-child { padding-left:0px !important;}

.mor-n1,
.mor-n11 {
  margin: 0 auto;
  width: 28px;
  height: 25px;
  background: url(../images/filter-sprite.png);
  background-position: -5px -42px;
}

.mor1-n2,
.mor1-n22 {
  margin: 0 auto;
  width: 24px;
  height: 25px;
  background: url(../images/filter-sprite.png);
  background-position: -38px -43px;
}

.mor1-n2,
.mor1-n22 {
  margin: 0 auto;
  width: 24px;
  height: 25px;
  background: url(../images/filter-sprite.png);
  background-position: -38px -43px;
}

.mor2-n3,
.mor2-n33 {
  margin: 0 auto;
  width: 20px;
  height: 25px;
  background: url(../images/filter-sprite.png);
  background-position: -66px -42px;
}

.mor3-n4,
.mor3-n44 {
  margin: 0 auto;
  width: 16px;
  height: 25px;
  background: url(../images/filter-sprite.png);
  background-position: -95px -43px;
}
.refundablespan{color:#009900;}
.nonrefundablespan{color:#CC0000;}
.colorboxxx .custom-control { float: left; }
.colorboxxx .custom-control-label { background-color: #000; width: 30px; height: 30px; float: left; margin-right: 4px; display: block; border: 2px solid #fff; }
.colorboxxx .custom-control-input:checked ~ .custom-control-label { border: 2px dashed #fff; }

.filterinnerboxes td { border-right: 1px solid #ddd; padding: 0px 0px; text-align: center; font-size: 11px; font-weight: 600; }
.ui-slider-handle { width: 18px !important; height: 18px !important; background-color: var(--blue) !important; background: var(--blue) !important; border-radius: 30px !important; }
.changeflightbox { background-color: #8fa7b857; padding: 10px; margin-bottom: 10px; border-radius: 10px; }
.changeflightbox .chin { background-color: var(--greyouter); padding: 8px 8px; font-size: 13px; font-weight: 500; border-radius: 5px; }

.flightsearchcalouter { text-align: center; background-color: #FFFFFF; overflow: hidden; margin-bottom: 10px; border-radius: 5px; padding:5px;}
.flightsearchcalouter .datesbox { color: #000; display: inline-block; font-weight: 600; font-size: 14px; cursor: pointer; margin: 5px; padding: 8px 3%; border-radius: 5px; background-color: #fafafa; }
.flightsearchcalouter .datesbox:hover { color:var(--blue); }
.flightsearchcalouter .active{ background-color:var(--blue); color:#fff; }

.balancesheettable tr td{ border:1px solid #ddd !important;}
.balancesheettable th{ border:1px solid #ddd !important;}

.tbtabcontent table tr td { vertical-align: middle; }
#popcontent{padding:10px;}
#popcontent table tr td{padding:5px;}
#popcontent .row .btn-primary{margin-top: 5px !important; padding: 6px 10px !important; font-size: 13px !important; font-weight: 700 !important;}
#popcontent .form-group{margin-bottom:10px !important;}


a{cursor:pointer; color:var(--blue);}
::-webkit-scrollbar-track { background-color:#EFEFEF;
    border-radius: 0px;
    -webkit-border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px; background-color:#666666;
    border-radius: 0px; 
}

.pagingnumbers {
  border: 0px #EAEAEA solid;
  border-radius: 2px;
  overflow: hidden;
  float: right;
}

.pagingnumbers a {
  display: inline-block;
  padding: 6px 12px;
  min-width: 12px;
  text-align: center;
  color: #2c2c2c;
  text-decoration: none;
  border-right: #EAEAEA solid 0px;
  font-size: 12px;
}

.pagingnumbers .nextprev {
  line-height: 20px;
}

.pagingnumbers a:hover {
  background-color: #EAEAEA;
  color: #4d709f;
  border-radius: 2px;
}

.pagingnumbers .active {
  background-color: #6990C3;
  color: #FFFFFF;
  border-radius: 2px;
}

.pagingnumbers .current {
  background-color: #2196f3;
  color: #FFFFFF;
  border-radius: 2px;
}

.pagingnumbers .disabled {
  display: inline-block;
  padding: 7px 8px;
  color: #CECECE;
  border-radius: 2px;
}

.pagingnumbers .current {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 2px;
}

.bg-primary{background-color: var(--blue) !important;border-color: var(--blue) !important; font-weight:600;font-size:14px;     min-height: 37px !important;}
.btn-primary{background-color: var(--blue) !important;border-color: var(--blue) !important; font-size:14px; font-weight:600;    min-height: 37px !important;}
td .btn-primary{min-height: revert !IMPORTANT;}
 
body{margin:0px; padding:0px; font-size:13px; color:var(--black); font-family: 'Quicksand', sans-serif; width:100%; height:100%; background-color:#FFFFFF; background-color:#fefefe; border:0px;}
html{width:100%; height:100%;}
.bodyhandbuttonright{    background-color: var(--blue); color:#fff; position:absolute; right:0px; padding:5px 10px; font-weight:600; font-size:14px; border:0px; outline:0px;border-radius: 5px; cursor:pointer;}

a{text-decoration:none;  }
a:hover{transition: background-color 0.5s ease;}
h1, h2, h3, h4, h5, h6, form, img{border:0px; padding:0px; margin:0px;}
#header{width:100%; position:fixed; left:0px; top:0px; background-color:#FFFFFF; position:fixed; z-index:999;box-shadow: 0px 0px 10px #0000001f;}
#header #logo{float:left; padding:10px;}
#header #logo img{height:32px;}
#header #menu{float:left; margin-left:10px;}
#header #menu a { float: left; display: block; border: 1px solid var(--lightgray); padding: 5px 10px 5px 5px; color: var(--darkgray); font-weight: 800; font-size: 14px; margin-top: 7px; border-radius: 10px; margin-right: 10px; line-height: 26px; } 
#header #menu .active{background-color:var(--blue); color:var(--white);border: 1px solid var(--blue);} 
#header #menu a:hover{background-color:var(--blue); color:var(--white);border: 1px solid var(--blue);}
#header #menu a span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px; background-color:var(--blue); color:var(--white); border-radius:6px; margin-right: 5px; }
#header #rightmenu{float:right; margin-left:10px;} 
#header #rightmenu{float:right;}
#header #rightmenu .btn{ float: left; display: block; border: 1px solid var(--lightgray); padding: 5px 10px 5px 5px; color: var(--darkgray); font-weight: 800; font-size: 14px; margin-top: 7px; border-radius: 10px; margin-right: 10px; line-height: 26px;background-color: transparent; } 
#header #rightmenu .btn span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px; background-color:var(--blue); color:var(--white); border-radius:6px; margin-right: 5px; }
#header #rightmenu .show .btn{background-color:var(--blue); color:var(--white);border: 1px solid var(--blue);} 
#header #rightmenu .dropdown-menu{background-color:var(--blue); color:var(--white);padding: 10px;border-radius: 14px; }
#header #rightmenu .dropdown-menu .dropdown-item{color:var(--white); font-weight:600; font-size:14px;border-radius:6px;font-size:14px; padding: 7px 10px 7px 10px; font-weight:600;}
#header #rightmenu .dropdown-menu .dropdown-item:hover{color:var(--white); background-color:var(--trwhite) !important; }
#header #rightmenu .dropdown-menu .dropdown-item .fa{margin-right:5px;}

/*---------------Left Menu-------------*/

#leftsidemenu{position:fixed; left:0px; top:0px; z-index:1; width:250px; border-right:1px solid var(--lightgray); overflow:auto; height:100%; background-color:#fff;}
#leftsidemenu .inlist{padding:60px 20px 10px 20px;}
#leftsidemenu .inlist .sidemenuleft a { padding: 10px; font-size: 14px; color: var(--darkgray); display: block; font-weight: 800; line-height: 26px; }
#leftsidemenu .inlist .sidemenuleft a span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px;   border-radius:6px; margin-right: 5px; }
#leftsidemenu .inlist .sidemenuleft a:hover span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px; background-color:var(--blue); color:var(--white); border-radius:6px; margin-right: 5px; }
#leftsidemenu .inlist .sidemenuleft .active span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px; background-color:var(--blue); color:var(--white); border-radius:6px; margin-right: 5px; }
#leftsidemenu .inlist .sidemenuleft .active{background-color:var(--verylightblue);border-radius: 12px}

#leftsidemenu .inlist .companyinfobox { margin-bottom: 10px; background-color: var(--lowblue); padding: 12px 12px; border-radius: 12px; font-weight: 500; font-size: 12px; margin-top:3px; }
#leftsidemenu .inlist .companyinfobox .companyname{font-weight:700; font-size:14px;}
#leftcontactbox { background-color:var(--darkbrown);color: var(--white); font-size: 14px; text-align: center; font-weight: 600; border-radius: 14px; margin-top: 15px; padding: 10px 10px 20px; min-height: 200px; padding-top: 100px; position: relative; line-height: 22px;}
#leftcontactbox img { position: absolute; left: 16px; top: -17px; width: 204px; }
#leftcontactbox .head{font-size:16px; font-weight:800; margin-bottom:2px;}


/*---------------Body Mid-------------*/


#midbody{padding-left:250px; padding-top:52px; width:100%; box-sizing:border-box; padding-right:350px;}
#midbody .bodyouter{padding:20px;}
h1{font-size:22px; font-weight:800; margin-bottom:20px;}
h2{font-size:18px; font-weight:800; margin-bottom:20px;}
.bodysection{margin-bottom:20px;}
.bodysection .dashgraphcard { background-color: #FFFFFF; padding: 20px; box-shadow: 0px 10px 18px #29426917; border-radius: 14px; }
.bodysection .dashgraphcard #chartdiv {width:100%; height:200px;}
.bodysection .chartsalesouter{padding:10px 20px; border:1px solid var(--lightgray);border-radius: 20px; margin-top:10px;}
.smalgraytext{font-size:12px; color:var(--midgay); font-weight:500;}
.fontsize18{font-size:18px; font-weight:700;}
.fontsize24{font-size:24px; font-weight:700;}
.fontsize30{font-size:30px; font-weight:600;}
.bodysection .chartsalesouter .borderleft{border-left:1px solid var(--lightgray); padding-left:20px;}
.bodysection .blkcolorboxflight{padding:20px; color:var(--white); font-size:14px; background-color:var(--blue); margin-bottom:15px;border-radius:20px; margin-left:20px; margin-bottom:20px; position:relative;}
.bodysection .blkcolorboxflight img { width: 64px; position: absolute; right: 20px; top: 20px; }


.bodysection .blkcolorboxhotel{padding:20px; color:var(--white); font-size:14px; background-color:var(--pink); margin-bottom:15px;border-radius:20px; margin-left:20px; margin-bottom:20px; position:relative;}
.bodysection .blkcolorboxhotel img { width: 64px; position: absolute; right: 20px; top: 20px; }


.bodysection .blkcolorboxpackage{padding:20px; color:var(--white); font-size:14px; background-color:var(--darkbrown); margin-bottom:15px;border-radius:20px; margin-left:20px; position:relative;}
.bodysection .blkcolorboxpackage img { width: 64px; position: absolute; right: 20px; top: 20px; }
.tbtabsouter{width:100%; overflow:hidden; height:40px;  }
.tbtabsouter a { padding: 10px 20px; float: left; border: 1px solid var(--lightgray); border-bottom: 0px; font-weight: 700; color: var(--darkgray); border-radius: 12px; margin-right: 5px; font-size: 14px;border-bottom-left-radius: 0px; border-bottom-right-radius:0px; }
.tbtabsouter a:hover{background-color:var(--blue); color:var(--white) !important;}
.tbtabsouter .active{background-color:var(--blue); color:var(--white) !important;}
.tbtabcontent{overflow:hidden; padding:20px;border: 1px solid var(--lightgray);  border-radius:14px; border-top-left-radius:0px;  }
.tbtabcontent table tr{border-bottom: 1px solid var(--lightgray);  font-weight:500; padding:10px 5px;}
.tbtabcontent table tr td{padding:10px 5px;}
.tbtabcontent table tr:last-child {border-bottom:0px !important;}
.tbtabcontent table tr td table tr td{border:0px; padding:5px;}
.tbtabcontent table .price{font-size:16px; font-weight:700;}
.tbtabcontent table .flightname{font-size:15px; font-weight:700;}
.tbtabcontent table .flightnumber{font-size:13px; font-weight:700; color:var(--midgay);}
.tbtabcontent table .coltime{font-size:16px; font-weight:700; color:var(--midgay);}
.tbtabcontent table .flightduration{margin-bottom:2px; padding-bottom:2px; border-bottom:1px solid var(--blue); min-width:100px;}
.tbtabcontent table .flightdate{color:var(--midgay); font-size:13px; margin-top:2px;}
.tbtabcontent table tr:hover{background-color: var(--hovergray); cursor:pointer; border-radius: 12px; }
#dashbaordright{width:350px; height:100%;background-color: var(--lowblue); position:fixed; right:0px; top:0px;}
#dashbaordright .inlistright { padding: 52px 0px 0px 0px; }
#dashbaordright .inlistright .rightbanner{width:100%; height:300px;position:fixed; right:0px; top:52px; width:350px;}
#dashbaordright .inlistright .rightbanner img{width:100%; height:300px;}
#dashbaordright .tourcalouter { padding: 40px 20px 0px 20px; height: 100%; position: absolute; padding-top: 310px; width: 350px; overflow: auto; font-weight:500; }
#dashbaordright .tourcalouter h1{font-size:16px !important; margin-bottom:10px; padding-top:10px;}
#dashbaordright .tourcalouter .todaydate{font-size:13px; margin-bottom:10px;}
#dashbaordright .tourcalouter .calgrid{padding:10px 0px 20px;}
#dashbaordright .tourcalouter .calgrid table tr td{padding:0px 1px; text-align:center; font-size:14px;}
#dashbaordright .tourcalouter .calgrid table tr td .caltab { padding: 10px;  border-radius: 14px; font-weight:600; cursor:pointer; }
#dashbaordright .tourcalouter .calgrid table tr td .active{ padding: 10px; background-color:var(--pinkred); color:var(--white); box-shadow: 0px 10px 18px #29426917; border-radius: 14px; font-weight:600; cursor:pointer; }
#dashbaordright .tourcalouter .calgrid table tr td .caltab:hover{ background-color:var(--blue); color:#fff;}
#dashbaordright .tourcalouter .calgrid table tr td .active:hover{ background-color:var(--blue); color:#fff;}
#dashbaordright .tourcalouter .calgrid table tr td .fa{background-color:var(--lightgray); padding:2px 9px; font-size:20px; cursor:pointer; border-radius: 22px;}
#dashbaordright .tourcalouter .calgrid table tr td .fa:hover{background-color:var(--blue); color:var(--white); } 
#dashbaordright .tourcalouter .calgrid table tr td .boxcont{margin-bottom:0px;} 
#dashbaordright .tourcalouter .caleventouter{margin-bottom:10px; cursor:pointer;}
#dashbaordright .tourcalouter .caleventouter .calevent{border-radius: 14px; background-color:var(--lightyellow); padding:10px; font-size:12px;} 
#dashbaordright .tourcalouter .caleventouter .calevent .head{font-size:14px; font-weight:700;}



/*----------------Login---------------------*/

#loginbg{background: rgb(171,226,255); background: linear-gradient(183deg, rgba(171,226,255,1) 0%, rgba(255,255,255,1) 65%);background-attachment: fixed;}
#loginouter { position: absolute; max-width: 1200px; height:600px; top: 0; bottom: 0; left: 0; right: 0; margin: auto;  }
#loginouterin{ background-color:var(--white); box-shadow: 0px 10px 18px #29426917; border-radius: 14px; height:100%; margin:10px; margin-top:0px; overflow:hidden;}
#loginouterin .leftbanner{width:100%; height:100%;}

/* loginform */
.inputbox input{padding: 12.5px;border-radius: 4px;border:1px solid #ced4da;line-height: 1.5;}
.inputbox input::placeholder{font-size: 16px;font-weight: 500;}
.inputbox input:focus-visible{outline: none;}
.inputbox input:last-child{margin: 15px 0px;}
.loginform{padding:  0px 50px;}
.formlogo img{height: 32px;}
.formlogo p{font-size: 13px;color:var(--textgray); margin-top:5px;}
.inputbox input{width:100%;}
.loginbutton a button{background-color: var(--blue);width: 100%;text-align: center;font-size: 16px;color: var(--white);border: none;padding: 10px;border-radius: 4px;}
.reset{margin: 10px;}
.reset p{font-size: 13px;color:var(--textgray); margin-top:10px;}
.reset p a{color: var(--black);font-weight: bold;}
.createbutton a button{font-size: 16px;color: var(--blue);border: 1px solid var(--blue);font-weight: bold;background-color: transparent;width: 100%;padding: 7px;border-radius: 4px;}
.dontheading{text-align: center;color:var(--textgray);}
.loginlinks{position: relative;bottom: -78px;text-align: center;}
.loginlinks a{color:var(--textgray);padding: 0px 8px;}
.loginlinks a:hover{text-decoration: underline;}
.modal-header button { background-color: #ececec; color: #000; font-size:25px !important; border-radius: 100%; width: 30px; height: 30px; line-height: 11px; border: 0px; padding: 0px; text-align: center;   transition: transform .5s ease-in-out;}

.modal-header button span{   font-size:25px !important;  }

.modal-header button:hover {transform: rotate(180deg);background-color: var(--blue); color:#fff;}
.modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); font-weight: 600; font-size: 18px; }
.modal-header{background-color: #f5f5f5; padding: 10px 20px;}
.modal-body{padding:10px;}

.modal-body .form-control { border: 1px solid #b4b4b4 !important; margin-top: 2px !important; min-height: 40px !important; font-size: 14px !important; font-weight: 600; }
.input-group>.form-control{ border: 1px solid #b4b4b4 !important; margin-top: 2px !important; font-size: 14px !important; font-weight: 600; }
.form-control{ border: 1px solid #b4b4b4 !important; margin-top: 2px !important; font-size: 14px !important; font-weight: 600; }
.modal-backdrop{ background-color:#050d12 !important;}
.modal-backdrop.show { opacity:0.8 !important; }
.btn-danger { background-color: var(--blue) !important; border: 1px solid #ddd var(--blue) !important; outline: 0px !important; font-weight: 600; font-size: 15px; }
.modal-body .form-group:last-child{margin-bottom: 0px !important;}
/* loginform */

/* .signupform */
.donebtn1 { padding: 3px 5px !important; border-radius: 4px !important; background-color: #000 !important; font-style: !important; font-size: 11px !important; color: #fff !important;  font-weight: 500;font-family: arial !important; }
.createform{padding:10px;padding-top: 20px;}
.createform input::placeholder{padding-left: 6px;}
.createform input:focus-visible{outline: none;}
.createform label{display: inline-block;font-size: 13px;margin-top: 3px;margin-bottom: 0.5rem; font-weight:500;}
.createform input{line-height: 22px;padding: 4px;border: 1px solid var(--darkgray);width:100%;border-radius: 4px;}
.createform span{color: var(--redcolor);}
.youhave p{font-size: 15px;color: var(--smallgray);}
.youhave p a{color: var(--blue);text-decoration: underline;}
.accountheading{color: var(--darkgray);}
.countryrow select{border: 1px solid var(--darkgray) !important;}
.mdt{color:#CC3300;}
.createform .form-select{border: 1px solid #b4b4b4 !important;}
/* agencyform */
.agencyform{padding:10px;padding-top: 20px;}
.agencyform .form-select{border: 1px solid #b4b4b4 !important;}
.agencyform input::placeholder{padding-left: 6px;}
.agencyform input:focus-visible{outline: none;}
.agencyform input{border: 1px solid var(--lightgray);}
.agencyform input{line-height: 22px;padding: 4px;border: 1px solid var(--darkgray);width:100%;border-radius: 4px;}
.agencyform label{display: inline-block;font-size: 13px;margin-top: 3px;margin-bottom: 0.5rem; font-weight:500;}
.agencyform select{width: 100%;border: 1px solid var(--darkgray);}
.agencyform select{line-height: 22px;padding: 4px;border: 1px solid var(--lightgray);width:100%;border-radius: 4px;height: 32px;}
.agencyform textarea{line-height: 22px;padding: 4px;border: 1px solid var(--lightgray);width:100%;border-radius: 4px;height: 32px;}
.form-field{line-height: 22px;padding: 4px;border: 1px solid var(--lightgray);width:100%;border-radius: 4px;height: 32px;}
hr{color: var(--darkgray);margin-bottom: 0px !important;width: 100%;}
.registerlogo img{height: 32px;margin-top:19px}
.agencyform select:focus-visible{outline: none;}
.checkbox{display: inline;width: auto !important;}
.registerbutton{background-color: var(--blue);color: var(--white);border: none;}
.registerbutton:hover{opacity: 0.7;background-color: var(--blue);}
.pnrtag{font-size: 12px; padding: 0px 4px; background-color: #E6FFF5; float: left; border: 1px solid #88FFED; font-weight: 600; margin-top: 5px;}
.tbtabcontent table{border:0px !important;}
.pagebanner{
    height: 200px;overflow: hidden;width: 100%;border-radius: 14px;
    position: relative;
    background-color: rgba(27, 28, 28,0.5);
    margin-bottom: 30px;
}
.pagebanner img{
    min-height: 100%;
    width: 100%;

}
.pagebanner span{
    background-color: #000000ad;
    position: absolute;
    left: 30px;
    top: 80px;
    display: inline-block;
    padding: 10px 20px;
    color: white;
    font-size: 20px;
    font-weight: 700;
    border-radius: 20px;
}
.pagecontent{
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;

}
.aboutlink a{
    color: var(--black);
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 23px;
}
.aboutlink .active{
    color: var(--blue);
}

/* flightsearchpage */

.top_bg_ofr_sb {
    background-color: #f3f7fa !important;
}

.top_bg_ofr_sb {
    background-image: none;
}
.top_bg_ofr_sb2other {
    width: 100%;
    background-color: #333;
    padding: 10px 0px 10px;
    color: #fff;
    height: 290px;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 20px;
    margin-bottom: 40px;
    background-color: var(--blue) !important;
}
.flighttopmenuwithback {
    display: none;
}
.flightsearchwihite {
    background-color: #fff;
    padding: 17px;
    border-radius:20px;
    box-shadow: 0px 10px 18px #29426917 !important;
    padding-bottom: 48px;
    position: relative;
    top: 60px;
}
.top_bg_ofr_sb2other .searchtabs {
    margin-bottom: 25px;
    width: 100%;
    overflow: hidden;
}
.top_bg_ofr_sb2other .searchtabs .active {
    background-color:var(--tbcolor);
    color: var(--darkgray) !important;
}

.top_bg_ofr_sb2other .searchtabs a {
    color: #777777 !important;
    padding: 5px 20px;
    margin-right: 10px;
    float: left;
    border-radius: 20px;
    font-weight: 800;
    font-size: 16px;
}
.searchboxouter { background-color: #fff; color: #000; border-radius: 6px; padding: 0px; padding-left: 5px; padding-right: 5px; }

.flightsearchwihite .searchboxouter .tableborder table tr td {

    padding: 0px 5px !important;
    /* padding-top: 10px !important; */
}
.flightsearchwihite .searchboxouter table tr td {
    
    position: relative;
    padding: 0px 5px; font-weight:600;
}
.searchflightmainbg .searchflightouter .searchflighttableborder table tr td{
    padding: 0px 3px !important;
}
 
.searchboxouter table tr td {
    border-right: 1px solid #ddd;
    position: relative;
}
.flightsearchwihite .lable { margin-left: 6px; padding: 9px !important; width: auto; font-size: 12px; color:var(--textgray); position: absolute; top: 8px; text-transform: uppercase; font-weight: 800; }
.searchflightmainbg {
   
    padding: 10px 0px !important;
}
.flightsearchwihite .textfield {
    color: #000;
}

.flightsearchwihite .textfield {
    color: #5d5d5d;
    font-weight: 600;
    width: 100%;
    padding: 1px 20px !important;
    outline: 0px;
    font-size: 16px !important;
    border-radius:20px !important;
}
.searchboxouter .textfield { color: #000000; font-weight:800; width: 100%; padding: 22px 20px 18px !important; outline: 0px; border: 8px; margin-top: 14px; margin-left: -5px;background-color: transparent; }
.swapbtn {
    position: absolute;
    right: -19px;
    width: 38px;
    height: 38px;
    background-color: #fff;
    text-align: center;
    border-radius: 100px; 
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 9;
    margin-top: 0px;
    cursor: pointer;
    top: 17px;
    line-height: 37px;
    font-size: 16px;
} 
.flightsearchwihite .flightsearchbtn {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: -30px;
}
.flightsearchwihite .searchboxouter .redbuttonsearch {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    background-color: var(--blue) !important;
    width: 100%;
    padding: 15px 20px;
    outline: 0px;
    border: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    max-width: 270px;
    border-radius: 50px;
}
.searchboxouter .redbuttonsearch {
    background-color: #ec0909 !important;
}
.flightsearchwihite .searchboxouter table tr td .fa-calendar {
    font-size: 22px;
    color: #cfcfcf;
    position: absolute;
    right: 20px;
    top: 26px;
}
.listlastflight{
    float: left !important;
    
}

.tableborder{
    
    border-radius: 8px;
}
.hotelsearchtableborder table tr td{
    border-right: 1px solid var(--lightgray) !important;
}
.listlastflight table tr td{
    color: var(--darkgray) !important;
}
input:checked ~ .checkmark{
    background-color: var(--redcolor);
}
.selectfareheading{
    color: var(--darkgray);
    position: relative;
    font-size: 12px;
    font-weight: 600;
}

/* messagesection */
.messagesection{
    margin-top: 70px;
    padding: 15px;
    background-color: var(--lightyellow);
    border-radius: 8px;
    
}
.messagesection h4{
    font-size: 14px;
    text-align: center;
}
.offerheading h3{
    font-size: 22px;
    font-weight: 800;
    margin: 22px 0px;
}
/* .offersection img{
    width: 100%;
    height: 200px;
    object-fit: cover;
} */
/* .offersection{
    padding-top: 1rem;
    
} */
.offersection p{
    color: var(--darkgray);
    font-size: 16px;
    
}
.booknowbtn{
    color: var(--searchbtn);
    font-size: 18px;
    font-weight: 900;
    border: none;
    background-color: transparent;
    margin: 24px 0px;
  
}
.offerimg{
    width: 100%;
    overflow: hidden;
    height: 200px;
    border-radius: 20px;
}
.offerimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.offersection h6{
    font-size: 13px;
    text-overflow: ellipsis;

}
.offersection h4{
    color: var(--darkgray);
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px !important;
}
#dt2{
    background-color: transparent !important;
}
#pickupCitySearchfromCity2{
    background-color: transparent !important;
}
#pickupCitySearchfromCity{
    background-color: transparent !important;
}
input[type="radio"]{
    margin-top: 5px;
}
#pickupCitySearchfromCity2{
   margin-left: 3px !important;
}
.tolabel{
    margin-left: 13px !important;
}
.mobdme2{
   margin-top:20px;
}
.trendingsearch h3{
    font-size: 12px;
    color: var(--darkgray);
    font-weight: 600;
    
}
.flightsearchwihite .searchboxouter table tr td {
    border-right: 0px solid var(--textgray);
    position: relative;
    padding: 0px 0px;
    line-height: 16px;
	padding-left:0px;
}
.flighttrandingsearch { color: var(--darkgray); font-weight: 400; line-height: 50px; padding: 0px 10px; display: block; float: left; position: relative; cursor: pointer; border-right: 2px solid #fff; font-size: 12px; }
.flighttrandingsearch .fa{margin:0px 4px;}

.boxselectpax { padding: 4px; background-color: #fff; border: 1px solid #ddd; margin: 3px 0px 5px; width: auto; border-radius: 4px; width: auto; overflow: hidden; position: relative; }
.boxselectpax .paxbx { padding: 5px 10px; color: #000; float: left; margin-right: 2px; font-size: 14px; font-weight: 700; cursor: pointer; text-align: center; width: 32px; border-radius: 4px; }
.boxselectpax .paxbx:hover{background-color:var(--lightgray);}
.boxselectpax .active { background-color: var(--blue) !important; color: #fff !important; }
#mobileflightsearchpax span{font-size:12px; display:block; width:100%; margin-bottom:2px;}

.tablebordersearch { border-radius: 10px; border: 1px solid var(--lightgray); }
.tablebordersearch table tr td:hover{background-color:var(--lowblue) !important;}

.searchdestinationboxclass { padding: 5px; background-color: #fff; width: 430px; border: 1px solid #e4e4e4; position: absolute; left: 0px; top: 54px; font-size: 12px; z-index: 99999; box-shadow: 2px 2px 4px #00000057; border-radius: 5px; }
.searchdestinationboxclass .list { padding: 12px 8px !important; border-bottom: 0px solid #ddd; color: #141823; cursor: pointer; background-color: #fff; border-radius: 0px; border-left: 0px solid #fff; font-size: 17px; font-weight: 800; position: relative; padding-left: 15px !important; }
.searchdestinationboxclass .list:hover { padding: 8px 8px; border-bottom: 0px solid #ddd; color: #333333; cursor: pointer; background-color: #eef2f8; border-radius: 0px; border-left: 0px solid #eef2f8; }
.errorSection { width: auto; box-shadow: 0 2px 7px 0 rgb(0 0 0 / 30%); z-index: 1; background-color: #ffd3d4; position: absolute; top: 94%; left: 0; border-radius: 4px; padding: 4px 8px; color: red !important; }


.tableborder table tr td:first-child{border-left:0px !important;}
.tableborder table tr td:last-child{border-right:0px !important;}
/* footer */
.flightfooter{
    background-color: #f3f7fa;
    margin-top: 30px;
    text-align: center;
}
.footerlinks a{
    padding: 8px;
    color: var(--black);
    margin-top: 12px;
    display: inline-block;
    font-weight: 500;
}
.copyrighttext a{
    color: var(--black);
    text-align: center;
    display: inline-block;
    margin: 10px;
}

/* searchflightsection */
.searchflightmainbg{
   box-shadow: none !important;
   top: 40px;
   background-color: transparent;
   padding: 17px 0px;
}
.bannerbgwhite{
    background-color: var(--white) !important;
	height:245px;
 
    margin-bottom: 20px;
}
.greybluebg{
    background-color: var(--greyouter);
}
.greyouter{
    background-color: var(--greyouter);
    padding: 10px 12px;
    border-radius: 8px !important; width:100%;
}
.searflightmodme{
    display: none;
}
.searchflightpagebtn{
    display: none;
}
.searchflighttableborder table tr td{
    border: none;
	border:0px !important;
  
}
.searchflightouter{
    padding-left: 0px;
}
.searchflightouter .textfield{
   margin-top: 0px;
   margin-left: 0px;
   background-color: var(--greyouter);
   padding: 0px !important;
}
.searchflightmainbg .searchflighttab{
    margin-bottom: 13px;
}
.searchsmallbtn button{
    background-color: var(--blue) !important;
    color: var(--white) !important;
    font-size: 20px;
    height: 55px;
    width: 100%;
    margin: 0 3px !important;
    font-weight: 600;
}
.flightswapbtn{
    top: 12px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    right: -16px;
}
.searchflightmainbg .lable{
   margin-left: 0px !important;
   padding: 0px !important;
   position: static !important;
   font-size: 13px;
   
}
.searchflightmainbg .searchflightouter table tr td{
    padding-top: 0px !important;
}
.searchflightmainbg .searchflightouter table tr td .fa-calendar{
    top: 16px;
}
/* tabs */
.nav-pills{
    /* display: flex;
    justify-content: space-between; */
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04);
}
.navline{
    background-color: var(--lightgray);
    width: 1px;
    height: 58px;
    margin-top: 1.5%;
}
.nav-pills .nav-item{
   margin: 10px 10px;
   border-radius: 10px;
   width: 17.8%;
   
}
.nav-pills .nav-item .nav-link .fa{
    margin: 0px 5px;
}
.nav-pills .nav-item:hover{
    background-color: var(--lightgray);
}
.nav-pills .nav-link{
    color: var(--black);
    font-size: 15px;
    font-weight: 600;
    text-align: left;
   
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: transparent;
    color: var(--black);
}
.pricingbutton{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.pricingbutton h5{
    line-height: 18px;
    height: 24px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    padding: 2px 8px;
    background-color: var(--greyouter);
}
.pricingbutton i{
    font-size: 14px;
    font-weight: 600;
}
.bookdetail{
    display: flex;
    justify-content: space-between;
	margin-top:5px;
	padding-right:20px;
   
}
.bookimg{
    display: flex;
    gap: 15px;
}
.bkimg{
    width: 35px;
    height: 35px;
}
.bkimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.bookrow{
    background-color: var(--white);
    padding: 10px;
    margin-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04);
    border-radius: 8px;
}
.bookbtn a button{
    padding: 10px 16px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    background-color: var(--blue);
    border: none;
    outline: none;
    color: var(--white);
    font-weight: 600;
    width: 100%;
    border-radius: 4px;
}
/* .bookboxprice h6{
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    line-height: 1.231;
} */
.bookdetail h6 { font-size: 18px; font-weight: 800; }
.destination{
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}
.go h6{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-top: 12px;
}
.gopricing{
    display: flex;
    justify-content: space-between;
}
.gopricing span{
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}
.gopricing .lastspan{
    display: flex;
    align-items: center;
    gap: 3px;
}
.bookrow .col-lg-3{
    margin: auto;
    border-left: 3px solid var(--greyouter);
}
.bookbtn h4{
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
	margin-bottom: 8px;
    
}
.bookprice{
    font-weight: 400 !important;
    font-size: 13px;
}
.bookbtn i{
    border: 2px solid var(--greyouter);
    height: 26px;
    padding: 2px 4px;
    font-size: 10px;
    line-height: 18px;
    font-weight: 400;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.searchflighttab a{
    font-size: 12px;
}
.bookmsg{
    background-color: var(--bookclr);
    color: var(--black);
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
}
.blackbox{
    display: flex;
    margin: 0px 0px;
    align-items: center;
	margin-left:20px;
}
.blackbg{
background-color: var(--black); color: var(--white); height: 20px; line-height: 20px; border-radius: 4px; text-align: center; font-size: 10px; font-weight: 600; padding: 0px 6px;

}
.blackbox h5{
    font-size: 11px;
    color: var(--black);
    padding-left: 5px;
	font-weight:600;
}
.refundtable{
    font-size: 12px;
	margin-top:5px;
}

.refundtable img{
    width: 20px;
}
.green{
    color: var(--greencolor);
}
.red{
    color: var(--redcolor);
}
.bookboxprice{
    text-align: center;
}
.nonstop h4{
    font-size: 12px;
    font-weight: 600;
}
.nonstop{
    color: var(--darkgray);
    text-align: center;
}
.nonstopborder{
    border-top: 1px solid var(--lightgray);
    width: 120px;
    margin: 5px 0px;
    position: relative;
}
.nonstopborder::before{
    content: "";
    position: absolute;
    left: 0;
    background-color: var(--lightgray);
    width: 7px;
    height: 7px;
    border-radius: 50px;
    top: -4px;
}
.nonstopborder::after{
    content: "";
    position: absolute;
    right: 0;
    background-color: var(--lightgray);
    width: 7px;
    height: 7px;
    border-radius: 50px;
    top: -4px;
}
.nonstopborder .fa{
    top: -6px;
    position: absolute;
    transform: rotate(45deg);
    margin-left: -8px;
    color: var(--blue);
}
.bookimg h6{
    font-size: 15px;
}
.bookimg h6 span{
    color: var(--darkgray);
    font-size: 12px;
}
.planeimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.bookrow .col-lg-9{
    padding-right: 18px;
}
.bookrow .col-lg-3{
    padding-left: 30px;
}
.refundtable .fa{
    font-size: 12px;
    margin-right: 3px;
    color: var(--smallgray);
    cursor: pointer;
    font-weight:600;
}
.refundtable table tr td{
    font-weight: 600;
    font-size: 12px;
}
.destinationdate{
    font-size: 12px;
    font-weight: 500;
}
#flightresult .nav{padding: 5px; background-color: #fff; border-radius: 5px; font-weight: 600; font-size: 11px; text-transform: uppercase;}

 /* profiledesignstarts */
.midcontent{
    max-width: 1000px;
    margin-top: 80px;
    padding-bottom: 30px;
}
.profile{
   
    margin-left: 250px;
   
}
.profilecard{
    border-radius: 14px;
    box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04);
    border: 0px !important;
}
.profilecard h1{
    margin-bottom: 5px;
}
.profiletable  strong{
    font-size: 15px;
    line-height: 12px;
    color: var(--smallgray) !important;
}
.table>:not(caption)>*>*{
    box-shadow: none;
    border: none;
}
.profiledetail{
    font-size: 15px;
    font-weight: 600;
    color: var(--black) !important;
}
.card{
    margin-top: 20px;
}
.profiletable tr td img{
    width: 100px;
}
.profilecard .card-body{
    padding: 30px !important;
}
.profilecard .card-body table{
   margin-bottom: 0px;
}
.profilecard .card-body table tr{
    border-bottom: 1px solid var(--lightgray) !important;
}
.profilecard .card-body table tr:last-child{
    border: 0px !important;
}
.profilecard .card-body table tr td:first-child{
    padding-left: 0px !important;
}
.profilecard .card-body table tr td{
    vertical-align: middle !important;
}
 
/* profilesectonends */

/* listingsection */
/* .listingmidcontent{
    margin-left: 250px;
    margin-top: 80px;
} */
.bodypricesection h1{
    margin-bottom: 15px; position:relative;
}
.listingtabcontent{
    box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04);
    background-color: var(--white);
}
.listcontent{
    margin-top: 55px;
    padding-bottom: 30px;
}
.listcontent .card{
    border: 0px;
    background-color: transparent;
}
.listcontent .tbtabcontent{
    background-color: var(--white);
    box-shadow: 0px 10px 18px #29426917 !important;

}
.listcontent .card table{
    margin-bottom: 0px;
    border: 0px;
}
.listcontent .bodysection{
    margin-bottom: 0px;
}
.redoptionbutton {
    border: 1px solid #ddd;
    padding: 5px 10px;
    float: left;
    border-radius: 8px;
    background-color: var(--blue);
    cursor: pointer;
    color: #fff;
}
/* searchflitabs */
.seachflitabs{
    margin-top: 20px;
}
.depart{
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid var(--lightgray);
}
.depart h5{
    font-size: 14px;
    font-weight: 600;
}
.air{
    display: flex;
    justify-content: space-between;
}
.airimg{
    width: 30px;
    height: 30px;
}
.airimg{
    display: flex;
    align-items: center;
    gap: 10px;
}
.airimg h6{
    font-size: 12px;
    white-space: nowrap;
}
.airimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.nAz5-segment-body {
    display: flex;
    flex-direction: column;
}
.g16k {
    display: flex;
}
.g16k-time-graph {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    width: 26px;
    margin-right: 16px;
}
.g16k-dot:first-child {
    margin-top: 6px;
}

.g16k-dot {
    height: 7px;
    width: 7px;
    border: 1px solid #9ba8b0;
    border-radius: 50%;
}
.g16k-axis {
    width: 1px;
    background-color: #9ba8b0;
    flex-grow: 1;
}
.nAz5-duration-row {
    display: flex;
    align-items: center;
}
.nAz5-graph-icon {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    width: 26px;
    margin-right: 16px;
}
svg:not(:root) {
    overflow: hidden;
}
.nAz5-duration-text {
    font-size: 12px;
    margin-top: -10px;
}
.g16k {
    display: flex;
}
.nAz5-segment-extras-wrapper {
    margin-left: 42px;
    margin-top: 4px;
}
.nAz5-graph-icon span i{
    color: var(--blue) !important;
    margin: auto;
    width: auto;
    height: auto;
}
.g16k-time-info-text-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
.g16k-time-info:not(.g16k-incoming) {
    margin-bottom: 12px;
}

.g16k-time-info {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 24px;
}
.g16k-time {
    
    font-weight: 700;
    margin-right: 4px;
    min-width: 80px;
    flex: 1 1 auto;

}
.g16k-location-block {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 12px;
   
}
.secondflitab h3{
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0px;
}
.tabtable table tr td img{
    width: 50px;
    object-fit: contain;
}
.happybox{
    display: flex;
    align-items: center;
    gap: 15px;
}
.happybox p{
    font-size: 14px;
    font-weight: 600;
}
.tabtable table{
    width: 100%;
}
.tabtable table tr td{
    width: 50%;
}
.viewtab{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}
.viewtab a button{
    background-color: var(--blue);
    color: var(--white);
    border: none;
    outline: none;
    font-size: 12px;
    padding: 8px 16px;
    font-weight: 600;
    border-radius: 4px;
}
.viewtab p{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}
.tabtable table tr td{
    padding: 15px 0px !important;
}
.happybox p{
    margin-bottom: 0px;
}
.flightcard{
    margin-top: 0px;
}




/* .mobileshow {
    display: none !important;
}
.filtersidebar .card-header:first-child {
    margin-top: 0px;
}

.filtersidebar .card-header {
    background-color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    border-top: 1px solid #ddd;
    border-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
    margin-top: 10px;
}

.filtersidebar .card-body {
    padding: 8px;
}

#slider-ranges {
    margin-left: 10px;
    margin-right: 10px;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.filterinnerboxes {
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}
.arranddep table tr td {
    padding: 0px !important;
}
.filterinnerboxes td {
    border-right: 1px solid #ddd;
    padding: 10px 0px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
}
.custom-control {
    cursor: pointer;
}
.custom-control-input {
    display: none;
}
.arranddep .custom-control-label {
    text-align: center;
    color: #fff;
    border-radius: 60px;
    padding-left: 0px !important;
    padding: 0px;
    color: #666666;
    padding: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    margin: 0px;
    padding: 5px !important;
}
#slider-ranges {
    margin-left: 10px;
    margin-right: 10px;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
} */
.mobileshow{
    display: none;
}
.form-group {
    margin-bottom: 10px;
}
.sendbutton{
    background-color: var(--blue) !important;
    font-size: 13px;
    font-weight: bold;
    color: var(--white) !important;
    line-height: 25px;
    margin-top: 10px;
}
.card-header{
    background-color: transparent !important;
	font-weight:600;
  
}
.card-header strong{
    font-size: 15px;
    font-weight: 600;
}


.contacticons{width: 60px; height: 58px; background-color: var(--blue); border-radius: 40px; color: #fff; text-align: center; font-size: 18px; line-height: 60px;}
.contactlable{color: var(--darkgray); text-transform:uppercase; font-size:11px; margin-bottom:2px;}
.contactcontent{font-size: 14px; font-weight: 600;}
.contacttabscont{font-size: 13px; border: 1px solid  var(--lightgray); padding:15px; border-radius: 5px; background-color: #fafafa; margin-bottom:15px;}



/* hoteldesign */
.locationheading{
    display: none;
}
.hoteltabs{
    display: none;
}
.toinput{
    display: none;
}
.hotelswapbtn{
    display: none;
}
.hotelmodme2{
    display: none;
}
.hotelmainbg{
    height: 180px !important;
}
.hotelsearchwhite{
    top: 22px;
}
.hotelsecondrow{
    margin-top: 120px;
}
.hotelmessage{
    margin-top: 55px;
    
}
/* hoteldesignends
 */

/* hotelsearchdesingstarts */

.hotelpills{
    
    display: none;
}
.hotelpills .navline{
    margin-top: 0px;
    height: 100%;
}
.hotelpills .nav-item{
    margin: 0px;
    width: 24.8%;
}
.hotelpills .nav-item .nav-link{
    text-align: center;
}
.hotelbooking{
    display: flex;
    gap: 10px;
}
.hoteltext h5{
    font-size: 16px;
    font-weight: 600;
}
.reviewsection{
    display: flex;
    gap: 10px;
}
.Deluxe h6{
    font-size: 12px;
}
.Deluxe p{
    margin-bottom: 0px;
}
.hotelimg{
   width: 164px;
   min-height: 164px;
}
.hotelimg img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.reviewsection{
    margin: 5px 0px;
}
.threeblue{
    background-color: var(--blue);
    width: 30px;
    text-align: center;
    color: var(--white);
    border-radius: 8px;
    border-top-right-radius: 0px;
    margin-bottom: 0px;
}
.threereview{
    font-size: 12px;
    color: var(--textgray);
    margin-bottom: 0px;
}
.hotelbookrow .col-lg-3{
    border-left: 0px !important;

}
.Deluxe h6{
    color: var(--greencolor);
    margin: 5px 0px;
}
.Deluxe{
    margin-top: 20px;
    background-color: var(--greyouter);
    width: 100%;
    padding: 10px 4px;
}
.hoteltext{
    margin: 10px 0px;
}
.reviewsection p{
    margin-bottom: 0px;
}
.relocation{
    margin: 5px 0px;
}
.Deluxe i{
    color: var(--textgray);
    font-size: 12px;
}
.hotelbookrow{
    padding: 7px 0px;
}
.hotelbookrow .col-lg-9{
    padding-left: 7px;
    padding-right: 7px;
}
.hotelbooking .col-lg-3{
    padding: 0px !important;
}
.hotelsearchtableborder table tr td:nth-child(5){
    border-right: 0px !important;
}
.hotelfilterbox{
    display: flex;
    justify-content: space-between;
    margin-bottom: -3px;
}
.searchhotelfilter a{
    float: right;
    margin-top: 10px;
    color: var(--blue);
    font-weight: 600;
    
}
.searchhotelfilter a:hover{
    text-decoration: underline;
}
.hotelfilterbox h6{
    font-size: 14px;
    color: var(--textgray);
}
/* .hotelfilterbox input{
    width: 16px;
    height: 16px
} */
.searchhotelfilter p{
    font-size: 10px;
}

/* holidaypage */
.holidaybanner{
    background: url(../images/hd1.jpg);
    width: 100%;
    height: 368px;
    background-size: cover;
    background-position: center;
    object-fit: cover;
    background-repeat: no-repeat;
}
.holidabancontainer{
    position: relative;
    top: 165px;
    padding: 0px 260px;
}
.holidaysearch table{
    width: 100%;
}
.holidaysearch .textfield {
    font-size: 15px;
    color: #000000;
    font-weight: 600;
    width: 100%;
    padding: 20px 20px;
    outline: 0px;
    border: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.holidaysearch .redbuttonsearch {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    background-color: var(--blue);
    width: 100%;
    padding: 20px 20px;
    outline: 0px;
    border: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.holidaysearch h1{
    text-align: center;
    color: var(--black);
    margin-bottom: 12px;
}
.holidestibox{
    margin-top: 50px;
}
.holidestibox .card{
    border: 0px;
}
.holiimg{
   height: 200px;
   overflow: hidden;
   border-top-right-radius: 20px;
   border-top-left-radius: 20px;
}
.holiimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
}
/* .holidaydestination .row .col-lg-3{
    padding-left: 5px;
    padding-right: 5px;
} */
.holidestibox .card-title{
    text-overflow: ellipsis !important;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
}
.holidestibox p{
    margin-bottom: 0px;
    font-size: 10px;
}
.holipricing{
    display: flex;
    justify-content: space-between;
    margin: 10px 0px 0px;
}
.holipricing a{
    font-size: 14px;
    font-weight: 700;
    color: var(--blue);
}
.holiicon{
    background-color:#fff1f6;
    color: var(--blue);
}
.holidestibox .card{
    border-radius: 20px;
    
}
.holiicon i{
    padding: 0px 3px;
}
.holicontainer,.travelcontainer,.lastcon{
    padding: 0px 100px;
}
.travelcontainer{
    margin-top: 20px;
}
.lastcon{
    margin-top: 30px;
}


























 /* mediaqueries */


/* hoteldetail */
.hotelgallery{
   margin-top: 78px;
    overflow: hidden;
}
.hoteldetailrow{
    border-radius: 20px !important;
}
.hotelgallery .col-lg-5{
   padding-right: 3px;
   padding-left: 3px;
}
.hotelgallery .col-lg-2{
    padding-left: 3px;
    padding-right: 3px;
}
.roomoneimg{
    width: 100%;
    height: 369px;
    overflow: hidden;
}
.roomtwoimg img:last-child{
    margin-top: 6px;
}
.roomoneimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
}
.roomtwoimg{
    width: 100%;
    height: 181px; 
  
}
.hoteldetailrow{
    border-radius: 20px;
    margin-top: 20px;
}
.roomtwoimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
}
.topheading .icons i{
    color: var(--starcolor) !important;
    font-size: 16px;
    line-height: 30px;
}
.hoteldetailone p{
    margin-bottom: 0px !important;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 0px;
}
.hoteldetailone a{
    color: var(---black);
}
.hoteldetailone h1{
    margin-bottom: 0px;
    font-size: 24px;
    line-height: 30px;
}
.borderleft{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.borderright{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    
}
.topheading{
    display: flex;
    align-items: center;
    
}
.topheading .icons{
    margin-left: 8px;
}
.hoteldetailone p i{
    color: var(--textgray);
}
.hotelshow{
    color: var(--searchbtn) !important;
}
.hotelshow:hover{
    text-decoration: underline;
}
.hoteldetail{
    display: flex;
    justify-content: space-between;
}
.roompricing{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.roompricing h3{
    font-size: 20px;
    font-weight: 600;
}
.roompricing p{
    color: var(--searchbtn);
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
}
.roompricing button{
    background-color: var(--blue);
    border: none;
    outline: none;
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.camerabox{
    position: relative;
    float: right;
    right: 30px;
    top: -100px;
    cursor: pointer;
}
.camerabox i{
    font-size: 20px;
    color: var(--white);
    background-color: var(--blue);
    padding: 15px;
    border-radius: 8px;
    background-color:#00000080;

}
.camerabox p{
    color: var(--white);
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
}
/* .hotelgallery{
    box-shadow: 0px 10px 18px #29426917 !important;
    background-color: var(--white);
    padding: 25px;
    width: 75%;
    margin: 100px auto;
} */

.descriptioncard{
    margin-top: 30px;
    border-radius: 20px;
    border: 0px;
}
.description h1{
    margin-bottom: 10px;
}
.description h1 span{
    color: var(--blue);
}
.description p{
   margin-bottom: 0px;

}
.stayamentites h1{
   margin-top: 13px;
   margin-bottom: 10px;
}
.stayamentites h1 span{
    color: var(--blue);
}
.stayamentites table{
    width: 50%;
    margin-top: 10px;
    margin-left: -28px;
}
.stayamentites table tr td{
    text-align: center;
    width: 10%;
    
}
.stayamentites table tr td i{
    color: var(--black);
    font-size: 20px;
}
.stayamentites table tr td span{
    font-size: 13px;
    color: var(--textgray);
    padding-top: 10px;
}
.stayamentites table tr td a{
    font-size: 15px;
    font-weight: 700;
    color: var(--black);
}
.stayamentites table tr td a:hover{
    text-decoration: underline;
}
.roomtable{
    margin-top: 30px;
    box-shadow: 0px 10px 18px #29426917 !important;
}
.firstrtable{
    width: 100%;
    margin-top: 20px;
    border: 1px solid var(--hotelborder);
}
.firstrtable tr td{
    background-color: var(--lightgray);
    font-size: 16px;
    font-weight: 600;
    width: 25%;
    padding: 10px;
}
.secondrtable{
    width: 100%;
    border: 1px solid var(--hotelborder);
    border-top: 0px !important;
}
.secondrtable tr td{
    width: 25%;
    padding: 10px;
    border-left: 1px solid var(--hotelborder);
    background-color: var(--white);
    vertical-align: top;
}
.Premium h1{
    margin-bottom: 10px;
    font-size: 15px;
}
.rebox p{
    border: 1px solid var(--blue);
    border-radius: 10px;
    color: var(--blue);
    display: inline-flex;
    font-size: 10px !important;
    font-weight: 600;
   margin-bottom: 10px !important;
    padding: 3px 5px;
    text-transform: uppercase;
}
.recomd p{
    font-size: 13px;
    font-weight: 600 !important;
}
.recomd p i{
    color: var(--textgray);
}
.guestbox p i{
    color: var(--darkgray);
}
.guestbox p{
    font-weight: 600;
    font-size: 13px;
}
.lastcol a button{
    background-color: var(--blue);
    border: none;
    outline: none;
    color: var(--white);
    padding: 10px 12px;
    white-space: nowrap;
    width: 50%;
    border-radius: 8px;
    margin-top: 10px;
}
.hotelrpricing p{
    margin-bottom: 0px;
}
.Premium p{
    font-size: 13px;
    font-weight: 600 !important;
}
.Premium p i{
    color: var(--textgray);
}

.secondrtable p{
    margin-bottom: 10px;
}
.secondrtable p:last-child{
    margin-bottom: 0px;
}
.tablerow p,h1{
    /*margin-bottom: 0px;*/
}
.searchgrey{
    background-color: transparent !important;
}
.searchhotel .textfield{
    background-color: transparent;
}
.searchhotelbtn{
    display: none;
}


/* packagelisting */

.packagelistbg{
    background-color: var(--blue) !important;
}
.packagelistbanner{
    height: 254px !important;
}
.packagelistcont{
    top: 100px !important;
}
.holidatnightbox{
    display: flex;
    gap: 5px;
    font-size: 12px;
    margin-bottom: 20px;
    align-items: center;
 
}
.daynight{
    width: max-content;
    height: 20px;
    padding: 2px 5px 5px 5px;
    border-radius: 4px;
    background-color:var(--blue);
    font-size: 11px;
    color: #fff;
    margin-right: 3px;
    font-weight: 600;
}
.flexboxpack{
    display: flex;
    width: max-content;
    height: 20px;
    padding: 0px 5px 0px 5px;
    border-radius: 4px;
    background-color: var(--black);
    color: var(--white);
    font-weight: 600;
   
}
.holidatnightbox h6{
    color: var(--textgray);
    font-size: 13px;
}
.holidaydetail h1{
    margin-bottom: 4px;
}
.goapricing{
    margin-left: 20px;
}
.goapricing h3{
    font-size: 13px;
    font-weight: 700;
}
.goapricing p{
    color: #2291e6;
   margin-bottom: 0px;
}
/* itenarytab */
.itenarytab ul{
    list-style: none;
    padding-left: 0px !important;
    margin-bottom: 0px;
    margin-top: 15px;
}
.itenarytab ul li{
    display: inline-block;
    padding: 0px 10px;
}
.itenarytab ul li a{
    color: var(--black);
    font-weight: 600;
    font-size: 14px;
}
.holidaydetailcard{
    margin-top: 5px;
}
/* .datetab{
    position: sticky;
} */
.datetab a:hover{
    background-color: var(--datetab);
    color: var(--white);
    transition: 0.5s ease-in-out;
}
.datetab a:hover i{
    color: var(--white);
}
/* .datetab a:hover::before{
    background-color: var(white) !important;
} */
.datebg{
    background-color: var(--lightgray);
    display: flex;
    gap: 7px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.datebg p{
    font-weight: 700;
    color: var(--textgray);
    font-size: 13px;
}
.dayboxes{
    padding: 7px;
    border: 1px solid var(--hotelborder);
    margin: 24px;
    border-radius: 10px;
}
.dayboxes p{
    margin-bottom: 0px;
    margin-top: 7px;
}
.datetab a{
    color: var(--white);
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: var(--textgray);
    padding: 10px;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    
}
.datetab a i{
    font-size: 8px;
    margin-bottom: 2px;
    
    
}
.datetab a{
    display: flex;
    align-items: center;
}
/* .datetab a::before{
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: var(--white);
    border-radius: 50px;
    left: 23px;
    top: 25px;
    bottom: 0;
    margin: auto;
    z-index: 1;
} */
/* .datetab::after{

        content: "";
        position: absolute;
        width: 1px;
        height:1px;
        background: var(--white);
        left: 26px;
        top: 0;
} */
.dateactive a{
    background-color: var(--datetab);
    color: var(--white)!important;
}
.datetab h6{
    font-size: 12px;
 
}
.bagicon{
    display: flex;
    align-items: center;
    margin-top: 5px;
    gap: 5px;
}
.bagicon i{
    font-size: 8px;
}
.bagicon p{
    margin-bottom: 0px;
    margin-top: 0px;
}
.holidaydetaildes{
    padding: 24px;
}
.dayheading{
    padding-left: 24px;
    
}
.holidayflitxt{
    display: flex;
    justify-content: space-around;
}
.removebox{
    display: flex;
    gap: 10px;
    margin-right: 20px;
}
.removebox h6 a{
    font-size: 13px;
    font-weight: 600;
}
.hoidayflibox table{
    width: 100%;
}

.hoidayflibox table tr td img{
    width: 40px;
}
.holidaynonstop{
    width: 30px;
}
.offpricing{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* height: 100px !important; */
    margin-top: 2px;
}
.holidaypricing{
    background-color: var(--white);
    height: 179px;
    margin-top: 10px;
    box-shadow: 0px 10px 18px #29426917;

}
.twooff{
    background-color: var(--blue);
    color: var(--white);
    float: right !important;
    margin-top: -12px;
    font-size: 12px;
    font-weight: 600;
}
.modify{
    display: flex;
    gap: 5px;
    justify-content: space-between;
    margin-top: 10px;
}
.querybtn{
    background-color: var(--blue) !important;
    color: var(--white) !important;
    margin-top: 10px;
    width: 50%;
}
.holidaypricing .card{
    padding: 15px;
}
.offpricing span{
    color: var(--textgray);
    font-size: 10px;
}
.modify p{
    margin-bottom: 0px;
}
.hdealbox{
    /* background-color: var(--blue); */
}
.hdealbox h1{
    font-size: 17px;
    padding: 15px;
    box-sizing: border-box;

}
.maximum{
    display: flex;
    justify-content: space-between;
    color: var(--black);
    align-items: center;
    margin: 0px 15px;
    font-weight: 600;
}
.maximum button{
    display: flex;
    border-radius: 34px;
    /* box-shadow: 0 1px 7px 0 rgba(0,0,0,.2); */
    border: solid 1px var(--blue);
    padding: 5px 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--blue);
    background-color: transparent;
    margin-top: 5px;
    
}
.redeemtable{
    margin: 10px 15px;
}
.redeemtable tr td{
    color: var(--black);
    font-size: 12px;
  
}
.redeemtable h6{
    font-size: 12px;
   
}
.holidaybaggage p{
    margin-bottom: 0px;
    font-size: 11px;
    color: var(--textgray);
    margin: 5px 0px;
}
.holidaybaggage h5{
    font-size: 13px;
    font-weight: 600;
}
.hoidayflibox table tr td p{
    margin-bottom: 0px;
}
.holitime h5{
    font-size: 13px;
    font-weight: 600;
}
.holitime p{
    margin-bottom: 0px;
    font-size: 11px;
    color: var(--textgray);
    margin: 5px 0px;
}
.removebox a:hover{
    text-decoration: underline;
}
/* .itenaryrow .col-lg-9{
    padding-left: 0px;
} */
/* .itenaryrow .col-lg-3{
    padding-right: 0px;
} */
.holidaybaggage i{
    font-weight: 600;
    color: var(--black);
}
.modify i{
    color: var(--black);
    font-weight: 600;
}
.modify p{
    font-size: 12px;
}
.holidaystopborder{
    right: 20px;
}
.holidaystopborder .fa{
    margin-left: 52px;
}
.itenarytab ul li:first-child::after{
    content: "";
    background-color: var(--blue);
    width: 100%;
    height: 4px;
}
/* .itenaryrow{
    display: flex;
    justify-content: space-between;
} */
.itenaryrow .col-lg-9{
    border-left: 1px solid var(--lightgray);
}
.hoidayflibox{
    padding: 20px;
    height: 100%;
}
.hoidayflibox:hover{
    background-color: var(--lightgray);
    cursor: pointer;
    transition: 0.5s ease;
}
.holidaybaggage p i{
    font-size: 10px !important;
}

/* roomsearchsection */
.selectrow{
    position: relative;
    top: 48px !important;
}
.selectrow .card{
    border-radius: 20px;
    border: 0px;
    box-shadow: 0px 10px 18px #29426917;
}
.bookcard{
    box-shadow: 0px 10px 18px #29426917;
    border: 0px;
    color: var(--black);
    border-radius: 20px !important;
}
.gingerbox{
    display: flex;
    justify-content: space-between;
  
    padding:  18px;
}
.gingerbox p{
    margin-bottom: 0px;
}
.gingerbox h1{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.gingerstar{
    display: flex;
    gap: 20px;
    margin: 5px 0px;
}
.selectstar .fa-star{
    color: var(--starcolor);
}
.freindlybox{
    background-color: var(--lightgray);
    color: var(--black);
    align-items: center;
    background-color: #f1f1f1;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    justify-content: center;
    padding: 0 6px;
    font-size: 12px;
}
.reviewroomimg{
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 10px ;
}
.reviewroomimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
}

.chkCont__night{
    justify-content: center;
    margin: 0 10px;
    position: relative;
}
.chkCont__night::before {
    border-bottom: 1px dotted #5e5d5d;
    content: "";
    left: -14px;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    width: 150%;
}
.chkCont__night>span{
    align-items: center;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    /* border-radius: 9px; */
    display: inline-flex;
    font-size: 10px;
    height: 18px;
    justify-content: center;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.reviewtiming{
    background-color: var(--reviewclr);
    padding: 18px;
    width: 100%;
}
.reviewtiming p{
    margin-bottom: 0px;
    font-size: 11px;
	font-weight:600;
}

.stoptooltip { padding: 10px; background-color: #FFFFFF; padding: 10px; border: 2px solid #000; display: none; position: absolute; width: 340px; z-index: 99; border-radius: 10px; box-shadow: 2px 2px 5px #00000024; font-size: 12px; line-height: 20px; text-align: left; }
.card-body:hover .stoptooltip{display:none;}
.reviewtiming table tr {
    align-items: center;
    gap: 30px;
    display: flex;
}
.lasttiming{
    border-left: 2px white;
}
.lasttiming table tr{
    
    display: unset;
}
.lasttiming table tr td{
    padding: 0px 10px !important;
}
.cancellation{
    background-color: var(--cancelcolor);
    padding: 18px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.cancellation h1{
    font-size: 18px;
}
.cancellation ul{
    padding-left: 16px;
}
.cancellation h1{
    margin-bottom: 5px;
}
.cancellation ul li{
    font-size: 12px;
    color: var(--textgray);
    padding: 2px 0px;
}
.firsttiming,.secondtiming span{
    margin-bottom: 5px;
    /* font-size: 11px !important; */
}
.firsttiming h1{
    font-size: 18px;
}
.secondtiming h1{
    font-size: 18px;
}
.lasttiming table tr td span{
    font-weight: 700;
    font-size: 14px;
}
.Guestbook h1{
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
}
.rooms h1{
   padding: 8px;
}
.rooms h1{
    background-color: var(--greyouter);
    padding: 5px 20px;
    font-size: 15px;
}
.rooms .form-label{
    color: var(--black);
    font-weight: 600;
}
.gstbox{
    padding: 18px;
    color: var(--black);
    display: flex;
    align-items: center;
    gap: 10px;
}
.gstbox span{
    font-size: 9px;
    color: var(--textgray);
}
.gstbox p{
    margin-bottom: 0px;
    color: var(--black);
    font-size: 12px;
    font-weight: 600;
}
.gstbox input{
    width: 18px;
    height: 18px;
}
.pricebreakbox h1{
    color: var(--black);
}
.oneroombox{
    display: flex;
    color: var(--black);
    justify-content: space-between;
    align-items: center;
    padding: 5px 18px;
    border-bottom: 1px solid #d8d8d8;
}
.oneroombox h5{
    font-size: 13px;
    font-weight: 700;
}
.bookpricing p{
    margin-bottom: 0px;
    font-size: 14px !important;
    color: var(--textgray) !important;
    font-weight: 600;
}
.hoteltax{
    color: var(--black);
    display: flex;
    justify-content: space-between;
    padding: 5px 18px;
    border-bottom: 1px solid #d8d8d8;
    align-items: center;
}
.hpricing p{
    margin-bottom: 0px;
    font-size: 14px !important;
    color: var(--textgray) !important;
    font-weight: 600;
}
.htext h5{
    font-size: 13px;
    font-weight: 700;
}
.donatebox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 18px;
}
.iconrupee{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    color: var(--black) !important;
}
.iconrupee span{
    font-size: 14px;
}
.donatepara{
    color: var(--black);
    margin-bottom: 0px;
    font-size: 12px;
}
.totalamount{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
    color: var(--black);
    background-color: var(--reviewclr);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.totalamount h1{
    font-size: 13px;
}
.totalamount span{
    font-size: 14px;
    color: var(--textgray) !important;
    font-weight: 600;
}
.inputboxes{
    padding: 18px;
}
.mmtbox{
    background-color: var(--bookclr);
    padding: 5px 18px;
}
.nopara{
    padding-left: 18px;
    padding-bottom: 5px;
}
.couponbox p{
    color: var(--textgray);
    margin-bottom: 0px;
    font-size: 12px;
}
.couponinput{
    padding: 18px;
    display: flex;
}
.couponinput input{
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 700;
    outline: 0;
    padding-left: 15px;
    width: calc(100% - 45px);
    border: 0px;
    box-shadow: 0px 10px 18px #29426917;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;

}
.couponinput a{
    background-color: var(--blue);
    color: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 45px;
    justify-content: center;
    width: 45px;
    font-size: 16px;
    box-shadow: 0px 10px 18px #29426917;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.couponinput input::placeholder{
    color: var(--textgray) !important;
}
.roomone .col-lg-2,.col-lg-4{
    padding-right: 0px !important;
}
.roomone input::placeholder{
    font-size: 13px;
}
.signupbox{
    padding: 18px;
}
.whysingupheading span{
   text-transform: uppercase;
   font-size: 15px;
   font-weight: 700;
 
   /* padding: 18px; */
}
.whysingupheading h1{
    text-transform: uppercase;
   font-size: 15px;
   font-weight: 700;   
}
.whysingupheading span{
    color: var(--blue);
}
.signul ul{
    list-style: none;
    width: 100%;
   padding-left: 0px;
    margin: 14px 0px 0px;
}
.signul ul li{
    color: var(--textgray);
    font-size: 12px;
    padding: 5px 0px;
    white-space: nowrap;
}
.signul ul li span{
    color: var(--black);
    font-weight: 600;
    font-size: 12px;
    text-transform: unset;
}
.signul ul li i{
    color: var(--greencolor);
}
.firsttiming h1{
    font-size: 15px !important;
}
.secondtiming h1{
    font-size: 15px !important;
}
.reviewheading{
    font-weight: 600;
}
.roomone{ 
}
.roomone .form-control:focus{
    border-color: var(--blue) !important;
    box-shadow: none !important;
}

/* flightbook */
.bengalurubox{
    /* border-left: 3px solid var(--blue); */
    
}
.searchspan{
    display: none;
}
.bengalurubox h1{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.flicard{
    padding: 18px;
}
.flibookingtext{
    display: flex;
    justify-content: space-between;
}
.wednesdaybox{
    display: flex;
   align-items: center;
   gap: 10px;
}
.wednesdaybox span{
    background-color: var(--bookclr);
    font-size: 13px;
    color: var(--black);
    font-weight: 600;
    padding: 5px 7px;
}
.wednesdaybox p{
    margin-bottom: 0px;
    font-size: 12px;
}
.cancelbox{
    display: flex;
    flex-direction: column;
}
.cancelbox a{
    text-align: right;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
}
.cancelbox span{
    background-color: var(--blue);
    color: var(--white);
    text-transform: uppercase;
    padding: 0 5px;
    font-size: 10px;
    font-weight: 900;
}
.airasiabox{
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.airasiaimgbox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.airasiaimgbox p{
    margin-bottom: 0px;
    font-size: 13px;
}
.airasiaimgbox span{
    font-size: 15px;
    font-weight: 600;
}
.asiaimg{
    width: 35px;
    height: 35px;
    overflow: hidden;
}
.asiaimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.economybox{
    display: flex;
    gap: 10px;
    align-items: center;
}
.economybox p{
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
    color: var(--blue);
}
.flightItenary, .itenaryRight {
    display: flex;
    justify-content: space-between;
}

.flightItenary {
    background-color: var(--reviewclr);
    padding: 10px;
    flex-direction: row;
    position: relative;
}
.makeFlex{
    display: flex;
}
.makeFlex .flexOne {
    flex: 1;
}
.itenaryLeft:before {
    content: "";
    position: absolute;
    top: 20px;
    height: calc(100% - 40px);
    border-left: 2px dashed #979797;
    left: 65px;
}
.time-info-ui {
    width: 62px;
    justify-content: space-between;
}
.gap-x-10>* {
    margin-right: 10px;
}
.blackFont {
    font-weight: 900;
}
.fontSize14 {
    font-size: calc(var(--font-scale, 1)*14px);
}
.flightItenary .layoverCircle {
    border: 2px solid #979797;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-flex;
    background-color: #f4f4f4;
    position: relative;
    top: 5px;
    z-index: 1;
    margin: 0;
}
.gap-x-10>:last-child, .gap-x-15>:last-child, .gap-x-20>:last-child, .gap-x-5>:last-child {
    margin: 0!important;
}
.layover {
    padding: 7px 20px;
    margin-left: 57px;
}
.itenaryLeft .overideBg {
    position: relative;
    background-color: #f4f4f4;
}
.itenaryRight {
    align-items: flex-end;
    width: 220px;
}

.flightItenary, .itenaryRight {
    display: flex;
    justify-content: space-between;
}
.itenaryList {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.itenaryList{
    padding-left: 0px !important;
}
.itenaryList li {
    display: flex;
    
}
.itenaryList li span {
    flex: 1;
    font-size: 12px !important;
}
.changeplanebox{
    margin-left: 82px;
    position: relative;
}
.changeplanebox::before{
    content: "";
    position: absolute;
    top: -2px;
    height: 40px;
    border-left: 2px dashed #979797;
    left: -37px;
    margin-left: 20px;
}
.changeplanebox h1{
    font-size: 15px;
    margin-top: 10px;
  
}
.changeplanebox p{
    margin-bottom: 0px;
}
.flighttopbox{
    border-left: 4px solid var(--blue);
    padding: 0 12px;
}




































/* mediaqueries */
@media (max-width: 576px){
    .logintable  tr td{
        display: block;
        width: 100%;
    }
    .loginform{
        padding:20px;
        
    }
    #loginouter {
        position: static;
        max-width: 1200px;
        height: 600px;
        margin: auto;
        margin-top: 80px !important;
    }
    .formloginouter{
        height: 84% !important;
        
    }
    #loginouterin .leftbanner{
        display: none;
    }
    .createform,.agencyform{
        padding: 0px;
    }
    .agencyform{
        margin-top: 2rem;
    }
    .accountheading{
        font-size: 15px;
        margin: 10px 0px;
    }
    .agencyform h2{
        font-size: 15px;
    }
    .createheading{
        margin-left: .8rem !important;
        font-size: 17px;
    }
    .registerlogo img{
        height: 28px;
    }
    #menu{
        display: none;
    }
    .loginbody{
        overflow: hidden;
    }
    .formlogo img{
        display: none;
    }
    .mainbutton{
        display: none !important;
    }
    .menubtn{
        display: unset !important;
        border: none !important;
    }
    .fa-bars{
        font-size: 21px;
        font-weight: bold;
        position: relative;
        right: -18px;
        top: 1px;
    }
    #header #rightmenu .show  .btn
    {   color: var(--black) !important;
        background-color: transparent;
    }
    .registerlogo img{
        display: none;
    }
    #leftsidemenu{
        display: none !important;
    }
    #midbody {
        padding-left: 0;
        padding-right: 0;
    }
    #dashbaordright .inlistright .rightbanner{
        width: 100%;
        height: 300px;
        position: static;
        right: 0px;
        top: 52px;
    }
    #dashbaordright {
        width: 100%;
        height: 100%;
        background-color: var(--lowblue);
        position: static;
        right: 0px;
        top: 0px;
    }
    .inlistright{
        padding-top: 0px !important;
    }
    #dashbaordright .tourcalouter{
        padding-top: 0px !important;
        height: auto;
    }
    .bodyflightsection table tr td{
        display: block;
        width: 100%;
    }
    .bodysection .blkcolorboxflight{
        margin-left: 0px;
    }
    .bodysection .blkcolorboxhotel{
        margin-left: 0px;
    }
    .bodysection .blkcolorboxpackage{
        margin-left: 0px;
    }
    .tbtabcontent {
        overflow: auto;
        border: 1px solid var(--lightgray);
        border-radius: 14px;
        border-top-left-radius: 0px;
    }
    .bodyflightsection .pricetable tr{
        display: grid !important;
        grid-template-columns: auto auto auto;
    }
    ::-webkit-scrollbar{
    height: 2px;
    scrollbar-color: var(--redcolor);
    }
    #dashbaordright .tourcalouter{
        width: 100%;
        
    }
    .flightsearchwihite .searchboxouter .tableborder table tr td{
        width: 46% !important;
        display: inline-block;
        text-align: center !important;
        line-height: 0px;
        border: 1px solid var(--blue);
        margin: 5px 5px;
        border-right: 1px solid var(--blue) !important;
        background-color: var(--lightgray);
        border-radius: 5px !important;
        
    }
    #header #logo img{
        height: 28px;
    }
 
    .fa-calendar:before{
        position: relative;
        top: -3px;
        right: -10px;
        font-size: 18px;
        color: var(--darkgray);
    }
    .flightsearchwihite .searchboxouter .tableborder table tr td:last-child{
        width: 95% !important;
        
    }

    #pickupCitySearchfromCity2{
        text-align: center;
        margin-left: 2rem;
    }
    #dt1{
        background-color: transparent;
        
    }
    .searchboxouter .textfield{
        padding: 19px 9px !important;
    }
    #travellersshow{
        text-align: left !important;
        background-color: transparent;
    }
    .flightsearchwihite .lable{
        padding: 9px 0px !important;
    }
    .swapbtn{
        background-color: var(--lightgray);
        border: 1px solid var(--blue);
        color: var(--blue);
        right: -24px;
        top: 15px;
    }
   .messagesection {
    margin-top: 213px;
    padding: 15px;
    background-color: var(--lightyellow);
}
.listlastflighttwo{
    display: none !important;
}
.trendingsearch{
    display: none;
}
.flightsearchwihite .flightsearchbtn {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: -20px;
}
.flightsearchwihite .searchboxouter .redbuttonsearch {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    background-color: var(--blue) !important;
    max-width: 300px !important;
    padding: 8px 20px;
    border-radius: 50px;
}
.listlastflight div:first-child{
    margin-right: 10px;
}
.listlastflight div{
    background-color: transparent !important;
    margin-left: -4px;
}
.selectfareheading{
    display: none;
}
/* .listlastflight{
   display: inline;
  
} */


.top_bg_ofr_sb2other {
    padding-top: 0px !important;
}
.mobilecontainer{
    padding: 5px  !important;
}
#fromlabel{
   width: 85% !important;
}
#twolabel{
    width: 80%;
}
.searchboxouter .textfield{
    padding: 12px 10px !important;
    font-size: 15px !important;
}
/* .doctortable,.seniorcitizentable{
    display: none;
} */
.flightsearchwihite{
    padding: 10px;
}
.offersection h4{
    font-size: 14px;
}
.offersection h6{
    margin-bottom: 26px;
}
.messagesection h4{
    font-size: 12px;
}

.mobdme2{
    margin-top: 0px;
}    
.top_bg_ofr_sb2other .searchtabs a {
    font-size: 14px;
    padding: 5px 9px;
    margin-right: 10px;
    float: left;
    border-radius: 20px;
}
.flightsearchwihite{
    top: 48px;
    padding: 5px;
    padding-bottom: 31px;
}
.searchboxouter{
    margin-top: -16px;
}
.tableborder table{
    max-width: 100% !important;
    margin: 2.5px !important;
}


/* .offerrow .col-lg-3:first-child{
    padding-right: 0px;
} */
.textcontent{
    padding: 0px !important;
    
}
.top_bg_ofr_sb2other .searchtabs{
    margin-top: 10px;
    margin-left: 5px;
}
.messagerow .col-lg-12{
    padding: 5px;
}
.flightsearchwihite .searchboxouter .tableborder table tr td:last-child{
    border-right: 1px solid var(--blue) !important;
}
.profile{
    margin-left: 0px;
    overflow: hidden !important;
}
/* flightbooking */
.flightItenary{
    display: flex;
    flex-direction: column;
}
.selectrow{
    top: 63px !important;
}
.cancelbox span{
    white-space: nowrap;
}

/* .packagelist */
.holidabancontainer,.holicontainer, .travelcontainer, .lastcon{
    padding: 8px !important;
}
.phoneholibox {
    margin-top: 5px;
}
.phoneholibox .card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
    float: left;
    width: 100%;
    display: inline-block;
    position: absolute;
    padding-left: 40%;
}
.phoneholibox .holiimg {
    height: 116px;
    overflow: hidden;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    float: inherit;
    width: 35%;
    display: inline-block;
}
.phoneholibox .card {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 5px;
}
.holidestibox{
    margin-top: 5px;
}
.holidaysearch .textfield{
    padding: 12px 20px;
}
.holidaysearch .redbuttonsearch{
    padding: 12px 20px;
}

/* hoteldetail */
/* .phonehotelgallery{
    padding: 8px;
} */
.hoteldetail{
    display: flex;
    flex-direction: column;
}
.hoteldetailone h1{
    font-size: 16px;
}
.topheading .icons i{
    font-size: 13px;
}
.hoteldetailone p {
    font-size: 12px;
}
.topheading{
    justify-content: space-between;
}
.phonehotelgallery{
    margin-top: 60px;
}
.roompricing{
    justify-content: unset;
}
.roompricing h3{
    font-size: 15px;
    font-weight: 700;
}
.roompricing p{
    /*margin-bottom: 0px; */
    font-size: 12px;
}
.roompricing button{
    width: 30%;
}
/* .phonehotelgallery .col-lg-5{
    padding-left: 0px !important;
    padding-right: 0px !important;
} */
.roomoneimg{
    height: 255px;
}
.roomtwoimg,.borderleft{
    display: none;
}
.hotelgallery .col-lg-5{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.phonehoteldetailcontainer{
    padding-left: 8px;
    padding-right: 8px;
}
.stayamentites table{
    width: 100%;
    margin-left: 0px;
}
.stayamentites table tr td{
    text-align: left;
}
.stayamentites table tr td i{
    font-size: 15px;
}
.stayamentites table tr td a{
    font-size: 13px;
}
.stayamentites table tr td span{
    font-size: 11px;

}
.secondrtable{
    background-color: var(--white);
}
.secondrtable tr td{
    width: 50%;
    display: inline-block;

}
.lastcol a button{
    width: 70%;
}
.secondrtable tr td:first-child{
    border-left: 0px;
}
.secondrtable tr td:nth-child(3){
    border-left: 0px;
}
.firstrtable tr td{
    font-size: 14px;
    white-space: nowrap;
}
/* hotel */
/* .hotelsecondrow{
    margin-top: 250px;
}
.hotelsecondrow .col-lg-2{
    width: 50% !important;
}
.offerimg{
    height: 160px;
}
.offerimg img{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.offersection h4{
    margin-top: 8px !important;
}
.hotelcontainer{
    padding-left: 8px;
    padding-right: 8px;
}
.messagesection {
    margin-top: 13px;
} */

/* .flightsearchwihite .searchboxouter .tableborder table tr td:last-child{
    width: 46% !important
} */


/* flightbooking */
.bengalurubox h1{
    font-size: 15px;
}
.wednesdaybox span{
   white-space: nowrap;
}
.flibookingcontainer{
    padding-left: 8px;
    padding-right: 8px;
}
.itenaryLeft:before{
    left: 52px;
    height: 47px;
}
.flightItenary .layoverCircle{
    left: 4px;
}
.layovercircletwo{

    top: -29px !important;
}
.wednesdaybox{
    display: flex;
    justify-content: space-between;
}
.flicard{
    padding: 14px 8px;
}
.cancelbox span{
    font-size: 8px;
}
.reviewheading{
    font-size: 20px;
}
.itenaryList{
    padding-top: 12px;
}
.fontSize14{
    font-size: 12px;
}
.changeplanebox{
    margin-left: 20px;
}
.lucknowbox{
    margin-right: 20px !important;
}
.newdelhibox{
    margin-left: 20px !important;

}
.flightItenary{
    position: relative;
}
.flightItenary .layoverCircle{
    display: none;
    
}   
/* searchflightpage */
.filtersidebar{
    display: none;
}
.flightsearchwihite .searchboxouter .searchflighttableborder table tr td:nth-child(5){
    width: 94.5% !important;
}
.searchflighttableborder table{
    margin: 7.5px !important;
}



/* holidaydetail */
.itenarytab ul li{
    padding-right: 12px;
    padding-left: 0px;
}
.topheading{
    display: unset;
}
.holidaydetail h1{
    font-size: 14px !important;
}
.holidayflitxt{
    padding: 23px;
}
.removebox{
    margin-right: 0px;
}
.hoidayflibox{
    padding: 8px;
}
.holidaystopborder{
    width: 80px;
}
.holidaystopborder::before{
    left: 30px;
}
.hoidayflibox p{
    font-size: 8px !important;
}
.holidaybaggage p i{
    margin-right: 5px;
}
.bagicon{
    display: flex;
    align-items: center;
    margin-top: 5px;
    gap: 5px;
}
.bagicon i{
    font-size: 8px;
}
.bagicon p{
    margin-bottom: 0px;
    margin-top: 0px;
}
/* .datetab a{
    width: 40%;
} */
/* .holicontainer{
    padding: 0px;
} */


/* roomsearch */

.lasttiming table tr td{
    padding: 0px !important;
}
.reviewtiming table tr{
    gap: 0px;
}
.chkCont__night>span{
    display: none;
}
.lastable{
    background-color: transparent !important;
    border: 0px !important;
}
.searchflighttableborder table tr td:first-child{
    border-left: 1px solid var(--blue) !important;
}
.searchflightbg .searchtabs{
    margin-top: 4px;
    margin-bottom: 19px;
}

/* hotel */
.hotelheading{
    font-size: 17px;
    margin-top: 64px !important;
}
.flightsearchwihite .searchboxouter .hoteltableborder table tr td:last-child{
    width: 46% !important;
}
.flightsearchwihite .searchboxouter .hoteltableborder table tr td:first-child{
    border-left: 1px solid var(--blue) !important;
}
.locationheading{
    display: unset;
}
.cityspan{
    display: none;
}
.hotelboxouter{
    background-color: transparent;
    /* padding-left: 0px;
    padding-right: 0px; */
}
.hotelsearchwhite{
    padding: 20px 0px;
    top: 22px;
    padding-bottom: 32px;
}
.hoteltableborder table{
    margin: 5.5px !important;
}
.hotelsearchbtn{
    bottom: -32px;
}
.hotelsecondrow .col-lg-2{
    width: 50%;
}
.hotelsecondrow .offerimg{
    height: 130px;
}
.offersection h4{
    margin: 10px !important;
}
.hotelmessage{
    margin-top: 10px;
}
.sideoffer .offerimg{
    width: 35%;
    display: inline-block;
    float: inherit;
    height: 130px;
}
.sideoffer .sideoftext{
    display: inline-block;
    position: absolute;
    padding-left: 10px;
    padding-top: 30px;
}
.sideoffer h4{
    margin: 0px !important;
}
.offerheading h3 {
    margin-top: 40px;
    font-size: 17px;
}

.hoteltableborder table tr td .fa-calendar{
    top: 18px !important;
    right: 10px;
}
#pickupCitySearchfromCity{
    text-align: center;
}

/* listcontent */
.listcontent .card-body{
    padding: unset;
}
.hotelsearchtableborder table tr td:last-child{
    background-color: transparent !important;
    border: 0px !important;
}
/* hotelsearch */
.hotellable,.checklable,.roomlable{
    text-align: left;
   
}
.hotelsearchmainbg .lable{
    margin-left: 10px !important;
}
.greyouter{
    background-color: transparent !important;
    padding: 0px;
}
.hotelsearchmainbg label{
    margin-left: 10px;
}
.hotelsearchbtn button{
    width: 100%;
    margin: 0px !important;
   
}
.searchhotelfilter{
    display: none;
}
.hotelbookrow{
    margin-top: 174px;
}



/* searchflight */
.hotel-pills{
    margin-top: 195px;
}
.hotel-pills .nav-item{
    width: 44%;
}
.searchflightmainbg .searchdeparturelable{
    text-align: left;
    margin-left: 10px !important;
    
}
.searchflightmainbg .searchreturnlable{
    text-align: left;
    margin-left: 10px !important;
    
}
.searchflightmainbg .searchtravlelable{
    text-align: left;
    margin-left: 10px !important;
    
}
.viewtab{
    gap: 2px;
    justify-content: center !important;
}
.happybox{
    gap: 0px;
    justify-content: center !important;
}
.flightcard .card-body{
    padding: 7px;
}
.bookbtn a button{
    width: 30%;
}
.bookbtn h4{
    margin-top: 13px;
}
.bookrow .col-lg-3{
    padding-left: 8px;
}
.searchtabbtn button{
    width: 100%;
    margin: 0px !important;
    font-size: 17px;
    
}
.flightsearchtab{
    top: 46px;
}
/* .bookrow .col-lg-9,.col-lg-3{
    margin-top: 20px;
} */
.searchspan{
    display: unset;
    font-size: 17px;
    margin-left: 8px;
}
.hotelbooking{
    display: unset;
}
.hotelimg{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.listcontent .card-body{
    padding: 20px;
}
.hotelgallery{
    margin-top: 54px;
}















}

.showflightbookingcancelaltion{padding:10px 0px 0px;}
.table-responsive {font-size:12px;}
.card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); padding: 0px; background-color: transparent; padding-top: 10px; border-top: 1px solid var(--greyouter);; }

.combutton { color: #fff !important; background-color: var(--blue) !important; padding: 8px 20px; border-radius: 5px !important; font-size: 14px; border: 0px !important; font-weight: 600; }

.flightsearchtable tr td{border-right:1px solid var(--lightgray) !important;}
.closesearchbanner{overflow:hidden; height:52px;}

.loadmoreprice{padding: 10px; padding-bottom: 0px; border-top: 1px solid #ddd; margin-top: 10px;}
.loadmoreprice .pricelistflight{padding:10px; background-color:#f3f7fa8a; margin-bottom:5px;border-radius: 5px;}
.loadmoreprice .pricelistflight:hover{ background-color:#eff4ffab;}
.loadmoreprice .pricelistflight .flhead {   font-weight: 600; text-transform: uppercase; font-size: 11px; color: #8f8f8f; }
.loadmoreprice .pricelistflight .flhtext{font-size:12px; font-weight:500;}
.loadmoreprice .pricelistflight .flhtext .fa{color:#06aebd; margin-right:2px;}
.loadmoreprice .pricelistflight .fa-info-circle{color:#333333; font-size:20px; cursor:pointer;}
.loadmoreprice .pricelistflight .buttonbook{width: 75%; background-color: transparent !important; color: var(--blue) !important; border: 1px solid var(--blue) !important;}
.loadmoreprice .pricelistflight .buttonbook:hover{ background-color: var(--blue) !important; color:#fff !important; border: 1px solid var(--blue) !important;}

.detailsboxtabs{width:100%; border-bottom:1px solid #ddd; overflow:hidden; padding-left:0px;}
.detailsboxtabs a{  padding:5px 10px; margin-right:5px; float:left; color:#000; padding: 10px 20px; border-radius: 12px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; font-weight:600; }
.detailsboxtabs .active{ background-color:var(--blue); color:#fff;}
.detailscontent{padding: 10px; border: 1px solid #ddd; display:none;}
.rooms h1 { background-color: var(--greyouter); padding: 5px 20px; font-size: 13px; font-weight: 800; padding: 10px 20px; text-transform: uppercase;    margin-bottom: 0px; }
.rooms .card-body{ padding: 10px 20px;}
.rooms .mb-4{margin-bottom: 0!important;}
.ssrheadingdetails{padding:10px 20px; font-size:15px; color: var(--blue); font-weight:800;}