@font-face{
    /* font-family: Marcellus-Regular; */
    src:url('/Content/Font/Marcellus/Marcellus-Regular.ttf')
}
 

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Permanent+Marker&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Permanent+Marker&family=Tenali+Ramakrishna&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Itim&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Permanent+Marker&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tenali+Ramakrishna&display=swap');
:root {
    --primary-color: #a4b792;
    --secondary-color: #e7efe1;
    --brand-color:#a4b792;
    
  }


*{
    /* font-family: Marcellus-Regular; */
      /* font-family: "Tenali Ramakrishna", sans-serif; */


      /* font-family: "Poppins", sans-serif; */
    margin:0; 
    padding:0;
    box-sizing: border-box;
}

.container-fluid{
    padding: 0px 45px;

}




/* banner start */

.main_banner{
    position:relative;
}
.banner_img{
    width:100%;
    height:80vh;
    object-fit: cover;
}

.bannerImg_box{
    position: relative;
}
.bannerImg_box:after {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}



.flightSearch_position{
    position: absolute;
    bottom: -100px;
    z-index: 9;
    width:100%;
    left: 50%;
    transform: translateX(-50%);
}

.flightSearch_style{
    box-shadow:0px 7px 7px -2px rgba(0, 0, 0, .1);
    border-radius: 0px 0px 20px 20px;
}

.banner_text{
    /* font-size: 43px; */
    margin-bottom: 28px;
    color: #fff;
}

.down-menu {
    display: none;
    position: absolute;
    top:38px;
    /* width: 100%; */
    z-index: 11;
    background: #fff;
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
    border:1px solid rgb(75, 75, 161);
    border-radius: 5px;;
  }
  
  .down-menu li {
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-wrap: nowrap ;
    gap:50px;
  }
  
  .down-menu li:hover {
    background-color: #eee;
  }
  
  .toggleBtnss {
    background: #fff;
    width: 100%;
    border:none;
    outline: none;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    font-size: 14px;
  }
  
  .top_movementss{
    display: flex;
    align-items: center;
    gap:10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
  .chooseoption {
    position: relative;
    width: auto;
  }



 .search_panel{
    position: relative;
}

.airport {
    position: absolute;
    bottom: 3px;
    left: 10px;
    font-size: 12px;
}
.input_btn {
    text-align: center;
    display: block;
    text-decoration: none;
    width: 100%;
    padding: 22.5px 10px;
    border-radius: 5px;
    background:var(--secondary-color);
    font-size: 15px;
    text-transform: uppercase;
    border: none;
    color:#fff; 
    transition: .5s all;

}

.input_btn:hover{
    box-shadow:0px 0px 40px -17px rgba(0,0,0,0.8);
}

  
/* select travellers */

.input_incr{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 50%;
}
.travel_items{
    display: flex;
    align-items: center;
    gap:5px;
}

.banner_form{
    background: #fff;
    padding: 20px;
    border-radius: 0px 15px 15px 15px;
}

.banner_navigation{
    display: flex;
    align-items: center;
}

.banner_navLink {
    padding: 15px 35px;
    display: flex;
    background:var(--secondary-color);
    text-decoration: none;
    color: #fff;
    transition: .5s all;
}
.banner_navLink:hover{
    color:var(--secondary-color) !important;
    background:#fff !important;
}

.swapingDestination{
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    z-index: 9;
    border: 1px solid #ddd;
    cursor: pointer;
}
.swapingDestination i{
    transition: .5s;
}
.swapingDestination:hover i{
    rotate: 180deg;
}
.searchList{
    display: none;
}
.search_panel .dropdown{
    position: absolute !important;
    z-index: 1;
    height: auto;
    overflow-y: scroll;
    max-height: 224px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -5px;
}

@media(max-width:768px){
    .top_movementss{
        margin-bottom:10px;
    }
  
    .input_src{
        margin-bottom:10px;
    }
    .flightSearch_form {
        width: 93%;
        padding: 10px;
        background: #fff;
        border-radius: 10px;
        position: relative;
        box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, .5);
    }
    .chooseoption{
        width:100%;
    }
    .wd-50{
        width: 48%;
    }
    .wd-100{
        width: 100%;
    }
    .banner_img{
        height: 230px;
    }
}
.empty-div{padding: 65px}
/* banner end */



/* start-offer-section-flight */
.main-heading {
    margin: 0px 0px 30px 0px;
}
.heading-item{
    margin: 0px;
}
.sub-heading-items {
    margin-bottom: 0px;
}


.section-panel{
    margin-bottom: 50px;
}

.offer_itmes img{
    border-radius: 5px;
    transition: .5s all;
    cursor: pointer;
}
.offer_itmes img:hover{
    box-shadow: 0px 0px 10px -5px rgba(0,0,0,.5);
}

.recentbox{
    padding: 25px 10px 10px 10px;
   background: linear-gradient(#ffffff, #f9f3eb);
    border-radius: 10px;
    border: 1px solid #ddd;
    position: relative;
}
.recentPlane{
    position: absolute;
    top: -18px;
    background: #fff;
    height: 40px;
    width: 40px;
    left: 0px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    rotate: 42deg;
}
.flexxDesitn{
    display: flex;
    align-items: center;
    gap: 10px;
}
.daysearch{
    font-size: 14px;
    color: #930b0b;
    font-weight: 100;
}

.mix_section{
    padding: 20px;
    background: #0066ff91 url(../Images/Offers/bgimages.png);
    border-radius: 10px;
}

.whyChooseRow
{
    display:flex;
    justify-content: center;
}


/* caller boxx */
@media(max-width:768px){
    .homeBanner .row{
        margin:0px !important
    }
}
.recentsearchbox {
    display: flex;
    flex-wrap: wrap;
}

.recentsearchbox {
    display: flex;
    flex-wrap: wrap;
}

@keyframes dvsyMs {
    0%, 60%, 100% {
        transform: translateY(0px);
    }

    1%, 59% {
        transform: translateY(calc(var(--current-height) * (-1)));
    }

    2%, 58% {
        transform: translateY(calc(var(--current-height) * (-2)));
    }

    3%, 57% {
        transform: translateY(calc(var(--current-height) * (-3)));
    }

    4%, 56% {
        transform: translateY(calc(var(--current-height) * (-4)));
    }

    5%, 55% {
        transform: translateY(calc(var(--current-height) * (-5)));
    }

    5%, 54% {
        transform: translateY(calc(var(--current-height) * (-6)));
    }

    7%, 53% {
        transform: translateY(calc(var(--current-height) * (-7)));
    }
}

.elysTK {
    --current-height: 34px;
    line-height: 28px;
    margin-top: 16px;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    margin: 0px;
    color: inherit;
    overflow-y: hidden;
    line-height: 28px;
    text-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px;
    height: 25px;
    margin-top: 20px;
    margin-bottom: 10px;
    
    text-align: center;
}

    .elysTK > .AnimatedTitlestyled__Row-sc-12kwu29-1 > div {
        width: 10px;
        font-size: 20px;
    }

.dWodSa {
    animation-delay: calc(0s) !important;
}

.vyIjn {
    animation-delay: calc(0.03s) !important;
}

.fCMDuc {
    animation-delay: calc(0.06s) !important;
}

.cbXhLp {
    animation-delay: calc(0.09s) !important;
}

.jPTyWK {
    animation-delay: calc(0.12s) !important;
}

.gpednX {
    animation-delay: calc(0.15s) !important;
}

.gWoZQ {
    animation-delay: calc(0.18s) !important;
}

.hVCCPZ {
    animation-delay: calc(0.21s) !important;
}

.kKcyTe {
    animation-delay: calc(0.24s) !important;
}

.hjndkr {
    animation-delay: calc(0.27s) !important;
}

.hFhxKr {
    animation-delay: calc(0.3s) !important;
}

.iVvKwy {
    animation-delay: calc(0.33s) !important;
}

.gUgIDp {
    animation-delay: calc(0.36s) !important;
}

.ikuVpw {
    animation-delay: calc(0.39s) !important;
}

.jmLIsn {
    animation-delay: calc(0.42s) !important;
}

.kCZVeu {
    animation-delay: calc(0.45s) !important;
}

.iBKTll {
    animation-delay: calc(0.48s) !important;
}

.jRZfXs {
    animation-delay: calc(0.51s) !important;
}

.fUTxRT {
    animation-delay: calc(0.54s) !important;
}


.st1 {
    animation-delay: calc(1.30s) !important;
}

.st2 {
    animation-delay: calc(1.33s) !important;
}

.st3 {
    animation-delay: calc(1.36s) !important;
}

.st4 {
    animation-delay: calc(1.39s) !important;
}

.st5 {
    animation-delay: calc(1.42s) !important;
}

.st6 {
    animation-delay: calc(1.45s) !important;
}

.st7 {
    animation-delay: calc(1.48s) !important;
}

.st8 {
    animation-delay: calc(1.51s) !important;
}

.st9 {
    animation-delay: calc(1.54s) !important;
}

.st10 {
    animation-delay: calc(1.57s) !important;
}

.st11 {
    animation-delay: calc(2.0s) !important;
}

.st12 {
    animation-delay: calc(2.03s) !important;
}

.st13 {
    animation-delay: calc(2.06s) !important;
}

.st14 {
    animation-delay: calc(2.09s) !important;
}

.elysTK > .AnimatedTitlestyled__Row-sc-12kwu29-1 {
    display: inline-block;
    height: var(--current-height);
    animation: 6s ease 0s infinite normal none running dvsyMs;
}

.dOMoKn {
    text-align: left;
    background: transparent;
}

.jOhiRX {
    text-align: center;
    background: transparent;
}

.dOMoKn {
    text-align: left;
    background: transparent;
}

.gimkKH {
    text-align: center;
}

.rightside-callbox .h2 .elysTK > .AnimatedTitlestyled__Row-sc-12kwu29-1 > div {
    font-size: 24px;
}

.fdLoader div.hd .elysTK > .AnimatedTitlestyled__Row-sc-12kwu29-1 > div {
    font-size: 30px;
    /* line-height: 30px; */
    color: #875aff;
    width: auto;
}

.fdLoader div.hd .elysTK {
    --current-height: 25px;
}

#loadermain1 .fdLoader div.hd {
    padding: 20px 0px;
    font-size: 30px;
    /* line-height: 30px; */
    color: #875aff;
    width: auto;
}

#loadermain1 .fdLoader {
    width: 100%;
    background: #ffffff;
}

.rightside-callbox {
    padding: 45px 15px;
    background: #fff;
    border-radius: 8px; 
    color:#fff;
    text-align: center;
    position: sticky;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
    .rightside-callbox .callgirlframe {
      position: relative;
      display: inline-block; }
    .rightside-callbox h4 {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.6;
      color: #ffffff; }
    .rightside-callbox .h2 {
        text-decoration: none;
      font-size: 26px;
      font-weight: 700;
      text-align: center;
      color: #fff;
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
    .rightside-callbox p {
      font-size: 16px;
      font-weight: 400;
      color: --secondary ; }
    .rightside-callbox:after {
      content: '';
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      right: 0px;
      background:var(--brand-color) url(https://images.kiwi.com/search/gtm-web-hero.png);
      background-position: center center;
      background-size: 200px;
      background-attachment: fixed;
      opacity: 0.9;
      border: 2px solid #6ea9ff;
      border-radius: 10px; }


      .whychooseImg{
        border-radius: 10px;
        width: 100%;
        margin-bottom: 10px;
      }



/* end- caller boxx */

/* start-flight-routes */

.routesTab{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    
}

.switchtab {
    background: none;
    padding: 5px 10px;
    border-radius: 7px;
    color:var(--secondary-color);
    /* border:1px solid #ffb433; */
    transition: .5s all;
    cursor: pointer;
}
.switchtab.active , .switchtab:hover {
    background: var(--secondary-color);
    color:#fff;
   
}
.switchcontent{
    display: none;
}

#domesticTag{
    display: block;
}

.flight_routes {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.flight_desti_img {
    border-radius: 5px;
    margin-bottom: 10px;
    height: 108px;
    object-fit: cover;
}
a.route_search {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 5px;
    color: var(--primary-color);
}
.locate_names p{
    margin: 0px;
}
.locate_names .flighhtIcons{
    font-size: 12px;
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    width: 100%;
}
.locate_names .flighhtIcons:before{
    position: absolute;
    left: 0px;
    width: 50%;
    height: .5px;
  border: 1px dashed #dfdfdf;
    content: '';
    top: 50%;
    transform: translateY(-50%);
   
}

.locate_names .flighhtIcons:after{
    position: absolute;
    right: 0px;
    width: 50%;
    height: .5px;
  border: 1px dashed #dfdfdf;
    content: '';
    top: 50%;
    transform: translateY(-50%);
   
    
   
}
.flighhtIcons i{
    font-size: 14px;
    background: #fff;
    z-index: 99;
    height: 26px;
    width: 26px;
    border: 1px solid #50abff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    padding: 2px;
    color: #50abff;
}
.txt_right{
    text-align: right;
}
/* end-flight-routes */

/* flight search list */

.dropdown-container {
    position: relative;
    width: 300px;
}



.searchlist {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background: #fff;
    max-height: 200px;
    overflow-y: auto;
    display: none;
}

.search-items {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

.search-items:hover {
    background: #f0f0f0;
}

.country-image {
    /* width: 30px; */
    height: 20px;
    margin-right: 10px;
}

.item-details {
    display: flex;
    flex-direction: column;
}

.selected-value {
    margin-top: 10px;
}

/* end flight search list  */

.listing-panel{
    padding:0px;
    background:none;
    margin-top:-100px;
}

.filter_panel {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    /* box-shadow: 0px 0px 10px -5px rgba(0,0,0,.5); */
    border: 1px solid #ddd;
}   

.headig_filter{
    
   
   padding-bottom:15px;
    font-size: 17px;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #ddd;
    
}
.filter_heading {
  font-size: 16px;
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
}
.filter_items{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.filter_ul {
    display: flex;
    gap: 5px;
}
li.filter_li {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: whitesmoke;
    height: 47px;
    border-radius: 6px;
    font-size: 12px;
    gap: 1px;
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, .1);
    border: 1px solid #ddd;
}


.trv-card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-top: 11px;
}
.cheked_itmes label {
    font-size: 16px !important;
    margin-top: 10px;
}

.frmlabel{
    font-size: 16px !important;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    /* / border:none !important; / */
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #6ea8ff12 !important;
    margin-bottom: 5px;
    border: 1px solid #e2e2e2 !important;
}
a.ui-state-default.ui-state-active {
    color: #fff !important;
    background: linear-gradient(#ef6e00, #ffb433) !important;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: linear-gradient(#ef6e00, #ffb433) !important;
}
span.ui-datepicker-year {
    color: #fff !important;
}
select.ui-datepicker-month {
    background: none;
    border: none;
    color: #fff;
}
select.ui-datepicker-month option{
    color:#000 !important;
}

.ui-datepicker .ui-datepicker-next {
    background-image: url(../Images/next.png) !important;
    background-position: right;
    background-size: contain;
}
.ui-datepicker .ui-datepicker-prev{

    background-image: url(../Images/prev.png) !important;
    background-position: right;
    background-size: contain;
}


/* / datepicker end / */


/* flight lazy loader */

.pr {
    position: relative;
}.search-page.domestic .flightItem {
    margin-bottom: 20px;
}

.search-page .flightItem {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 40px;
}

.tuple {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.flight-det {
    display: flex;
    padding: 1rem 1.5rem;
    gap: 5rem;
    justify-content: space-between;
}
.flight-det>*:last-child {
    width: auto;
}

.search-page .skeleton {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    mask-image: -webkit-radial-gradient(#fff, #000);
}
.search-page .skeleton::after {
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(117, 110, 110, 0.1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    animation: shimmer 2s infinite;
    content: "";
}


/* flight listing start */

.priceSlider{
    padding:10px 50px;
}
.priceSlider .owl-nav{
    margin-top:0px !important;
}
.priceSlider .owl-prev{
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    left: 0px;
    height: 39px;
    width: 42px;
    background: linear-gradient(45deg, #ffa100, #ffd591) !important;
    color: #fff !important;
}
.priceSlider .owl-next{
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    right: 0px;
    height: 39px;
    width: 42px;
    background: linear-gradient(45deg, #ffa100, #ffd591) !important;
    color: #fff !important;
}
.priceSlider .owl-dots{
    display: none;
}

.fligth_select_date{
    padding: 10px;
    background: #f3f3f3;
    color: #000;
    border-radius: 10px;
}
.date-selector {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
}
.date-option {
    padding: 7px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #ddd;
}

.date-option.selected {
    border-color: blue;
    background-color: #e0f0ff;
}

.air_img{
    height: 35px;
    border-radius: 5px;
}


.search_list{
    background: #fff;
    border: 2px solid #dddd;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 10px -5px rgba(0,0,0,.5);
    transition: .5s all;
}
.search_list:hover {
    border: 2px solid #1860b3;
}
.view_list{
    padding:20px 10px 10px 10px;
}
.inounce_text {
    padding: 5px 10px;
    margin-bottom: 0px;
    background: linear-gradient(38deg, #ffca7236, transparent);
    border-radius: 5px 5px 0px 0px;
    font-size: 12px;
    color: #000;
}

.flight_show{
    display: flex;
    gap: 5px;
}

.air_name{
    margin: 0px;
    font-size: 13px;
}
.air_numb {
    margin: 0px;
    font-size: 14px;
}
.kg_perperson {
    padding: 1px 10px;
    font-size: 12px;
    border-radius: 5px;
    background: linear-gradient(to right, rgb(45, 193, 140), rgb(33, 147, 147));
    color: #ffff;
    margin-top: 10px;
    margin-bottom: 0px;
}
.dest_name {
    font-size: 14px;
    margin: 0px;
    font-weight: bold;
}
.crt_date{
    display:none;
}
.crt_timming, .crt_date, .airport_name {
    font-size: 12px;
    margin: 0px;
}

.duration_time{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    
}
.stop_count{
    font-size: 12px;
    margin: 0px;
}
.boooknow_btn{
    width: 100%;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    background: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 5px;
    border: none;
    outline: none;
}



.line_flight{
    font-size: 9px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

.dot_line{
    border-bottom: 1px solid #ddd;
    width: 100%;
    display: inline-block;

}
.moreFare{
  
    padding: 2px 10px;
    color: #ffa400;
    border: 1px solid #ff9f00;
    font-size: 10px;
    background-color: #fffbf4;
    /* margin-top: 8px; */
    border-radius: 5px;
    margin-bottom: 0px;
    width: 100%;
    font-size: 14px;

}
.bottomList_fight{
    display: flex;
    gap: 10px;
    padding: 5px;
    background: linear-gradient(38deg, #ffca7236, snow);
    justify-content: space-between;
    border-radius: 5px;
    margin-top: 10px;
}
.view_deSet{
    display: flex;
    gap: 10px;
    align-items: center;
}

.flighht_inclusion{
    padding: 1px 10px;
    font-size: 12px;
    border-radius: 5px;
    background: linear-gradient(to right, rgb(45, 193, 140), rgb(33, 147, 147));
    color: #ffff;
    margin:0px;
    text-wrap: nowrap;
}

.price_book{
    font-size: 18px;
    color: #14141c;
    font-weight: bold;
    text-align: center;

}

.modifysearch{
    background: linear-gradient(360deg, #83b4ff, white);
    padding-bottom:123px;
}

/* fare_drop-container */

.header_listing{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom:10px;
}

.header_listing h4{
    margin: 0px;
    font-size: 15px;
}

.croseBtn{
    height: 25px;
    width: 25px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #ebf2fa;
    color: #000;
    border-radius: 50%;
    cursor: pointer;
    font-size: 11px;
}
.selected_label{
    width: 100%;
    border-radius: 10px;
    padding: 5px;
    border:1px solid #ddd;
}

.selected_label:checked{
    background-color: red ;
}
.selected_btns{
    display: none;
    background: linear-gradient(354deg, #618918, #1bff22) !important;
    color: #fff !important;
}
.slct_button{
    
    width: 100%;
    border-radius: 10px;
    border: none;
    outline: none;
    padding: 7px;
    background: #cee4fd;
    color: #000;
    font-weight:400;
}

.stage {
    margin: 0px;
    color: blue;
    font-weight: 500;
}
.price_selct{
    margin: 0px;
    font-weight: 500;
}
.list_fares{
    font-size: 12px;
    list-style: disc;
}

.fare_line{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 2px;
}
.selected_label.selected{
    border: 2px solid red !important;
}
.selected_label:focus {
    background: #ebeff7;
}

.containerFare , .containerdetails{
    display: none;
}

/* flightlistingDetails */
.geTTab{
    justify-content: space-between;
    border: none;
   background: whitesmoke;
   border-radius: 20px;
}
.geTTab .nav-link{
    width: 25%;
    text-align:center;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
    padding:5px 0px;
    text-align: center;
    transition: .5s all;
    color:#000;
}
.geTTab .nav-link.active{
    /* background:linear-gradient(354deg, #20639f, #bad5ff) !important; */
    background:#000;    
    color:#fff;
}

.geTTabs .nav-link.active{
  background:#000;    
  color:#fff;
}

.tab_cnt_space{
    
    margin-top:10px;
    padding: 20px;
    
}
.bg_color{
    background: #f9f9f9;
    border-radius: 5px;
  
    border: 1px solid #ddd;
}
.ternimal{
    text-wrap: nowrap;
    padding: 5px 20px;
    background: #fff;
    border: 1px dashed;
    border-radius: 30px;
    font-size: 13px;
}
.terminal_line{
    border-bottom: 1px dashed #000;
    width: 100%;
    display: inline-block;
}

.tableheres{

    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.tableheres td, .tableheres th{
    padding:10px;
    font-size: 12px;
    border: 1px solid #ddd;
}
.ti_table{
    font-weight: 500;
    font-size: 12px;
}
.sub_ti_table{
    font-size: 12px;
    margin-bottom: 0px;
}
.ti_header {
    background: whitesmoke !important;
}
.term_condition {
    padding-left: 20px;
}
.term_condition li {
    list-style: circle;
    font-size: 12px;
    padding-left: 0px;
}
.sortby_panel{
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
}

.li_sortBy label{
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f8f8f8;
    padding: 5px 10px;
    color: #000;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.sortBy:checked ~ label{
    border:1px solid #000;
    background:#000;
    color:#fff;
}
.sortBy:checked ~ label svg{
    background: #fff;
    border-radius: 5px;
    padding: 2px;
}

.li_sideFilter {
    display: flex;
    align-items: center;
    background: #f8f8f8;
    padding: 5px;
    color: #000;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
    flex-direction: column;
    font-size: 10px;
}

.sideFilter:checked ~ .li_sideFilter{
    background: #ebf2fa;
    color: #000;
    border: 1px solid #ddd;
}
.sideFilter:checked ~ .li_sideFilter svg{
    background: #fff;
    border-radius: 5px;
    padding: 2px;
}

.filter_ul li {
    width: 30%;
}
/* flight listing end */



/* filgth details */

.pageHeaderWrap{
    background:linear-gradient(360deg, #83b4ff, white);
 
    /* padding: 20px; */
    position: sticky;
    top: 0;
    z-index: 99;
}

.bgGradient {
    background-image: linear-gradient(180deg, #83b4ff, #6db6ff);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 121px !important;
    min-height: 132px;
    z-index: -1;
    max-height: 109px;
}
.flightsContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bgtop_naviator{
    background: #2f4072;
    margin-bottom: 21px;
    position: sticky;
    top: 0px;
    z-index: 11;
}
.pageLinksUl{
    display: flex;
    align-items: center;
    gap: 20px;
}

.pageLinksUl li {
    font-size: 14px;
    color: gray;
    cursor: pointer;
}

.pageLinksUl li:hover{
    color:#000;

}
.flDetailHdr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-left: 4px solid #249995;
    padding: 0 12px;
}
.blackFont  {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}
.makeFlex {
    display: flex;
}
.appendTop10 {
    margin-top: 10px !important;
    margin-bottom: 0px;
}
.scheduleDay {
    background-color: #ffedd1;
    padding: 2px 5px;
    font-size: calc(var(--font-scale, 1)* 14px);
    font-weight: 700;
}
.maincontianer{
    position: relative;
}
.makeFlex.column {
    flex-direction: column;
}

.detilaconainer {
    background: #fff;
    box-shadow: 0px 0px 10px -9px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #e9f2fa;
    overflow: hidden;
}
p.refundTag {
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 1px 10px;
    font-size: 14px;
    border-radius: 5px;
    background: linear-gradient(to right, rgb(45, 193, 140), rgb(33, 147, 147));
}

.viewdetilas{
    padding: 12px;
}

.flightItenaryHdr{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.DFlex{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0px;
}
.DairlineIme{
    height: 30px;
    width: 30px;
    border-radius: 6px;
    border: 1px solid #ddd;
}
.DairlineName{
    color: #000;
    font-weight: 500;
}
.DairlinePass,.DairlineCode{
    font-size: 14px;
    color: gray;
}

.DstartTime{
    width: 50px;
    font-weight: 500;
}

.mainD_flight{
    margin-top: 20px;
    background: #f2f2f2;
    padding: 10px;
}

.Dbreakpoint {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid gray;
}
.emptPoint{
    height: 15px;
    width: 15px;
    position: relative;
}
.flightPanel {
    display: flex;
    gap: 27px;
    align-items: center;
    margin-bottom: 5px;
}
.DflightStation {
    font-size: 14px;
}
span.emptPoint:after {
    position: absolute;
    height: 35px;
    width: 2px;
    border-left: 2px dashed #000;
    content: '';
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.brd_bbotto{
    border-bottom: 1px solid #ddd;
}
.baggageLouver {
    display: flex;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
}

.clasicon{
    font-size: 14px;
}
.clasicon img {
    height: 25px;
}


.list_inputss {
    display: flex;
    gap: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.plus_checklist{
   
    font-size: 10px;
    border-radius: 50%;
    font-size: 12px;
    color: #00b931eb;
    margin-top: 5px;
}
.btnChecklist{

 
    border-radius: 50%;
    font-size: 12px;
    color: #ef9595;
    margin-top: 5px;
}

.liist_itms{
    width:80%;
}
.little_heading{
    font-size: 14px;
}

.flex_make{

        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #e9f2fa;
        border-radius: 5px;
        padding: 0px 0px 0px 5px;
    
}

.loginBtn{
    padding: 5px 10px;
    border-radius: 0px 5px 5px 0px;
    text-transform: capitalize;
    border: none;
    outline: none;
    background: #89c4ff;
    color: #fff;
    font-size: 12px;
    text-decoration: none;

}


.text_notess{
    background-color: rgb(255, 237, 209);
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 12px;
}
ul.pageLinksUl li a {
    text-decoration: none;
    color: #000;
}

.inpt_field{
    padding:10px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #ddd;
    outline:none;
    margin-bottom: 10px;
    width: 100%;
}



.trallercounter {
    display: flex;
    align-items: center;
    gap: 10px;
    /* margin-bottom: 20px; */
}
.trallercounter h3{
    font-size: 14px;
    margin: 0px;
}
.userountt{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9f3ff;
}
.container_cout{
    /* padding: 12px; */
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
}
.addadultstyle{
    border:none;
    outline: none;
    background: none;
    color:var(--brand-color);
    font-size: 14px;
    text-transform: uppercase;
}
.package-highlights-panel .menu-item{
    color:#000;
    cursor: pointer;
}
.package-highlights-panel .menu-item:hover{
    color:var(--brand-color);
}



/* fare summary Style */

.fareRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 10px;
}

.genderchekc[type="radio"]:checked ~ label{
    background:rgb(225, 225, 255);
}

.boxtoggle{
    display: flex;
    justify-content: space-between;
    align-items: center;      
    font-weight: 500;  
    cursor: pointer;;
}

.boxdesriptn{
    display: flex;
    justify-content: space-between;
    align-items: center;      
    font-weight: 400;  
    color: gray;
}

.boxchildtoggle{
    display: flex;
    gap: 5px;
    align-items: center;
}
.boxchildtoggle .iconbtnss{
    border: 1px solid #000;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boxchildtoggle .iconbtnss i{
    font-size: 10px;
}
.baseprices li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.coupenheader{
    background:#ffecd1;

    text-align: right;
}
.coupenheader img {
    height: 49px;
    background: #fff;
    padding: 10px;
    border-radius: 20px 0px 0px 20px;
}
.coupenviewStyle{
    cursor: pointer;
    display: inline-block;
    color: blue;
}

.coupenList{
    display: none;
}

.coupenList li {
    position: relative;
    font-size: 13px;
}

.coupenList li input[type="radio"]:checked ~ label{
    background:#f0ffea;
}
.coupenList li input{
    position: absolute;
    left: 5px;
    top: 5px;
}
.coupenList li label{
    padding: 5px;
    padding-left: 30px;
    border-radius: 5px;
    margin-bottom: 5px;
    
    
}

.flexitcoupen{
    display: flex;
    justify-content: space-between;
    color: gray;
    font-size: 14px;
    margin-bottom: 5px;
}

.sticky_style{
    position: sticky;
    top:70px;   
    overflow-y: auto;
}


/* fond best stay */


.choohotelss {
    margin-top: 40px;
    padding: 20px;
    background: linear-gradient(to right, #2F80ED, #56CCF2);
    border-radius: 10px;
    margin-bottom: 0px;
  }
  
  .chooseHotelOpion {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    background: #0d8cd9;
    border-radius: 10px;
    height: 134px;
  }
  
  .subtiitlehedf {
    color: #fff;
    font-size: 15px;
  }
  
  .titileHEdd {
    font-size: 25px;
    color: #fff;
  }
  
  .myhotelss {
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    border-radius: 0px 0px 10px 10px;
  }
  .myhotelss h4 {
    color: #fff;
  }
  .myhotelss small {
    color: #fff !important;
  }


  



/* hotel card */
.hotel_card_img {
    width: 100% !important;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}

.hote_content_box {
    margin-top: -20px;
    background: #fff;
    position: relative;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, .5);
    margin-bottom: 10px;
}

.hotel_name_card{
    font-size: 13px;
    color: #000;
    font-weight: 400;
}

.flex_box_hotel{
    display: flex;
    align-items: center;
    color: #000;
    justify-content: space-between;
}



.offer_bgHotel {
    height: 323px;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/Content/Images/hotelofferbg.jpeg);

    background-size: cover;
    background-position: bottom;
}
.img_to_offer {
    height: 200px;
    border-radius: 10px;
    border: 2px solid #fff;
    width: 90% !important;
    margin: auto !important;
    rotate: -3deg;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.rating_hotels_Card i {
    font-size: 10px;
    margin: 0px;
    height: 0px;
    color: #ff9900;
}
/* hotel card End */



/* hotel listing page */
.modifysearch_panel{
    background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,.5)), url(/Content/Images/modifyseach.jpg);
    background-size: cover;
    padding:10px 0px;
    
}




@import url(/Content/css/variable.css);
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* //search engine// */
.homebanner {
  /* background-image: linear-gradient(15deg, black, transparent), url('/Content/images/pacakge/bgtravel.jpg'); */
  background-image: linear-gradient(45deg, #000, transparent), url('/Content/images/otherimages/staypatternback.jpg');
  width: 100%;
  background-size: cover;
  background-position: center;
  height: 100%;
  display: flex;
  align-items: center;
  object-fit: cover;
  /* padding-top: 110px;
  padding-bottom: 180px; */
  /* margin-top: 30px; */
  height: 100vh;
}
.hotelbystypatternimagess img{
  height: 60px  !important;
  width: 120px !important;
  margin: auto;
  object-fit: contain;
}
@media(max-width: 768px){
  .hotelbystypatternimagess img{
    height: 70px  !important;
  }
 
}
.csideform .search-panel .sch-panel-div .srch-panel-col .search-box .search-btn {
  width: 100%;
  height: 62px;
  background-color: var(--primary-color);
  outline: none;
  text-align: center;
  padding: 0 10px;
  color: #fff;
  font-size: 19px;
  cursor: pointer;
  border: solid #dadfe6 1px;
  border-radius: 7px;
  margin-top: 24px;
}

.local-scroll {
  bottom: 125px;
  position: fixed;
  left: 50%;
  z-index: 3;
  cursor: pointer;
  transform: translateX(-50%);
}

.imgweidh {
  width: 120px;
}

.local-scroll i {
  color: #fff;
  font-size: 50px;
  font-style: normal;
}

/* 
.localscrollpattern:after {
  content: '';
  display: inline-block;
  width: 138px;
  height: 35px;
  transform: translateX(-50%);
  text-align: center;
  background-image: url('/Content/images/otherimages/downpartimage.png');
  background-repeat: no-repeat;
  background-size: 100%;
  left: 50%;
  position: fixed;
  bottom: 0%;
  z-index:2;
} */

.local-scrollup {
  bottom: 0px;
  position: fixed;
  left: 50%;
  z-index: 3;
  cursor: pointer;
  transform: translateX(-50%);
}

#clientcarausel .owl-nav {
  display: none !important;
}

.clieintlogo-images .owl-nav {
  display: none !important;
}

.clieintlogo-images img {
  /* width: auto !important; */
  width: 120px !important;
  object-fit: contain;
  margin: auto;
  height: 60px !important;
}

#StaypatternHotel .owl-nav {
  display: none !important;
}

.pack-section .pack-sec-start {
  position: relative;
}

.pack-sec-start {
  cursor: pointer;
}

.pack-section .pack-sec-start .pack-img {
  overflow: hidden;
  /* background-color: #000; */
  border-radius: 7px;
}

.pack-section .pack-sec-start .pack-img img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  transition: 0.1s;
  /* opacity: 0.5; */
  border-radius: 7px;
}

/* 
.themeslider .owl-nav {
  position: absolute;
  top: -75px;
  right: -3px;
}

.themeslider .owl-nav button.owl-next {
  display: block !important;
  background: var(--primary-color) !important;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #fff !important;
  margin-left: 55px;
}

.themeslider .owl-nav button.owl-prev {
  display: block !important;
  background: var(--primary-color) !important;
  color: #fff !important;
  width: 40px;
  height: 40px;
  border-radius: 100%;
} */


.themeslider .owl-prev {
  position: absolute;
  top: 39%;
  left: 0;
}

.themeslider .owl-next {
  position: absolute;
  top: 39%;
  right: 0;
}

.themeslider .owl-next,
.owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;

}

/* //floationg fixed icons start// */
.floatingsocial-itineary #fixed-social {
  position: fixed;
  top: 50%;
  z-index: 1024;
  right: 0px;
  transform: translateY(-50%);
}
.fixIconss {
  color: #fff;
  display: block;
  height: 50px;
  position: relative;
  text-align: center;
  line-height: 50px;
  width: 50px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fff;
  z-index: 2;
  font-size: 22px;
  font-weight: 400;
  background: var(--primary-color);
}
.floatingsocial-itineary #fixed-social .fixIconss .shocontentt {
  /* line-height: 40px; */
  right: 60px;
  position: absolute;
  /* text-align: center; */
  width: fit-content !important;
  font-size: 15px;
  visibility: hidden;
  transition-duration: 0.5s;
  z-index: 1;
  opacity: 0;
  /* border-radius: 5px; */
  padding: 0px 10px;
  background: #ffd800;
  text-wrap: nowrap;
}
.floatingsocial-itineary #fixed-social .fixIconss:hover > .shocontentt {
  visibility: visible;
  left: 51px;
  opacity: 1;
}
/* //floationg fixed icons end// */

.booknowbtn-stylee {
  background-color: #fff;
  color: var(--primary-color);
  padding: 7px 25px;
  border-radius: 7px;
  text-decoration: none;
}

.pack-section .pack-sec-start .pack-contant {
  position: absolute;
  bottom: 9px;
  left: 12px;
  background: #464646a8;
  width: 92%;
  height: 93px;
  padding-left: 10px;
  padding-top: 8px;
  border-radius: 6px;
}

.pack-section .pack-sec-start .pack-contant h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 21px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.local-scrollup i {
  color: var(--primary-color);
  font-size: 40px;
  font-style: normal;
}

.guest-reviews-section .progress-bar {
  background-color: #cd2c22 !important;
}

.banner-caption h1 {
  color: #fff;
  font-weight: 800;
  font-size: 45px;

}

.rounded-section {
  background-color: #cd2c22 !important;
}

.banner-caption p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
}

.banner-caption {
  padding-top: 30px;
}

/* //search panel start// */
.csideform .search-panel {
  max-width: 1100px;
  margin: auto;
  cursor: pointer;
}

.csideform .search-panel .sch-panel-div {
  display: flex;
  justify-content: space-between;

}

.sch-panel-div .srch-panel-col ul.searchlist-category {
  width: 100%;
  height: 200px;
  overflow-y: scroll;

}

.sch-panel-div .srch-panel-col ul.searchlist-category::-webkit-scrollbar {
  width: 5px;
}

.sch-panel-div .srch-panel-col ul.searchlist-category::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sch-panel-div .srch-panel-col ul.searchlist-category::-webkit-scrollbar-thumb {
  background: #888;
}

.search-box .searchlist-category .drop-list {
  border-bottom: 1px solid rgba(204, 204, 204);
  color: #3e3e3e;
  font-weight: 550;
  font-size: 14px;
  padding: 10px 20px
}

.search-box .searchlist-category .drop-list:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.csideform .search-panel .sch-panel-div .srch-panel-col {
  width: 20%;
  margin: 0 2px;
  position: relative;
}

.csideform .search-panel .sch-panel-div .srch-panel-col .search-box .frminput {
  border: none;
  background-color: #fff;
  outline: none;
  height: 62px;
  line-height: 62px;
  padding: 0 10px;
  width: 100%;
  cursor: pointer;
  border: solid #dadfe6 1px;
  border-radius: 7px;
  color: #3e3e3e;
  font-weight: 500;
}

.csideform .search-panel .sch-panel-div .srch-panel-col .search-box .search-btn {
  width: 100%;
  height: 62px;
  background-color: var(--primary-color);
  outline: none;
  text-align: center;
  padding: 0 10px;
  color: #fff;
  font-size: 19px;
  cursor: pointer;
  border: solid #dadfe6 1px;
  border-radius: 7px;
  margin-top: 24px;
}

.csideform .search-panel .sch-panel-div .srch-panel-col .search-box .search-btn:hover {
  background-color: var(--secondary-color);
}

.csideform .search-panel .sch-panel-div .srch-panel-col .search-box .frminput::placeholder {
  font-size: 14px;
}

/* //media query start// */
@media(max-width: 769px) {
  .csideform .search-panel .sch-panel-div {
    flex-wrap: wrap;
  }

  .travel-count-hotel {
    top: 93px;
  }

  .csideform .search-panel .sch-panel-div .srch-panel-col {
    width: 100%;
    margin-bottom: 8px;
  }


  .homebanner {
    height: 100vh;
    padding-top: 88px;
    padding-bottom: 41px;

  }
}

.awardssectionheadtop {
  margin-top: 60px !important;
}

/* //media query end// */
/* //searchh panel end// */
/* //hotel start.. */
.card-image-wrap {
  position: relative;
}

.time-card {
  position: absolute;
  background-color: #ffffff;
  top: 15px;
  padding: 6px;
  border-radius: 18px;
  left: 15px;
  color: #000000;
  -webkit-box-shadow: 0px 7px 16px 0px rgba(9, 28, 58, 0.07);
  box-shadow: 0px 7px 16px 0px rgba(9, 28, 58, 0.07);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
}

.time-card img {
  height: 20px;
  width: 20px !important;
  min-height: inherit;
  -o-object-fit: inherit;
  object-fit: inherit;
}

.blog-body {
  padding: 0px;
  background-color: #ffffff;
  border-radius: 5px;
  margin: 0px;
  -webkit-box-shadow: 0px 7px 16px 0px rgba(9, 28, 58, 0.07);
  box-shadow: none;
  position: relative;
}

.blog-body a {
  margin-top: 10px;
  font-weight: 600;
  line-height: 19px;
  font-size: 15px;
  color: #000000;
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.card-popular-hotels {
  position: relative;
  margin: 10px 0px;
}

.hotel-img {
  object-fit: cover;
  height: 200px;
}

.card-hotel-box {
  display: flex;
  justify-content: center;
  /* position: absolute;
  bottom: -34%; */
  width: 100%;
}

.aminities-list {
  display: flex;
  margin-left: -28px;
}

.aminities-list li {
  list-style: none;
}

.aminities-list li span .icon {
  padding-right: 19px;
  font-size: 19px;
  color: var(--primary-color);
}


.card-hoteldata {
  background: #fff;
  padding: 18px 12px 12px 12px;
  box-shadow: 0 -2px 19px 0 rgba(0, 0, 0, .16);
  width: 100%;
  /* margin: auto; */
  border-radius: 5px;
}

.card-hoteldata .crd-header h5 {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  line-height: 1.3;
}

/* //carasuel css start// */

.popular-detail-sec .hotel-list-slider .owl-nav .owl-prev {
  background: #ffe6e5 !important;
  padding: 1px 16px !important;
  border-radius: 100%;
  color: red !important;
  font-size: 29px !important;
  position: absolute;
  top: 36%;
  left: -24px;
  height: 40px;
  width: 40px;
  line-height: 40px !important;
}

.popular-detail-sec .hotel-list-slider .owl-nav .owl-prev span {
  margin-top: -2px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popular-detail-sec .hotel-list-slider .owl-nav .owl-next {
  background: #ffe6e5 !important;
  padding: 1px 16px !important;
  border-radius: 100%;
  color: red !important;
  font-size: 29px !important;
  position: absolute;
  top: 36%;
  right: -24px;
  height: 40px;
  width: 40px;
  line-height: 40px !important;
}

.popular-detail-sec .hotel-list-slider .owl-nav .owl-next span {
  margin-top: -2px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* //hotel home page css end// */

/* //hotel listing css start// */

.listing_panel_box{
    margin-top:50px;
}
@media(min-width: 768px){
  .borderledthotel-section{
    border-left: 1px solid #ddd;
  }
}

.hotelsectiondiver-pan {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}
.choosebtn-section{
  background-color: var(--primary-color);
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  font-weight: 400;
  padding: 9px 7px;
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.hotelsectiondiver-pan p {
  margin: 0;
  font-size: 12px;
  border: 1px solid var(--primary-color);
  padding: 2px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.viewallgalleryimages{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  cursor: pointer;
  justify-content: space-between;

}
.hotellist-imagesec img{
  width: 100%;
  height: 145px;
  object-fit: cover;
  border-radius: 5px;
}
.packellist-imagesec img{
  width: 100%;
  height: 185px;  
  object-fit: cover;
  border-radius: 5px;
}
.viewalltextsection{
  position: relative;
  filter: blur(1px);
  background: #000;
  border-radius: 10px;
}
.viewalltextsection img{
  opacity: 0.7;
}
.viewalltext-image {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  top: 31%;
  position: absolute;
  left: -3%;
}
.cardImage__leftBadge .ribbonpane {
  position: absolute !important;
  top: 28px !important;
  z-index: 999;
  font-size: 12px;
  padding: 3px 17px;
  margin: 0;
  font-weight: 400;
  color: #fff;
  background-color: var(--primary-color);
  border-radius: 0 5px 5px 0px;
}

.cardImage__leftBadge .ribbonpane {
  position: absolute;
  top: 20px;
  z-index: 999;
}
@media(min-width: 768px){
  .mulpleroomsslider-stats .modal-dialog{
    max-width: 900px !important;
  }
  /* .mulpleroomsslider-stats .btn-close{
    position: absolute;
    right: -42px;
    top: -45px;
    color: #fff;
    opacity: 1;
    z-index: 9999;
    filter: invert(1);
    border-radius: 100%;
    width: 30px;
    font-size: 31px;
  } */
  .taxesandfessec{
    font-size: 14px;
    margin: 0;
    padding: 0;
  }
  .mulpleroomsslider-stats .modal-content{
    border-radius: 10px;
  }
  .mulpleroomsslider-stats .modal-body{
    padding: 0  !important;
  }
}

.multipleimages-slidersec img{
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 7px;
}
.multipleimages-slidersec {
  margin-top: 5px;
  padding: 8px;
}
.viewallgalleryimages{
  position: relative;
}
.viewalltext-image span{
  font-size: 13px;
  color: #fff;
  font-weight: 700;
}
.viewallgalleryimages .imagesitmes img{
  width: 57px;
  height: 55px;
  border-radius: 7px;
  object-fit: cover;
}
.specifycoloroded-address{
  color: var(--primary-color);
}
.modifysearchpanel-section .csideform {
  position: initial !important;
  background-color: #fff !important;
  border-radius: 7px;
  padding: 3px;
  max-width: 950px !important;
  margin-top: 19px;
}

.modifysearchpanel-section .travellers-serch-wrapper .bs-caret {
  margin-top: 15px !important;
}

.modifysearchpanel-section .frmselect {
  height: 46px;
  border: none !important;
  border-right: 1px solid #ddd !important;
  border-radius: 0 !important;
}

.modifysearchpanel-section .csideform .search-panel .sch-panel-div .srch-panel-col .search-box .search-btn {
  width: 100%;
  height: 62px;
  background-color: #fff !important;
  outline: none;
  text-align: center;
  padding: 0 10px;
  color: #000 !important;
  font-size: 15px;
  cursor: pointer;
  border: solid #0d1536 1px !important;
  border-radius: 7px;
  margin-top: 24px;
  font-weight: 400;
}

.modifysearchpanel-section .csideform .search-panel .sch-panel-div .srch-panel-col .search-box .frminput {
  height: 45px !important;
  line-height: 45px;
  border: none;
  border-right: 1px solid #ddd;
  border-radius: 0;

}


.modifysearchpanel-section .csideform .search-panel .sch-panel-div .srch-panel-col .search-box .search-btn {
  margin-top: 0 !important;
  height: 46px !important;
}

.packg-wrapper {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff !important;
  /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

  margin-bottom: 45px;
  padding: 71px 0px 60px !important;
  height: 165px !important;
  background-position: center;
}

.readmorebutton-hotelist {
  color: var(--primary-color);
  font-weight: 600;
  cursor: pointer;
}

.modifysearchpanel-section .csideform {
  border: 1px solid #ddd !important;
}


.packg-wrapper .page-header-detail h1 {
  color: #fff;
  font-weight: 800;
  font-size: 45px;

}

/* //best seeling pacakages start// */
.pacakges-description .table td,
.pacakges-description .table th {
  font-size: 14px
}

.pacakges-description .table .tb-btn {
  color: var(--primary-color);
  text-decoration: none
}

/* //best seeling pacakages end// */

/* //sticky sidebar start// */
.search-sticky-sidebar .sticky-element {
  border: 1px solid #ddd;
  padding: 10px;
  background: none;
  border-radius: 0;
}

.search-sticky-sidebar .sticky-element .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
}

.search-sticky-sidebar .sticky-element .accordion-button:focus {
  background: none;
  box-shadow: none;
}

.search-sticky-sidebar .sticky-element .element-text {
  color: #3e3e3e;
  font-size: 14px;
  font-weight: 550;
  padding: 0;
  margin-bottom: 8px;
}

.searchbydestination .inutbix {
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 4px;
}

.search-sticky-sidebar .sticky-element .element-conntent-body {
  padding: 0;
}

.element-conntent-body .element-content .frmlabel {
  font-size: 14px;
  color: #3e3e3e;
  font-weight: 400;
}

.element-conntent-body .element-content .frm-box {
  margin-bottom: 17px;
}

.element-conntent-body .element-content .frm-box .frmlabel .icons {
  color: var(--secondary-color);
  margin-right: 7px;
}

.element-conntent-body .element-content .frminput:checked {
  background-color: var(--primary-color);
  border: none
}

.element-conntent-body .element-content .frminput {
  width: 16px;
  height: 16px;
  border: 1px solid #3e3e3e;
}

.element-conntent-body .element-content .frminput[type=checkbox] {
  border-radius: 0;
}

.element-content .frminput-search {
  width: 100%;
  border: 1px solid #ddd;
  outline: var(--primary-color);
  padding: 4px;
}

.element-content .frminput-search::placeholder {
  font-size: 10px;
  color: #3e3e3e;
  font-weight: 500;
  padding: 5px;
}

/* //sticky sidebar end// */
/* //detail list css start// */

.check-hotel-list .single-iffcort h6 {
  font-size: 14px;
  color: #3e3e3e;
  font-weight: 500;
}

.check-hotel-list {
  position: relative;
}

.check-hotel-list .hotel-tab-data li {
  list-style: none;
}

.check-hotel-list .hotel-tab-data li p {
  font-size: 12px;
  color: #455873;
  font-weight: 500;
}

.check-hotel-list .hotel-tab-data li .map-text {
  color: #cd2c22;
  text-decoration: none;
}

.check-hotel-list .htlstar-list .icons {
  font-size: 10px !important;
  color: #0d1536 !important;
}

.check-hotel-list .htlstar-list .disableicons {
  font-size: 10px;
  color: #ddd;
}

.check-hotel-list .htl-text {
  font-size: 19px;
  color: #143a8b;
  font-weight: 500;
  line-height: 28px;
}

.check-hotel-list .room-category {
  font-size: 15px;
  color: #3e3e3e;
  font-weight: 600;
}

.check-hotel-list .room-chekout {
  color: #adb5bd;
  font-size: 12px;
  font-weight: 500;
  margin-top: 4px;
}

.check-hotel-list .cancellation-btn label {
  padding: 4px 15px;
  font-weight: 500;
  border-radius: 4px;
  font-size: 60%;
  background-color: #d4eee3;
  margin-bottom: 10px;
}

.check-hotel-list .room-type-div p {
  font-size: 13px;
  color: #455873;
  font-weight: 500;
}

.detail.ellipsis-container .ellipsis {
  margin: 0 5px 5px 0px;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 4px;
  display: inline-block;
  color: #45596c;
  border: 1px dashed #ccd5de;
}

.check-hotel-list .room-type-div a {
  font-size: 13px;
  color: #cd2c22 !important;
  font-weight: 500;
  text-decoration: none;
}

.card-right-details .text-size {
  font-size: 16px;
  font-weight: 500;
}

.text-badge {
  font-size: 16px;
  font-weight: 500;
}

.card-right-details .request-btn {
  padding: 5px 2px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: var(--primary-color);
  color: #ffff;
  width: 132px;
  font-size: 12px;
  font-weight: 400 !important;

}

.card-right-details .request-btn:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.check-hotel-list .text-badge span {
  position: absolute;
  top: 30px;
  left: 13px;
  font-size: 16px;
  font-weight: 500;
}

/* //traveller hotel start// */
.travel-count-hotel {
  background: #fff;
  padding: 12px;
  z-index: 999;
  border-radius: 10px;
  min-width: 20rem;
  position: absolute;
  box-shadow: rgba(72, 72, 72, 0.2) 0px 15px 20px;
  top: 74px;
}

.travel-count-hotel .headline p {
  color: #757575;
  font-size: 11px;
  font-weight: 500;
}

.travel-count-hotel .apply-btn button {
  padding: 10px 20px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: var(--primary-color);
  color: #ffff;

  outline: none;
  border: none;
  float: right;
  width: 100%;
}

.travel-count-hotel .text {
  font-size: 14px;
  font-weight: 500;
}

.travel-selection-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.travel-selection-box label {
  color: #000;
  font-weight: 500;
  font-size: 19px;
  margin-bottom: 0;
}

.room-artical-list .frmselect {
  color: #000;
  border: 1px solid #ddd;
  border-radius: 0;
  margin-bottom: 13px;
}

.room-artical-list .frmselect:focus {
  box-shadow: none;
  border: 1px solid var(--primary-color);
}

.room-artical-list .incrbtn {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
}

.travellers-serch-wrapper .bs-caret {
  float: right;
}

.room-artical-list .incrbtn i {
  color: #fff;
}

.room-artical-list .incrbtnBox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.room-artical-list .incrbtnBox input {
  width: 50px;
  height: 37px;
  border: none;
  outline: none;
  font-size: 16px;
  display: inline;
  text-align: center;
  border-radius: 10px;

}

.select-child-div .frmslct {
  height: 35px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  width: 100%;
  cursor: pointer;
  font-size: 12px;
  margin: 10px 0 20px 0;
  font-weight: 500;
}

.select-child-div .frmslct:focus {
  box-shadow: none;
}


/* //traveller hotel end// */
/* //detail list css end// */

/* //hotel listing css end// */

/* //hotel detail css start// */

.packageSecion_Img{
  position: relative;
}
.viewmorebutton-galler {
  position: absolute;
  bottom: 35px;
  right: 30px;
}
.viewmorebutton-galler button {
  font-size: 13px;
    background: #fff;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
}
.background-hotelcard {
  background-color: #fff;
}
.taxesflex-design {
    display: flex;
    align-items: center;
}
.card-journey-small {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  border: 1px solid #e4e6e8;
  max-width: 403px;
  width: 100%;
  margin-bottom: 40px;
}
.card-journey-small .card-image {
  position: relative;
  overflow: hidden;
  height: 326px;
}
.card-journey-small .card-image img {
  display: block;
  width: auto;
  height: 100%;
  max-width: none;
  min-width: 100%;
  object-fit: cover;
}
.card-journey-small .card-info {
  padding: 22px 18px;
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  margin-top: -40px;
}
.card-journey-small .card-info .card-title {
  margin-bottom: 8px;
}
.card-journey-small 
.heading-6, h6 {
  font-size: 16px;
  line-height: 21px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
}
.card-journey-small .card-info .card-program {
  position: relative;
}
.card-journey-small .card-info .card-program .card-duration-tour {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.card-journey-small .card-info .card-program .endtime {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-journey-small .card-info .card-program .endtime .card-price {
  display: flex;
  align-items: flex-end;
}
.card-journey-small .card-info .card-program .endtime .card-price h6 {
  margin-right: 6px;
}
.card-journey-small .btn.btn-gray {
  padding: 8px 18px !important;
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  background-color: #f2f4f6;
  border-radius: 50px;
  border: 1px solid #e4e6e8;
}
.similarhotel-slider .owl-prev {
  position: absolute;
  top: 40%;
  left: 0;
}

.similarhotel-slider .owl-next {
  position: absolute;
  top: 40%;
  right: 0;
}

.similarhotel-slider .owl-next,
.owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;

}
.roomselection-hotel {
  border: 1px solid #ddd;
  padding: 17px;
  border-radius: 10px;
  background:#fff;
}
.otherfacilities-cancelation ul{
  padding-left: 0px;
  margin: 10px 1px; 
  cursor: pointer;
}
.otherfacilities-cancelation ul  li{
  font-size: 14px;
  color: #1a7971;
  font-weight: 400; 
}
.otherfacilities-cancelation ul li{
 list-style: none;
}
.dateselectedhotel {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
  cursor: pointer;
}
.pricingsectionpanel-sec {
  margin-top: 20px;
}
.pricingsectionpanel-sec p{
  color: #9ca3af;
  font-size: 13px;
  margin: 0;
  margin-bottom: 4px;
}
.pricingsectionpanel-sec h4{
  font-size: 30px;
  font-weight: 900;
}
.pricingsectionpanel-sec a{
  background: var(--primary-color);
  text-decoration: none;
  color: #fff;
  padding: 12px 10px;
  display: inline-block;
  border-radius: 6px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  margin-top: 9px;
  cursor: pointer;
  font-weight: 400;
}
.otherfacilities-list ul{
  padding-left: 20px;
  margin: 10px 1px;
  cursor: pointer;
}

.otherfacilities-list ul li{
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

.dateselectedhotel .dates-panel {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  margin-bottom: 11px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.dateselectedhotel .dates-panel:last-child{
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.datesdetail-secton .datessec {
  margin: 0;
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.datesdetail-secton .headsec {
  margin: 0;
  color: #9ca3af;
  font-weight: 400;
  font-size: 14px;
}
/* .dates-panel .svgicon svg{
  color: #9ca3af;
} */

.roomnae-section h3 {
  font-size: 17px;
  font-weight: 500;
  color: #000;
}

.galleryGrid {
  display: grid;
  grid-template-columns: 0.52fr 0.24fr 0.24fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

.galleryGrid.typeGrid_1>*:nth-child(1) {
  grid-row: 2 span;
}

.galleryGrid.typeGrid_2>*:nth-child(1) {
  grid-row: 2 span;
}

.galleryGrid.typeGrid_2>*:nth-child(2) {
  grid-column: 2 span;
}

.galleryGrid.typeGrid_3 {
  grid-template-columns: 0.52fr 0.24fr 0.24fr 0.24fr 0.24fr;
}

.galleryGrid.typeGrid_3>*:nth-child(1) {
  grid-row: 2 span;
}

.galleryGrid.typeGrid_3>*:nth-child(6),
.galleryGrid.typeGrid_3>*:nth-child(7) {
  grid-column: 2 span;
}

.galleryGrid.typeGrid_1 img {
  height: auto !important;
}

.galleryGrid.typeGrid_1 img,
.galleryGrid.typeGrid_2 img,
.galleryGrid.typeGrid_3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.couponSep {
  border-bottom: 1px solid #e3e9ed;
  position: relative;
  margin: 30px 0;
}

.couponSepText {
  width: 28px;
  height: 28px;
  background: #f1f6f9;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #f1f6f9;
  position: absolute;
  top: -13px;
  border-radius: 30px;
  left: 45%;
  padding: 4px 4px;
  color: #bcc9d1;
}

.crd-heaader-first {
  margin-bottom: 25px;
}

.crd-heaader-first h4 {
  font-weight: 500;
  color: #3e3e3e;
  font-size: 21px;
}

.detail-ellipsis-container p {
  color: #5d6f7d;
  font-size: 14px;
  padding-top: 3px;
}

.detail-ellipsis-container p a {
  text-decoration: none;
  color: #cc2d23 !important;

}

.ellipsis-item__normal.separate {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 5px;
  background-color: #ced2d9;
}

.touritem-middle {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.expott-info .tab-list-details li {
  list-style: none;
  color: #000;
  font-weight: 500;
  font-size: 13px;
}

.flight-foots {
  position: relative;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.low-price .tag-span {
  font-size: 13px;
  font-weight: 500;
  color: #5f7388;
}

.pop-touritem-bg {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0 8px 16px 0 rgba(15, 41, 77, 0.08);
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.pop-touritem-bg .bg-cover {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: 0.2s;
  background-position-y: -10px;
}

.pop-touritem-bg .touritem-cnt {
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding: 0 24px 16px;
}

.detail.ellipsis-container .ellipsis {
  margin: 0 5px 5px 0px;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 4px;
  display: inline-block;
  color: #45596c;
  border: 1px dashed #ccd5de;
}

.flight-footer {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.star-rates {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 11px;
  letter-spacing: 3px;
}

.star-rates .fa-solid.active {
  color: #ffa31a;
}

.rat-reviews {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 2px;
}

.rat-reviews span {
  margin-left: 3px;
  color: #455873;
  font-size: 12px;
  font-weight: 500;
}

.activities-flex {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #05264e;
}

.activities-flex li {
  list-style: none;
}

.activities-flex li .actv-wrap-caps {
  color: #808fa0;
  font-size: 13px;
}

/* .package-tab-start {
  background-color: #1332b10a;
} */

.package-tabs-body .package-tab-start .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: var(--primary-color) !important;
  color: #ffffff !important;
}

.package-tabs-body .package-tab-start .nav-pills.primary .nav-link {
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.tab-list-info .card-header {
  background: none !important;
  padding: 17px;
}

.tab-list-info .card-header h4 {
  color: var(--primary-color);
  margin-bottom: 0;
  font-weight: 500;
}

.tab-list-info .card-body p {
  font-size: 14px;
  color: #5d6f7d;
  line-height: 1.8;
  font-weight: 400;
  text-align: left;
}

.table-contentprice .princeOurs {
  font-size: 24px;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-weight: 600;
  margin-bottom: 9px;

}

.tab-list-info .card-body .tab-list-details li {
  list-style: none;
  color: #5d6f7d;
  font-size: 13px;
  font-weight: 500;
}

.room-selection-details h5 {
  font-size: 15px;
  color: #3e3e3e;
  font-weight: 600;
}

.room-selection-details .image {
  width: 30px;
}

.room-detail-sec-start .card-header {
  background: #fff;
  padding: 17px;
}

.room-detail-sec-start .card-header h6 {
  color: #000;
  font-weight: 500;
  font-size: 16px;

}


.guest-reviews .dfls-headers h5 {
  font-size: 14px;
  color: #3e3e3e;
}

.guest-reviews .dfls-secription p {
  font-size: 13px;
  color: #5d6f7d;
  line-height: 1.8;
  font-weight: 500;
  text-align: justify;
}

.guest-reviews .dfls-arrios span {
  font-size: 13px;
  color: #adb5bd !important;

}

.guest-reviews .sbms-rewsbox .alert-succes {
  color: #27a974;
  background-color: #d4eee3;
  border-color: #27a974;
}

.guest-reviews .sbms-rewsbox span {
  font-size: 1px;
}

.itineary-section-tabs .accordion-button:not(.collapsed) {
  color: #cd2c22;
  background-color: #cd2c221a;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;

}

.itineary-section-tabs .accordion-button:focus {
  color: #cd2c22;
  background-color: #cd2c221a;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 500;
}

.itineary-section-tabs .accordion-item {
  margin-bottom: 20px;
}

.itineary-section-tabs .accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  color: #3e3e3e;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
}

.itineary-section-tabs .itinery-tabs-list li {
  list-style: none;
  font-size: 13px;
  color: #3e3e3e;
  font-weight: 500;
}

.itineary-section-tabs .itinery-tabs-list li .icons {
  color: #adb5bd;
}

.itineary-section-tabs .exportial p {
  font-size: 14px;
  color: #5d6f7d;
  line-height: 1.8;
  font-weight: 500;
  text-align: justify;
}

.check-hotel-list .single-iffcort h6 {
  font-size: 14px;
  color: #3e3e3e;
  font-weight: 500;
}

.check-hotel-list .hotel-tab-data li {
  list-style: none;
}

.check-hotel-list .hotel-tab-data li p {
  font-size: 13px;
  color: #455873;
  font-weight: 500;
}

.check-hotel-list .hotel-tab-data li .map-text {
  color: #cd2c22;
  text-decoration: none;
}

.check-hotel-list .htlstar-list .icons {
  font-size: 10px;
  color: #f0b503;
}



.check-hotel-list .room-category {
  font-size: 13px;
  color: #455873;
  font-weight: 400;
}

.check-hotel-list .room-chekout {
  color: #adb5bd;
  font-size: 12px;
  font-weight: 500;
  margin-top: 4px;
}

.check-hotel-list .cancellation-btn label {
  padding: 4px 15px;
  font-weight: 500;
  border-radius: 4px;
  font-size: 60%;
  background-color: #d4eee3;
  margin-bottom: 10px;
}

.check-hotel-list .room-type-div p {
  font-size: 13px;
  color: #455873;
  font-weight: 500;
}

.check-hotel-list .room-type-div a {
  font-size: 13px;
  color: #cd2c22 !important;
  font-weight: 500;
  text-decoration: none;
}

.sidebar-div .single-card .label-text {
  font-size: 12px;
  color: #5d6f7d;
  font-weight: 500;
}

.sidebar-div .single-card .price-text span {
  color: #000;
  font-weight: 700;
  font-size: 30px;
}

.sidebar-div .single-card .price-text {
  color: #5d6f7d;
  font-size: 12px;

}

.sidebar-div .single-card .offer-section {
  font-size: 12px;
  padding: 6px;
}

.sidebar-div .single-card .frminput::placeholder {
  color: #5d6f7d;
  font-size: 12px;
}

.sidebar-div .single-card .frminput {
  width: 100%;
  border: 1px solid #ddd;
  padding: 4px 10px;
}

.sidebar-div .single-card .frminput:focus {
  outline: none;
  border: 1px solid var(--primary-color) !important;
}

.sidebar-div .single-card .frmselect {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0;
  color: #5d6f7d;
  font-size: 12px;
  padding: 4px 10px;
}

.sidebar-div .single-card .frmselect:focus {
  outline: none;
  border: 1px solid var(--primary-color) !important;
  box-shadow: none;
}

.sidebar-div .single-card .book-btn {
  font-size: 10px;
  border-radius: 0;
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
}

.sidebar-div .single-card .book-btn:hover {
  background-color: var(--secondary-color);
  color: #fff;
}


.sidebar-div .single-card .download-btn {
  text-decoration: none;
  color: #cd2c22;
  font-size: 14px;
  font-weight: 500;
}

.package-code .text {
  color: #3e3e3e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;

}

.package-code .code {
  color: #3e3e3e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;

}

.package-code .queston {
  font-size: 17px;
  color: #3e3e3e;
  font-weight: 600;
  margin-top: 10px;
}

.package-code .help {
  font-size: 14px;
  color: #5d6f7d;
  line-height: 1.8;
  font-weight: 500;
  text-align: justify;
}

.package-code .cnct-details .call {
  color: #3e3e3e;
  font-weight: 500;
  text-decoration: none;
  font-size: 15px;
}

.package-code .cnct-details .call .icons {
  color: var(--secondary-color);
  margin-right: 10px;
}

.package-code .cnct-details .email {
  color: #3e3e3e;
  font-weight: 500;
  text-decoration: none;
  font-size: 15px;
}

.package-code .cnct-details .email .icons {
  color: var(--secondary-color);
  margin-top: 10px;
  margin-right: 10px;
}

.package-code .cnct-details .ask-btn button {
  margin-top: 15px;
  border: none;
  outline: none;
  background: var(--primary-color);
  color: #fff;
  width: 100%;
  padding: 6px;
  font-size: 13px;
}

.question-trigger-enquiry .qnuery-header {
  background-color: var(--primary-color);
  color: #fff;
}

.galleryGrid .galleryGrid__item:nth-child(1) a img {
  height: auto;
}

.galleryGrid .galleryGrid__item:nth-child(2) a img {
  height: 185px;
}

.sortby-filter_btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 0 !important;
  font-size: 17px;
  color: #fff !important;

  background-color: var(--primary-color) !important;
  z-index: 99;
}

.sort_title {
  color: #3e3e3e;
  font-weight: 500;
  font-size: 14px;
}

/* .fixedhotel_type {
  position: fixed;
  width: 90%;
  top: 0px;
  margin: auto;
  z-index: 99;
  right: 0;
  left: 0;
  transition: .5s;
  background-color: var(--primary-color);
} */

.sort_title .icons {
  margin-right: 10px;
}

.hotel-detail-image .image img {
  height: 450px;
  border-radius: 10px;
}

.card-header-div h4 {
  font-weight: 500;
  color: var(--primary-color);
  font-size: 23px;
  font-weight: bold;
}

.card-header-div p {
  color: #455873;
  font-size: 14px;
  padding-top: 3px
}

.card-header-div p a {
  color: var(--primary-color) !important;
  font-weight: 500 !important;
  text-decoration: none;

}

.hotel-right-sec {
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}

.hotel-right-sec .detail-amin .heading h5 {
  padding: 15px 10px;
}

.hotel-right-sec .detail-amin .heading h5 {
  color: #3e3e3e;
  font-size: 16px;
  font-weight: 500;


}

.hotel-right-sec .tab-list-details {
  padding: 0 10px;
}

.hotel-right-sec .tab-list-details li {
  list-style: none;
  color: #5d6f7d;
  font-size: 13px;
  font-weight: 500;
}

.hotel-right-sec .view-text a {
  padding: 2px 10px;
  color: #cd2c22 !important;
  font-weight: 500;
  font-size: 17px;
}

.room-check-list {
  margin-bottom: 10px;
}

.left-side-room-div {
  border: 1px dashed #ddd;
  padding: 10px;
}

.inlusions-div-data ul {
  padding-left: 0;
  flex-wrap: wrap;
}

.inlusions-div-data .heading {
  color: #000;
  font-size: 17px;

  margin: 20px 0 10px 0;
}

.inlusions-div-data ul li {
  list-style: none;
  margin-right: 11px;
  font-size: 12px;
  color: #5d6f7d;
  margin-bottom: 19px;
  font-weight: 400;
}

.price-stay-room h5 {

  color: #cc2d23;
}

.room-check-list .cardImage__caps img {
  height: 190px;
}

.details-rooms-div .name h3 {
  font-size: 16px;
}

.details-rooms-div .name p {
  font-size: 14 px;
  margin-bottom: 0;
}

.details-rooms-div {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px 10px;
  position: relative;
  margin-top: 30px;
}

.details-rooms-div .close-btn-div {
  position: absolute;
  top: 5px;
  right: 12px;
  background: #ffe6e5;
  width: 26px;
  height: 27px;
  margin: auto;
  text-align: center;
  border-radius: 100%;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 27px;
}

.details-rooms-div .book-now-btn a {
  padding: 10px 20px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: var(--primary-color);
  color: #fff !important;
  width: 100%;
  margin-top: 20px;
}

.details-rooms-div .total-price {
  text-align: right;
  margin-top: 16px;
  color: #000;
  font-weight: 600;
  font-size: 16px;

}

.inlusions-div-data ul li .icons {
  color: green;
}

.right-side-room .text {
  text-align: center;
  border: 1px dashed #ddd;
  padding: 13px;
  margin-top: 20px;
}

/* .fixedtop_package {
  position: fixed;
  width: 100% !important;
  margin: auto;
  z-index: 9 !important;
  right: 0;
  left: 0;
  top: 0px;
  transition: .5s;

} */

.package-tab-start {
  cursor: pointer;
}

/* .amonities-div-hotel {
  border: 1px solid #ddd;
  padding: 1px 15px;
  margin-bottom: 30px;
} */

/* #hotel-detail-slider .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block !important;
} */

#hotel-detail-slider .owl-nav .owl-prev {
  background: #ffe6e5 !important;
  padding: 1px 16px !important;
  border-radius: 100%;
  color: red !important;
  font-size: 29px !important;
  position: absolute;
  top: 44%;
  left: -24px;
  height: 40px;
  width: 40px;
  line-height: 40px !important;
}

#hotel-detail-slider .owl-nav .owl-prev span {
  margin-top: -2px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#hotel-detail-slider .owl-nav .owl-next {
  background: #ffe6e5 !important;
  padding: 1px 16px !important;
  border-radius: 100%;
  color: red !important;
  font-size: 29px !important;
  position: absolute;
  top: 44%;
  right: -24px;
  height: 40px;
  width: 40px;
  line-height: 40px !important;
}

#hotel-detail-slider .owl-nav .owl-next span {
  margin-top: -2px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media(max-width:768px) {
  .galleryGrid .galleryGrid__item:nth-child(1) a img {
    height: 100%;
  }

  .offer-list-box .offer-img img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
  }

  .card-package-visit {
    margin-top: 10px;
  }
}

.hoteldetailimg-one img {
  width: 100%;
  height: 411px !important;
  object-fit: cover;
  border-radius: 6px;
}

.hoteldetailimg-two img {
  width: 100%;
  height: 200px !important;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 10px;
}



/* .Checked_Sec {
  padding: 10px;
  background: #fff;
  margin-top: 20px;
} */

.date_checken {
  display: flex;
  gap: 14px;
  align-items: center;
  border-right: 1px dashed #ddd;
  justify-content: center;
  padding-right: 32px;
}

.date_checken i {
  font-size: 44px;
  padding: 0px 20px;
  border-right: 1px dashed;
}

.dates_here h3 {
  font-weight: 400;
  margin-top: 0px;
  color: #0d1536;
  font-size: 16px;
  margin-bottom: 5px;

}

.datessection-hotelroom {
  display: flex;
  gap: 34px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 15px;
}

.dates_here h1 {
  font-size: 14px;
  margin: 0px;
  color: #5d6f7d;
  font-weight: 400;
}

.secpad {
  padding: 25px 0px;
}

.trv-card {
  border-radius: 2px;
}

.trv-card {
  background-color: white;
  border-radius: 1.2rem;
}

.table_detilsed {
  width: 100%;
  border: none;
  border-collapse: collapse;
}

.table_detilsed th {
  border: 1px solid #ddd !important;
  border-collapse: collapse;
  padding: 20px 10px;
  background: #8f8d8d !important;
  color: #fff;
  font-size: 13px;
  font-weight: 400 !important;
}

ul.room_itenary li {
  list-style: none;
}

.table_detilsed td {
  border: 1px solid #ddd !important;
  border-collapse: collapse;
  padding: 10px 5px;
}

ul.room_itenary {
  margin-top: 16px !important;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.table-contentprice h3 {
  font-size: 15px;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
  margin-bottom: 11px;
}

.room_ixonss {
  font-size: 12px;
  color: #5d6f7d !important;
  font-weight: 400 !important;
  font-weight: 100;
  margin: 0px;
}

.more_viewss {
  font-size: 12px;
  text-decoration: none;
}

.user_ions {
  display: flex;
  align-items: center;
  gap: 5px;
}

.room_Sections select {
  width: 100%;
}

.Flex_itmssIncluded {
  display: flex;
  /*align-items:center;*/
  color: #cc1c1c !important;
  font-size: 13px;
  font-weight: 400;
  gap: 10px;
}

.coupndiv {
  display: flex;
  gap: 10px;
  padding: 0px 10px;
}

.hold_oldPrice {
  margin: 0px;
}

.princeOurs {
  margin: 0px;
}

.hold_oldPrice {
  margin: 0px;
  text-decoration: line-through;
  color: red;
  font-size: 12px;
}

.offerPricein {
  background: green;
  border: none;
  outline: none;
  color: #fff;
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.proceed {
  margin-top: 10px;
  border: none;
  outline: none;
  background: var(--primary-color);
  color: #fff;
  font-size: 14px;
  border-radius: 7px;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
}

@media(max-width:768px) {
  .table_detilsed {
    width: 900px;
  }
}

.table-contentprice {
  display: none;
}

#onlieTable {
  display: block;
}

.table-nav-header {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 21px;
}

ul.table-nav-header li {
  padding: 10px 20px;
  background: gray;
  color: #fff;
  cursor: pointer;
}

ul.table-nav-header .nav-Table.active {
  background: linear-gradient(180deg, #e01616, #c40c0c) !important;
}

.hotelaminitiesread .readmore {
  overflow: hidden;
  text-overflow: initial;
  display: initial;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
}

.readmorebtnhotel {
  color: #0d1536;
  text-decoration: underline;
  font-weight: 500;
  font-size: 15px;
  margin-top: 9px;
  display: inline-block;
}

.price-text strike {
  font-size: 17px;
  color: gray;
  font-weight: 400;
}

.hotelaminitiesread.readmore {
  overflow: hidden;
  text-overflow: initial;
  display: initial;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
}

.mealplanstyleee {
  color: #cc1c1c;
  text-decoration: underline;
}

.hotelaminitiesread {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.roomsimages-slider img {
  width: 100%;
  border-radius: 7px;
  height: 177px;
  object-fit: cover;
}

/* //hotel detail css  end// */


/* //booking preview page css start// */
.booking-preview-page {
  background-color: #f1f5f8;
}

.booking-page-card {
  border: none !important;
  padding: 20px 10px;
}

.booking-page-card .card-header {
  background-color: #fff;
}

.booking-page-card .card-header .text {
  font-size: 19px;
  font-weight: 500;
  color: #000;

}

.booking-page-card .card-header .tittle {
  font-size: 15px;
  font-weight: 500;
  color: #3e3e3e;
}

.booking-page-card .card-header .card-activity .list-activity li {
  font-size: 12px !important;
  font-weight: 500;
}

.booking-page-card .card-header .card-activity .list-activity {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-left: 0;
  font-size: 80%;
  margin-bottom: 0 !important;
}

.booking-form .frmlabel {
  color: #000;
  font-size: 12px;
  font-weight: 500;
}

.booking-form .frminput {
  height: 56px;
  font-size: 14px;
  box-shadow: none;
  border: 1px solid #dadfe6;
  background-clip: initial;
  margin-bottom: 25px;
}

.booking-form .frmselect {
  height: 56px;
  font-size: 12px;
  box-shadow: none;
  border: 1px solid #dadfe6;
  background-clip: initial;
  margin-bottom: 25px;
}

.booking-form .frminput::placeholder {
  color: #000;
  font-size: 13px;
  font-weight: 500;
}

.booking-form .frmselect::placeholder {
  color: #000;
}

.booking-form .frminput:focus {
  box-shadow: none;
  border: 2px solid var(--primary-color);
}

.booking-form .frmselect:focus {
  box-shadow: none;
  border: 2px solid var(--primary-color);
}

.booking-form .frmbtn {
  padding: 10px 20px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: var(--primary-color);
  color: #ffff;

}

.booking-form .frmbtn:hover {
  background-color: var(--secondary-color);
  color: #ffff;

}

.imp-box-known {
  padding: 20px;
}

.imp-box-known .text {
  color: #000;
  font-weight: 500;
  font-size: 18px;

}

.imp-box-known .content {
  font-size: 14px;
  color: #5d6f7d;
  line-height: 1.8;
  font-weight: 500;
  text-align: justify;
}

.imp-box-known .policy-note ul li {
  list-style: none;
}

.imp-box-known .policy-note ul li .text-span {
  font-size: 13px;
}

.reservation-card-details {
  border: none !important;
  padding: 20px 10px;
}

.reservation-card-details .text {
  color: #000;
  font-weight: 500;
  font-size: 17px;

}

.reservation-card-details .dates-block {
  border: 1px dashed #dee2e6;
}

.reservation-card-details .dates-card {
  background-color: #f7f9fc;
}

.reservation-card-details .dates-card .check {
  font-size: 10px;
  font-weight: 500;
  color: #000;
}

.reservation-card-details .dates-card .date {
  font-size: 12px;
  color: #000;
}

.reservation-card-details .dates-card .time {
  font-size: 11px;
  font-weight: 500;
  color: #000;
}

.reservation-card-details .days-text {
  color: #455873;
  font-size: 11px;
  font-weight: 600;
}

.reservation-card-details .room-detail {
  font-size: 13px;
  color: #5d6f7d;
  line-height: 1.8;
  font-weight: 500;
  text-align: justify;
}

.reservation-card-details .room-detail a {
  text-decoration: none;
}

.reservation-card-details .nights-card .icons {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #04765f;
  background-color: #b2e7dc;
  font-size: 12px;
}

.reservation-card-details .nights-card .night {
  font-size: 12px;
  font-weight: 500;

}

.reservation-card-details .total-price-list ul li .text {
  font-size: 16px;
  color: #000;
  font-weight: 500;

}

.reservation-card-details .request-btn {
  padding: 10px 20px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: var(--primary-color);
  color: #ffff;

}

.reservation-card-details .request-btn:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.check-hotel-list .booking-htl {
  font-size: 19px;
  color: #3e3e3e;
  font-weight: 500;
  line-height: 28px;
  ;
}

.hotel-city-head p {
  color: #455873;
  font-size: 12px;
  padding-top: 3px;
}

.preview-image-div .image-con {
  height: 113px;
}

.room-heading-div h4 {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.room-check-save .form-check-input[type="checkbox"] {
  border-radius: 0;
  border: 1px solid #3e3e3e;
}

.room-check-save .form-check-input:checked {
  background-color: var(--primary-color);

}

.room-check-save .form-check-input:focus {
  box-shadow: none;
}

.room-check-save .frmlabel {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}

.promo-code-div .input-offer .input-group {
  position: relative;
}

.promo-code-div .btn-promo {
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 0;
}

.promo-code-div .btn-promo:hover {
  background-color: var(--secondary-color);
}

.promo-code-div .frminput {
  border: 1px solid #ddd;
  border-radius: 0;
}

.promo-code-div .frminput::placeholder {
  font-size: 12px;
  color: #000;
}


/* //booking preview page css end// */


/* .clieintlogo-images img {
  width: auto !important;
  margin: auto;
  height: 43px !important;
} */

.destination-section {
  position: relative;
}

.destination-section .images img {
  width: 100% !important;
  height: 425px;
}

.destination-section .hotel-content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40%;
  padding: 0 15px;
  background: #46464685;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

}

.destination-section .hotel-content h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
  font-weight: 400;
}

.destination-section .hotel-content p {
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
  text-align: center;
  font-weight: 300;

}

/* .hotelsection-content {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
} */

/* .destination-section:hover .hotelsection-content {
  opacity: 1;
  visibility: visible;
} */

.destionation-sliders .owl-prev {
  position: absolute;
  top: 39%;
  left: 0;
}

.destionation-sliders .owl-next {
  position: absolute;
  top: 39%;
  right: 0;
}

.destionation-sliders .owl-next,
.owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;

}

.bestdeatl-sections .images {
  background: #000;
  border-radius: 7px;
  padding: 0;
  margin: 0;
}

.bestdeatl-sections .images img {
  width: 100%;
  height: 471px;
  object-fit: cover;
  border-radius: 7px;
  opacity: 0.9;
}

.bestdeatl-sections {
  position: relative;
}

.bestdeal-contents {
  position: absolute;
  top: 16%;
  z-index: 999;
  left: 10%;
}

.bestdeal-contents h3 {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.3;
}

.destination-box {
  cursor: pointer;
}

.popularthings-box {
  cursor: pointer;
}

.pack-sec-start {
  cursor: pointer;
}

.bestdeal-contents .learnmore-text {
  background: #fff;
  text-decoration: none;
  color: #000;
  font-weight: 400;
  width: 60%;
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-size: 16px;
}

.destination-box .images img {
  width: 100%;
  height: 162px;
  object-fit: cover;
  border-radius: 7px;
}

.destination-box .destination-content h3 {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 500;
  margin-bottom: 0;

}

.destination-box .destination-content p {
  font-size: 12px;
  color: #697488;
  font-weight: 400;
  margin-top: 5px;
}

.popularthings-box {
  position: relative;
}

.popular-content {
  position: absolute;
  bottom: 5px;
  text-align: center;
  left: 23%;
}

.popularthings-box .images {
  background: #000;
  border-radius: 7px;
}

.popularthings-box .images img {
  width: 100%;
  height: 162px;
  object-fit: cover;
  border-radius: 7px;
  opacity: 0.8;
}

.popularthings-box .popular-content h3 {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 500;
  margin-bottom: 0;
  color: #fff;

}

.popularthings-box .popular-content p {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  margin-top: 5px;
  display: none;
}

.bestdeatl-sections {
  cursor: pointer;
}

.twosections-divider {
  background-repeat: no-repeat !important;
  background-size: cover;
  background-image: url('/Content/images/otherimages/dividersection.png');
  padding: 15px 0;
}

.popularhotelfeaturess {
  margin-top: 47px;
}

/* //traveller hotel start// */
.travel-count-hotel {
  background: #fff;
  padding: 12px;
  z-index: 999;
  border-radius: 10px;
  min-width: 20rem;
  position: absolute;
  box-shadow: rgba(72, 72, 72, 0.2) 0px 15px 20px;
  top: 74px;
}

.travel-count-hotel .headline p {
  color: #757575;
  font-size: 11px;
  font-weight: 500;
}

.travel-count-hotel .apply-btn button {
  padding: 10px 20px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: var(--primary-color);
  color: #ffff;

  outline: none;
  border: none;
  float: right;
  width: 100%;
}

.travel-count-hotel .text {
  font-size: 14px;
  font-weight: 500;
}

.travel-selection-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.travel-selection-box label {
  color: #000;
  font-weight: 500;
  font-size: 19px;
  margin-bottom: 0;
}

.room-artical-list .frmselect {
  color: #000;
  border: 1px solid #ddd;
  border-radius: 0;
  margin-bottom: 13px;
}

.room-artical-list .frmselect:focus {
  box-shadow: none;
  border: 1px solid var(--primary-color);
}

.room-artical-list .incrbtn {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
}

.travellers-serch-wrapper .bs-caret {
  float: right;
}

.room-artical-list .incrbtn i {
  color: #fff;
}

.room-artical-list .incrbtnBox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.room-artical-list .incrbtnBox input {
  width: 50px;
  height: 37px;
  border: none;
  outline: none;
  font-size: 16px;
  display: inline;
  text-align: center;
  border-radius: 10px;

}

.searchpanel-labelsection {
  color: var(--primary-color);
  font-size: 15px;
  font-weight: 500;
  width: 100%;
}

.csideform {
  background: rgba(255, 255, 255, 0.5) !important;
  padding: 10px;
  /* position: absolute; */
  /* width: 100%; */
  /* left: 0; */
  position: absolute;
  bottom: 0;
  /* top: 0; */
  right: 0;
  left: 0;
  max-width: 1000px;
  margin: auto;
}

.select-child-div .frmslct {
  height: 35px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  width: 100%;
  cursor: pointer;
  font-size: 12px;
  margin: 10px 0 20px 0;
  font-weight: 500;
}

.select-child-div .frmslct:focus {
  box-shadow: none;
}

/* //traveller hotel end// */

@media(max-width: 768px) {
  .csideform {
    position: initial;

  }



  .local-scroll {
    /* background: #0d1536; */
    transform: translateX(-50%);
    bottom: 0px;
    border-radius: 50% 50% 0% 0%;
    /* padding: 5px 26px; */
  }

  .local-scroll .scroll-down {
    translate: 0 !important;
  }

  .local-scrollup .scroll-down {
    translate: -14px !important;
  }

  .bestdeatl-sections .images {
    margin-bottom: 10px;
  }

  /*
  .packg-wrapper {
    height: 68vh;
  } */

  .modifysearchpanel-section .csideform .search-panel .sch-panel-div .srch-panel-col .search-box .frminput {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  .modifysearchpanel-section .frmselect {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  .pacakge-datils-entry .aminities-list {
    gap: 0;
  }

  .pacakge-datils-entry {
    padding: 10px 21px 13px 10px;
  }

  .crd-heaader-first h4 {
    font-size: 22px;
    font-weight: 400;
  }

  .packageSecion_Img {
    padding: 0 4px !important;
  }

  .hoteldetailimg-one img {
    height: 270px !important;
  }

  .hoteldetailimg-two img {
    height: 130px !important;
  }

  .card.border-0.p-3.mb-4 {
    padding: 0 !important;
  }

  section.package-detail-section {
    margin-top: 80px;
  }

  .pacakge-datils-entry .card.border-0.p-3.mb-4 {
    padding: 0 !important;
  }

  .imagesone-packagetwo {
    margin: 2px;
  }

  .imagesonecollll {
    padding: 0 !important;
  }

  .imagefourcolll {
    padding: 0 !important;
  }

  .imagesone-packagee img {
    height: 320px;
  }

  .imagesone-packagetwo img {
    width: 100%;
    height: 156px;
    border-radius: 7px;
    margin-bottom: 1px;
    object-fit: cover;
    cursor: pointer;
  }

  .mobviewscrollldata {
    overflow-x: scroll;
  }

  .mobviewsliderrrr {

    width: 555px;
  }

  .itnirary-names {

    font-size: 13px;
    margin-bottom: 0;
    line-height: 1.7;
  }

  .itinrarydays {
    display: none;
  }

  .bestdeal-contents h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 1.7;
  }

  .things-img img {
    height: 200px;
  }

  .bestdeal-contents .learnmore-text {
    width: 100%;
  }

  .bestdeatl-sections .images img {
    height: 200px;
  }

  .pack-section .pack-sec-start .pack-img img {
    height: 200px;
  }

  .popularthings-box .images {
    margin-bottom: 10px;
  }

  .testimonialbuttonnss {
    display: flex;
    justify-content: start;
  }

  .things-content {
    left: 10px;
  }

  .package-highlights-panel {
    overflow-x: scroll;
  }

  .highlghtedtabs-section {
    width: 790px;
  }

  .dates_here h1 {
    font-size: 13px;
  }

  .packg-wrapper {
    height: 45vh !important;
    padding: 47px 0px 60px;
  }

  /* .themeslider .owl-nav button.owl-prev {
    display: none !important;
  }

  .themeslider .owl-nav button.owl-next {
    display: none !important;
  } */

  .destination-section .images img {
    width: 100% !important;
    height: 200px;
    object-fit: cover;
    border-radius: 7px;
  }

  .destionation-sliders .owl-prev {
    top: 29%;
  }

  .destionation-sliders .owl-next {
    top: 29%;
  }
}

.hotelcontactnumber {
  text-decoration: none;
  color: #455873;
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
  font-weight: 600;
}

/* //traveller counter css start// */
/* .searchformaddrom-section {
  margin-top: 24px;
} */

.search-group-wrapper {
  background: #fff;
  width: 450px;
  position: absolute;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 15px;
  border-radius: 7px;
  top: 93px;
  z-index: 99;
  max-height: 313px;
  overflow-y: scroll;
}

.search-group-wrapper::-webkit-scrollbar {
  width: 4px;
}

.roomsheaderappend {
  font-weight: 600;
  font-size: 17px;
  color: var(--primary-color);
}

.travelcounter-minup {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.search-group-wrapper :-webkit-scrollbar-track {
  background: #f1f1f1;
}

.search-group-wrapper::-webkit-scrollbar-thumb {
  background: #888;
}

.search-group-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.addromhotelbutton {
  background: var(--primary-color);
  border: none;
  padding: 10px;
  width: 47%;
  border-radius: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.search-group-wrapper .adultsectionperson-design {
  max-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.search-group-wrapper .form-control {
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

.crossroomsbuttonstylee {
  position: absolute;
  top: 45px;
  right: 0;
  background: var(--primary-color);
  width: 30px;
  height: 30px;
  line-height: 23px;
  border-radius: 100%;
  border: none;
  color: #fff;
}

.booking-modal-room-artical {
  position: relative;
  margin-bottom: 17px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 21px;

}

.search-group-wrapper span.edit-qty.minus {
  background: #F4F5F5;
  width: 77px;
  height: 29px;
  font-size: 12px;
  border-radius: 100%;
  line-height: 28px;
}

.search-group-wrapper span.edit-qty.plus {
  background: #F4F5F5;
  width: 77px;
  height: 29px;
  font-size: 12px;
  border-radius: 100%;
  line-height: 28px;
}

.search-group-wrapper .add-child-counts {
  margin-top: 27px;
}

.search-group-wrapper .childcountselect {
  padding: 0;
  margin: 0;
  text-align: left;
  border: 1px solid #ddd;
  padding-left: 13px;
  height: 40px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-top: 5px;
}



.serch-room-count.active {
  display: block;
}

/* //traveller counter css end// */

@media(min-width: 768px) {
  .searchbarfixed-sec {
    background: #fff !important;
    padding: 10px;
    position: fixed;
    right: 0;
    left: 0;
    max-width: 1000px;
    margin: auto;
    z-index: 9999 !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px 10px 0 0;
  }

  .searchbarfixed-sec .search-group-wrapper {
    top: -209px;
    max-height: 190px;
  }

}

@media(max-width: 768px) {
  .panelsectiontogglenone {
    display: none !important;
  }

  .destination-section .hotel-content{
    display: none;
  }
 
}
/* hotel lising */



  /*  */
  
  @media (max-width: 768px) {
    .chooseHotelOpion {
      margin-top: 10px;
    }
    .brdsrachstyle {
      padding: 10px !important;
    }
    .populer-destinations-card {
      margin-bottom: 10px;
    }
    .iconscadss {
      height: 40px !important;
    }
    .titileHEdd {
      text-align: center;
    }
    .banner_form{
      padding: 0px;
  }
  .recentbox{
      margin-bottom: 30px;
  }
  }
/* responsive */


/* package Listing */

.banner_listing_pack {
  background: #e9f2fa url(../Images/bgmap.png);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 140px;
  position: relative;
}

.svgStyle{
  position: absolute;
  bottom: -10px;
  left: 0;
}
  
.searchfilter{
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.banner_listContent h1{
  font-size: 30px;
  color: #214182;
}
.banner_listContent p{
  color: gray;
}


.listHere_categoriess{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 16px;
}

.here_packk_tile {
  font-size: 11px;
  padding: 1px 7px;
  border: 1px solid #c100a8;
  border-radius: 5px;
  margin-bottom: 8px;
  color: #c100a8;
  font-weight: bold;
}

.listOfTour_include{
  display: flex;
  gap: 0px;
  
border-left:1px solid #ddd;
  width: fit-content;
  margin-top:10px
}
.itmeOf_incluTours {
  position: relative;
}
.itmeOf_incluTours svg {
  height: 22px;
  width: 49px !important;
  color: var(--primary-color);
  text-wrap: nowrap;
  border-right: 1px solid #dddd;
 
}

.hoverCss {
  position: absolute;
  bottom: 25px;
  left: 50%;
  font-size: 10px;
  background: blue;
  color: #fff;
  border-radius: 2px;
  padding: 0px 5px;
  transform: translateX(-50%);
  transition: .5s all;
  opacity: 0;
  text-wrap: nowrap;
}

.itmeOf_incluTours:hover .hoverCss {
  opacity: 1;
  bottom:25px;
}

.priceTag_pack_listin{
  height:100%;
  background: #e9f2fa;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #7bc5f5;
}
.text_limit{
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 13px;
}
.tourincludes{
  margin-bottom: 18px;
}
.daysDate_listng{
  margin-top:10px;
}
.daysDate_listng .countingFex{
  display: flex;
  gap:20px;
  flex-wrap: nowrap;
}
.font_sixe_15{
  font-size: 15px !important;
  color: gray;
}
.sunicons svg{
  color:#ff9b00;
}

.mapiconss svg{
  color: #064282;
}

.calandaricon{
  color:#0800ff;
}
.days_countss_pack{
  position:relative;
  cursor: pointer;
}
.dropdown_menu_style{
  padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, .5);
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 250px;
    transform: translateX(-50%);
    left: 50%;
    transition: .5s all;
    display: none;
    cursor: pointer;
}
.widhincresed{
  width: 399px;
}

.soldOut_Date {
  text-decoration: line-through;
  color: gray;
 
  border-bottom: 1px solid;
}

.packe_tableavilale td{
  padding: 5px 0px;
  border-bottom:1px solid #ddd;
  font-weight: bold;
}

.Stat_remening span{
  display: none;
}

.stat_soldout span{
  background: red;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
}
.titleOf_drop{
  font-size: 15px;
  color: blue;
}
.dropdown_menu_style ul {
  padding-left: 10px;
  border-left: 1px dashed gray;
}

.dropdown_menu_style ul li:nth-child(1){
  margin-left: -18px;
  background: #fff;
}
.dropdown_menu_style li {
  font-size: 15px;
  color: gray;
}

.pinTrigger{
  position: relative;

}
.pinTrigger:after {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  content: '';
  background: #fff;
  rotate: 45deg;
  border-left: 1px solid #e6f2fa;
  border-top: 1px solid #e6f2fa;
}
.days_countss_pack:hover .dropdown_menu_style{
  display: block;
}


.detils_container{

    margin-top: 20px;
}

.inputstyel{
  outline: none;
  border:none;
}
.styleminus{
  height: 20px;
  width: 20px;
  background: #003c8b;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}
.listOfDetails_include{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap:5px;
}
.tourPackage_inludes{
  padding: 10px;

  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.tourPackage_inludes svg {
 
  height: 20px;
  width: 20 px;
  color: var(--primary-color);

  
}

.packBox_detils{
  padding: 0px;
  background: #fff;
  box-shadow: 0px 0px 10px -7px;
  margin-bottom: 20px;
  overflow: hidden;
}

.card_body_padding{
  padding: 10px;
}

.packCardHead{
  padding: 17px;
  border-bottom: 2px solid #ebf2fa;
  background:#ebf2fa;

}
.viewheding{
  color:var(--primary-color);
  margin-bottom: 0px;
}
.peradeatils{
  line-height: 27px;
    font-size: 15px;
}


.clasmaindays {
  display: flex;
  gap: 10px;
}
.tabskoe {
  text-wrap: nowrap;
  display: flex;
  /* width: 160px; */
}
.dyingss {
  font-size: 17px;
  color: gray;
}
.widget-itinerary .widget-header:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 15px;
  height: 15px;
  left: -28.5px;
  top: 6px;
  border-radius: 40px;
  border: 3px solid #000;
}
.widget-itinerary .widget-header {
  position: relative;
  margin-bottom: 6px;
}
.ticon{
  float: right;
  height: 30px;
  width: 30px;
 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  
  cursor: pointer;

}
.destinaction{
  /* font-weight: bold; */
  color: #184272;
}
.widget-description{
  border-top:1px solid #ddd;
}

.tdStylesdf td{
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ddd;
  color: #274172;
  font-weight: 500;
}
.packageTabs button {
  font-size: 17px !important;
  border-radius: 10px 10px 0px 0px !important;
  padding: 12px 0px !important;
}
.package-section-list{
  padding: 16px;
}

.package-section-list li{
  list-style: circle;
    /* color: green; */
    margin-left: 10px;
    line-height: 29px;
    font-size: 15px ;
}

.exclusion-table li{
color: red ;
}
.preparation-list li{
  color:#000;
}

.pacakgeHotel_img{
  width: 100%;
  height: 164px;
  border-radius: 10px;
  object-fit: cover;
}

.shortOverfiew_dsf{
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 15px;
}
.geTTabs{
  justify-content: space-between;
  border: none;
  background: whitesmoke;
  border-radius: 20px;
}
.sharelinks svg {
  width: 100%;
  height: 27px;
  color: #274172;
  margin-bottom: 5px;
}
.sharelinks h6{
  font-size: 13px;
  text-align: center;
}
.sharelinks a{
  text-decoration: none;
}