@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
  @apply leading-[normal] m-0;
}
*,
::before,
::after {
  border-width: 0;
}


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

body,button,p,a,h1,h2,h3,h4,h5,h6,input,span, label,form, input, select{
    font-family: "Montserrat", sans-serif;

}
*{
    box-sizing:border-box;
    margin: 0;
}
.container{
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
.d-flex{
    display: flex;
}
.align-items-center {
    align-items: center;
}
.justify-space-between{
    justify-content: space-between;
}

header.header {
    padding: 20px 0;
}


.sitelogo {
    width: 20%;
}
.header_right{
    width: 20%;
}
.header nav {
    width: 60%;
}
.list-unstyled{
    list-style: none;
}
.menu li a {
    color: #363636;
    font-size: 14px;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 600;
}
.menu li a:hover{
    color: #3742FA;
}
.menu {
    justify-content: end;
}
.p0{
 
    padding: 0;
}
.m0{
    margin: 0;
}
.login{
    margin-left: 15px;
}
/* button  css */
.bgpurlebtn{
    background: linear-gradient(90deg, hsla(237, 80%, 41%, 1) 0%, hsla(236, 100%, 71%, 1) 92%, hsla(236, 100%, 71%, 1) 100%);
    border: 0;
    padding: 16px 35px;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
}
.btnboredr{
    border: 2px solid #3742FA;
    border-radius: 8px;
    color: #3742FA;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 25px;
    background-color: transparent;

}
hr.solid {
    border-top:1px solid #DADCDF;
  }
.bgpurlebtn.login img {
    width: 15px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

ul.stops li {
    padding: 10px 0;
}
#menu-toggle {
    display: none;
  }
  .menu-icon {
    display: none;
}
.mainflightsbook .numberone {
    position: relative;
}
.mainflightsbook .numbertwo {
    padding-left: 40px;
}
.refrsh {
    position: absolute;
    top: 20px;
}
#menu-toggle:checked ~ .menu {
    transform: scale(1, 1);
    padding: 20px 0;
}
.numberfive p.fs-12 {
    margin-bottom: 5px;
}



.mb20{
    margin-bottom: 20px;
}
.mainflightsbook input:focus{
    outline: 0  !important;
}
.mainflightsbook input ,.hotelbook input{
    width: 100%;
    color: #000000 !important;
    font-size: 18px;
    font-weight: bold;
    border: 0 !important;
    text-align: left;
}
.mainflightsbook input::placeholder{
    color: #000;
}
.travelcardcontnt p {
    color: #171717 !important;
    font-weight: 600;
}
.mx-700{
    max-width: 700px;
}
.numberone, .numberfive, .numbertwo {
    width: 20%;
    padding: 20px 20px;
    border-right: 1.5px solid #DADCDF;
}
.numbersix,.numberfou,.numberthree{
    width: 13.33%;
    border-right: 1.5px solid #DADCDF;
    padding: 20px 20px;

}
.justify-content-space-between{
    justify-content: space-between;
}
.color3742FA{
    color:#3742FA !important;
}
.colorFF4D4D{
    color: #FF4D4D !important;
}
#completed .upcominghotelboxestworow {
    padding: 20px 40px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    margin: 0 20px;
}
.refundproces {
    padding: 10px 30px;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
}
#Unsuccessful .upcominghotelboxes {
    margin: 20px 0;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
    margin-bottom: 0;
    justify-content: space-between;
}
.serachicon {
    position: absolute;
    top: 13px;
    left: 10px;
    width: 15px;
}
.lugageinfo span {
    font-size: 12px;
}
.filtsrboxs input[type='range']::-webkit-slider-thumb {
    width: 6px;
    -webkit-appearance: none;
    height: 12px;
    background: black;
    border-radius: 2px;
  }
.relative {
    position: relative;
}
.w-full {
    width: 100%;
}
.max-w-full {
    max-width: 100%;
}
.absolute {
    position: absolute;
}
.h-0 {
    height: 0;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
input#price-max {
    height: 4px;
    background: #3742FA;
    border-color: #3742FA;
    z-index: 1;
}
.outline-none {
    outline: none;
}
.rounded-30 {
    border-radius: 30px;
}
.h-px {
    height: 1px;
}
.border-b {
    border-bottom: 1px solid #ccc;
}
.border-tertiary {
    border-color: #999;
}

.text-selection {
    background-color: #3742FA;
}
#price-max-label,#price-min-label{
    color: #555555;
    font-size: 12px;
}
.mt-50{
    margin-top: 50px;
}
.numbersix{
    border: 0 !important;
}
.mainflightsbook.mulitcity {
    margin-bottom: 20px;
}
.mainflightsbook label,.hotelbook label {
    margin-bottom: 5px;
    display: block;
    color: #555555;
    font-size: 12px;
    font-weight: 600;
}
.mainflightsbook,.hotelbook {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 0px 0px;
}
ul.breadcrumb {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    max-width: max-content;
    padding: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.mainflightsbook button ,.hotelbook button{
    background: linear-gradient(90deg, hsla(237, 80%, 41%, 1) 0%, hsla(236, 100%, 71%, 1) 92%, hsla(236, 100%, 71%, 1) 100%);
    padding: 14px 20px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    width: 100%;
    font-weight: 600;
}

.airlinerow {
    font-size: 12px;
    color: #555555;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.mt20{
    margin-top: 20px;
}
.pb10{
    padding-bottom: 10px;
}

.flexirow{
    background-image: url("../public/public/assets/images/common/linarrwo.png");
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 10px 0 20px;
}
.airlinerow > div {
    display: flex;
    align-items: center;
}
.airlinerow > div img,.airlinerow > div input {
    margin-right: 5px;
}
.departurecards .departurepara {
    padding: 5px 0;
}
ul.stops {
    margin-bottom: 20px;
}
.saver {
    border-radius: 3px;
    background: #11A670;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    max-width: 100px;
}
.airrow {
    padding-left: 10px;
}
.detailsrow {
    align-items: center;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.detailsinner input {
    margin-right: 5px;
}
.selctshare {
    margin-bottom: 10px;
}
.fs-10{
    font-size: 10px;
}
.showreultrow {
    margin-bottom: 20px;
}
.departing {
    background: linear-gradient(90deg, hsla(237, 80%, 41%, 1) 0%, hsla(236, 100%, 71%, 1) 92%, hsla(236, 100%, 71%, 1) 100%);
    padding: 20px;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: url('../public/public/assets/images/common/imageone.png');
    position: relative;
    z-index: 1;
}
.departing:after {
    left: 0;
    background: linear-gradient(90deg, hsla(237, 80%, 41%, 1) 0%, hsla(236, 100%, 71%, 1) 92%, hsla(236, 100%, 71%, 1) 100%);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.departing p {
    position: relative;
    z-index: 1;
}

.airlineTruncate {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.detailsinner img {
    margin: 0 5px;
}
.timemaininfo{
    padding: 30px 20px;
    border-right: 1px solid #DADCDF;
}
.airindiasec {
    width: 20%;
    padding: 30px 20px;
    border-right: 1px solid #DADCDF;
}
.timeTileListmid {
    padding: 0 20px;
}
.airindiasec img {
    width: 54px;
    height: auto;
    object-fit: contain;
}
.flightinfo li:nth-child(1) {
    background: #3742FA;
    padding: 10px 20px;
    color: #Fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
border-bottom-left-radius: 10px;

}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 24px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: -2px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.lastflight ul li:hover{
    background-color: #3742FA;
    color: #Fff;
}
  input:checked + .slider {
    background-color: #3742FA;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #3742FA;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  .slider.round {
    border-radius: 34px;
    width: 45px;
    height: 24px;
}
  
  .slider.round:before {
    border-radius: 50%;
  }
.flightinfo li:nth-child(2) {
    background: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.lastflight ul {
    justify-content: end;
}
.lastflight ul li:nth-child(1) {
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 15px 15px;
    display: flex;
    align-items: center;
}
.lastflight ul li:nth-child(2) {
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 15px 15px;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.flightinfo img,.scondflight img {
    margin-right: 5px;
}
.flightinfo {
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    max-width: fit-content;
}
.fliights {
    margin-bottom: 20px;
}
.timemaininfo.d-flex,.detailslastrow{
    width: 40%;
    align-items: center;
}
.firstflight {
    width: 20%;
}
.scondflight {
    width: 35%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
}
.lastflight{
    width: 40%;
}
.departurecards .card:hover {
    background: #F8F8FF;
}
.timeTileList h5 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: 100%;
}
.flexi {
    border-radius: 3px;
    background: #FF9D00;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    width: 50px !important;
    margin-left: 35px;
    display: inline-block;
}
.detailslastrow {
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    padding: 30px 20px;
}
.mt-20{
    margin-top: 20px;
}
.seats {
    color: #FF9D00;
    font-size: 12px;
    font-weight: 600;
}
.mealscard img {
    width: 40px;
}
.seatmeals .mealslist  li {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.timeTileListmid p.fs-12 {
    font-size: 12px;
    color: #555555;
}
.seatmeals .mealslist {
    margin-bottom: 20px;
    border-bottom: 1px solid #DADCDF;
}
.pincodearea,.specilarqust {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.seatmeals .mealslist li img {
    width: 20px;
}
.mealscard {
    margin-bottom: 20px;
}
ul.variety {
    padding: 20px 0 40px;
}
ul.variety li a {
    padding: 10px 20px;
    border: 1px solid #DADCDF;
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
    color: #171717;
    font-weight: 600;
    width: 100px;
    display: inline-block;
    text-align: center;
}
ul.variety li a:hover{
    color: #fff;
    background-color: #3742FA;
}
ul.breadcrumb li ,.stops li,.fair li{
    color: #555555;
    font-size: 12px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    font-weight: 600;
}
.mealsbtn.active {
    border-bottom: 4px solid #3742FA !important;
    padding: 20px 30px !important;
}
.seatmeals .mealslist li button {
    background:transparent;
    font-size: 16px;
    border: 0;
    font-weight: 600;
    cursor: pointer;
}
#meals {
    display: none;
}
.seatmeals .mealslist li:first-child {
    padding-left: 0px;
}
.contentmeals {
    width: 95%;
    position: relative;
    padding-left: 10px;
}
.contentmeals a {
    position: absolute;
    right: 0;
    top: 10px;
    color: #3742FA;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #DADCDF;
    padding: 10px 30px;
    border-radius: 8px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 8%);
}
.seatmeals {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.text-center{
    text-align: center;
}
.fair li{
    padding: 0 0 15px;
}
.flex-wrap{
    flex-wrap: wrap;
}
.fair li{
    width: 50%;
}
ul.breadcrumb input ,.stops input,.fair input{
    margin-right: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mt-10{
    margin-top: 10px;
}
.color555555{
color: #555555;
font-weight:500;
}
.departurecards .card {
    width: 48%;
    border-radius: 10px;
    border: 1px solid #DADCDF;
    padding: 20px 10px;
    text-align: center;
}
.resultsrow {
    padding-top: 30px;
}

.fs-14{
    font-size: 14px;
}
.filtsrboxs {
    padding: 20px;
}
#filterinfobox {
    background: #F6FAFF;
    padding: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.font-weightbold{
font-weight: bold;
}
.font-weight600{
    font-weight: 600;
}
.filter {
    width: 22%;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.fs-12  {
    font-size: 12px;
}
.filterbox li {
    font-size: 12px;
    display: flex;
    align-items: center;
}
.filterbox li img{
    margin-right: 5px;
}
.color3742FA{
    color: #3742FA;
}

.searchresult{
    width: 78%; 
    padding-left: 30px;
}
.colorFF4D4D{
    color: #FF4D4D;
}
.reset {
    color: #3742FA;
    font-weight: 600;
}
.timeTileListmid img.planenlue {
    padding: 5px 0;
}
ul.showresult li {
    padding: 0 20px;
    display: flex;
    align-items: center;
}
ul.showresult li img{
    margin-left: 5px;
}
ul.shareby li{
    padding-right:  15px;
}
ul.showresult {
    width:83%;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 12px 15px;
}
ul.showresult li:first-child {
    padding-left: 0;
}
ul.shareby{
    margin-left: 20px;
    width:17%;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 12px 15px;
}


/* booking meals css */
.trvaelinner {
    justify-content: center;
    border: 1px solid #DADCDF;
    border-radius: 15px;
    padding: 10px;
}
.travelcardcontnt {
    padding-left: 10px;
}
.fs-20{
    font-size: 20px;
}
.fs-24{
    font-size: 24px;
}
.lugageinfo a {
    position: absolute;
    right: 20px;
    text-decoration: none;
    font-weight: 600;
}
.lugageinfo li {
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.lugageinfo li  img{
    padding-right: 10px;
}

.ticketcard{
    position: relative;
}

.left_date {
    font-size: 12px;
    position: absolute;
    top: 20px;
    left: 260px;
    text-align: left;
}
.right_date{
    font-size: 12px;
    position: absolute;
    top: 20px;
    right: 260px;
    text-align: left;
}


.ticketcard {
    padding: 20px;
}
.lugageinfo {
    font-size: 14px;
    position: relative;
    padding: 20px;
    border-top: 1px solid #DADCDF;
    border-bottom: 1px solid #DADCDF;
}
.tieckcolfrst,.tieckcolthrd {
    width: 30%;
}
.tieckcolthrd{
    text-align: right;
}
.tieckcolscnd img.planenlue {
    width: 100%;
    transform: scale(1.5);
    padding:  10px 0;
}
.ticketmain {
    border: 1px solid #DADCDF;
    border-radius: 20px;
    margin-top: 20px;
}
.tieckcolscnd{
    width: 40%;
    text-align: center;
}
.reviewinlftcancel ul li {
    margin-bottom: 10px;
}
.travlerdetails {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-right: 20px;
}
.price {
    color: #171717;
    position: absolute;
    right: 0;
    font-weight: bold;
}
.width100{
    width: 100%;
}
ul.summarycard .sumry {
    position: absolute;
    right: 0;
} 
.text-white{
    color: #fff;
}

.fs-16{
    font-size: 16px;
}
ul.summarycard li img {
    margin-right: 10px;
}
ul.summarycard li {
    position: relative;
    border-bottom: 1px solid #DADCDF;
    padding: 15px 0;
}
.discountpara {
    padding-left: 30px;
    margin-top: 10px;
}
.loginmenu select {
    border: 0 !important;
    background: transparent;
    font-weight: 600;
}


.relative{
    position: relative;
}
.coupencards label {
    color: #171717;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}
.coupencards {
    border: 2px dashed #DADCDF;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}
form.coupenfrm button {
    position: absolute;
    right: 15px;
    top: 20px;
    border: 0;
    color: #3742FA;
    font-weight: bold;
    background: transparent;
}
.travelinsurance {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
form.coupenfrm{
    position: relative;
}
form.coupenfrm input {
    width: 100%;
    border: 1px solid #DADCDF;
    border-radius: 10px;
    padding: 20px;
    color: #B6B8BA;
}
.revieinrght,.revieinrghtcoupens{

    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
}
.reviewrightblok{
    width: 30%;
}
.reviewleftblokinner{
    width: 70%;
}
form.travlerform .row.checkmark input ,.pincodearea  .row.checkmark input{
    width: auto !important;
}
form.travlerform .row.checkmark label ,.pincodearea .row.checkmark label{
    width: auto !important;
    display: inline-block;
}
.reviewinlft,.reviewinlftcancel {
  
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
form.travlerform {
    padding: 30px 0 20px;
}
.dateinfo {
    max-width: 300px;
}
form.travlerform label,.pincodearea label{
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
    display: block;
}

.d-grid{
    display: grid;
}
form.travlerform .row,.pincodearea .row {
  margin-bottom: 20px;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
form.travlerform input,form.travlerform select,.pincodearea input,.pincodearea select{
 border:  1px solid #DADCDF;
 border-radius: 10px;
 padding: 12px;
 box-shadow: none !important;
 width: 100%;
}

.loginmenu ul li:last-child .topheaderlsit {
    background: #F0EDFA;
    padding: 7px 10px;
    border-radius: 30px;
}
.loginmenu ul li:last-child{
    padding-right: 0 !important;
    border: 0 !important;
}
.loginmenu ul li {
    border-right: 1px solid #DADCDF;
    padding: 10px 30px;
}
.font-weight500{
    font-weight: 500;
}
.loginmenu {
    width: 80%;
}
.loginmenu  ul{
    justify-content: flex-end !important;
}
.loginmenu ul li .topheaderlsit{
    align-items: center;
    cursor: pointer;
}
.loginmenu ul  span.abc {
    display: block;
    background: #3742FA;
    color: #Fff;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.topbar {
    background: #3742FA;
    padding: 10px;
    text-align: center;
}
/* dashboard css */
ul.dashbordlist li span {
    display: block;
    margin-bottom: 5px;
}
.dshthree li {
    position: relative;
    padding-left: 20px;
}
body.dashboard p.reset.amntiess {
    font-size: 14px;
    padding-left: 0;
}
.bookhotel td {
    color: #555;
    padding: 10px ! IMPORTANT;
}
.bookhotel th {
    color: #171717;
    padding: 10px ! IMPORTANT;
}
.dashboxes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.dashsmallimg {
    margin-right: 10px;
}
.dashbordthreeineer,.dashbordfourineer{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.bookhotel td, .bookhotel th {
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #DADCDF;
}
.dshthree{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 70%;
}
.width100{
    width: 100%;
}
.chrtimg {
    width: 30%;
}
.dshthree li:nth-child(1):before {
    content: "";
    background: #FFE5DB;
    width: 8px;
    height: 50px;
    position: absolute;
    left: 0;
}

.dshthree li:nth-child(2):before {
    content: "";
    background: #FF8A8A;
    width: 8px;
    height: 50px;
    position: absolute;
    left: 0;
}
.dshthree li:nth-child(3):before {
    content: "";
    background: #3742FA;
    width: 8px;
    height: 50px;
    position: absolute;
    left: 0;
}
.dshthree li:nth-child(4):before {
    content: "";
    background: #00B2FE;
    width: 8px;
    height: 50px;
    position: absolute;
    left: 0;
}
.dshthree li:nth-child(5):before {
    content: "";
    background: #FFD200;
    width: 8px;
    height: 50px;
    position: absolute;
    left: 0;
}
.dshthree span {
    font-size: 12px;
    font-weight: 600;
    color: #555555;
    display: block;
    margin-bottom: 10px;
}
.dshthree li p {
    font-size: 18px;
    font-weight: 600;
    color: #171717;
}
.dashbordthreeineer >div,.dashbordfourineer >div{
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
}
.dsahbord >p {
    font-size: 32px;
    font-weight: bold;
}
.dsahbordcard span {
    font-size: 14px;
    color: #555555;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
.dsahbordcard {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
}
.dsahbordcard p {
    font-size: 24px;
    font-weight: bold;
    color: #171717;
}
ul.dashbordlist li span {
    font-size: 12px;
    color: #555555;
}
ul.dashbordlist li p {
    font-size: 15px;
    color: #171717;
    font-weight: bold;
    text-transform: uppercase;
}
.dsahbord {
    justify-content: space-between;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
}
ul.dashbordlist {
    border: 1px solid #E8E9EB;
    border-radius: 10px;
}
ul.dashbordlist li {
    border-right: 1px solid #E8E9EB;
    padding: 15px 20px;

}
/*booking confirmed css */
.airindiaconct {
    padding: 20px;
}
.breadcrumbmainbooking {
    background: #000533;
    padding: 40px 0 70px;
}
.text-white{
    color: #fff;
}
ul.contactinfrmation li img {
    margin-right: 10px;
    width: 20px;
}
.editimg {
    border: 1px solid #3742FA;
    padding: 10px;
    border-radius: 5px;
    width: 70px;
}
.color11A670{
    color: #11A670 !important;
}
.leftbookking .leftbookin .contctpara {
    padding: 0px 20px 40px;
}
.tiecktbook, ul.contactinfrmation {
    padding: 0 20px;
}
ul.contactinfrmation li  {
    margin-bottom: 10px;
    font-size: 14px;
}
.leftbookin.cancel h1 {
    padding: 0 !important;
    border: 0 !important;
}
.rghtbookinamnt .airindiaconct.mb20 {
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
    padding: 10px 20px;
    border-radius: 0 !important;
}
.rghtbookinamnt ul.summarycard li{
    border: 0 !important;
}
.colorD2A42E{
    color: #D2A42E;
}
ul.contactinfrmation li {
    color: #171717;
    display: flex;
    align-items: center;
    font-weight: 600;
}
.rightbookking ul.summarycard .sumry {
    color: #171717;
    font-weight: bold;
}
.airindiasecnew {
    width: 20%;
    padding: 30px 20px;
}
.panel .lugageinfo span {
    font-size: 14px;
    color: #FF4C4C;
    font-weight: bold;
}
.lugageinfo.deailnt {
    border-top: 0;
    padding: 0 20px 20px;
}
.pt10{
    padding-top: 10px;
}
.locationveiew {
    font-size: 12px;
    color: #3742FA;
    font-weight: 600;
}
.leftbookin.mb20 button {
    background: transparent;
    border: 0;
    color: #171717;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 20px;
    border-left: 3px solid #C4C4C4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* display: block; */
    width: 100%;
}
.breadcrumbmainbooking ul.breadcrumb li:first-child select {
    background: transparent;
    color: #fff;
    border: 0;
}
.breadcrumbmainbooking ul.breadcrumb li:first-child select:focus{
    border: 0;
}
.leftbookin button.accordion.active img {
    transform: rotate(180deg);
}
.layover {
    border-top: 1.5px dashed #A9A9A9;
    border-bottom: 1.5px dashed #A9A9A9;
    padding: 20px;
    margin: 0 20px;
}
.trevalerinfo table td, .trevalerinfo table th {
    padding: 10px 20px;
}
.trevalerinfo {
    background: #F2F0FA;
    padding: 20px;
    border-radius: 10px;
    margin: 0 20px;
    text-align: left;
    margin-bottom: 30px;
}
.trevalerinfo table img {
    width: 20px;
    position: relative;
    top: 2px;
    right: 5px;
}
.panel .timemaininfo {
    width: 80% !important;
    border: 0;
}
.leftbookin .panel {

    display: none;
 
}
.leftbookin .panel .panelinner{
    margin: 20px;

    background-color: white;
    border: 1px solid #DADCDF;
    border-radius: 10px;
}
.rghtbookin ul.summarycard li {
    border: 0 !important;
}
.rghtbookinamnt h1 {
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #F0EDFA;
}
.breadcrumbmainbooking ul.breadcrumb li {
    font-size: 14px;
    color: #fff;
}
.leftbookin.cancel {
    padding: 20px  !important;
}
.breadcrumbmainbooking ul.breadcrumb {
    padding: 10px 0 !important;
}
.bgFFEFC6{
    background-color: #FFEFC6 !important;
}
.bookinginrow {
    position: relative;
    top: -37px;
    z-index: 0;
}
.breadcrumbmainbooking ul.breadcrumb li:first-child {
    padding-left: 0;
    border: 1px solid;
    border-radius: 4px;
    padding: 10px;
}
.leftbookking .leftbookin {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-right: 20px;
    padding: 20px 0;
    background-color: #fff;
}
.leftbookking .leftbookin h1 {
    padding: 10px 20px;
    border-left: 3px solid #C4C4C4;
}
.rightbookking{
    width: 30%;
}
.leftbookking{
    width: 70%;
}
.rghtbookin{
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background-color: #fff;
 
}
.text-transformuppercase{
    text-transform: uppercase;
}
.rghtbookin h1,.tiecktbook {
    padding: 20px;
}
.tiecktbook li{
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0 0px 10px 0;

}
.tiecktbook li a{
    text-decoration: none;
}
.tiecktbook li img {
    width: 14px;
    margin-right: 10px;
}


/* Profile css */
.leftdashboard {
    width: 30%;
}
.rightdashboard{
    width: 70%;
}
ul.dashbaordlist li.active {
    border: 1px solid #3742FA;
    border-radius: 5px;
    background: #3742fa0d;
}
.authrimage {
    background: #F9A526;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 50px;
    margin: 0 auto;
}
ul.dashbaordlist li {
    padding:15px;
    font-size: 15px;
    color: #4A4A4A;
    font-weight: bold;
    display: flex;
    align-items: center;
}
ul.dashbaordlist li img {
    margin-right: 10px;
    width: 20px;
}
ul.dashbaordlist li  a{
    text-decoration: none;
    color: #4A4A4A;
}
.dashbaordrow {
    position: relative;
    top: -37px;
    z-index: 0;
}
.dashbaordlist {
    margin-top: 50px;
}
.leftdashboardinner {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-right: 20px;
    padding: 40px;
    text-align: center;
    background-color: #fff;
}
.chngepasword {
    float: right;
    color: #FF664B;
    font-weight: 600;
    position: absolute;
    right: 20px;
}
.rightdashboardinner{
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px 20px;
    background-color: #fff;  
}
.loginpara {
    display: flex;
    align-items: center;
}
.checkinbox .two p {
    border: 1px solid #DADCDF;
    width: max-content;
    padding: 4px 8px;
    border-radius: 12px;
}
.checkinbox .one,.checkinbox .two,.checkinbox .three {
    width: 20%;
}

.lefttrip .checkinbox {
    padding: 15px 0;
}
.checkinbox span.numberchk {
    font-size: 33px;
    color: #171717;
    font-weight: 600;
    padding-right: 5px;
}
.sumryadd {
    color: #3742FA;
    font-size: 14px;
    font-weight: 600;
}
ul.preferncecard li img {
    width: 20px;
    margin: 0 10px;
}
ul.preferncecard li {
    width: 50%;
    float: left;
    font-size: 14px;
}
ul.preferncecard {
flex-wrap: wrap;
}
.w3-red, .w3-hover-red:hover {
    color: #fff !important;
    background-color: #11A670 !important;
    border-radius: 50px;
}
ul.verifylist {
    margin: 30px 0;
}
ul.preferncecard li {
    padding: 20px 0;
    border-bottom: 1px solid #D0D8E1;
}
ul.preferncecard {
    padding: 20px;
}
.prfrnces{
    position: relative;
    padding: 20px 0;
}

.neweit {
    border-left: 3px solid #3742FA;
    padding: 0 20px;
}
.prfrnces .editimg {
    border: 1px solid #3742FA;
    padding: 10px;
    border-radius: 5px;
    width: 70px;
    position: absolute;
    right: 20px;
    top: 25px;
}
.editimg.trvelr{
    width: 90px;
}
.w3-light-grey {
    background: #D9D9D9;
    border-radius: 50px;
}
ul.verifylist {
    background: #F2F0FA;
    padding: 20px;
    border-radius: 15px;
}
ul.verifylist li {
    display: flex;
    align-items: center;
}
ul.verifylist img {
width: 20px;
margin-right: 5px;
}
ul.verifylist li {
    color: #555;
    font-size: 15px;
    font-weight: 600;
}

.profileprogress {
    max-width: 400px;
    margin: 10px 0;
}
.w3-center {
    text-align: center !important;
}
.editproifle {
    position: absolute;
    bottom: 10px;
    right: 62px;
}
.autorprofile {
    position: relative;
}
.resortdetails {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px 0px;
    background-color: #fff;
}
.book {
    border: 1px solid #1720C0;
    padding: 15px 20px;
    margin: 0 20px;
    border-radius: 10px;
    margin-top: 20px;
}
.modelcard {
    padding: 20px;
}
.modelcard img {
    padding-right: 20px;
}
.wecode {
    padding: 20px;
    background: #535ced1f;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 20px;
}
.rightdashboardinner.prfrnces table th, .rightdashboardinner.prfrnces table td {
    width: 20%;
    text-align: left;
    padding: 10px 10px;
    line-height: 1.5em;
}
.rightdashboardinner.prfrnces table th {
    font-size: 12px;
    font-weight: 400;
}
.outstaion {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px 0px;
    background-color: #fff;
}
.bookingdetail td {
    border-bottom: 1px solid #D0D8E1;
}
.bookingdetail table {
    width: 100%;
    padding: 20px 20px 20px 10px;
}
span.greytag {
    color: #171717;
    background: #3742fa1a;
    padding: 3px 8px;
    font-weight: 600;
}
span.yllwtag {
    margin-right: 10px;
    color: #D2A42E;
    border: 1px solid #D2A42E;
    padding: 3px 8px;
    font-weight: 600;

}
.indays {
    color: #3742FA;
    font-size: 12px;
    font-weight: 600;
}
.lefttrip {
    width: 70%;
}
.rghttrip {
    width: 30%;
    text-align: right;
}
.lugageinfovoucher li {
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.lugageinfovoucher li img {
margin-right: 10px;
}
.checkinbox {
    color: #555;
}
.containertime.left .content:before {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #FFD3D4;
    content: "";
    position: absolute;
    left: -14px;
}
.containertimetwo.left .content:before {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #c36c0033;
    content: "";
    position: absolute;
    left: -14px;
}


.containertimethree.left .content:before {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #11a67033;
    content: "";
    position: absolute;
    left: -14px;
}
.leftbookintrip {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px 0;
}
.rightdashboardinner.prfrnces table tr:last-child td {
    border: 0 !important;
}
.lugageinfovoucher li:first-child {
    padding-left: 0;
}
.numberchceking {
    align-items: center;
}
.breakfast {
    color: #11A670;
    font-weight: 600;
}
.leftbookintrip h2 {
    padding: 10px 20px;
    border-left: 3px solid #C4C4C4;
}
span.blutag {
    margin-right: 10px;

    color: #3742FA;
    border: 1px solid #3742FA;
    padding: 3px 8px;
    font-weight: 600;
}
.tripfirst .row .innertrip{
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 30px 20px;
    background-color: #fff;
    position: relative;
    top: -37px;
}
.leftresort {
    width: 60%;
}
.rightresort img {
    margin: 0 5px;
}
.rightresort{
    width: 40%;
}
.leftresort ul li {
    font-size: 18px;
    width: 33%;
    padding-bottom: 10px;
}
.cancelation {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px 0px;
    background-color: #fff;
}
.rightresort .d-flex {
    justify-content: flex-end;
    padding-right: 20px;
}
.leftresort ul{
  flex-wrap: wrap;
  margin-top: 30px;
}
.instapics {
    position: relative;
}

.instapics .overlay {
    position: absolute;
    top: 0;
    right: 0;
    background: #3742FA;
    z-index: 1;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 10px;
}


.timeline {
    position: relative;
padding: 20px 30px;
  }
  
  /* The actual timeline (the vertical ruler) */
  .timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #DCDCDC;
    top: 24px;
    bottom: 0;
    left: 28px;
    margin-left: 0;
    height: 230px;
}
.containertime ,.containertimetwo ,.containertimethree{
    padding: 20px;
    position: relative;
    background-color: inherit;
    width: 70%;
    background: #FFD3D4;
    margin-left: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.checkintime {
    color: #FF4C4C;
    font-size: 18px;
    font-weight: 600;
}
.amndment {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
  /* The circles on the timeline */
  .containertime::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -42px;
    background-color: white;
    border: 4px solid #FF4D4D;
    top: 0px;
    border-radius: 50%;
    z-index: 1;
}
.containertimetwo:after{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -42px;
    background-color: white;
    border: 4px solid #C36C00;
    top: 0px;
    border-radius: 50%;
    z-index: 1;
}
ul.aftretimlimnlist li {
    line-height: 1.4em;
    margin-bottom: 20px;
    font-size: 16px;
}
.containertimethree:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -42px;
    background-color: white;
    border: 4px solid #11A670;
    top: 10px;
    border-radius: 50%;
    z-index: 1;
}
.containertimetwo.left .checkintime{
    color: #C36C00;
}
.containertimethree.left .checkintime {
    color: #11A670;
}
.containertimethree.left {
    background: #11a67033;
}
.containertimetwo.left {
    background: #c36c0033;
}
p.reset.amntiess {
    padding: 20px;
}
form.cabform .first .refrsh {
    position: absolute;
    top: 2px;

}
form.cabform .scnd {
    padding: 10px 40px !important;
}
form.cabform .row {
    background: #F7F7F7;
    border: 1px solid #EAEAEA;
    display: flex;
    align-items: center;
  width: 600px;
  max-width: 100%;
}
form.cabform.d-flex {
    padding: 0 20px ;
}
form.cabform .first {
    border-right: 1px solid #DADCDF;
    position: relative;
}
form.cabform .scnd,form.cabform .first{
    padding: 10px 20px;
}
form.cabform button {
    background: linear-gradient(90deg, hsla(237, 80%, 41%, 1) 0%, hsla(236, 100%, 71%, 1) 92%, hsla(236, 100%, 71%, 1) 100%);
    padding: 20px 20px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    margin-left: 20px;
}
.upcominghotel .tablink.active {
    color: #3742FA;
    border-bottom: 4px solid;
}
form.cabform label {
    display: block;
    color: #555555;
    font-size: 12px;
}
.upcominghotel .tablink.active svg path {
    fill: #3742FA;
}
form.cabform input {
border: 0;
font-size: 14px;
color: #555555;
background-color: transparent;
font-weight: bold;
}
/* upcoming hotel css */

.upcominglist li button {
    color: #171717;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 20px 0px;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
    margin-right: 20px;
}
.upcominglist li img ,.upcominglist li svg{
    margin-right: 10px;
}
.upcominglist {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 20px 0px 0px 40px;
}
.searchinfo {
    border-radius: 10px;
    padding: 12px 20px 15px 30px;
    border: 0;
}
.serachbooking {
    justify-content: space-between;
}
.upcmonighotlinner {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 0px 0px 20px;
    background-color: #fff;
    position: relative;
    top: -40px;
    max-width: 1300px;
}
.serachbooking{
    max-width: 1300px;
}
.upcominglist li a.active {
    color: #3742FA;
}
.upcmingfour .numberchceking {
    justify-content: flex-end;
}
.upcmingone,.upcmingtwo,.upcmingthree {
    width: 15%;
}
.upcmingfour{
    width: 50%;
}
.upcominghotelboxestwo img {
    width: 20px;
}
.zero img {
    width: 20px;
    padding-right: 6px;
}
.upcmingfour p {
    color: #3742FA;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.upcominghotelboxes {
    padding: 40px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    margin: 20px 20px 0;
    border-radius: 4px;
    align-items: center;
}

.backbtn {
    max-width: 1300px;
}
.backbtn  img{
    margin-right: 5px;
}
button.bcttop {
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    font-size: 12px;
    font-weight: 600;
    border: 0;
    padding: 16px 30px;
    color: #3742FA;
    border-radius: 40px;
    float: right;
    display: flex;
    align-items: center;
}
.upcominghotelboxes .upcmingfirst {
    width: 7%;
}
.upcominghotelboxes .upcmingscnd{
    width: 63%;
}
.upcominghotelboxestwo {
    background: #F6FAFF;
    padding: 20px 40px;
    margin: 0 30px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}
.upcmingfirst img {
    background: #3742fa0d;
    padding: 15px;
    border-radius: 50%;
}
.upcmingthird {
    width: 30%;
    text-align: right;
}

.upcominglist  {
    overflow: hidden;
  }
  .upcomingflght {
    background: #F6FAFF;
    border: 0;
    margin: 0 30px;
}
.unscuesfulinfo {
    background: #ffff;
    padding: 30px;
}
  a.resudule {
    font-size: 12px;
    color: #3742FA;
    font-weight: bold;
    margin-left: 20px;
}
a.cancelbtn {
    color: #FF4D4D;
    font-weight: bold;
    font-size: 12px;
}
  /* Style the tab content */
  .tabcontent {
    padding: 6px 12px;
  
  
}
.midletick {
    position: absolute;
    left: 27%;
}
.tags {
    font-size: 12px;
    color: #ED9000;
    background: #FFEDD1;
    padding: 5px 10px;
    border-radius: 5px;
}
.canaceledrow {
    background: #F6FAFF;
    padding: 30px;
    margin: 0 30px;
}
.font-weightbold{
    font-weight: bold;
}
.flghtcancel {
    background: #FFE0E0;
    padding: 10px 20px;
    max-width: 600px;
    margin-top: 15px;
    font-weight: bold;
}
.colorED9000{
    color: #ED9000;
}
.colorFF4D4D{
    color: #FF4D4D;
}
.cancelinner > div {
    width: 25%;
    padding: 0 0px;
}
.contentstayupdate .titlestay {
    display: block;
}
.staynigimg {
    width: 100%;
}
.cardupdate {
    border: 1px solid #DADCDF;
    border-radius: 20px;
    padding: 20px;
}
.contentstayupdate {
    padding: 10px 0;
}
.contentstayupdate  .para {
    font-size: 12px;
    color: #555555;
    line-height: 1.4em;
    max-width: 300px;
}
/* flight search css */

.styacards ,.cardupdates{
    margin: 0 auto !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 27px;
}
.priceinfo {
    font-size: 20px;
    font-weight: bold;
}
.titlestay {
    font-size: 20px;
    font-weight: bold;
    color: #171717;
}
.viewdtails {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #3742FA;
    padding: 10px 0;
    display: inline-block;
}
.viewdtails img{
    margin-left: 3px;
}
.styacards .staynigimg {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.offerupdates {
    padding: 100px 0;
}
.cardstay:hover {
    background: #F8F8FF;
}
.priceinfonght {
    /* position: absolute; */
    text-align: right;
    display: block;
    width: 100%;
    margin-top: -20px;
    font-size: 12px;
}
.dealsec {
    background: #F6FAFF;
    padding: 80px 0;
}
.stayssec h1 ,.offerupdates h1,.bookcab h1,.populardestinations h1,.dealsec h1{
    font-size: 34px;
    font-weight: bold;
    color: #171717;
}
.imagecab {
    width: 30%;
}
.cabcontent h2 {
    padding-bottom: 3px;
}
.cabcards img {
    width: 82px;
    max-width: 100%;
    border-radius: 10px;
    height: 83px;
}

.cabcontent {
    width: 70%;
    padding-left: 10px;
}
.styacards .contentstay {
    padding: 10px 20px;
}
.styacards .cardstay {
    border: 1px solid #DADCDF;
    border-radius: 10px;
    background-color: #fff;
}
.bookcab {
    background: #F6FAFF;
    padding: 70px 0;
}
.cabcards {
    border: 1px solid #DADCDF;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
}
.cabcards img {
    width: 100%;
}
.bookcabrow,.destination {
    margin: 0 auto !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 27px;
}
.destionatncard figure:after {
    content: "";
    position: absolute;
    top: 0;
    background: rgb(0 0 0 / 40%);
    width: 100%;
    height: 60px;
    left: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.populardestinations {
    padding: 80px 0;
}
.destionatncard figure {
position: relative;
}
.contntsrination h2 {
    position: absolute;
    top: 15px;
    left: 0;
    color: #fff;
    z-index: 1;
    width: 100%;
}
.destnyimg{
    width: 100%;
}
.destionatncard {
    border: 1px solid #DADCDF;
    border-radius: 20px;
    position: relative;
}
.contntsrination{
    padding: 20px;
    text-align: center;
}
.bookspce {
    margin: 0 auto !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 27px;
}
.cardstaybook {
    border: 1px solid #DADCDF;
    border-radius: 20px;
 
    padding: 20px;
}
.bookspce .staynigimg {
    width: 100%;
    background: #DEDEDE;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 20px;
}

.flightform input {
    width: 100%;
    border: 0 !important;
  
}
.bookcabspacious {
    padding: 80px 0;
}

.flighbooking label {
    margin-bottom: 5px;
    display: block;
    color: #555555;
    font-size: 12px;
    font-weight: 600;
}
.firsflgt input ,.scndflgt input{
    font-size: 42px;
    font-weight: bold;
    color: #171717 !important;
}
.firsflgt input::placeholder ,.scndflgt input::placeholder,.thrdflg input::placeholder, .forthflgt input::placeholder, .fifthflgt input::placeholder, .sixhflgt input::placeholder{
    color: #171717 !important;

}
.stayssec .viewall {
    float: right;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #3742FA;
    display: inline-block;
}
.thrdflgt input {
    font-size: 18px;
    color: #171717;
    font-weight: 600;
}
.delfht {
    background: #3742FA;
    float: right;
    border-radius: 30px;
    color: #fff;
    padding: 4px 12px;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.flighbooking {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    background: #fff;
    padding: 20px 20px 40px;
    border-radius: 10px;
}
.flighbooking .flightform >div {
    padding: 20px 20px;
    border: 1px solid #DADCDF;
    border-radius: 20px;
}
.scndflgt, .firsflgt {
    width: 30%;
}
.flightform >div {
    margin-right: 10px;
}
.thrdflg, .forthflgt, .fifthflgt, .sixhflgt {
    width: 15%;
}
.thrdflg input, .forthflgt input, .fifthflgt input, .sixhflgt input{
font-size: 18px;
font-weight: bold;
}
.sixhflgt {
    margin-right: 0 !important;
}
.flighbooking ul.breadcrumb {
    box-shadow: none !important;
    padding-left: 0;

    
}
.firsflgt {
    position: relative;
}
.flighbooking .refrsh {
    position: absolute;
    top: 40px;
    right: -30px;
}
.flighbooking button {
    background: linear-gradient(90deg, hsla(237, 80%, 41%, 1) 0%, hsla(236, 100%, 71%, 1) 92%, hsla(236, 100%, 71%, 1) 100%);
    padding: 15px 50px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    /* width: 100%; */
    font-weight: 600;
    float: right;
    margin-top: 15px;
}
.travlerform label input:checked + span {
    background-color: #d6d6e5;
}
.sumryadd a {
    text-decoration: none;
    color: #3742FA;
}
.leftbookintrip ul li {
    margin-bottom: 10px;
}
.flighbooking button  img{
    width: 20px;
}
.stayssec {
    padding: 100px 0 0;
}

.toplist li {
    padding: 0 20px;
}
ul.offerslist {
    margin: 50px 0;
}
.toplist  {
    background-color: #fff;
    max-width: fit-content;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 5px 10px
}
ul.offerslist li {
    border: 1px solid #D2D5DC;
    padding: 10px 20px;
    border-radius: 50px;
    color: #9CA2AD;
    font-size: 16px;
    margin-right: 15px;
}
.anotherfhgt button {
    background: linear-gradient(90deg, hsla(237, 80%, 41%, 1) 0%, hsla(236, 100%, 71%, 1) 92%, hsla(236, 100%, 71%, 1) 100%);
    padding: 14px 40px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
}
.anotherfhgt span {
    display: block;
    width: 100%;
    border: 1px dashed #D4D6D9;
    padding: 10px;
    border-radius: 10px;
    margin-right: 10px;
}
.anotherfhgt {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px 20px;
}
.number {
    float: right;
    background: #3742FA;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
}
.mulitcity .numberfive {
    border-right: 0 !important;
}
.departmumbai p >span {
    padding: 0 10px;
}
.departmumbai {
    background: #fff !important;
    padding: 10px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    margin-top: 10px;
}
.anotherfhgt img {
    width: 20px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.departmumbai p {
    color: #363636;
    font-size: 14px;
    font-weight: 600;
}
.departmumbai a {
    color: #3742FA;
    text-decoration: none;
    font-weight: bold;
}
.sharererow label.fs-10 {
    text-decoration: line-through;
    color: #555555;
}
.numberdepart {
    background: #3742FA;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
}

.gender{
    position: relative;
}
input[type="radio"]:checked:after{
    background-color: #3742FA;
}
.gender input[type="radio"]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    height: 100%;
    top: 0;
    z-index: -1;
    color: #fff;
    border-radius: 10px;
}
.gender label {
    display: flex !important;
    align-items: center;
}
.travlgendr li:first-child span,.travlgendr li:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.travlgendr li:nth-child(2) span,.travlgendr li:nth-child(2) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.travlgendr  input[type="radio"]:checked + label {
    color: #fff;
}
.travlgendr li .gender {
    border: 1px solid #DADCDF;
    padding: 5px 20px;
    display: flex !important;
    align-items: center;
}


/* HOtel search css */
.hotelsearch .fifthflgt {
    width: 21% !important;
}
.logosfooter {
    background: #3742FA;
    border-radius: 20px;
    padding: 50px 100px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    align-items: center;
    justify-items: center;
    position: relative;
    bottom: -70px;
    z-index: 9;
}
.logosfooter img {
    max-width: 160px;
}
.footersec .fourcolumn, .footersec .thirdcolumn, .footersec .secndcolumn {
    width: 23%;
} 
.footersec .firstcolumn {
    width: 37%;
}
.sitefooter {
    background: #1E272E;
    padding: 170px 0 100px;
    position: relative;
    z-index: 1;
    color: #fff;
}
.footersec .firstcolumn p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    max-width: 350px;
    margin: 20px 0;
}
.footersec ul {
    padding: 0;
}
.footersec h2 {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}
.footersec ul li {
    line-height: 1.4em;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.footersec ul li svg ,.footersec ul li img {
 margin-right: 10px;
 max-width: 15px;
}
.footersec  .fourcolumn  ul li img{
 margin-top: 3px;
    }
.footersec  .fourcolumn  ul li{
align-items: flex-start;
}
ul.social li svg {
    height: 16px;
    margin-right: 10px;
}
ul.social li  {
    margin: 0 10px 0 0;
}
.footersec ul li a{
color: #fff;
text-decoration: none;
}
.footersec ul li a{
    display: flex;
    align-items: center;
}
.footersec ul li a:hover {
    color: #3742FA;
}
.footersec ul li a:hover svg path {
    fill: #3742FA;
}
.copyright {
    background: #3742FA;
    padding: 20px 0;
    color: #fff;
    text-align: center;
}

.hotelbook .numberone {
    width: 40% !important;
}
.hotelbook .numbersix,.hotelbook .numberfou, .hotelbook .numberthree{
width: 15%;
}

ul.filtercat li {
    border: 1px solid #C8CBFA;
    border-radius: 40px;
    padding: 14px 20px;
    width: max-content;
    display: flex;
    align-items: center;
    margin: 0px 15px 15px 0;
}

ul.filtercat {
    flex-wrap: wrap;
    padding: 20px;
    background: #F6FAFF;
}
ul.filtercat li span {
    display: flex;
    align-items: center;
    color: #3742FA;
    font-weight: 600;
}
ul.filtercat li img {
    margin-left: 10px;
}
.hotelsearchfiltr .airlinerow > div.pricehotel{
    color: #9E9E9E;
}

.hotelstar li span {
    border: 1px solid #BFBFBF;
    padding: 10px 20px;
    border-radius: 50px;
    color: #555555;
}
.selecrrangehotel input {
    border: 1px solid #BFBFBF;
    width: 33%;
    padding: 12px;
    border-radius: 5px;
}
.hotelshow {
    text-align: right;
    margin-bottom: 20px;
}
.selecrrangehotel button {
    background: #3742FA;
    border-radius: 5px;
    padding: 12px;
    border: 0;
}
.sorthotels .sorthotelfisrtcol {
    width: 70%;
}
.sorthotelscndcol {
    width: 30%;
    margin-left: 20px;
}
.sorthotelfisrtcol ul.showresult {
    width: 100%;
}
.color171717{
    color: #171717;
}
.offerhotelinfo {
    background: linear-gradient(90deg, #FFEFC6 0%, #ffffff 92%);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
        padding: 20px;
}
.sorthotelscndcol input {
    background-image: url("../public/public/assets/images/common/serch.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: top 10px left 15px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 12px 15px 12px 40px;
    width: 100%;
    border: 0;
    color: #9E9E9E;
    font-weight: 600;

}
.limiteofferesc {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.monthplanhotel {
    padding: 20px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.offercoltwi {
    width: 25%;
    text-align: right;
}
.offercol {
    width: 75%;
}
.Propertieshotel .proprtycol{
    width: 30%;
}
.Propertieshotel .proprtycolthree{
width: 25%;
}
.Propertieshotel .proprtycoltwo {
    width: 45%;
    padding: 20px 20px 0 20px;
    position: relative;
}
ul.freeslist li {
    color: #11A670;
    font-size: 14px;
    margin-bottom: 10px;
}
.proprtythreeinner {
    padding: 20px 20px 20px 0;
}
.guranteemoney {
    font-size: 12px;
    color: #956E2D;
    background: #FFF9EB;
    border-radius: 5px;
    padding: 10px;
}
.rooms {
    font-size: 12px;
    color: #FF4D4D;
    border: 1px solid #FFCCCC;
    border-radius: 14px;
    padding: 5px;
    position: absolute;
    right: 20px;
}
.bluerating {
    background: #3742FA;
    border-radius: 5px;
    padding: 8px;
    color: #fff;
}
.proprtythreeinner p {
    line-height: 1.4em;
}
.color11A670{
    color: #11A670;
}
.excelnetpropty {
    color: #3742FA;
    padding: 0 10px;
}
.proprtycol ul.d-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 10px;
}
.proprtycol img {
    width: 100%;
}
.Propertieshotel .proprtycol {
    padding: 20px;
}
.fs-26{
    font-size: 26px;
}
.Propertieshotel .proprtycolthree {
    text-align: right;
    border-left: 1px solid #DADCDF;
}
.Propertieshotel {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 0px;
}
.specialprice {
    background: linear-gradient(90deg, #E1BB61 0%, #956E2D 92% 100%);
    padding: 15px 20px;
    color: #fff;
    border-bottom-right-radius: 20px;
}
ul.restaurenthotel li {
    font-size: 14px;
    margin-right: 15px;
    display: flex;
    align-items: center;
}
.Propertieshotelmain {
    margin-bottom: 20px;
}
ul.restaurenthotel li  img{
   margin-right: 10px;
}
.proprtydicount {
    background: #E5FFF6;
    padding: 20px;

}
.mapview li {
    color: #3742FA !important;
}
.mapview li img{
    margin-right: 10px;
}
.lastflight.hotel ul li:hover {
    background-color: transparent;
    color: #Fff;
}
.hotelbook input::placeholder{
    color: #000;
    font-weight: bold;
}
.proprtydicount  p{
    display: flex;
    align-items: center;
}
.proprtydicount img{
    margin-right: 10px;
}
.hotelroomdetail .rowmainhotel {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.color3742FA{
    color: #3742FA;
}
.roomleft {
    width: 60%;
}
.roomright {
    width: 40%;
    float: right;
    justify-content: flex-end;
}
.roomright h3 {
    margin-right: 20px;
}
.imageshotelright {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    width: 65%;
}
.imageshotelleft {
    width: 35%;
    padding-right: 15px;
}
.imageshotelleft img {
    width: 100%;
    height: 100%;
}
.imageshotelright figure{
    position: relative;

}
.imageshotelright img {
    width: 100%;
    height: 100%;
    border-radius: 20px;

}
.imageshotelright figure:hover::before{
    opacity: 1;
}
.imageshotelright figure:before {
    content: "";
    background: #00000080;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 20px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.hotelfrstbox {
    background: #F6FAFF;
    padding: 20px;
    border-radius: 10px;
    width: 33.33%;
    margin: 0 10px;
}
.justify-content-space-betwwen{
    justify-content: space-between;
}
ul.hptelsmallinfo li {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    padding: 5px 15px 10px 0;
    display: flex;
    align-items: center;
}
.hotelfrstbox .bluerating {
    padding: 3px 8px;

}
.authorinfo img {
    margin-right: 10px;
}
ul.hptelsmallinfo li img {
 width: 15px;
 margin-right: 5px;
}

.textdecorationone{
    text-decoration: none;
}
ul.hptelsmallinfo {
    display: flex;
    flex-wrap: wrap;
    /* margin-right: 10px !important; */
}

.startsavings {
    background: linear-gradient(90deg, #F2F5FE 0%, #FEF5FC 5%,#FEF5FC 9%, #E2F0FF 100%);
    border-radius: 20px;
    padding: 20px;
border: 2px solid #fff;
}
.startsavings  p{
    display: flex;
    align-items: center;
}
ul.hptelsmallinfo li:last-child a {
    position: absolute;
    right: 0;
}
ul.hptelsmallinfo li:last-child {
    width: 100%;
    position: relative;
}
.startsavings img {
    margin-right: 10px;
}
.startsavings a {
    margin-left: 10px;
}
.roomsisttab li button {
    padding: 8px !important;
    font-size: 16px;
    color: #171717;
    font-weight: bold;
    background: transparent;
    border: 0;
    cursor: pointer;
}
.roomsisttab li {
    margin-right: 10px;
}

.colorFF4D4D{
    color: #FF4D4D;
}
.clubroomrghtcol table th {
    padding: 14px 20px;
    background: #F6FAFF;
    font-size: 14px;
}
.clubroomrghtcol table th:last-child {
    text-align: center;
}
.bestprice {
    position: relative;
    left: -35px;
}
.clubroomrghtcol table td {
    border-top: 1px solid #DBDBDB;
    border-collapse: collapse;
    padding: 20px;
    border-right: 1px solid #DBDBDB;
    position: relative;
}
.showroom a svg {
    margin-left: 10px;
}
.roomstabs .rowhotelroom {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.clubroomrghtcol table {
    border: 1px solid #DBDBDB;
    width: 100%;
    text-align: left;
    border-radius: 5px;
}
.justify-content-center{
    justify-content: center;
}
.clubroomrghtcol table .row {
    justify-content: center;
    text-align: center;
}
.clubroomrghtcol table td:last-child {
    border-right: 0;
}
.clubroomleftcol {
    width: 25%;
}
.clubroomrghtcol {
    width: 75%;
}
.roomtbcontnt ul li ,.gustrviewtag ul li{
    background: #F6FAFF;
    border-radius: 5px;
    padding: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #555;

}
.roomsisttab {
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 20px;
}
.roomtbcontnt ul li  span{
    display: flex;
    align-items: center;
}
.roomtbcontnt ul li img,.gustrviewtag ul li img{
    margin-right: 10px;
}
.roomtbcontnthotel {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}

.clubroom li {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-bottom: 10px;
}
.clubroom li img{
    margin-right: 10px;
}
.guestsreview .w3-green {
    background: #3742FA;
    color: #fff;
    border-radius: 30px;
height:15px;
width: 50%;
}
.guestsreview p {
    padding: 0 40px 30px;
}
.guestsreview ul li {
    width: 50%;
    padding: 0 40px;
}
.w3-light-grey{
    border-radius: 30px;
    position: relative;
}
.guestreviewcol{
    width: 20%;
}
.guestsreview{
    width: 50%;
}
.amenities figure:before {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.amenities figure {
    position: relative;
    border-radius: 20px;
    height: 100%;
}
.amenities  div{
    position: relative;
}
.amenities p {
    position: relative;
    color: #fff;
    text-align: center;
    margin-top: -35px;
}

.amenities figure  img{
height: 100%;
}
.clenliness {
    position: absolute;
    top: -25px;
    font-weight: bold;
}
.numberprogress {
    position: absolute;
    right: 0;
    top: -24px;
    font-size: 16px;
    color: #3742FA;
    font-weight: 600;
}
.guestreviewcol img {
    margin-left: 10px;
    position: relative;
    top: 4px;
}
.hotelbooking_popup .dropdown::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url(../images/common/dropdown.png) no-repeat center center;
    background-size: 11px;
    pointer-events: none;
    background-position: bottom 7px right 10px;
}
.guestsreview ul {
    margin-bottom: 80px;
}
.guestinfobox p {
    font-size: 14px;
    color: #555;
    line-height: 1.4em;
    margin-top: 10px;
}
.guestinfobox {
    border: 1px solid #DBDBDB;
    padding: 20px;
    border-radius: 5px;
}
.guestmainbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}
.guestinfobox img {
    margin-right: 10px;
}
.textcenter{
    text-align: center;
}
#policies {
    box-shadow: none !important;
    padding: 0 !important;
}
.policysec,.policysectwo {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}

.policycolone {
    width: 30%;
}
.policycoltwo {
 
    width: 70%;
}
.policycoltwo table {
    border: 1px solid #DBDBDB;
    border-collapse: collapse;
    font-size: 14px;
    margin: 20px 0;
    max-width: 400px;
    width: 100%;
    text-align: left;
}
.policycoltwo table td {
    border-top: 1px solid #DBDBDB;
    padding: 10px;

}
.serviclist {
    width: 25%;
}
.policysectwo span {
    padding-right: 30px;
}
.policycoltwo table th{
    padding: 10px;
background: #F6FAFF;
}
.policysec .row.d-flex {
    margin: 40px 0;
}
.amenities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 20px;
}
.serviceamenty {
    width: max-content;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    padding: 20px;
}
.Locationroom,.Nearbypropertiesinner,.recntroomrow {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.propertiescard {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.recntlyviewwin{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.propertiescard .cardstay {
    border: 1px solid #DADCDF;
    border-radius: 20px;
    padding: 20px;
}
.propertiescard .cardstay  h4,.propertiescard .cardstay  .tax {
    text-align: right;
}
.amenities  img{
   width: 100%;
}
.reviews.d-flex {
    background-color: #fff;
    width: max-content;
    border: 1px solid #3742FA;
    border-radius: 30px;
}
.numberreview {
    background: #3742FA;
    color: #fff;
    font-weight: bold;
    padding: 5px 8px;
    border-radius: 30px;
border-top-right-radius: 0;

}
.propertiescard .contentstay {
    margin-top: -20px;
    position: relative;
}
.noofreviw {
    color: #3742FA;
    font-weight: 600;
    padding: 5px;

}
.recntlyviewwin .bluerating {
    background: #3742FA;
    border-radius: 5px;
    padding: 5px 8px;
    color: #fff;
}
.propertiescard .contentstay .distance {
    max-width: 270px;
    line-height: 1.4em;
}
.recntlycards {
    background: #F6FAFF;
    border-radius: 10px;
    padding: 10px;
}

.recntlycards .recntcontnt {
    padding: 20px;
}
.recentfaq .accordionfaq {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
  .faqrooms button {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    background: transparent !important;
    padding: 20px 0 !important;
    position: relative;
}
.accordionfaq:after {
    content: "";
    position: absolute;
    right: 0;
    background-image: url("../public/public/assets/images/common/downgreyarrow.png");
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px;
    top: 22px;
    transition: all 0.5s ease-in-out;
}
.faqinfo:last-child {
    border: 0 !important;
}
.accordionfaq.active:after{
transform: rotate(180deg);
}
.faqrooms .panelroom p {
    font-size: 16px;
    color: #555555;
    line-height: 1.4em;
}
.recentfaq {
    padding: 30px 0 40px;
}

.greenbar {
    background: #11A670;
    width: 70%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 5px;

}
span.redbar{
    background: #FFE0E0;
    width: 30%;
    color: #FF4D4D;
    font-size: 14px;
    text-align: center; 
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 5px;
}
.color11A670{
    color: #11A670;
}
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 
  /* Style the accordion panel. Note: hidden by default */
  .panelroom {
    background-color: white;
    display: none;
    overflow: hidden;
padding-bottom: 20px;
}
.faqinfo{
    border-bottom: 1px solid #DBDBDB;

}
.faqrooms {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 20px;
    padding: 20px;
    margin-top: 20px;
}

.Locationroom table {
    text-align: left;
}
.Locationroom table {
    font-size: 14px !important;
}
.logoinner{
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.trustdlogo {
    background: #F69824;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    display: flex;
    max-width: max-content;
}
.logohome {

    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    justify-items: center;
    padding: 50px 0 ;
}
.travelinrow, .traveltworow {
    max-width: 1300px;
    margin: 0 auto;
}
.offercards h3 {
    font-size: 17px;
    color: #171717;
    margin: 10px 0;
}
.ouroffers {
    padding: 100px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.offercards p {
    font-size: 17px;
    color: #555555;
    line-height: 1.6em;
    max-width: 300px;
    font-weight: 500;
}
.fs-40{
    font-size: 40px;
}
.Locationroom table td,.Locationroom table th {
 padding: 10px;
}
.travlcard p {
    margin-bottom: 20px;
}
.traveltworow .travlcard {
    margin: 20px 20px 0;
}
.travlcard.chatfrst {
    width: 600px !important;
}
.travlcard  {
    margin-bottom: 20px;
}
.hero_sectionlanding img,.treavelcolone img,.treavelcoltwo img{
    width: 100%;
}
.traveltworow {
    justify-content: center;
}
.travlcard {
    padding: 20px;
    border: 1.5px solid #1d24341f;
    border-radius: 20px;
}
.treavelcolthree, .treavelcolone {
    width: 25%;
}
.treavelcoltwo{
    width: 50%;
    padding: 0 40px;
}
.travelhome {
    padding: 100px 0;
}
.businesfrstcol {
    width: 40%;
    padding-right: 80px;
}
.businesscndcol{
width: 60%;
}
.businessindia{
    padding: 30px 0;
}
.businessrvalers {
    background: #F6FAFF;
    padding: 100px 0;
}
.busineescards p.cardpara {
    border-bottom: 1px solid #D4D5D8;
    padding: 20px 0;
}
.businesscndcol h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}
.busineescards {
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 20px;
    border-radius: 20px;
}

.casestdycard h6 {
    font-size: 20px;
    color: #181818;
    padding: 20px 0;
    line-height: 1.3em;
}
.casestdies {
    padding: 100px 0;
}

.casetudycardsinfo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.casestdycard p {
    font-size: 14px;
    color: #171717;
}
.casestdycard .caseimg {
    width: 100%;
    margin-bottom: 10px;
}
.casestdycard {
    border: 1px solid #DADCDF;
    border-radius: 20px;
    padding: 20px;
}
.casestdycard a.readstory:hover {
    background: #3742FA;
    color: #fff;
}
.casestdycard a.readstory {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #3742FA;
    border-radius: 8px;
    padding: 10px 15px;
    display: block;
    width: max-content;
    margin-top: 20px;
}
.buisnesstravel {
    background: #F6FAFF;
    padding: 100px 0;
}
.pricesave {
    font-size: 34px;
    font-weight: bold;
    color: #3742FA;
}
form.businessfrm {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    max-width: 500px;
    margin: 0 auto;
}
form.businessfrm label {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #171717;
    margin-bottom: 10px;
    font-weight: 500;
}
.businesscolmone p {
    max-width: 480px;
    line-height: 1.4em;
}
.fs-18{
    font-size: 18px;
}
.businesscolmtwo, .businesscolmone {
    width: 50%;
}
.businessfrm input ,.businessfrm select{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #DADCDF;
    padding: 14px;
}
.businessfrm .from-group{
    margin-bottom: 20px !important;

}
.businessfrm  legend {
    color: #3742FA;
    font-size: 14px;
    font-weight: 600;
}
.businessfrm fieldset {
    border: 2px dashed #3742FA;
    border-radius: 10px;
    padding: 15px;
}
.annulay{
    color: #3742FA;
}
.organizationsec {
    padding: 100px 0;
}
.emplyeesec {
    border: 1px solid #B3B3B3;
    border-radius: 20px;
    padding: 20px;
    max-width: 300px;
    background: #3742fa05;
}
.scndcolorganize {
    text-align: center;
}
.scndcolorganize img {
    max-width: 500px;
    margin: 0 auto;
}
.travel {
    border: 1px solid #B3B3B3;
    border-radius: 14px;
    padding: 12px 20px;
    max-width: 300px;
    background: #3742fa05;
    margin-bottom: 20px;
    font-size: 20px;
    color: #171717;
    font-weight: bold;
}
.emplyeesec  li{
    font-size: 14px;
    color: #171717;
margin-bottom: 15px;
font-weight: 600;
display: flex;
align-items: center;
}
.emplyeesec  li img{
    margin-right: 10px;
}
.frstcolorganize,.scndcolorganize {
    width: 50%;
}
.frstcolorganize h2 {
    max-width: 500px;
}
.logohome img {
max-width: 150px;
}
.learnmore {
    color: #285FF5;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.learnmore img {
margin-left: 10px;
}
.loadflight {
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 20px;
    border-radius: 20px;
}
.loadflight {
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 20px;
    border-radius: 20px;
    max-width: 100% !important;
    width: 1100px !important;
}
section.flightlod {
    min-height: 100vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.fkkightloadsrow .flghtfrst,.fkkightloadsrow .flghtthrd{
    width: 35%;
}
.flghtscnd {
    width: 30%;
}
.fkkightloadsrow >div img {
    max-width: 100%;
    transform: scale(1.4) translate(-19%, -30%);
}
.fs-42{
    font-size: 42px;
}
.fkkightloadsrow {
    position: relative;
    justify-content: center;
    max-width: 650px;
    margin: 100px auto;
}
.flghtslogo .logo {
    display: block;
    margin: 0 auto 50px;
    position: relative;
    z-index: 99999;
    background: #fff;
    padding: 0 20px;
}
.departurefootre {
    margin-top: 50px;
}
.color3742FA.passenger {
    padding-left: 20px;
}
.flghtslogo:after {
    content: "";
    background: #000533;
    position: absolute;
    left: 0;
    height: 1px;
    width: 90%;
    top: 25px;
    margin: 0 auto;
    right: 0;
}
.flghtslogo{
    position: relative;
}

.sitelogo .logo {
    margin: 0 !important;
}
/* Hotel booking css */
.bookscreencolone {
    width: 70%;
    margin-right: 20px;
  
}
.bookscreencoloneinner,.guestdetails,.pymntdetails{
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
}
.bookscreencoltwo {
    /* box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px; */
    width: 30%;
}

.bookscreentwoinnner{
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
}
.bookcontent {
    padding: 20px 20px 0;
}

.entire {
    background: #F2F0FA;
    border-radius: 20px;
    padding: 20px;
    margin-top: 20px;
}
form.gstsfrm input, form.gstsfrm select {
    border: 1px solid #DADCDF;
    border-radius: 10px;
    padding: 12px;
    box-shadow: none !important;
    width: 100%;
}
form.gstsfrm  label{
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
    display: block;
}
.gustfrstrow >div:nth-child(1) {
    width: 20%;
}
.gustfrstrow >div:nth-child(2) {
    width: 40%;
}
.gustfrstrow >div:nth-child(3) {
    width: 40%;
}
.gustfrstrow {
    max-width: 80%;
    margin-bottom: 20px;
}
.gustfrstrow >div {
    padding-right: 20px;
}
.gustscndrow >div:nth-child(1) {
    width: 60%;
    padding-right: 20px;
}
.guestdetails  .checkmark label {
    margin: 0 0 0 10px !important;
}
.gustscndrow >div:nth-child(2) {
    width: 40%;
}
form.gstsfrm .guestdetails  .checkmark {
    display: flex;
    align-items: center;
}
form.gstsfrm .guestdetails   .checkmark input {
    width: auto;
}
ul.gustlist li input {
    width: auto;
    margin-right: 10px;
}
ul.gustlist li label{
    margin-bottom: 0;
}
ul.gustlist li {
    display: flex;
    align-items: center;
    width: max-content;
    padding-right: 20px;
}
.listrequst {
    display: flex;
    align-items: center;
    border: 1px solid #DADCDF;
    border-radius: 10px;
    padding: 10px 20px;
    margin-right: 10px;
}
.complreqstlist input {
    width: auto !important;
}
.complreqstlist label{
    margin: 0 0 0 10px !important;
}

.complreqstlist {
    flex-wrap: wrap;
}
.requstarea input {
    padding: 20px 10px 100px !important;
    display: flex;
    align-items: flex-start;
}
.parkchekin {
    background: #F2F0FA;
    padding: 20px;
    border-radius: 20px;
    margin: 20px 0;
}
.parkchekin  .chceone {
    width: 25%;
}
.parkchekin  .nght {
    background: #fff;
    padding: 3px 10px;
    border-radius: 30px;
    border: 1px solid #DADCDF;
}
.parkchekin .chceone:nth-child(2) {
    display: flex;
    align-items: center;
}

.bookscreentwoinnner ul li {
    font-size: 14px;
    font-weight: 600;
}
#guestReviewspop .guestsreview {
    width: 100% !important;
}
.guestpopuprow .guestpopone ,.guestpopuprow  .guestpopthree{
    width: 25%;
}
.guestpopuprow .guestpoptwo{
    width: 50%;
}
.guestpopthree select#selector {
    border: 1px solid #DBDBDB;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.rightplce p {
    text-align: right;
}
.allproprty svg {
    width: 14px;
    margin-right: 10px;
}
.rightplce {
    padding-right: 10px;
}
.guestpopthree .dropdown {
    width: 70%;
}
.clubroomrghtcol button.bgpurlebtn {
    padding: 14px 50px;
}
.clubroomrghtcol table h3 {
    border-bottom: 1px dashed;
    text-align: right;
    margin-top: 0;
}
.hotelroomdetail .rowmainhotel span {
    margin-left: 10px;
}
.guestpopone img {
    width: 100px;
}
.guestfilters select, .sortfilters select {
    padding: 10px;
    border-color: #DBDBDB;
    border-radius: 5px;
    margin: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.guestfilterinfo {
    background: #F6FAFF;
    padding: 20px;
}

.guestinfoboxmain .guestboxone,.guestinfoboxmain  .guestboxthree {
    width: 30%;
}
.guestinfoboxmain .guestboxtwo {
    width: 40%;
}
.guestinfoboxmain.d-flex {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #DBDBDB;
    margin-top: 20px;
}
.guestboxtwo ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.authrjohn {
    margin-left: 10px;
}
.guestboxtwo ul li img {
  width: 100%;

}
.guestboxthree {
    text-align: right;
    position: relative;
}
.helpful {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
#policies .row.d-flex {
    margin: 40px 0;
}
.timesline {
    text-decoration: underline;
    padding-bottom: 5px;
}
.businesservice li {
    width: 25%;
    font-size: 14px;
    position: relative;
    padding-left: 15px;
}
.businesservice li::before {
    content: "";
    background-image: url("../public/public/assets/images/common/chekgry.png");
    background-repeat: no-repeat;
    background-size: 12px;
    width: 15px;
    position: absolute;
    left: 0;
    height: 10px;
    top: 6px;
}
.transportheadng img {
    width: 25px;
    margin-right: 5px;
    height: 25px;
}
.businesservice li span {
    font-size: 12px;
    background: #F3F3F3;
    padding: 2px;
    border-radius: 5px;
}
.serviceweb {
    margin-bottom: 50px;
}

/* Add team member */

.teammember label {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
    display: block;
    text-transform: capitalize !important;
}
.teammember input ,.teammember select{
    border: 1px solid #DADCDF;
    border-radius: 10px;
    padding: 12px;
    box-shadow: none !important;
    width: 100%;
}

.teammemberrow{
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:30px;
}
.teammember {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-right: 20px;
    padding: 40px 20px;
    background-color: #fff;
    position: relative;
    top: -37px;
    z-index: 0;
}
body.addmember ul.breadcrumb li {
    border: 0 !important;
}
form.memberteam {
    max-width: 1000px;
    margin: 40px 0 40px 0;
}

/* view ledger css */
.color04B072{
    color: #04B072 !important;
}
.indomore {
    display: flex;
    align-items: center;
    background: #EBEBEB;
    padding: 5px;
    max-width: fit-content;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 14px;
}

.indomore img {
  margin-right: 5px;
  width: 15px;
}
.viewledger tr:nth-child(even) {
    background: #F7F7F7;
}
.viewledger td, .viewledger th {
    padding: 10px;
    text-align: left;
}
.viewledger th{
    font-size: 15px;

}
.viewledger td{
    font-size: 14px;
    color: #555555;
}
.viewledger {
    width: 100%;
}

/* add paymnt css */
.addpymnt {
    margin-top: 40px;
}
.teammember #remarks {
    height: 100px;
}
.bnkdetial .row>div p {
    margin-bottom: 20px;
}
.addpymnt form.pymntteam {
    width: 60%;
    padding-right: 50px;
}
.bnkdetial {
    width: 40%;
}
.colorB6B8BA{
    color: #B6B8BA;
}
.bnkdetial .row>div {
    justify-content: space-between;
    width: 30%;
}
.addpymnt form.pymntteam .teammemberrow {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Travel request css */
.tooltip {
    cursor: pointer;
    position: relative;
    display: inline-block;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    font-size: 14px;
    background-color: #fff;
    color: #555555;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  transition: all 0.2s ease-in-out;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
.travlreqst input#addrmark,.supportreqst  .textarea{
    height: 100px;
}
.reqstjob {
    max-width: 400px;
    margin: 20px 0 20px;
}
.reqstjob p {
    width: 300px;
}
.travlreqst ul li {
    padding-right: 12px;
}
#booking {
    padding: 30px;
}

.travlreqst .travelrow  label,form.creditreqst label{
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
    display: block;
    text-transform: capitalize !important;
}
.travlreqst .travelrow input,.travlreqst .travelrow select,form.travlreqst select,form.creditreqst input,form.creditreqst select{
    border: 1px solid #DADCDF;
    border-radius: 10px;
    padding: 12px;
    box-shadow: none !important;
    width: 100%;
    font-weight: 600;
}
.travlreqst {
    max-width: 1000px;
}
.travelrow{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}
body.travelreqstpg .upcominghotel .tablink {
    text-transform: uppercase;
}

body.travelreqstpg  ul.breadcrumb li:first-child {
    border: 0 !important;
}

body.travelreqstpg #Cancelled {
    padding: 30px;
}
body.travelreqstpg .creditreqst {
    max-width: 1000px;
}
.supportreqst {
    padding: 30px;
}


.loginmenu ul li:hover .dropdown-content {display: block;}

.loginmenu ul li{
    position: relative;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 10px;
    top: 55px;
    padding: 12px;
    left: 0;
    right: 0;
}
  .dropdown-content a {
    display: block;
    padding: 12px;
    color: #171717;
    font-size: 14px;
    text-decoration: none;
border-radius: 10px;
font-weight: 600;
}
.dropdown-content a:hover {
    background: #F0EDFA;
}

/* roundtrip css */
.airin {
    display: flex;
}
.infoimages ul li {
    padding-right: 10px;
}
.infoimages ul  {
    padding-bottom: 10px;
}

.roundtrip .airindiasec {
    padding: 45px 20px;
}



/* unscusscessful css */
.rghtdate {
    float: right;
    font-weight: bold;
}
.leftdate {
    font-weight: bold;
    text-align: left;
    float: left;
}




/* Responsive css */

  @media only screen and (max-width: 1024px) {
    .sitelogo img {
        max-width: 120px;
    }
    .sitelogo{
        width: auto;
    }
  .menu {
    flex-direction: column;
    background-color: #151418;
    align-items: start;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: scale(1, 0);
    transform-origin: top;
    transition: transform 0.3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }

  .menu a {
    margin-left: 12px;
  }

  .menu li {
    margin-bottom: 10px;
  }

  .menu-icon {
    display: block;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    text-align: right;
}
.menu li a {
    color: #fff;
    display: block;
}
.header nav{
    width: 80%;
}
.header_right{
    display: none;
}
.menu-icon img{
    width: 25px;
}}