*{ margin:0;padding: 0;box-sizing: border-box;} 

:root {

    --blue: #e52b30; 

    --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;

}



.bigcheck .form-check{line-height: 26px !important;}

.bigcheck .form-check-input{width: 18px !important; height: 18px !important; margin-right: 10px !important; border: 2px solid #bebebe !important;}





.incbox { float: left; text-align: center; width: auto !Important; padding: 5px; margin-right: 10px; font-size: 11px; color: #000; }

.dropbuton .dropdown-item{border-radius: 5px !important; border: 0px !important; padding-left: 10px !important; margin-top: 0px !important;}

.dropbuton .dropdown-menu.show{    padding: 5px !important;}

.itemlist .blackbox{margin-bottom: 0px !important; margin-left: 10px !important;}

.hotelfilter .card{background-color:transparent !important; border:0px !important;}

.filtersidebar .card{margin-top:0px !important; margin-bottom:10px !important;}

.hotelfilter  .card-header { background-color: transparent !important; font-weight: 600; font-size: 15px !important;  font-weight: 700 !important;  padding: 0px !important;  border: 0px !important;  margin-top: 20px !important;  margin-bottom: 0px !important;  }

.hotelfilter .card-body{background-color: #ffffff87; border-radius: 5px; margin-top: 10px;}

.hotelfilter label { display: inline-block; width: 100%; margin: 5px 0px; font-weight: 600; font-size: 13px; color: #6b6b6b; line-height:16px; }

.hotelfilter label checkbox{width: 18px !important;  height: 18px !important;  float: left; margin-right: 5px !important; }

.filtersidebar .ui-widget-content { border: 0px solid #aaaaaa !important; color: #222222 !important; height: 4px !important; }

.filtersidebar .ui-slider-horizontal .ui-slider-handle { top: -6px !important; }

.filtersidebar #amountfilter{background-color:transparent !important;}



/* mynewcss */

.mshow{display: none;}

.newinputbookrow .mobileforncol{padding-right: 0px !important;padding-left: 7px !important;}

.newinputbookrow .input-group>.form-control{height: 37px !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;}

.pricelistflight  .blackbox{margin-bottom: 0px !important; margin-left:0px !important;}





#steptwopassengerdetails{display:block;}

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



.arranddep .custom-control-label {   color: #212529 !important;  }

.form-check-label {   color: #212529 !important; font-weight: 500; }

.form-check-label .graytextlable{color:#999999;}

.form-check-label .graytextlable span{position: absolute; right: 15px;}



@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: #212529; 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;

}

.hoteltableborder{

    border: 1px solid var(--lightgray) !important;

}

.hoteltableborder table tr td{

    border-right: 1px solid var(--lightgray) !important;

}



.hoteltableborder table tr td:hover { background-color: var(--lowblue) !important; }

#basicDropdownClickstar { box-shadow: 2px 2px 10px #00000045 !important; max-width: 190px; width: 460px; padding: 10px; left: 0px; display: none; }

#basicDropdownClickstar label { width: 100%; display: block; padding-bottom: 3px; font-size: 13px; padding-top: 5px; padding-left: 4px; }

#basicDropdownClick{max-width:470px !important;box-shadow: 2px 2px 10px #00000045 !important;}

.roomguestblockdiv { float: left; width: auto; padding-left: 0px; padding-right: 2px; font-size: 12px; }

.roomguestblockdiv .addroombtn { margin-top: 20px; cursor: pointer; background-color: #e52b30; padding: 10px 11px; color: #fff; border-radius: 2px; font-size: 12px; margin-left: 2px; border-radius: 40px; }

#basicDropdownClick .form-control { min-width: 60px; }



.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: flex !important;

    justify-content: space-between !important;

    align-items: center !important; 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;  text-align: center; padding: 0px; background-color:var(--blue); color:var(--white); border-radius:6px; margin-right: 5px;    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

} 

#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:first-child{display: flex !important;justify-content: space-between !important;align-items: center !important;}

#header #rightmenu .btn span:first-child{display: flex !important;justify-content: center !important;align-items: center !important;}

#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; }







.flightloadingshadow .shbox1 {

  width: 32px;

  height: 32px;

  background-color: #f6f7f8;

  float: left;

  margin-right: 10px;

  animation-duration: 6s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%);

  background-size: 100% 34px;

}



.flightloadingshadow .shbox2 {

  width: 60px;

  height: 14px;

  background-color: #f6f7f8;

  float: left;

  margin-bottom: 5px;

  animation-duration: 6s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%);

  background-size: 100% 34px;

}



.flightloadingshadow .shbox3 {

  width: 80%;

  height: 14px;

  background-color: #f6f7f8;

  float: left;

  margin-bottom: 5px;

  animation-duration: 6s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%);

  background-size: 100% 34px;

}



.flightloadingshadow .shbox4 {

  width: 100%;

  height: 28px;

  background-color: #f6f7f8;

  float: left;

  margin: 20px 0px;

  animation-duration: 6s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%);

  background-size: 100% 34px;

}



.flightloadingshadow .shbox5 {

  width: 45%;

  height: 20px;

  background-color: #f6f7f8;

  float: left;

  margin-bottom: 5px;

  animation-duration: 6s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%);

  background-size: 100% 34px;

}



.flightloadingshadow .shbox6 {

  width: 100%;

  height: 14px;

  background-color: #f6f7f8;

  float: left;

  margin-bottom: 5px;

  animation-duration: 6s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%);

  background-size: 100% 34px;

}



.flightloadingshadow .shbox7 {

  width: 100%;

  height: 14px;

  background-color: #f6f7f8;

  float: left;

  margin-bottom: 20px;

  animation-duration: 6s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%);

  background-size: 100% 34px;

}



.flightloadingshadow .shbox8 {

  width: 100%;

  height: 34px;

  background-color: #f6f7f8;

  float: left;

  margin-bottom: 20px;

  animation-duration: 6s;

  animation-fill-mode: forwards;

  animation-iteration-count: infinite;

  animation-name: placeHolderShimmer;

  animation-timing-function: linear;

  background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%);

  background-size: 100% 34px;

}





@keyframes placeHolderShimmer {

  0% {

    background-position: -500px 0

  }



  100% {

    background-position: 500px 0

  }

}







/* .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;

	padding-bottom:2px;

}

.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: 600;

    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: 0px; margin-bottom: 10px; }

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

	font-weight:600;

	    font-size: 12px;

}

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

	margin-bottom:70px;

}

.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: 204px; height: 164px; margin: 6px 0px; }

.hotelimg img{

    width: 100%;

    height: 100%;

    border-radius: 8px;

}

.reviewsection{

    margin: 5px 0px;

}

.threeblue { background-color: var(--blue); width: auto; text-align: center; color: var(--white); border-radius: 8px; border-top-right-radius: 0px; margin-bottom: 0px; padding: 2px 5px; font-size:11px; font-weight:600; }

.threereview{

    font-size: 12px;

    color: var(--textgray);

    margin-bottom: 0px;

}



.hotelbookrow .bookbtn h4 { font-size: 26px !important; margin-bottom: 5px !important;}

.hotelbookrow .blackbox h5 { padding-left: 0px !important;  }



.hotelbookrow .col-lg-3 { border-left: 0px !important; background-color: #f3f7fa94; margin: 0px; padding-top: 6%; }

.Deluxe h6{

    color: var(--greencolor);

    margin: 5px 0px;

}

.Deluxe { margin-top: 5px; background-color: var(--greyouter); width: 100%; padding: 5px 5px; overflow: hidden; }

.Deluxe .tbl { float: left; padding: 3px 5px; background-color: #FFFFFF; margin: 3px; font-size: 11px; font-weight: 600; }





.hoteltext{

    margin: 10px 0px;

	width:68%;

}

.reviewsection p{

    margin-bottom: 0px;

}

.relocation{

    margin: 5px 0px;

}

.Deluxe i{

    color: var(--textgray);

    font-size: 12px;

}

.hotelbookrow { padding: 0px 0px; margin-top: 0px; margin-bottom:20px; margin-left: 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);

    border-bottom: 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){



.bookrow .col-3{padding-right: 10px !important; padding-left: 10px !important; width:100% !important;}
.bookrow .col-3{padding-right: 10px !important; padding-left: 10px !important; width:100% !important;}

.mshow{display: unset;}

.dashboardboxes{display: flex;justify-content: center;gap: 10px;padding: 12px;background-color: aliceblue;}

.dashboardboxes a{background-color: var(--blue);color: var(--white);display: inline-block;padding: 9px 2px;width: 18%;text-align: center;border-radius: 8px;box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}

.dashboardboxes  a i{display: flow-root;text-align: center;font-size: 21px;margin-bottom: 5px;}

.dashboardboxes  a h6{font-size: 13px;font-weight: 700;}

.tableborder table tr td:first-child{border-left: unset;}

.flightsearchwihite .searchboxouter table tr td .fa-calendar{right: 27px;top: 17px;font-size: 20px;}

.phonecalendar{padding: 10px !important;}

.boxselectpax .paxbx{padding: 15px 12px !important;}

.phnonetraveltext{margin: 20px 0px !important;}

.fullwidth{width: 100% !important;}

.searchhistory{display: none !important;}

.economybutton{margin-top: 20px !important;}

.modal.show .modal-dialog{width: unset !important;}

#popcontent{padding: 0px;}

.phonenewsearchouter{overflow: auto !important;white-space: nowrap !important;margin-top: 30px;}

.hotel-pills{margin-top: 0px !important;}

.cardresult{width: 100% !important;}

.changeflightbox .chin table tr td{padding: 0px 6px !important;}

.changeflightbox .chin{overflow: auto;white-space: nowrap;padding-left: 0px;} 

.pricelistflight tr{display: grid;grid-template-columns: 33% 33% 33%;white-space: nowrap;}

.pricelistflight tr td:nth-child(4){margin-top: 25px;text-align: left;}

.pricelistflight tr td:nth-child(5){margin-top: 13px;}

.loadmoreprice .pricelistflight .buttonbook{width: unset !important;margin-top: 13px;}

.bookimg h6{font-size: 12px;}

.bookdetail h6{font-size: 12px;}

.graysmalltext{font-size: 12px !important;}

.detailsboxtabs{overflow: auto !important;white-space: nowrap !important;display: inline-flex !important;padding-left: 0px;}

.mobilefilterbtn{background-color:var(--darkgray);width: 40px;height: 40px;line-height: 40px;color: var(--white);position: fixed;bottom: 0px;left: 0px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}

.roomone .col-lg-2, .col-lg-4{padding-right: 13px !important;}

.multiflightbox .col-3,.col-9{width: 100% !important;}

.multiflightbox .col-9{margin-top: 15px !important;}

.hotellocation{text-align: left !important;}

#basicDropdownClick{width: 208% !important;}

#basicDropdownClick .form-control{margin-top: 18px !important;}

.romonecalendar{margin-top: 35px !important;}



.newinputbookrow button{margin-left: 0px !important;margin-top: 2px !important;}

.newinputbookrow .col-xl-3,.col-xl-6{padding-left: 0px !important;padding-right: 0px !important;}

.newinputbookrow .input-group{margin-bottom: 7px !important;}

#basicDropdownClickstar label{display: flex !important;gap: 40px !important;align-items: center;}

#header #rightmenu .btn:first-child{display: none !important;}

.searchflighttableborder .flightsearchtable tr td:nth-child(5){width: 93.5% !important;}

.searchflighttableborder .flightsearchtable tr td{border: 1px solid var(--blue) !important;}







/* .flightreviewbox{ width: 170px;}

.sttable{overflow: auto; white-space: nowrap; width: 100%; display: block;} */

/* .flightreview .steptable{overflow: auto !important;width: 100%;white-space: nowrap;display: block !important;} */

    









.logintable  tr td{

        display: block;

        width: 100%;

    }

    .loginform{

        padding:20px;

        

    }

    #loginouter {

        position: static;

        max-width: 1200px;

        height: 600px;

        margin: auto;

        margin-top:0px !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.7% !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.9% !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: 12px;

        height: 35px;

        width: 35px;

        line-height: 33px;

    }

   .messagesection {

    margin-top: 130px;

    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: 95% !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: 95.7%% !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: 13px 0px !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: 10px;

}

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