/* custom css */
/* BADGE  */
.slick-track {
  height: 95% !important;
  margin-left: initial !important;
}

.ribbon-1 {
  position: fixed;
  background: #08769b;
  box-shadow: 0 0 0 999px #08769b;
  clip-path: inset(0 -100%);
  color: white;
}
.left {
  inset: 0 auto auto 0;
  transform-origin: 100% 0;
  transform: translate(-29.3%) rotate(-45deg);
}
.right {
  inset: 0 0 auto auto;
  transform-origin: 0 0;
  transform: translate(29.3%) rotate(45deg);
}

.ribbon-1 {
  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  --t: 15px; /* the top offset */

  position: absolute;
  inset: var(--t) auto auto calc(-1 * var(--f));
  padding: 0 10px var(--f) calc(10px + var(--r));
  clip-path: polygon(
    0 0,
    /* 1 */ 100% 0,
    /* 2 */ 100% calc(100% - var(--f)),
    /* 3 */ calc(100% - var(--f)) calc(100% - var(--f)),
    /* 5 */ 0 calc(100% - var(--f)),
    /* 6 */ var(--r) calc(50% - var(--f) / 2)
  ); /* 7 */
  background: #ef1923;
  /* box-shadow: 0 calc(-1*var(--f)) 0 inset #0005; */
  transform: rotate(180deg);
  left: 0;
}
.off {
  transform: rotate(180deg);
  display: inline-block;
}
/* icon background */

.icon_bck {
  padding: 10px;
}
.icon_bckcolor {
  /* background-color: red; */
  padding: 10px;
  border-radius: 50%;
}

/* modal */

.modal_style {
  padding-top: 60px;
}
.modal-header {
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}
/* view more */
.view_more {
  display: inline-grid;
  align-items: center;
}
/* nav hoiday package */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a:hover {
  background-color: #ef1923;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.dropdown {
  position: relative;
  display: inline-block;
}
/* Nav button */
.nav_enqbtn {
  background-color: #ef1923;
  color: white;
  border: 1px solid #ef1923;
  border-radius: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
}
/* HOVER IN IMAGE BUTTON */
.imgsizebtn {
  position: relative;
  /* width:100%;
    max-width:100px; */
}
/* .imgsizebtn:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
}
.imgsizebtn:hover::before {
  background-color: rgba(0, 0, 0, 0.5);
} */
.imgsizebtn img {
  display: block;
}
.imgsizebtn button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 0;
  background-color: #ef1923;
  color: white;
}
.imgsizebtn:hover button {
  opacity: 1;
}

.u-go-to-modern {
  float: right;
  background-color: white;
  color: blue;
  border: 1px solid blue;
}
/* coUNTER */
.col-form-label {
  float: left;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.counter_details {
  color: black;
  font-size: 35px !important;
  padding-top: 20px;
}
#countries {
  height: 50px;
  background-color: white;
  border: 1px solid #e1e3e7;
  border-radius: 0.3125rem;
  left: 0;
  width: 100%;
}
@media (max-width: 576px) {
  #countries {
    float: left;
  }
}
@media (max-width: 1199px) {
  .logoresponsive {
    display: none;
  }

  /* .usericon{
      display: none;
    } */

  /* .navbar{
    flex-wrap: nowrap;
    } */

  .newlogo {
    max-width: 70% !important;
  }
}

@media (min-width: 1199px) {
  .newlogo {
    max-width: 100% !important;
  }
}
@media (min-width: 1199px) {
  .newlogo {
    display: none;
  }
}

@media (max-width: 767px) {
  .comingsoon {
    top: -70px !important;
    float: right !important;
    z-index: 100;
    left: 45px !important;
  }
  .fflights {
    padding-top: 18px !important;
  }
}

/* LATEST OFFERS IMAGE BOX MEDIA QUERY */
@media (max-width: 1499px) and (min-width: 1200px) {
  .offers {
    left: 65% !important;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .mimg {
    min-height: 250px !important;
  }
  .offers {
    left: 82% !important;
  }
}
@media (max-width: 576px) {
  .mimg {
    min-height: 250px !important;
  }
  .offers {
    left: 85% !important;
  }
  .right-0 {
    right: 30px !important;
  }
}

/* @media (max-width: 576px)  {
    i{
      font-size: 1rem !important;
    }
  }
  
  @media (max-width: 576px){  
    .comingsoon{
      top: -48px !important;
      float: right !important;
      z-index: 100;
    }
    .tabtext{
      font-size: 10px;
    }
  } */

@media (max-width: 440px) {
  .right-0 {
    right: 40px !important;
  }
}

@media (max-width: 360px) {
  .right-0 {
    right: 60px !important;
  }
}

@media (max-width: 576px) {
  .iconlist {
    height: 100px;
    width: 100px;
  }
}
/* custom column */
/* .col-lg-4{
    width: 200px !important;
  } */

.soon_modal {
  background-color: white;
}
.modal_btn {
  background-color: red;
  color: white;
  width: 100%;
}
.trending_details {
  padding-top: 16px;
}

.card-location__ {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  min-height: 10px;
}
/* newnav */

.newnav {
  justify-content: center;
}

.newnav .topnavtwo li a {
  color: black;
}
.newnav .topnav_two li a {
  color: black;
}
@media (min-width: 1199px) {
  .newnav {
    display: none !important;
  }
}

.imagescustom {
  padding: 10px;
}
.imgsize {
  /* max-width: 278px; */
  max-height: 177px;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
}
.mimg {
  max-height: 177px;
  min-height: 177px !important;
  object-fit: cover;
}

.imgsizetwo {
  max-height: 278px;
  width: 100%;
  height: 100%;
  position: relative;
}
.mimgtwo {
  max-height: 177px;
  min-height: 278px !important;
  object-fit: cover;
}
.imgsizethree {
  width: 100%;
  height: 100%;
  position: relative;
}
.mimgthree {
  max-height: 327px;
  min-height: 327px !important;
  object-fit: cover;
}
.navmain {
  background-color: white;
}
.mainnav {
  background-color: white;
  justify-content: space-between;
  align-items: center;
}

.latestdesc {
  padding: 0 !important;
}

.topnavtwo {
  margin-left: auto;
}

.scrolldownnav {
  background-color: transparent !important;
}

.navdown {
  margin-left: auto !important;
}

.navsign {
  color: black !important;
}

.navlist {
  color: black !important;
}

.searchbtn {
  background-color: #ef1923 !important;
  border: none !important;
  border-radius: 5px !important;
}

.tprice {
  color: #ef1923;
}

.offers {
  background-color: #83bf4f;
  text-align: right;
  border-radius: 4px;
  padding: 4px;
  display: inline;
  position: relative;
  left: 70%;
  top: -10px;
}

.comingsoon {
  background-color: #00adef;
  border-radius: 4px;
  padding: 4px;
  position: relative;
  font-size: 10px;
  white-space: nowrap;
  top: -30px;
  left: 25px;
  height: 20px;
  display: inline-block;
}
.comingsoon_apps {
  background-color: #00adef;
  border-radius: 4px;
  padding: 4px;
  position: relative;
  font-size: 10px;
  white-space: nowrap;
  top: -45px;
  left: 130px;
  height: 25px;
  display: inline-block;
}

.blogcard {
  border: none !important;
}

.detailsrow {
  background-color: #f6f6f6;
  border-radius: 20px;
}

.moredet {
  color: #ef1923b2 !important;
  font-size: 20px !important;
}

.cname {
  color: #222222;
  font-size: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 35px;
  max-width: 200px;
}

.ccolor {
  color: #ef1923;
  font-size: 24px;
}

.plane {
  padding-top: 35px;
  padding-bottom: 35px;
}

.news_input {
  max-width: 368px;
}

#fname {
  width: 100%;
  color: white;
  background-color: transparent;
  border: 1px solid white;
  /* border-color: white; */
  border-radius: 6px;
  height: 41px;
  padding-left: 15px;
}

.planeimg {
  float: right;
}

.appimg {
  max-width: 100%;
  height: auto;
}
.pimg {
  max-width: 100%;
  height: auto;
}
.buttons {
  align-items: center;
  justify-content: center;
}

/* footer css */
/* .topfootercol_logo{
    padding-left: 0px;
    padding-right: 0px;
    max-width: 400px;
  }
  
  .topfootercol_terms{
    max-width: 210px;
  }
  
  .topfootercol_contact{
      max-width: 260px;
      padding-right: 0px;
  } */

.topfootercol_contact {
  padding: 0;
}

input::placeholder {
  color: white;
}

.footer_button {
  position: absolute;
  /* right: 0; */
  background-color: transparent;
  border: none;
  padding-top: 7px;
  right: 20px !important;
  /* top: -14px !important */
}
.newscol {
  top: -20px;
  font-size: 17px !important;
}

.bottomfooter {
  padding-bottom: 35px;
}
.footer {
  background-color: #ef1923;
  padding-top: 4rem;
  margin-top: -80px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .footer {
    padding: 1rem;
  }
}
.footer__logo img {
  width: 90%;
}
.footer__subtitle {
  font-weight: 400;
  font-size: 1rem;
  line-height: 30px;
  max-width: 310px;
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2rem 0;
}
.footer__subtitle p {
  color: white;
}
@media (max-width: 1199.98px) {
  .footer__subtitle {
    font-size: 0.9rem;
  }
}
.footer__social {
  max-width: 310px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer__social img:hover {
  opacity: 0.7;
  cursor: pointer;
}
@media (max-width: 1199.98px) {
  .footer__col {
    margin-top: 1.5rem;
  }
}
.footer__lists {
  margin-top: 1.6rem;
  padding: 0;
}
.footer__lists-title {
  font-size: 1.25rem;
}
@media (max-width: 575.98px) {
  .footer__lists-title {
    font-size: 1rem;
  }
}
.footer__lists li {
  margin-top: 1.2rem;
  list-style: none;
  color: #ffffff;
}
@media (max-width: 1199.98px) {
  .footer__lists li {
    font-size: 0.9rem;
  }
}
@media (max-width: 575.98px) {
  .footer__lists li {
    font-size: 0.75rem;
  }
}
.footer__contact {
  display: flex;
  align-items: center;
}
.footer__contact img {
  margin-right: 10px;
}
.footer__contact--start {
  display: flex;
  align-items: flex-start;
}
.footer__contact--start img {
  margin-right: 10px;
}
.footer__copyright {
  border-top: 1px solid #fff;
  padding: 2.1rem 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  .footer__copyright {
    font-size: 0.8rem;
    flex-direction: column;
    gap: 1rem;
  }
}
/* custom end */

/* ======SLICK CSS START====== */
/* index banner video */

.index_video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.video {
  position: relative;
  height: 20vh;
  padding-bottom: 56.25%;

  /* 16:9 */
  /* padding-top: 25px; */
}

.u-header--abs-top,
.u-header--abs-bottom,
.u-header--abs-top-2nd-screen {
  position: initial !important;
}

.overlay {
  z-index: -1;
  background: #000;
}

.u-header__navbar-link {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.btn_cursor {
  cursor: pointer;
}

/* ======================= START OF FOOTER================ */

.footer .topfootercol_contact {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.trip__add-another span a {
  color: #000;
}

@media (max-width: 425px) {
  .footer .col-6 {
    min-width: 100% !important;
  }
}

/* ======================= END OF FOOTER================ */

@media (max-width: 768px) {
  .view_more_right {
    justify-content: start !important;
  }
}

@media (min-width: 1200px) {
  .view_more_right {
    margin-left: 0 !important;
  }
}

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

/* #video {
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;
} */
/* 16:9 */
/* #video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

/* .ratio {
  height: 300px !important;
  min-width: 100% !important;
  position: relative !important;
  padding-top:56.25%
}

.ratio iframe {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  object-fit: cover;
} */

/* =============index pills  */
.tab-nav-inner .nav-link.active {
  border: 1px solid #ef1923 !important;
  background-color: #ef1923 !important;
  border-radius: 6px;
}

.tab-nav-rounded .nav-item .nav-link.active .icon_bck {
  background-color: #ef1923;
  border-radius: 50%;
}

.tab-nav-inner .nav-link.active span {
  color: white !important;
}

.pop-up .modal-header {
  border-bottom: none !important;
  padding: 10px !important;
}

.pop-up .modal-body {
  padding: 0 17px !important;
  padding-bottom: 17px !important;
}

.dropdown-toggle::after {
  content: "";
}

.counter-input-group input {
  width: 30%;
  border: none;
  text-align: center;
}

.counter-input-group {
  margin: 10px 0;
  color: #000;
}

.counter-input-group button {
  border: 1px solid #ef1923;
  color: #ef1923;
  background-color: #fff;
  padding: 0rem 0.5rem;
  border-radius: 3px;
  font-weight: 500;
  font-size: 1rem;
}

.search__input .form-select {
  border: 1px solid #ef1923 !important;
}

.search__input .form-check .form-check-label {
  color: #676767 !important;
  font-size: 0.875rem !important;
}

.search__input .form-check-input:checked {
  background-color: #ef1923 !important;
  border-color: #ef1923 !important;
}

.input-group i {
  color: #ef1923 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.home__input-container {
  position: relative;
}

.home__search-input-container {
  border: 1px solid #ccc;
  width: 250px;
  position: absolute;
  z-index: 3;
  padding: 0.5rem 1rem;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background-color: #fff;
  display: none;
}

.home__search-input-container .form-check-input:checked {
  background-color: #ef1923;
  border-color: #ef1923;
}

.home__input-taker {
  z-index: 3;
}

.home__counter-btn {
  border: 1px solid #ef1923;
  background: transparent;
  color: #ef1923;
  border-radius: 4px;
  padding: 0.1rem 0.5rem;
  cursor: pointer;
}

.home__counter-btn:hover {
  color: #fff;
  background: #ef1923;
}

#home__one-backdrop,
#home__multi-backdrop,
#home__round-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  z-index: 1;
  opacity: 0;
  display: none;
}

.home__multi-add,
.home__multi-clear {
  cursor: pointer;
}

.home__multi-add:hover {
  text-decoration: underline;
}

.home__multi-clear:hover {
  text-decoration: underline;
}

.navbar__dropdown {
  font-size: 14px;
  color: #222;
}

.navbar__dropdown-menu {
  border: 0.35px solid #f2f2f2 !important;
}

.navbar__dropdown-menu li a {
  color: #000;
  cursor: pointer;
  padding: 10px 15px !important;
}

.typeahead-standalone .tt-list {
  width: 300px !important;
  padding: 1rem 0;
  border-bottom: 1px solid #f0f0f0;
}

.typeahead-standalone .tt-list div[class^="tt-"] {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.typeahead-standalone .tt-list .tt-suggestion.tt-selected {
  background: #ef1923;
}

.typeahead-standalone .tt-list .tt-suggestion.tt-selected .typehead-location {
  color: #fff;
}

.typeahead-standalone .tt-list .tt-suggestion.tt-selected .typehead-shortcode {
  color: #fff;
}

.typeahead-standalone .tt-list .tt-suggestion.tt-selected .typehead-airport {
  color: #fff;
}

.typeahead-standalone .tt-list .tt-suggestion.tt-selected,
.typeahead-standalone .tt-list .tt-suggestion:hover {
  background: #ef1923;
}

.typeahead-standalone .tt-list .tt-suggestion.tt-selected,
.typeahead-standalone .tt-list .tt-suggestion:hover .typehead-location {
  color: #fff;
}

.typeahead-standalone .tt-list .tt-suggestion.tt-selected,
.typeahead-standalone .tt-list .tt-suggestion:hover .typehead-shortcode {
  color: #fff;
}

.typeahead-standalone .tt-list .tt-suggestion.tt-selected,
.typeahead-standalone .tt-list .tt-suggestion:hover .typehead-airport {
  color: #fff;
}

.typehead-flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.typehead-location {
  font-size: 16px;
  color: #ef1923;
  letter-spacing: 0.05em;
}

.typehead-shortcode {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.typehead-airport {
  font-size: 14px;
  letter-spacing: 0.05em;
}

.search-input::placeholder {
  color: #646c74;
  font-size: 14px;
  font-weight: 500;
}