p,
h1,
h2,
h4 {
  padding: 0px;
  margin: 0px;
}

body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}

#banner {
  padding: 187px 0;
  background-image: url(../images/hero-banner.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* height: 485px; */
  position: relative;
  top: 0px;
  z-index: -1;
}

.banner-section-left {
  /* display: flex; */
  /* height: 508px; */
  align-items: center;
  position: relative;
  z-index: 99;
}

.logo-part img {
  max-width: 158px;
}

.right-part ul{
  display: flex;
  gap: 20px;
  align-items: center;
}
.right-part ul li a{
  display: flex;
  gap: 8px;
  align-items: center;
}
.right-part li a p {
  color: #fff;
  font-size: 15px;
}

.nav-item-buttom .nav-link{
  border-radius: 5px;
  padding: 7px 9px;
  background-image: linear-gradient(#53b2fe, #065af3);
}
.nav-item-buttom .login-signup span {
  margin-right: 5px;
}

/* a.btn.acount-button {
  background-image: linear-gradient(#53b2fe, #065af3);
}

a.btn.acount-button {
  background-image: linear-gradient(#53b2fe, #065af3);
  border: none;
  color: #fff;
  font-family: var(--default-font);
  font-size: 15px;
}

a.btn.acount-button i {
  margin-left: 4px;
  font-size: 10px;
} */


.right-part {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 54px;
}

div#heading-part {
  background-color: #ffffff1c;
  position: fixed;
  width: 100%;
}
.fixed#heading-part{
  background-color: #000;

}
.banner-content{
  width: 50%;
}
.banner-content h3 {
  font-family: var(--sub-font);
  font-size: 30px;
  color: #fff;
}

.banner-content h1 {
  color: #fff;
  font-weight: 700;
  margin-top: 18px;
  font-family: var(--nav-font);
}






















/* Fonts */
:root {
  --default-font: "Inter", sans-serif;
  --heading-font: "Inter", sans-serif;
  --nav-font: "Inter", sans-serif;
  --sub-font: "Dancing Script", cursive;
}

/* Global Colors */
:root {
  /* Background Color - This color is applied to the background of the entire website as well as individual sections. */
  --background-color: #ffffff;

  /* Default Color - This is the default color used for the majority of the text content. */
  --default-color: #000;

  /* Heading Color - This color is used for titles, headings and secondary elements. */
  --heading-color: #000;

  /* Accent Color - This is the main accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out. */
  --accent-color: #000;

  /* Contrast Color - This is a color used for text when the background color is one of the heading, accent, or default colors. Its purpose is to ensure proper contrast and readability when placed over these more dominant colors. */
  --contrast-color: #ffffff;
}

/* Nav Menu Colors */
:root {
  /* Nav Color - This is the default color of the main navmenu links. */
  --nav-color: #ffffff;

  /* Nav Hover Color - This color is applied to main navmenu links when they are hovered over. */
  --nav-hover-color: #47b2e4;

  /* Nav Dropdown Background Color - This color is used as the background for dropdown boxes that appear when hovering over primary navigation items. */
  --nav-dropdown-background-color: #ffffff;

  /* Nav Dropdown Color - This color is used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-color: #ec5b24;

  /* Nav Dropdown Hover Color - Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
  --nav-dropdown-hover-color: #ec5b24;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);

}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}



/* inpage-navbar */
.inpage-navbar{
  background-color: #f8f9fa;
  padding: 5px 0;
}
.inpage-navbar-outer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
.inpage-navbar-outer div a img{
  width: 85%;
}
.login-signup span{
  background-color:#fff ;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}
.nav-link >.login-signup{
  display: flex;
  align-items: center;
}

.inpage-navbar-outer ul li:last-child {
  border-radius: 5px;
  background-image: linear-gradient(#53b2fe, #065af3);
}
.login-signup{
  color: #fff;
}
.login-signup i{
  color: #065af3;
}
.inpage-navbar-outer ul li.nav-item span{
  margin-right: 10px;
}
.inpage-navbar-outer ul li.nav-item img{
  width: 30px;
}

/* general */
p{
  margin: 0;
  padding: 0;
}
body{
  font-size: 16px;
}
ul,li{
  margin: 0;
  padding: 0;
}
ul{
  list-style: none;
}
.sec-padding{
  padding: 60px 0;
}
.sec-heading{
  font-family: var(--heading-font);
    font-size: 42px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 50px;
}
.sec-description{
  width: 61%;
  margin: auto;
  text-align: center;
  margin-bottom: 60px;
}

.fixed{
  position: fixed;
  top: 0;
  width: 100%;
  z-index:9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: all ease .4s;
  animation-duration: 1s;
  animation-fill-mode: both;
  background-color: #ffffff;
}
.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* popular-destinations */
.popular-destination-sec .sec-heading{
  margin-bottom: 15px;
}
.destination-outer{
  padding: 0 50px;
}
.destination-img-outer{
  position: relative;
}
.destination-img-outer:hover .overlay{
  display: flex;
}
.destination-img-outer img{
  
  border-radius: 150px 150px;
    height: 337px;
    object-fit: cover;
}
.overlay {
    display: none;
    border-radius: 150px 150px;
    align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: #065af394;
    opacity: 1;
    transition: 1.5s;
}
.overlay ul{
  width: 100%;
  display: flex;
  gap: 5px;
}
.overlay li {
    text-align: center;
    padding: 4px 5px;
    width: 100%;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: #000000a6;
    font-size: 13px;
}
.destination-title{
  font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin-top: 25px;
}
.popular-destination-top{
  position: relative;
}
.pop-des-show-btn-mobile{
  display: none;
}
.pop-des-show-btn-mobile span{
  margin-left: 10px;
}
  .pop-des-show-btn{
    position: absolute;
    right: 48px;
        bottom: 35px;
  }

  .pop-des-show-btn a{
    display: block;
    border: 1px solid #47b2e4;
    border-radius: 5px;
    padding: 10px 20px;
    color: #47b2e4;
  }
    .pop-des-show-btn a span{
      margin-left: 10px;
      color:#f0572e;
    }

/* second-popular-destination */
.second-popular-destination{
  background-color: #f7f7f7;
}
.tabs-ul{
  width: fit-content;
  margin: auto;
  padding: 15px;
  display: flex;
  gap: 15px;
  background-color: #fff;
  border-radius: 10px;
}

#pop_destination li.nav-item button{
  display: flex;
  align-items: center;
  color: #000 !important;
  background-color: #ededed;
  border-radius: 10px;
}
#pop_destination li.nav-item button.active{
  display: flex;
  align-items: center;
  color: #ffffff !important;
 background-image: linear-gradient(#53b2fe, #065af3) !important;
  border-radius: 10px;
}
#pop_destination li.nav-item button.active i{
  color: #ffffff;
}
#pop_destination li.nav-item button i{
  font-size: 28px;
  color: #000;
  background-image: none;
  margin-right: 0 !important;
}
#pop_destination .tab-pane {
  box-shadow: none !important;
  background-color: transparent !important ;
  padding: 0 !important;
  border-radius: 5px;
  
}

/* offers-for-you */
.offers-sec-prefix{
  font-family: var(--sub-font);
  font-size: 34px;
  text-align: center;
}
.offers-outer{
  display: flex;
  padding: 20px;
  height: 100%;
  }
.offers-outer-one{
  background: rgb(63, 94, 251);
    background: radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 100%);
}
.offers-outer-two{
  background: rgb(131, 58, 180);
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}
.offers-outer-three{
  background: rgb(34, 193, 195);
    background: linear-gradient(117deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
}

.offers-details{
  width: 50%;
}
.offers-details h3{
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}
.offers-details p {
  color: #fff;
}
.offers-details a {
  color: #fff;
      margin-top: 30px;
        display: block;
}
.offers-details span{
  background-color: #47b2e4;
  border-radius: 50%;
    padding: 3px 6px;
    margin-left: 5px;
    font-size: 13px;
}
.offers-img{
  
  width: 50%;
}
.offers-img img{
  height: 100%;
    object-fit: cover;
}
.offers-img .img-one, .offers-img .img-three {
  border-radius: 90px 90px 0 0;
}
.offers-img .img-two{
  clip-path: polygon(25% 0%, 100% 0, 100% 100%, 24% 100%, 0 35%);
}

.dreame-place{
  font-size: 22px;
  font-weight: 600;
}
.with-us{
  font-family: var(--sub-font);
      font-size: 25px;
}


/* explore-these-unique-stay */
.unique-stays{
  background-color: #f7f7f7;
}
.single-unique-stay{
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
}
.unique-stay-thumnail img{
  border-radius: 10px;
}
.unique-stay-details-title{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin: 15px 0 10px;
}
.guide-details {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #d4d4d4;
}
.review-and-all {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  margin: 15px 0 5px;
}
.stay-details-starting span{
  font-weight: 700;
}
.stay-details-starting p:first-child, .guide-name-all p:first-child{
  margin-bottom: 5px;
}

.guide-name{
  font-weight: 600;
}

.view-details a {
    color: #f0572e;
    font-size: 14px;
}
.rating-star{
  margin-top: 5px;
  display: flex;
}
.rating-star i {
    color: #ffc107;
    font-size: 11px;
    padding-right: 2px;
}
ul#myTab {
    margin-top: -89px;
    border: none !important;
}
li.nav-item button i {
    margin-right: 8px;
    color: #fff;
}
li.nav-item button{
  color: #fff !important;
  border: none !important;
}
.nav-item button.active {
    background: transparent !important;
    position: relative;
}

.nav-item button.active:before {
    position: absolute;
    content: "";
    background-image: url(../images/bar.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    bottom: -23px;
    left: 32px;
    transform: rotate(226deg);
}
li.nav-item button.active i {
    background-image: linear-gradient(#53b2fe, #065af3);
    position: relative;
    width: 54px;
    height: 54px;
    font-size: 22px;
    border-radius: 50%;
    line-height: 54px;
}
li.nav-item button i {
    background-image:none;
    border-radius: 50%;
    position: relative;
    width: 54px;
    height: 54px;
    font-size: 22px;
    border-radius: 50%;
    line-height: 54px;
}
.tab-pane {
    box-shadow: 0px 0px 9px 5px #ddd9d954;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    
}
div#myTabContent {
    margin-top: 12px;
}
.middle-tab {
    background-color: #f2f2f2;
    padding: 17px;
}
.book-now-section {
    display: flex;
    justify-content: flex-end;
}
.book-now-section p{
  font-size: 13px;
  font-weight: 600;
}
.book-now-section a {
    color: #ec5b24;
}
.search-bar-section {
    display: flex;
    justify-content: center;
}
input[type="text"] {
    width: 100%;
    padding: 13px;
    border: none;
    /* border-radius: 7px; */
}
input[type="date"]{
 width: 100%;
    padding: 13px;
    border: none;
    border-radius: 7px; 

}
.search-bar-section label {
    font-size: 13px;
    margin-bottom: 2px;
}
.search-bar-section input::placeholder{
  font-size: 15px;
}
.search-bar-section input[type="date"]::placeholder{
  font-size: 15px;
}
.destination{margin-right: 10px;}
.check-in{margin-right: 10px;}
.check-out{margin-right: 10px;}
input[type="search"] {
    margin-top: 26px;
    margin-left: 10px;
    border: none;
    height: 49px;
    text-align: center;
    border-radius: 6px;
}
.search-bar-section input[type="submit"] {
    margin-top: 26px;
    margin-left: 10px;
    border: none;
    height: 49px;
    text-align: center;
    border-radius: 6px;
    background-color: #ec5b24;
    color: #fff;
    width: 150px;
}
.search-bar-section input[type="submit"]::placeholder{
  color: #fff !important;
  font-weight: 600;
}
/* blog-section */

.Blog-outer{
  position: relative;
  height: 100%;
  /* min-height: 400px; */
  padding:275px 20px 20px 20px;
  border-radius: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #a5a5a5;
    background-blend-mode: multiply;
}


.blog-one{
  background-image: url(../images/blog1.jpg);

}
.blog-two {
  background-image: url(../images/blog2.jpg);

}
.blog-three {
  background-image: url(../images/blog3.jpg);

}
.blog-title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    font-family: var(--heading-font);
}
.Blog-outer p{
  color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.unique-stay-thumnail img {
    height: 215px;
    width: 100%;
    object-fit: cover;
}
/* question-section */
.question-sec{
  background-color: #f7f7f7;
}
.question-outer{
  padding: 20px;
}
.question{
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
}
.answer{
  font-weight: 500;
}
/* newsletter */
.newsletter-outer{
  border: 2px solid #dbdbdb;
  border-radius: 15px 0 0 15px;
}
.news-img-outer img{
  width: 100%;
  border-radius: 15px 0 0 15px;
  /* height: 345px; */
  object-fit: cover;
}
.news-form-outer{
  padding: 42px;
}
.news-title{
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}
.news-description{
  font-size: 25px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    margin: 15px 0;
}

.form-outer{
  margin: 30px auto 0;
  background-color: #f7f7f7;
  border-radius: 25px;
  width: fit-content;
    padding: 5px;
}
.form-outer input[type="email"] {
  background-color: transparent;
  border: none;
  padding: 10px 15px;
  border-radius: 25px;
  outline: none;
}
.form-outer input[type="button"]{
  background-image: linear-gradient(#53b2fe, #065af3);
  border: none;
  color: #fff;
  padding: 10px 20px;
  border-radius: 25px;
}

/* fotter */
.footer{
  padding: 40px 0 60px;
  background-color: #2a2a2a;
}

.wi-title{
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.wizard ul{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.wizard li a{
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 500;
}
.end-footer{
  padding: 5px 0;
  background-color: #000;
}
.end-footer p {
    font-size: 14px;
}
.end-footer{
  text-align: center;
  font-size: 22px;
  color: #fff;
}

/* hotel-main-page */
.deal-single-hotel-outer{
  background-color: #f2f2f2;
  border-radius: 5px;
  padding: 15px;
}
.deal-place-img-outer{
  border-radius: 5px;

}
.hotelDeal{
  padding-bottom: 50px;
}
.hotelDeal .swiper-pagination-bullet-active {
  background: #ec5b24;
}
.deal-hotel-details{
  display: flex;
  gap: 5px;
  padding: 15px 0 0 0;
}
.deal-hotel-details .name-and-all .place-title{
  font-size: 17px;
  font-weight: 700;
}
.deal-hotel-details .name-and-all p:nth-child(2){
  font-size: 14px;
  font-weight: 600;
}
.price-and-all{
  font-size: 11px;
}

.price-and-all span{
  font-weight: 700;
  margin-right: 3px;
}
.price-and-all p:nth-child(2){
  font-size:18px;
  font-weight: 700;
}
/* hotel-category-sec */
.hotel-category-sec ul{
  display: flex;
  justify-content: space-between;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #f2f2f2;
  border-radius: 5px;
}
.hotel-category-sec ul li.active{
  background-color: #fb0000;
}
.hotel-category-sec-outer{
  padding: 15px;
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-bottom: 20px;
}
.hotel-category-sec-result-outer{
  height: 400px;
  overflow-y: scroll;
  top: 100px;
}
.hotel-category-sec-outer .deal-single-hotel-outer{
  background-color: #fff;
}
.hotel-category-sec-result-outer::-webkit-scrollbar{
  display: none;
}
.hotel-category-title{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
/* hotel-page */

/* filter */
.filter-outer {
  padding: 15px 20px 35px 20px;
  box-shadow: 1px 1px 6px 6px #b8b5b524;
}
.filter-title p{
  font-size: 18px;
  font-weight: 700;
}
.filter-parameter {
  margin-top: 20px;
}
.filter-parameter p{
  margin-bottom: 5px;
  font-weight: 600;

}
.select-palace{
  display: flex;
  gap: 2px;
  flex-direction: column;
}
.select-palace span{
  margin-left: 7px;
}

/* hotel-search-result */
.filter-result-outer h3{
  font-family: var(--heading-font);
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 20px;
}

.one-hotel-outer{
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  padding: 15px 30px;
  margin-bottom: 15px;
}


.one-hotel-img-thumbail{
  object-fit: cover;
}
.swiper-slide img{
  cursor: pointer;
  object-fit: cover;
}
.swiper-slide:last-child img{
  border-image-source: linear-gradient(rgba(70, 70, 70, .55), rgba(10, 10, 10, .55));
  border-image-slice: fill 1;
}
.hotelThumb{
  margin-top: 7px;
}
.one-hotel-description h4{
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}
.one-hotel-location {
  font-size: 14px;
  font-weight: 500;
}
.one-hotel-location{
  color: #065af3;
  margin-bottom: 5px;
}
.one-hotel-description .one-hotel-location span{
  margin-right: 8px;
}
.one-hotel-facilities{
  display: flex;
  gap: 10px;
}
.one-hotel-facilities p {
  color: #ec5b24;
  font-size: 13px;
  font-weight: 500;
}
.one-hotel-facilities span{
  margin-right: 5px;
}
.one-hotel-rating-star-all{
  display: flex;
  gap: 10px;
  margin-top: 7px;
}
.one-hotel-rating-star-all div:first-child{
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 13px;
}
.hoteldetails .swiper-slide{}
.hoteldetails .swiper-slide img{height:100px;width:100px;}
.hoteldetails2 .swiper-slide{max-height:500px;overflow:hidden;}
.hoteldetails2 .swiper-slide img{width:100%;}
.rating-number{
  font-size: 14px;
  font-weight: 500;
}
.rating-number span{
  padding: 1px 8px;
  background-color: #1ca54f;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
}
.one-hotel-price-details{
  margin-top: 10px;
  padding-left: 100px;
}
.off-percent {
  width: fit-content;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  background-color: #10bd55;
  border-radius: 3px;
  padding: 2px 6px;
}
.price-outer{
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.price-outer .old-price{
  font-size: 16px;
  color: #b7b7b7;
}
.price-outer .old-price span, .price-outer .present-price span{
  margin-right: 4px;
}
.price-outer .present-price{
  font-size: 20px;
  font-weight: 500;
}
.price-room{
  margin-top: 2px;
  font-size: 14px;
  font-weight: 600;
}
.room-view-details{
  display: block;
  margin-top: 10px;
  color: #ec5b24;
  font-size: 15px;
}
.rupee{
  font-size: 13px;
}


/* hotel-details-page */
.hoteldetails{
  margin-top: 9px;
}
.hotel-details-page .hotels-details-left{
  margin-bottom: 25px;
}
.hotel-details-page .one-hotel-description h4 {
  font-size: 25px;
}
.hotel-room-type{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.map-and-review{
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.map-and-review a{
  display: block;
  width: 50%;
  border-radius: 5px;
}
.map-and-review a img{
  object-fit: cover;
  border-radius: 5px;
}
.map-and-review a:last-child{
  color: #fff;
  background-color: #1ca54f;
  display: flex;
  gap: 1px;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}
.hotel-details-right-vedio-img-outer{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}


.hotels-details-right{
  position: sticky;
  top: 80px;
  z-index: 2;
  gap: 60px;
  padding: 20px;
  border: 1px solid #b7b7b7;
  border-radius: 10px;
}
.hotels-details-right .one-hotel-price-details {
  padding-left: 0;
}
.one-hotel-price-details button{
  width: fit-content;
  padding: 7px 12px;
  color: #fff;
  background-color: #ec5b24;
  border-radius: 5px;
}
/* hotel-details-description-tab */
.all-details-container{
  width: fit-content;
  margin: auto;
  display: flex;
  gap: 45px;
}
.all-details-container a{
  padding: 20px 0;
  display: block;
}
.hotel-details-description-tabs{
  position: sticky;
  top: 72px;
  z-index: 9;
  background-color: #065af3;
}
.hotel-details-description-tabs p{
  color: #fff;
}

/* hotel-details-description */
.hotel-details-description-title{
  position: sticky;
  top: 136px;
  z-index: 2;
  display: flex;
  gap: 5%;
  background-color: #f2f2f2;
}
.hotel-details-description-title div{
 text-align: center;
  padding: 15px 0;
}
.hotel-details-description-title div:first-child, .single-hotel-details-des-thamb{
  width: 15%;
}
.hotel-details-description-title div:nth-child(2), .single-hotel-full-des{
  width: 60%;
}
.hotel-details-description-title div:nth-child(3), .single-hotel-full-des-price{
  width: 25%;
}
.single-hotel-details-des{
  display: flex;
  gap: 2%;
  margin-top: 15px;
  background-color: #f2f2f2;
}
.single-hotel-details-des .single-hotel-details-des-thamb, .single-hotel-details-des .single-hotel-full-des, .single-hotel-details-des .single-hotel-full-des-price{
  padding: 15px;
}
.ho-title{
  font-weight: 600;
}
.hotelThamb{
  margin-top: 15px;
}
.hotel-all-facility ul{
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(2, 1fr);
}
.hotel-all-facility p{
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0 5px;
}
.hotel-all-facility ul li, .single-hotel-full-des ul li{
  display: flex;
  align-items: center;
  font-size: 15px;
}
.hotel-all-facility ul li span, .single-hotel-full-des ul span{
  margin-right: 5px;
  font-size: 12px;
  color: #ec5b24;
}
.single-hotel-full-des p{
  font-weight: 600;
  margin-bottom: 10px;
}
.single-hotel-full-des-price .one-hotel-price-details{
  padding-left: 0;
}
.single-hotel-full-des-price .room-view-details{
  width: fit-content;
  padding: 7px 12px;
  border: 1px solid #ec5b24;
  border-radius: 5px;
}


.facilities-all{
  margin-top: 60px;
  background-color: #f2f2f2;
  padding: 15px;
}
.facilities-all h4 {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c9c5c5;
}
.all-amenities-outer{
  display: grid;
  gap: 20px 10px;
  grid-template-columns: repeat(4, 1fr);
}
.amenities-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}
.all-amenities-outer ul li {
  font-size: 15px;
  margin-bottom: 2px;
}
.all-amenities-outer ul li span{
  margin-right: 5px;
  font-size: 12px;
  color: #ec5b24;
}

.all-food-cafe{
  overflow-y: scroll;
  height: 400px;
}
.all-food-cafe::-webkit-scrollbar {
  display: none;
}
.food-cafe{
  padding: 15px;
  background-color: #fff;
  margin-bottom: 20px;
}

.cafe-name {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 30px;
}
.cafe-name::after {
  display: block;
  width: 16px;
  content: "";
  border-top: 2px solid #e02028;
}
.cafe-details{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.cafe-details-single-title{
  font-weight: 700;
  margin-bottom: 7px;
}
.cafe-details-single-title span{
  color: #ec5b24;
  margin-right: 8px;
  font-size: 22px;
}
.cafe-details-single ul li{
  font-size: 14px;
  margin-bottom: 4px;
}
.cafe-details-single ul li span{
  font-weight: 700;
}



.all-reviews{
  overflow-y: scroll;
  height: 400px;
}
.all-reviews::-webkit-scrollbar {
  display: none;
}
.one-review{
  display: flex;
  gap: 10px;
  background-color: #fff;
  padding: 15px;
  margin-bottom: 15px;
}
.one-review-img-outer{
  width: 7%;
}
.one-review div img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.review-name {
  font-size: 18px;
  font-weight: 700;
}
.review-date {
  font-size: 13px;
  font-weight: 400;
  margin-left: 5px;
}
.review-star{
  margin-top: 4px;
  width: fit-content;
  display: flex;
  gap: 1px;
}
.review-star i{
  color: #ffc24a;
  font-size: 13px;
}
.review-text{
  margin-top: 15px;
}




.all-poperty-policy{
  height: 400px;
  overflow-y: scroll;
}
.all-poperty-policy::-webkit-scrollbar {
  display: none;
}
.poperty-policy-all{
  padding: 15px;
}
.poperty-policy-all p{
  width: 100%;
  margin-bottom: 4px;
}
.poperty-policy-all p span{
  color: #ec5b24;
  font-size: 14px;
  margin-right: 5px;
}

.location-map{
  width: 100%;
  height: 400px;
}
.all-queries-ans{
  position: sticky;
  overflow-y: scroll;
  height: 400px;
}
.all-queries-ans::-webkit-scrollbar {
  display: none;
}
.question-ans-form-outer{
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 4px 6px 4px 0;
  border-radius: 5px;
  margin-bottom: 15px;
}
.question-ans-form-outer input[type="text"]{
  border: none;
  outline: none
}
.question-ans-form-outer input[type="button"]{
  border: 0;
  padding: 10px 60px;
  color: #fff;
  border-radius: 5px;
  background-color: #ec5b24;
  letter-spacing: 1.5px;
  height: 45px;
}
.all-queries-ans .one-review span{
  font-weight: 600;
  margin-right: 10px;
}

.question-ans{
  margin-top: 15px;
}
.room-facility{
  padding: 15px 0;
}
.room-facility p{
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
}
.room-facility ul li{
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
}
.room-facility ul li span{
  color: #ec5b24;
  margin-right: 5px;
}
.guest-details-outer{
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  padding: 12px 0 0;
}
.guest-details-outer div{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.guest-details-outer input[type="text"], .guest-details-outer input[type="email"], .guest-details-outer input[type="number"] {
  width: 100%;
  padding: 6px;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
  background-color: transparent;
}
.guest-details-outer input::-webkit-outer-spin-button,
.guest-details-outer input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.guest-details-outer div input{
  width: fit-content;
}
.guest-details-outer div label{
  font-size: 14px;
  font-weight: 500;
}
.payment-btn{
  width: fit-content;
  padding: 10px 15px;
  border: none;
  outline: none;
  border-radius: 3px;
  color: #fff;
  background-color: #ec5b24;
  margin-top: 10px;
}
.price-details-outer{
  padding: 10px 0 0;
  
}
.price-details-outer div{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.price-details-outer div:nth-child(3) {
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}
.price-details-outer div:last-child{
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-bottom: 0;
}
.price-details-outer div:last-child p{
  font-weight: 700;
  font-size: 17px;
}



/* hotel-booking-page */
.hotel-booking-outer{
  padding: 15px;
  border-radius: 5px;
  background-color: #f2f2f2;
  margin-bottom: 15px;
}
.hotel-booking-outer .title-outer h4{
  font-size: 20px;
  font-weight: 700;
  padding: 5px 0;
}
.hotel-booking-outer .title-outer{
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.hotel-name-and-all{
  display: flex;
  gap: 25px;
  
  padding: 15px 0;
}
.hotel-name-and-all-img-outer{
  width: 30%;
}
.chek-in-out{
  padding: 15px 0;
  display: flex;
  gap: 30px;
}
.chek-in-out span{
  color: #ec5b24;
  margin-right: 5px;
}
.chek-in-out div p:first-child, .chek-in-out div p:last-child{
  font-size: 13px;
}
.chek-in-out div p:nth-child(2){
font-weight: 600;
margin: 5px 0;
font-size: 14px;
}


/* ---------------------------------------------
                hotel-gallery-page 
------------------------------------------------*/

.hotel-gallery-tabs{
  box-shadow: 0px 0px 20px 0px #a9a9a940;
  padding: 20px;
  border-radius: 5px;


}
.hotel-gallery-outer .tab-content{
  padding: 20px;
  box-shadow: 0px 0px 20px 0px #a9a9a940;
  border-radius: 5px;
}
.hotel-gallery-outer .tab-content .tab-pane{
  overflow-y: scroll;
  height: 500px;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}
.hotel-gallery-outer .tab-content .tab-pane::-webkit-scrollbar {
  display: none;
}

.hotel-gallery-outer .nav-link{
  color: #000;
}
.hotel-gallery-outer .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #ec5b24;
}
.hotel-gallery-outer .nav-pills .nav-link {
  border-radius: 4px;
}


/* ---------------------------------------------
                bus
------------------------------------------------*/
/* government-buses */
.government-buses{
  background-color: #fff;
}
.single-govt-bus-agncy{
  padding: 20px;
  border-radius: 10px;
  background-color: #eff3f8;
  border-top: 2px solid #ec5b24;
}
.single-govt-bus-agncy div{
  width: fit-content;
  margin: auto;
}
.single-govt-bus-agncy img{
  width: 70px;
}
.single-govt-bus-agncy p{
  width: 90%;
  text-align: center;
  margin: auto;
  margin-top: 10px;
}
.govtBus{
  padding-bottom: 55px;
}
.govtBus .swiper-pagination-bullet-active {
  background: #ec5b24;
}
/* popular-bus-root */
.popular-bus-root{
  background-color: #eff3f8;
}
.single-bus-toot{
  width: fit-content;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  border-bottom: 2px solid #ec5b24;
}
.single-bus-toot div:first-child{
  width: fit-content;
  margin: auto;
  border-radius: 50%;
}
.single-bus-toot div:first-child img{
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}
.bus-root-details p:first-child{
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 15px 0 10px;
}
.bus-root-details p:nth-child(2){
  color: #000;
  font-weight: 700;
  text-align: center;
}
.bus-root-details p:nth-child(2) span a{
  font-weight: 400;
}
.bus-root-details p:nth-child(2) span a:hover{
  color: #ec5b24;
}
/* popular-bus-oparator */
.popular-bus-oparator-outer ul{
  width: 100%;
}
.popular-bus-oparator-outer li{
  display: inline-block;
  line-height: 1.8;
}

.popular-bus-oparator-outer li a:hover{
  color: #ec5b24;
}
/* .seat-booking */
.bus-fiter-outer{
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #c4c4c4;
}
.filter-part-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 10px;
}
.filter-part-title p:first-child{
  font-size: 18px;
  font-weight: 700;
}
.filter-part-title p:last-child{
  font-size: 14px;
  font-weight: 500;
}
.bus-filter-parameter{
  margin-bottom: 20px;
}
.bus-filter-parameter p{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.bus-filter-parameter div{
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.bus-filter-parameter div input[type="text"]{
  border: 1px solid #c4c4c4;
  outline: none;
  border-radius: 3px;
  padding: 7px 15px;
  margin-bottom: 8px;
}
.bus-filter-parameter div span{
  margin-left: 7px;
}
.bus-filter-parameter.y-scrool ul{
  height: 150px;
  overflow-y: scroll;

}
.bus-filter-parameter.y-scrool ul::-webkit-scrollbar{
  display: none;
}
.bus-filter-parameter ul li{
  margin-bottom: 2px;
}
.bus-filter-parameter ul li span{
  margin-left: 7px;
}












.bus-result-short-by-outer{
  width: fit-content;
  margin-left: auto;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  margin-bottom: 10px;
}
.bus-result-short-by-outer .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  border-color: none;
  border: none;
  outline: none;
}
.dropdown-menu.show {
  transform: translate(-47px, 38px) !important;
}
.single-bus-outer{
  display: flex;
  gap: 10px;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  margin-bottom: 15px;
}
.bus-details-outer{
  width: 40%;
}
.bus-name{
  font-size: 17px;
  font-weight: 700;
}
.bus-des {
  font-size: 14px;
}
.bus-rating-star-outer{
  display: flex;
  gap: 3px;
  align-items: center;
  margin-top: 10px;
}
.bus-rating-star{
  padding: 1px 4px;
  border-radius: 2px;
  color: #fff;
  background-color: #18a160;
  font-size: 12px;
}
.rating-des{
  font-size: 12px;
}
.journey-line{
  display: flex;
  align-items: center;
}
.journey-line span:first-child, .journey-line span:last-child{
  display: inline-flex;
  width: 5px;
  height: 5px;
  background-color: rgb(239, 243, 248);
  border-radius: 50%;
}
.journey-line span:nth-child(2){
  height: 3px;
  display: inline-flex;
  width: 100%;
  background-color: rgb(239, 243, 248) ;
}
.time-table{
  width: 40%;
  display: flex;
  gap: 30px;
}
.start-time p:first-child{
  font-size: 15px;
  font-weight: 700;
}
.start-time p:last-child{
  font-size: 14px;
}

.time-graph{
  font-size: 12px;
}
.end-time p:first-child{
  font-size: 15px;
  font-weight: 700;
}
.end-time p:last-child{
  font-size: 14px;
}
.price {
  width: fit-content;
  margin: 0 10px 0 auto;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.bus-seat-ooking-outer{
  width: 20%;
}
.bus-seat-ooking-outer a{
  width: fit-content;
  display: block;
  color: #fff;
  background-color: #ec5b24;
  border-radius: 5px;
  padding: 10px 20px;
  margin: 10px 0 0 auto;
}

/* ---------------------------------------------
                govt-bus-page
------------------------------------------------*/
.govt-bus-page-sec-padding{
  padding: 30px 0;
}

/* govt-bus-agency */
.govt-bus-roots-parameter{
  display: flex;
  gap: 2%;
  background-color: #eff3f8;
  padding: 10px 0;
  margin-bottom: 20px;
}
.govt-bus-roots-parameter div{
  width: 32%;
  font-weight: 600;
  padding: 0 20px;
}
.govt-bus-single-roots{
  display: flex;
  gap: 2%;
  background-color: #eff3f8;
  margin-bottom: 10px;
}
.govt-bus-title-outer, .govt-bus-option-outer, .govt-bus-price-outer{
  width: 32%;
  padding: 15px 20px;
  
}

.govt-bus-title-outer p:last-child{
  font-size: 14px;
  width: fit-content;
}
.govt-bus-price-outer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bus-root-title{
  font-size: 18px;
  font-weight: 700;
}
.govt-bus-option-outer li{
  font-size: 15px;
  font-weight: 500;
}

.govt-bus-price-outer div:first-child p:last-child{
  font-size: 14px;
  width: fit-content;
  margin-left: auto;
}
.govt-bus-price-outer div:last-child a{
  display: block;
  color: #fff;
  background-color: #ec5b24;
  padding: 10px 10px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
}
/* Bus-Cancellation-Policy */
.in-page-sec-heading{
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 20px;
}
.Bus-Cancellation-Policy table{
  width: 100%;
}
.Bus-Cancellation-Policy table thead tr th{
  border: 1px solid #000;
  padding: 5px 10px;
}
.Bus-Cancellation-Policy table tbody tr td{
  border: 1px solid #000;
  padding: 5px 10px;
}
/* about-bus-agency */
.about-govt-bus{
  margin-bottom: 20px;
}
.about-bus-agency-outer ul li{
  margin-bottom: 5px;
}
.about-bus-agency-outer ul li span{
  font-weight: 600;
}
.single-details-about-bus-agency{
  margin-bottom: 15px;
}


.single-details-about-bus-agency .single-details-title{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
/* bus-agency-Bus Amenities */
.govt-bus-amenities-outer ul{
  display: flex;
}
.govt-bus-amenities-outer li{
  width: fit-content;
}
.govt-bus-amenities-outer li div {
  width: fit-content;
  margin: auto;
  margin-bottom: 7px;
}
.govt-bus-amenities-outer li div i{
  color: #ec5b24;
}
.govt-bus-amenities-outer li p{
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 15px;
}
/* govt-bus--gallary */
.govtBusGallery {
  padding-bottom: 40px;
}
.govtBusGallery .swiper-pagination-bullet-active {
  background: #ec5b24;
}
/* govt-bus-faq */

.govt-bus-faq-outer .accordion-item{
  /* border: 1px solid #ec5b24; */
}
.govt-bus-faq-outer  .accordion-button:not(.collapsed) {
  background-color: #fff;
  box-shadow: none;
}
.govt-bus-faq-outer .accordion-button:focus {
  box-shadow: none;
}
.govt-bus-faq-outer .accordion-button{
  /* padding: 5px; */
}

.bus-type-outer li{
 margin-bottom: 5px;
}
.popular-root-outer{
  overflow-y: scroll;
  height: 160px;
}
.popular-root-outer li{
  margin-bottom: 5px;
}
.popular-root-outer::-webkit-scrollbar{
  display: none;
}


button.btn.dropdown-toggle {
  color: #fff;
}
.search-form-outer input[type="text"]::placeholder{font-size: 14px;}
section#flight-search button {
  background: transparent;
  border: navajowhite;
}
.top-search{
  background-image: linear-gradient(#53b2fe, #065af3);
}
.hotel-search1{
  background-color: #fff;
}
section#flight-search .tab-pane {
  background: transparent !important;
  border: navajowhite;
  box-shadow: none;
}
#flight-search div#nav-tab {
  border: #ffdead00;
}

section#flight-search button {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}
.fm .search-bar.btn {
  color: #ffffff !important;
}
input[type="radio"] {
  margin-right: 5px;
}
.one-way-trip form{display: flex;}
.fm input {
  width: calc(100% - 8px);
  padding: 9px;
}
div#nav-tabContent label {
  color: #000000;
  font-size: 13px;
}

.one-way-trip {
  display: flex;
  justify-content:start;
  height: 50px;
  align-items: end;
}
button.search-bar.btn {
  background: #ec5b24 !important;
  margin: 29px 0 0 0;
  height: 45px;
  line-height: 22px;
}
.nav6,.nav7{display: none;}

.main{display: block;}
.main1{
  background-image: linear-gradient(#53b2fe, #065af3);
  height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row.nav6.main,.row.nav7.main {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  margin-top: -2px;
  box-shadow: 1px 0px 6px 5px #d4d2d236;
  padding: 15px;
  right: 31px;
  z-index: 1;
  width: 100%;
  left: 12px;
}
.row.nav6.main input,.row.nav7.main input {
    width: 100%;
    height: 35px;
    border-radius: 18px;
    padding-left: 15px;
    border: 1px solid #EC5B25;
    color: #EC5B25;
}
.row.nav6.main label,.row.nav7.main label {
  color: #000 !important;
  font-size: 14px !important;
    width: 100%;
}
a.search-bar.btn {
  background: #ec5b24 !important;
  height: 37px;
  line-height: 23px;
  display: inline-block;
  color: #fff;
  margin: 9px 0 0 0;
}
.filter-outer label {
  font-size: 13px;
}
.select-palace .price {
  font-size: 13px !important;
  color: #000;
}
.select-palace .price i{
margin-right: 2px;
font-size: 11px;
}
.select-palace label img {
  max-width: 20px;
  margin: -5px 5px 0 0;
}
.filter-parameter span {
  font-size: 12px;
}
.range-slider {
width: 300px;
text-align: center;
position: relative;
}
.range-slider .rangeValues {
display: block;
}

input[type=range] {
-webkit-appearance: none;
border: 1px solid white;
width: 198px;
position: absolute;
left: 0;
}

input[type=range]::-webkit-slider-runnable-track {
width: 300px;
height: 5px;
background: #ddd;
border: none;
border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
margin-top: -4px;
cursor: pointer;
position: relative;
z-index: 1;
}

input[type=range]:focus {
outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
background: #ccc;
}

input[type=range]::-moz-range-track {
width: 300px;
height: 5px;
background: #ddd;
border: none;
border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}

input[type=range]::-ms-track {
width: 300px;
height: 5px;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
background: transparent;
/*leave room for the larger thumb to overflow with a transparent border */
border-color: transparent;
border-width: 6px 0;
/*remove default tick marks*/
color: transparent;
z-index: -4;
}

input[type=range]::-ms-fill-lower {
background: #777;
border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
background: #ddd;
border-radius: 10px;
}

input[type=range]::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
}

input[type=range]:focus::-ms-fill-lower {
background: #888;
}

input[type=range]:focus::-ms-fill-upper {
background: #ccc;
}
span.rangeValues {
  margin-left: -99px;
}
.short-by {
  display: flex;
  justify-content: space-between;
}
.short_by h2 {
  font-size: 15px;
}
.showing p {
  font-size: 13px;
}
.second-tab ul#myTab {
  margin-top: 0px;
}
.second-tab ul#myTab li.nav-item button{color:#000 !important;}
.second-tab button p {
  font-size: 12px;
  color: #776f6f;
}
.second-tab button {
  font-size: 14px;
  color: #000;
  font-weight: 600;
}
div#nav-tab {
  border: none;
}
.second-tab button {
  border: none !important;
}
.second-tab button {
  border-radius: 0px !important;
  padding-right: 15px;
  padding-left: 15px;
}
.second-tab button{position: relative;}
.second-tab button:before {
  position: absolute;
  content: "";
  background-color: #ccc;
  width: 1px;
  height: 28px;
  right: 0px;
  top: 13px;
}
.second-tab button:nth-child(5):before{
background-color: #fff;
}
.second-tab button.active {
  color: #2274e0 !important;
  background-color: #f2f2f2 !important;
  border-radius: 8px !important;
}
.multi-section img {
  max-width: 26px;
}
span{font-family: var(--default-font);}
.multi-section span {
  font-size: 14px;
}
.tab-section span {
  color: #717171;
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px;
}
span.price {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
sup {
  font-size: 11px;
  color: #ff0000;
}
.greycnt p {
  font-size: 11px;
  margin-top: 10px;
}
.srp-card p {
  font-size: 11px;
  color: #0cb136;
}
.btn.view-page-button {
  border-radius: 0.5rem;
  outline: none;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  border: none;
  width: auto;
  padding: 7px 10px;
  cursor: pointer;
  position: relative;
  background-color: rgb(255, 109, 56);
  font-size: 12px;
}
div#nav-tabContents{
margin-top: 15px !important;
}
.greyCnt span {
  color: #727070;
  font-size: 12px;
  margin-right: 10px;
}
.greyCnt-two {
  text-align: right;
}
a.btn.blue-button {
  color: #2276e3;
  font-size: 13px;
  font-weight: 600;
}
a.btn.blue-button i{margin-left: 3px;}
#open2{display: none;}
.open3{display: block;}
.btn:first-child:active {
  border: none !important;
}
.card.card-body {
  border: none;
}
ul.nav.nav-pills.mb-3 li button {
  color: #000 !important;
}
ul.nav.nav-pills.mb-3 li button::before {
  display: none;
}
ul.nav.nav-pills.mb-3 li button.active {
  background-color: #2276e3 !important;
  color: #fff !important;
  border-radius: 50px !important;
}
ul.nav.nav-pills.mb-3 li {
  margin-right: 34px;
}
.main-trip.df {
  display: flex;
  justify-content: space-between;
}
.df1 img {
  max-width: 26px;
  margin-bottom: 8px;
}
.df1 span{display: inline-block;}
.df1 span {
  display: block;
  font-size: 12px;
}
span.f500.padR5 {
  font-weight: 800;
  font-size: 16px;
}
span.greyCnt {
  font-weight: 700;
  float: none;
}
.backgroundLn {
  position: relative;
  z-index: 1;
}
.alignItemsCenter {
  -webkit-box-align: center;
  align-items: center;
}
.justifyBetween {
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.dF {
  display: flex;
}

.oval-2 {
  width: 7px;
  height: 7px;
  background-color: rgb(34, 118, 227);
  border-radius: 50%;
  margin-top: 1px;
}
.giOTAm {
  width: 2rem;
  height: 2rem;
  fill: #2276e3;
}
#pills-profile table{
border: 1px solid #ccc;
}
.middle{
background-color: #ff6d38;
}
.middle td {
  background-color: #ff6d38;
  color: #fff;
}
div#collapseExample1 .card.card-body {
  padding: 0px;
  margin-top: 13px;
}
.chart-box h2 {
  font-size: 19px;
  font-weight: 700;
  margin-top: 25px;
}
.container.table-responsive {
  padding-left: 0px;
  margin-top: 10px;
}
table#second-tab td {
  font-size: 12px;
}
.price-box {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 0.5rem;
}
.price span {
  font-size: 22px;
  font-weight: 600;
  margin-right: 15px;
}
a.btn.book_now {
  border-radius: 0.5rem;
  outline: none;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  border: none;
  width: 100%;
  padding: 9px 30px;
  cursor: pointer;
  position: relative;
  background-color: rgb(255, 109, 56);
  font-size: 12px;
}

.offer-box {
  height: 80%;
  display: flex;
  align-items: end;
}
.offer-box span {
  font-size: 12px;
  background-color: #f8def8;
  padding: 4px 10px;
  color: #861388;
}
table#second-tab img {
  max-width: 14px;
}
table#second-tab td img {
  vertical-align: middle;
}
table#second-tab td img {
  vertical-align: middle;
  margin-right: 4px;
}
green {
  color: green;
  font-weight: 600;
}
hr {
  border-top: 1px solid #757070;
}
.Cheapest-section {
  display: flex;
  justify-content: end;
}
.Cheapest-section {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.Cheapest-section h3 {
  background-image: linear-gradient(134.97deg, rgb(27, 149, 100) 0%, rgb(57, 213, 70) 100%);
  color: rgb(255, 255, 255);
  font-size: 14px;
  transform-origin: left bottom;
  border-radius: 0px 0px 21px 1px;
  padding: 5px 13px;
}
section.sec-padding h1 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 15px;
  background-color: #f2f2f2;
  padding: 6px;
  border-bottom: 1px solid #065af3;
}
.second-tab {
  margin-top: 15px;
}


/*flight-booking-page*/
section.booking-banner {
  background-image: linear-gradient(#53b2fe, #065af3);
  height: 348px;
  position: relative;
  z-index: -1;
}
.booking-heading {
  display: flex;
  align-items: center;
  height: 353px;
}
.booking-heading h1 {
  font-size: 29px;
  color: #fff;
}
section#booking_part {
  position: relative;
  top: -91px;
}
.booking-part {
  background-color: #fff;
  padding: 25px;
  border-radius: 5px;
}
.side-bar {
  background-color: #fff;
  padding: 25px;
  border-radius: 5px;
}
.font18-heading h2 {
  font-size: 23px;
  font-weight: 700;
}
.font18-heading h2 i {
  font-size: 13px;
  vertical-align: middle;
  padding-left: 8px;
  padding-right: 8px;
}
.font18-heading span {
  font-size: 14px;
  font-weight: 500;
}
.heLqkZ {
  padding: 20px 0px 0px;
}
.heMTZI:first-child {
  margin-top: 0px;
}
.heMTZI {
  padding: 16px;
  border: 1px solid rgb(228, 228, 228);
  border-radius: 8px;
  margin-top: 10px;
}
.marginR8 {
  margin-right: 8px;
}
.justifyBetween {
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.dF {
  display: flex;
}
.alignItemsCenter {
  -webkit-box-align: center;
  align-items: center;
}
.greyCnt {
  color: rgb(113, 113, 113);
}
.font14 {
  font-size: 14px;
}
.posRel {
  position: relative;
}
.marginL5 {
  margin-left: 5px;
}
.marginT2 {
  margin-top: 2px;
}
.cKtGum.arriveOn {
  margin-left: auto;
}
.cKtGum {
  background-color: rgb(229, 243, 255);
  padding: 4px;
  border-radius: 4px;
}

.marginT15 {
  margin-top: 15px;
}
.f500 {
  font-weight: 600 !important;
}
.bitBrB {
  display: flex;
      justify-content: space-between;
}
.font24 {
  font-size: 28px;
}
.f700 {
  font-weight: 700;
}
.hLNKJH {
  position: relative;
  margin: 7px 25px 0px;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 70px;
  align-items: center;
}
.jFKFYT {
  position: absolute;
  width: 100%;
  border-top: 2px dashed rgb(176, 176, 176);
  top: 5px;
}
.jFKFYT::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgb(176, 176, 176);
  left: 0px;
  position: absolute;
  top: -6px;
}
.jFKFYT {
  position: absolute;
  width: 100%;
  border-top: 2px dashed rgb(176, 176, 176);
  top: 5px;
}
.txtRight {
  text-align: right;
}
.jFKFYT::after {
  content: "";
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent transparent transparent rgb(176, 176, 176);
  border-image: initial;
  right: -10px;
  position: absolute;
  top: -8px;
  border-width: 7px 0px 7px 11px;
}
.gdHiHU {
  background-color: rgb(255, 255, 255);
  padding: 0px 12px;
}
.posRel {
  position: relative;
}
.ipLpOd {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgb(228, 228, 228);
}
.hJPxjR {
  width: 1.6rem;
  height: 1.6rem;
}
.marginL5 {
  margin-left: 5px;
}
.hsAnyH {
  width: 1.6rem;
  height: 1.6rem;
}
.marginL16 {
  margin-left: 16px;
}
.flight-detailstyles__BaggageWrap-sc-1i6unua-39.ipLpOd.dF.justifyBetween svg {
  margin-top: 11px;
}
span.font14.f500.blueCnt.curPointFlt {
  color: #065af3;
}
a.font14.f500.blueCnt.curPointFlt {
  color: #065af3;
}
span.font14.refund {
  color: #18a160;
  font-weight: 700;
}
.part-one {
  background-color: rgb(244, 244, 244);
  padding: 11px;
  border-radius: 5px;
}
.part-two{
background-color: rgb(244, 244, 244);
  padding: 11px;
  border-radius: 5px; 
}
.part-one span {
  margin-bottom: 7px;
  display: block;
  font-size: 14px;
}
a.policy {
  color: #065af3;
  font-weight: 600;
  margin-left: 10px;
  font-size: 12px;
}
.price-one {
  display: flex;
  justify-content: center;
}
.radio-button {
  margin-left: 5px;
}
.price-one {
  display: flex;
  justify-content: center;
}
.prices {
  font-weight: 700;
  display: block;
}
.prices span {
  color: #1b9564;
  margin-left: 10px;
}
.form-check-input:checked {
  background-color: #c7c7c7;
  border-color: #0d6efd;
}
.list ul li img {
  max-width: 14px;
  vertical-align: middle;
  margin-right: 4px;
}
.list ul {
  margin-left: 40px;
  margin-top: 9px;
}
.price-tab p {
  margin-left: 36px;
  text-align: left;
}
.list ul li {
  font-size: 13px;
  line-height: 29px;
}
div#pills-home-tab {
  border: 1px solid #065af3;
  border-radius: 4px;
  padding: 7px;
}
.flight-booking span {
  font-weight: 700;
  background-color: #ff3a5c;
  color: #fff;
  padding: 6px 15px;
  border-radius: 5px;
}
div#pills-tabContent h2 {
  font-size: 13px;
  font-weight: 600;
  margin-top: 16px;
}
div#pills-home h4 {
  font-size: 17px;
  font-weight: 600;
  margin-top: 15px;
}
.content-part p {
  font-size: 13px;
  margin-top: 9px;
}
label.form-check-label {
  font-size: 14px;
  font-weight: 700;
}
.form-check {
  margin-top: 14px;
}
.pincode h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 17px;
}
.pincode p {
  font-size: 14px;
}
.form-group label {
  font-size: 12px;
  margin-bottom: 5px;
}
.form-group input {
  height: 38px;
}
.form-group input::placeholder{font-size: 13px !important;}
.form-group select::placeholder{font-size: 13px !important;}
input.form-control {
  border: 1px solid #ccc;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7feb3;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgb(170 174 179 / 0%);
}
.side-bar h2 {
  font-size: 19px;
  font-weight: 700;
}
.side-bar p {
  font-size: 12px;
}
.fare {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.fare-one h3 {
  font-size: 13px;
}
.fare-one h5 {
  font-size: 13px;
}
.fare-two span {
  font-size: 12px;
}

.grand-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ff6d38;
  padding-right: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0px 0px 7px 5px #ff4d0942;
  max-width: 220px;
  margin: 0px auto;
}
.total-text h2 {
  font-size: 16px;
  margin-left: 23px;
  color: #fff;
}
.total-price span {
  font-weight: 700;
  font-size: 20px;
}
select#exampleFormControlSelect1 {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}
/*login*/
.main {
  /* background-image: linear-gradient(#53b2fe, #065af3); */
  /* height: 100vh; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-section {
  max-width: 520px;
  margin: 0px auto;
  background-color: #fff;
  width: 100%;
  padding: 35px;
  border-radius: 12px;
  box-shadow: 0px 0px 6px 6px #093c5a1c;
}


.form_wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.form_wrapper .tile {
text-align: center;
margin-bottom: 20px;
width: 100%;
overflow: hidden;
}
.form_wrapper .tile h3 {
font-size: 22px;
margin: 0px;
transition: all 0.3s ease;
    color: #fff;
}
.form_wrapper .radio {
display: none;
}
.logo-section img {
  position: relative;
  top: 26px;
  z-index: 99;
}
.input-group-text img {
  max-width: 19px;
}
.form_wrapper .tab {
  width: 50%;
  border: solid 2px #f1f1f1;
  height: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  transition: color 0.3s ease;
  user-select: none;
  border-radius: 50px;
  box-shadow: 0px 0px 3px 2px #ab9c9c00;
  font-family: var(--heading-font);
}
.form_wrapper .tab.login_tab {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.form_wrapper .tab.signup_tab {
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.form_wrapper .shape {
  background: linear-gradient(45deg, #de211d, #e3562c) no-repeat center;
  width: 50%;
  height: calc(40px - 1px);
  border-radius: 5px;
  position: absolute;
  top: 47.5px;
  left: 0px;
  opacity: 0.9;
  transition: all 0.4s ease;
  border-radius: 50px;
  border: 3px solid #fff;
  box-shadow: 0px 0px 4px 2px #7a676738;
  margin: 1px;
  font-family: var(--heading-font);
}
.form_wrapper .shape:hover {
  kground: linear-gradient(-45deg, #a547b1, #f84298) no-repeat center;
}
.form_wrapper #login:checked ~ .shape {
  t: 0px;
}
.form_wrapper #login:checked ~ .login_tab {
  border-color: transparent;
  z-index: 1;
  color: white;
}
.form_wrapper #login:checked ~ .tile .signup {
  display: none; 
}
.form_wrapper #login:checked ~ .form_wrap {
  transform: translateX(0);
}
.form_wrapper #login:checked ~ .form_wrap .signup_form {
  opacity: 0;
}
.form_wrapper #signup:checked ~ .shape {
left: 50%;
}
.form_wrapper #signup:checked ~ .signup_tab {
border-color: transparent;
z-index: 1;
color: white;
}
.form_wrapper #signup:checked ~ .tile .login {
display: none;
}
.form_wrapper #signup:checked ~ .form_wrap {
transform: translateX(-100%);
}
.form_wrapper #signup:checked ~ .form_wrap .login_form {
opacity: 0;
}
.form_wrapper a {
color: #f84298;
text-decoration: none;
transition: all 0.3s linear;
}
.form_wrapper a:hover {
  color: #de211d;
}
.form_wrapper .form_wrap {
display: flex;
width: 100%;
flex: 0 0 100%;
transition: transform 0.3s ease, opacity 0.2s ease;
}
.form_wrapper .form_wrap .form_fild {
width: 100%;
flex: 0 0 100%;
transition: all 0.5s ease;
}
.form_wrapper .form_wrap .form_fild .input_group {
width: 100%;
margin-bottom: 12px;
}
.form_wrapper .form_wrap .form_fild .input_group .input {
border: solid #f1f1f1 2px;
border-radius: 5px;
width: 100%;
height: 40px;
padding: 5px 10px;
font-size: 15px;
font-weight: 500;
outline: none;
transition: all 0.3s linear;
}
.form_wrapper .form_wrap .form_fild .input_group .input::placeholder {
color: #adadad;
}
.form_wrapper .form_wrap .form_fild .input_group .input:hover {
border-color: rgba(248, 66, 151, 0.3);
}
.form_wrapper .form_wrap .form_fild .input_group .input:focus {
border-color: rgba(248, 66, 151, 0.3);
}
.form_wrapper .form_wrap .form_fild .forgot {
  display: block;
  margin-bottom: 0px;
  padding: 0px 2px;
  margin-top: 14px;
}
.form_wrapper .form_wrap .form_fild .btn {
  width: 100%;
  max-width: 165px;
  height: 40px;
  margin-bottom: 20px;
  border: none;
  outline: none;
  margin: 0px auto;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
  color: white;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  background-image: linear-gradient(#53b2fe, #065af3);
  border-radius: 50px;
  font-family: var(--heading-font);
}
.form_wrapper .form_wrap .form_fild .btn:hover {
background: linear-gradient(45deg, #de211d, #e3562c) no-repeat center;
}
.form_wrapper .form_wrap .form_fild .btn:active {
transform: scale(0.95);
}
.form_wrapper .form_wrap .form_fild .not_mem {
text-align: center;
}
.form_wrapper .form_wrap .form_fild .not_mem label {
pointer-events: none;
}
.form_wrapper .form_wrap .form_fild .not_mem label span {
pointer-events: all;
color: #de211d;
text-decoration: none;
transition: all 0.3s linear;
}
.form_wrapper .form_wrap .form_fild .not_mem label span:hover {
color: #a547b1;
}

span#basic-addon1 {
  background: transparent;
  border: none;
  color:  #065af3;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  font-size: 19px;
}
input.form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}
a.forgot {
  color: #0e75c7;
  font-size: 13px;
  text-align: center;
  font-family: var(--heading-font);
}
input.form-control::placeholder{font-size: 14px;font-family: var(--heading-font);}
.not_mem {
  font-size: 12px;
  margin-top: 11px;
  font-family: var(--heading-font);
}
.logo-section {
  display: flex;
  justify-content: center;
  max-width: 205px;
  margin: 0px auto;
  margin-bottom: 8px;
}
.one-way-trip input {
  border: 1px solid #ebebeb;
  border-radius: 8px;
}
.input-group p {
  font-size: 12px;
  margin-top: 10px;
  font-family: var(--heading-font);
}
.not_mem label img {
  max-width: 12px;
  margin-left: 3px;
}
@media (min-width: 992px) and (max-width: 1200px) {
}




@media (min-width: 768px) and (max-width: 991px){
}



@media (min-width: 576px) and (max-width:767px){
.sec-padding {
  padding: 30px 0;
}
.logo-part {
  padding: 8px 0;
}
.logo-part h1 {
  width: fit-content;
  margin: auto;
}
.right-part {
  width: fit-content;
  margin: auto;
}
.right-part ul li:first-child, .right-part ul li:nth-child(2)  {
  display: none;
}
#banner {
    background-position: center right;
    padding: 171px 0 115px;
}
.banner-content {
    width: 80%;
}
.search-outer {
    padding: 10px;
    overflow-x: scroll;
    height: 90px;
    overflow-y: hidden;
}
    #search ul {
    width: 1020px;
}
    ul#myTab {
    margin-top: 0;
}
    li.nav-item button {
    color: #000000 !important;
}
    li.nav-item button i {
    margin-right: 8px;
    color: #000;
}
li.nav-item button.active i {
  color: #fff;
}
.tab-pane {
    padding: 15px;
}
.middle-tab {
    padding: 15px 5px;
}
.book-now-section p {
    font-size: 16px;
    margin-bottom: 10px;
}
.search-bar-section label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
}
.search-bar-section input[type="text"], .search-bar-section input[type="date"]{
    margin-bottom: 10px;
}
.search-bar-section input[type="search"] {
  margin-top: 10px;
  margin-left: 0px;
}
.search-bar-section {
    flex-direction: column;
}
.sec-heading {
  font-size: 30px;
}
.sec-description {
  width: 100%;
}
.pop-des-show-btn {
  display: none;
}
.destination-single-outer {
  width: 65%;
  margin: auto;
  margin-bottom: 30px;
}
.tab-outer-two {
  border-radius: 10px;
  overflow-x: scroll;
}
.tabs-ul {
  width: 900px;
}
.offers-for-you .row {
  gap: 15px;
}
.our-bolg .row {
  gap: 15px;
}
.Blog-outer {
  padding: 185px 20px 20px 20px;
}
.question {
  font-size: 20px;
  margin-bottom: 10px;
}
.question-outer {
  padding: 10px 0;
}
.news-img-outer img {
  max-height: 240px;
  border-radius: 0;
}
.newsletter-outer {
  border-radius: 0;
}
.news-form-outer {
  padding: 30px 15px;
}
.news-title {
  font-size: 28px;
}
.news-description {
  font-size: 20px;
}
.footer {
  padding: 10px 0 40px;
}
.wi-title {
  margin-top: 20px;
}

}

@media (min-width: 320px) and (max-width: 575px){
  .right-part{
    width: fit-content;
    margin: auto;
  }
  .right-part ul{
    display: flex;
  }
  .right-part ul li:first-child{
    display: none;
  }
  .right-part ul li:nth-child(2){
    display: none;
  }
  #banner {
    padding: 170px 0 95px;
    background-position: center right;
}
.banner-content {
    width: 100%;
}
.logo-part{
  padding: 8px 0;
}
.logo-part h1{
  width: fit-content;
  margin: auto;
}
  .banner-content h3 {
    font-size: 22px;
  }
  .banner-content h1{
    width: 100%;
    line-height: 1.4;
    font-size: 25px;
    margin-top: 10px;
  }
  .banner-section-left {
    /* height: 400px; */
}
.search-outer{
  padding: 10px;
  overflow-x: scroll;
  height: 90px;
  overflow-y:hidden;
}
ul#myTab {
    margin-top: 0;
}
li.nav-item button {
    color: #000000 !important;
}
li.nav-item button i {
    margin-right: 8px;
    color: #000;
}
li.nav-item button.active i {
  color: #fff;
}
#search ul{
  width: 1020px;
}

  .search-bar-section{
    flex-direction: column;
  }


  .book-now-section{
    margin-bottom: 10px;
  }
  .search-bar-section {
    gap: 5px;
}
.search-bar-section label {
  margin-bottom: 5px;
}
.destination, .check-in, .check-out{
  margin-right: 0;
}

input[type="search"] {
  width: 100%;
  margin: 0;
  margin-top: 10px;
}
 

.sec-padding {
  padding: 40px 0;
}
.sec-heading {
  font-size: 25px;
}
.sec-description {
  width: 100%;
}

.pop-des-show-btn{
  display: none;
}
.pop-des-show-btn-mobile{
  display: block;
}
.pop-des-show-btn-mobile a {
  width: fit-content;
  margin: auto;
  margin-top: 25px;
  display: block;
  border: 1px solid #47b2e4;
  border-radius: 5px;
  padding: 10px 20px;
  color: #47b2e4;
}
.destination-outer {
  padding: 0 30px;
}
.destination-single-outer{
  width: fit-content;
  margin: auto;
}
.sec-description {
  margin-bottom: 30px;
}
.destination-outer .row{
  gap: 40px;
}
.destination-title {
  margin-top: 15px;
}
.offers-sec-prefix {
  font-size: 25px;
}
.offers-for-you .row{
  gap: 15px;
}
.offers-details h3 {
  font-size: 22px;
  margin-top: 10px;
}
.offers-details a {
  margin-top: 10px;
}
.offers-details p {
  line-height: 1.2;
  margin-top: 10px;
}
.our-bolg .row{
  gap: 15px;
}
.Blog-outer {
  /* min-height: 290px; */
  padding: 184px 20px 20px 20px;
}
.news-img-outer img {
  border-radius: 0 0 0 0;
  /* height: 200px; */
}
.newsletter-outer {
  border: 2px solid #dbdbdb;
  border-radius:  0 ;
}
.news-form-outer {
  padding: 30px 10px;
}
.news-title {
  font-size: 22px;
}
.news-description {
  font-size: 18px;
  font-weight: 500;
}
.form-outer form{
  display: flex;
}
.form-outer input[type="email"] {
  width: 150px;
}
.wi-title {
  margin-top: 25px;
  margin-bottom: 10px;
}
.question {
  font-size: 20px;
  margin-bottom: 10px;
}
.btn.acount-button{
  padding: 7px 10px;
}
.destination-img-outer img {
  height: 280px;
}
.tab-outer-two{
  border-radius: 10px;
  overflow-x: scroll;
}
.tabs-ul{
  width: 900px;
}


}


.searchQuery{
    position: absolute;
    background: #F2F2F2;
    width: 288px;
    height: 150px;
    overflow-y: scroll;
    display:none;
    border: 1px solid #EC5B25;
    z-index:9999;
}
.searchQuery li{
    border-bottom: 1px dotted #ccc;
    padding: 8px;
    cursor: pointer;
}
.searchQuery li i{
  color: #D92228;
}
.searchQuery li span{
    position: absolute;
    right: 7px;
    color: #777
}
#flightSearchForm .searchQuery li span {
    position: absolute;
    right: 7px;
    color: #777;
    margin-left: 73px;
    font-size: 11px;
    margin-top: 5px;
}
.rooms{position: relative;}
.all-flights{
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

/* 29/08/2024 */
.search-bar-section.flight{
  gap: 20px;
}
.search-bar-section.flight input[type="text"], .search-bar-section.flight input[type="date"]{
  background-color: #f2f2f2 ;
  border-radius: 5px;
  margin-top: 6px;
  outline: none;
}
.search-bar-section.flight .check-in, .search-bar-section.flight .destination{
  margin-right: 0px;
}
.search-bar-section.flight input[type="submit"] {
  margin-top: 32px;
}
.flight-form-to-loading{
  margin: 10px 0 15px;
}
.flight-cheak-option{
  display: flex;
  align-items: center;
  color: #ec5b24;
}
.flight-cheak-option span{
  margin-right: 8px;
}
.flight-cheak-option span i{
  color: #fff;
  background-image: linear-gradient(#53b2fe, #065af3);
    position: relative;
    width: 30px;
    height: 30px;
    font-size: 12px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flight-cheak-option input{
  margin-left: 5px;
}
.nav-link, .nav-tabs .nav-link:hover{
  color: #000;
}
.nav-tabs .nav-link, .nav-tabs .nav-link.active {
  border: none ;
}
.flight-page-search .nav-tabs .nav-link{
  color: #fff;
}
.flight-page-search .nav-tabs .nav-link.active{
  color: #fff;
  background-color: #ec5b24;
  border-radius: 5px;
}
.passenger input{
  outline: none;
}

.flight-page-search{
  /* padding: 45px 0 0; */
  background-image: linear-gradient(#53b2fe, #065af3);
  /* background-color: #f2f2f2; */
  /* background-color: #fff; */
}
.flight-page-search .tab-pane{
  box-shadow: none;
  background-color: transparent;
}
.flight-page-search div#nav-tabContent label {
  color: #fff;
}
.flight-page-search .search-bar-section.flight input[type="text"], .flight-page-search .search-bar-section.flight input[type="date"] {
  background-color: #fff;
}
.flight-page-search .flight-form-to-loading li{
  color: #fff;
}
.flight-page-search .flight-cheak-option{
  color: #fff;
}
.flight-page-search .flight-cheak-option span i{
  color: #ec5b24;
  background-color: #fff;
  background-image: none;
}
.flight-page-search .search-bar-section.flight {
  gap: 10px;
}
.flight-page-search .flight-form-to-loading {
  margin: 5px 0 10px;
}
.flight-page-search .tab-pane {
  padding:15px 0px 0px;
}