@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap);
:root {
  --body-font: 'Roboto',sans-serif;
  --heading-font: 'Barlow',sans-serif;
  --theme-color: #24BDC7;
  --theme-color2: #285394;
  --theme-color-light: rgba(37, 189, 199, .12);
  --theme-bg-light: rgba(37, 189, 199, .08);
  --body-text-color: #757F95;
  --color-white: #FFFFFF;
  --color-dark: #0C2C7A;
  --color-green: #15D4C9;
  --color-blue: #0049D0;
  --color-skyblue: #00BFFF;
  --color-yellow: #FBA707;
  --color-gray: #ECECEC;
  --color-red: #F05454;
  --hero-overlay-color: #01060F;
  --slider-arrow-bg: rgba(255, 255, 255, 0.2);
  --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
  --transition: all .5s ease-in-out;
  --transition2: all .3s ease-in-out;
  --border-info-color: rgba(0, 0, 0, 0.08);
  --border-info-color2: rgba(0, 0, 0, 0.05);
  --border-white-color: rgba(255, 255, 255, 0.12);
  --border-white-color2: rgba(255, 255, 255, 0.07);
  --footer-bg: #0C2C7A;
  --footer-text-color: #F5FAFF;
  --primary-gradient: linear-gradient(135deg, #1B3A6B 0%, #2C5AA0 100%);
  --green-gradient: linear-gradient(135deg, #F2A900 0%, #FFC93C 100%)
}
*,
:after,
:before {
  box-sizing: inherit
}
* {
  scroll-behavior: inherit!important
}
body,
html {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
body {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  color: var(--body-text-color);
  line-height: 1.8;
  background: #f5f7f8;
  text-align: justify
}
a {
  color: #0d151e;
  display: inline-block
}
a,
a:active,
a:focus,
a:hover {
  outline: 0;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  text-decoration: none
}
a:hover {
  color: #0049d0
}
ul {
  margin: 0;
  padding: 0
}
li {
  list-style: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #111827;
  margin: 0;
  font-weight: 600;
  font-family: var(--heading-font);
  line-height: 1.2
}
h1 {
  font-size: 40px
}
h2 {
  font-size: 35px
}
h3 {
  font-size: 28px
}
h4 {
  font-size: 22px
}
h5 {
  font-size: 18px
}
h6 {
  font-size: 16px
}
p {
  margin: 0
}
.img,
img {
  max-width: 100%;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  height: auto
}
label {
  color: #999;
  cursor: pointer;
  font-weight: 400
}
::-moz-selection {
  background: #555;
  color: var(--color-white);
  color: var(--color-white);
  text-shadow: none
}
::selection {
  background: #555;
  color: var(--color-white);
  text-shadow: none
}
::-moz-placeholder {
  color: #999;
  font-size: 16px;
  opacity: 1
}
::placeholder {
  color: #999;
  font-size: 16px;
  opacity: 1
}
.fixed-top {
  background: var(--color-white);
  box-shadow: 0 0 15px rgba(0,0,0,.17);
  animation: .7s slide-down;
  padding: 13px 0 8px
}
.ovrflow-hidden {
  overflow: hidden
}
.text-right {
  text-align: right
}
.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.c-pd {
  padding: 0 7rem
}
.s-pd {
  padding: 0 12rem
}
.h-100 {
  height: 100%
}
.h-100vh {
  height: 100vh
}
.bg {
  background-color: var(--theme-bg-light)
}
@media all and (max-width:1399px) {
  .container {
    max-width: 95%
  }
}
.site-heading-inline {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px
}
.site-title-tagline {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-white);
  position: relative;
  background: #f77a18;
  border-radius: 50px;
  padding: 5px 10px 5px 2px
}
.site-title-tagline i {
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: var(--color-white);
  color: #f77a18;
  text-align: center;
  border-radius: 50px
}
.site-title span {
  color: #f77a18
}
.site-heading p {
  margin-top: 15px
}
.pos-rel {
  position: relative;
  z-index: 1
}
.theme-btn {
  font-size: 15px;
  color: var(--color-white);
  padding: 7px 18px;
  transition: .5s;
  text-transform: capitalize;
  position: relative;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  border: none;
  background: var(--green-gradient);
  box-shadow: 0 3px 24px rgb(0 0 0 / 12%);
  z-index: 1
}
.hotel-search-wrapper .row {
  width: 100%
}

.theme-btn i {
  margin-left: 5px
}
.theme-btn span {
  margin-right: 5px
}
.header-top {
  background: 0 0;
  position: relative;
  border-bottom: 1px solid var(--border-white-color);
  padding: 6px 0;
  z-index: 9999
}
.header-top-left,
.top-contact-info ul {
  display: flex;
  align-items: center;
  gap: 20px
}
.top-contact-info ul li a {
  color: var(--color-white);
  font-weight: 500;
  transition: var(--transition)
}
.top-contact-info ul li a:hover {
  color: #f77a18
}
.top-contact-info ul li a i {
  margin-right: 10px
}
.top-social a {
  color: var(--color-white);
  font-size: 15px;
  width: 33px;
  height: 33px;
  line-height: 29.5px;
  border-radius: 50px;
  text-align: center;
  border: 2px solid var(--color-white);
  margin-right: 10px;
  transition: var(--transition)
}
.top-social a:hover {
  color: #f77a18;
  background: var(--color-white)
}

.flight-airline-name.flight-air-naming {
  font-size: 14px
}
@media all and (min-width:992px) {
  .navbar .nav-item .nav-link {
    margin-right: 22px;
    padding: 20px 0 10px;
    font-weight: 500;
    color: var(--color-white);
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
  }
  .navbar .nav-item {
    width: 72px
  }
  .header-nav-right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-left: 30px
  }
  .header-nav-link {
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #0d151e;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .header-nav-link:hover {
    color: #f77a18
  }
  .header-nav-link.search-box-outer {
    font-size: 18px
  }
  #main_nav {
    justify-content: flex-end
  }
  .navbar .dropdown-menu.mega-menu::before {
    display: none
  }
  .navbar .dropdown-menu.mega-menu div[class*=col-] {
    border-right: 1px solid rgba(0,0,0,.05)
  }
  .navbar .dropdown-menu.mega-menu .dropdown-item {
    padding-top: 5px;
    padding-bottom: 5px
  }
  .navbar .dropdown-menu.mega-menu .dropdown-item::before {
    top: 15px
  }
  .navbar .dropdown-menu.mega-menu ul li {
    border-bottom: none
  }
}
.navbar.fixed-top {
  background: var(--color-white);
  box-shadow: 0 0 15px rgba(0,0,0,.17);
  animation: .7s slide-down;
  padding: 8px 0
}
.navbar.fixed-top .header-nav-link,
.navbar.fixed-top .nav-item .nav-link {
  color: #0d151e
}
.navbar.fixed-top #main_nav .navbar-nav {
  display: flex;
  padding-right: 50px
}
.navbar.fixed-top .header-nav-link:hover {
  color: #f77a18
}
@keyframes slide-down {
  0% {
    transform: translateY(-100%)
  }
  100% {
    transform: translateY(0)
  }
}
.navbar .navbar-brand .logo-display {
  display: block
}
.navbar .navbar-brand .logo-scrolled,
.navbar.fixed-top .navbar-brand .logo-display {
  display: none;
}
.navbar.fixed-top .navbar-brand .logo-scrolled {
  display: block;
}
.navbar-brand {
  margin-right: 0
}
.navbar-brand img {
  width: 160px;
}
@media all and (max-width:1199px) {
  .header-nav-right {
    gap: 5px;
    margin-left: 15px
  }
  .navbar .nav-item .nav-link {
    margin-right: 15px
  }
  .navbar .header-btn {
    display: none;
  }
}
.mobile-menu-right {
  display: none
}
@media all and (max-width:991px) {
  .navbar {
    top: 0;
    right: 0;
    left: 0;
    position: fixed
  }
  .navbar-bg {
    height: 59px
  }
  .navbar-bg::before {
    transform: translateY(0) skew(-15deg);
    left: -8px
  }
  .navbar-brand img {
    width: 130px
  }
  .collapse:not(.show) {
    display: inherit
  }
  .navbar-collapse {
    height: 100%;
    padding: 0 10px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%!important;
    display: block!important;
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out,visibility .4s
  }
  .header.page-header .navbar-toggler-btn-icon {
    color: #000
  }
  .header.page-header .navbar {
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    background: #fff!important;
    padding-top: 10px;
    padding-bottom: 10px
  }
  .navbar-collapse.show {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    background: rgba(0,0,0,.3)
  }
  .dropdown-toggle::after {
    float: right
  }
  .navbar .nav-item .nav-link {
    color: #0d151e;
    font-weight: 700;
    transition: var(--transition);
    margin-right: 0
  }
  .navbar .nav-item .nav-link:hover {
    color: #f77a18!important
  }
  .navbar-toggler {
    padding: 0;
    border: none
  }
  .mobile-menu-right {
    display: flex;
    align-items: center;
    z-index: 999
  }
  .mobile-menu-link {
    font-size: 20px;
    color: #0d151e;
    font-weight: 500;
    padding-right: 20px;
    margin-bottom: 0;
    position: relative
  }
  .mobile-menu-link:hover {
    color: #f77a18
  }
  .navbar-toggler-btn-icon {
    font-size: 20px;
    color: #fff;
    font-weight: 500
  }
  .navbar .dropdown-menu {
    border-radius: 15px
  }
  .navbar .dropdown-menu .dropdown-item {
    color: #0d151e
  }
  .header-nav-right {
    display: none
  }
}
.navbar .nav-item .dropdown-submenu {
  position: relative;
}
.search-header {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  margin-left: 50px
}
.search-nav {
  display: inline-block;
  background: var(--color-white);
  border-radius: 13px;
  margin-bottom: -28px;
  max-width: 85%
}
.search-nav .nav-item {
  margin: 5px
}
.search-nav .nav-link {
  background: var(--theme-color-light);
  border-radius: 50px;
  padding: 6px 16px
}
.search-nav .nav-link i {
  color: #f77a18;
  font-size: 32px
}
.search-nav .nav-link.active i {
  color: var(--color-white)
}
.search-form .form-check label,
.search-form .form-group label {
  color: #0d151e;
  display: block
}
.search-form .form-group i {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 28px;
  color: #f4ad08
}
.search-form .form-group p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #0d151e;
  font-size: 15px
}
.search-form-swap {
  position: absolute;
  left: -33px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer
}
.search-form-swap i {
  background: #f5b110;
  color: var(--color-white)!important;
  font-size: 19px !important;
  position: unset !important;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  border: 3px solid var(--color-white)
}
.search-form-date {
  display: flex
}
.search-form .passenger-box {
  cursor: pointer
}
.passenger-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 6px 0
}
.passenger-info {
  flex: 1;
  min-width: 0
}
.passenger-info h6 {
  margin: 0;
  color: #0d151e;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4
}
.passenger-qty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-shrink: 0
}
.passenger-qty button {
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 50%;
  background: var(--theme-color-light);
  color: var(--theme-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: .2s
}
.passenger-qty button:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff
}
.passenger-qty button:active {
  transform: scale(.92)
}
.passenger-qty input {
  width: 28px;
  min-width: 28px;
  padding: 0;
  border: none;
  outline: 0;
  background: 0 0;
  text-align: center;
  color: #0d151e;
  font-size: 14px;
  font-weight: 600
}
.room-pax-card {
  width: 100%;
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.08)
}
.room-pax-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0
}
.room-pax-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-color);
  text-transform: uppercase;
  letter-spacing: .3px
}
.room-pax-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 6px 0
}
.room-pax-row:last-of-type {
  border-bottom: 0
}
.room-pax-label {
  flex: 1;
  min-width: 0
}
.room-pax-label h6 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #0d151e
}
.room-pax-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-shrink: 0
}
.room-pax-btn {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 50%;
  background: var(--theme-color-light);
  color: var(--theme-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: .2s
}
.room-pax-btn:hover {
  background: var(--theme-color);
  color: #fff;
  border-color: var(--theme-color)
}
.room-pax-btn:active {
  transform: scale(.94)
}
.room-pax-value {
  width: 28px;
  min-width: 28px;
  padding: 0;
  border: 0;
  outline: 0;
  background: 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #0d151e
}
.search-form .passenger-class-info .form-check {
  margin-top: 10px
}
.search-form .passenger-class-info .form-check-input {
  box-shadow: none;
  margin-top: 7px
}
.search-form .search-btn .theme-btn {
  border: 2px solid var(--color-white);
  padding: 7px 18px;
  white-space: nowrap;
  box-shadow: none
}
.flight-search .search-wrapper .search-box {
  padding: 15px;
  border-radius: 30px
}
.flight-search .flight-type {
  margin-bottom: 15px
}
.flight-search .search-form .flight-type .form-check-input {
  box-shadow: none;
  border: 2px solid #0d151e
}
.flight-search .search-form .flight-type .form-check-label {
  font-weight: 600;
  color: #0d151e
}
.flight-search .search-form .form-group {
  border-radius: 20px
}
.flight-search .search-wrapper .flight-search-wrapper .tab-content {
  box-shadow: none;
  background: 0 0;
  border-radius: 0;
  padding: 0
}
.flight-search .flight-search .search-form-return {
  display: none
}
.flight-search .search-form .flight-multicity-item {
  margin-top: 25px;
  display: none
}
.flight-search .search-form .multicity-btn {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  color: #0d151e;
  min-height: 65px
}
.flight-search.ft-group .search-form .form-group {
  border-radius: 30px
}
.holiday-search .flight-type {
  margin-bottom: 15px
}
.holiday-search .flight-type .form-check label {
  font-weight: 500
}
.holiday-search .flight-type .form-check-input {
  box-shadow: none;
  margin-top: 6px;
  border-color: #0d151e;
  border-width: 2px
}

.ui-datepicker.journey-date-picker {
  top: 120px!important
}
.ui-datepicker.bus-departure-datepicker {
  top: 80px!important
}
.ui-widget.ui-widget-content {
  border: none;
  padding: 8px;
  border-radius: 20px;
  background: var(--color-white);
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%)
}
.ui-widget-header .ui-icon {
  background-image: unset
}
.ui-datepicker .ui-widget-header {
  background: var(--primary-gradient);
  color: var(--color-white);
  border: none;
  border-radius: 15px
}
.ui-datepicker {
  z-index: 99999!important
}
.ui-datepicker .ui-datepicker-prev::after {
  content: "\f100";
  left: 5px;
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  color: var(--color-white)
}
.ui-datepicker .ui-datepicker-next::after {
  content: "\f101";
  right: 5px;
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  color: var(--color-white)
}
.ui-datepicker .ui-datepicker-header .ui-corner-all,
.ui-datepicker .ui-datepicker-header .ui-state-hover {
  cursor: pointer;
  border: 0;
  background: 0 0;
  font-weight: 600;
  top: 3px
}
.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: center;
  text-decoration: none
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  border: none;
  border-radius: 10px
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  border: none;
  background: var(--theme-color2);
  color: var(--color-white)
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  background: var(--green-gradient);
  color: var(--color-white)
}
.ui-timepicker.ui-widget.ui-widget-content {
  box-shadow: none
}
.ui-timepicker-standard {
  border: none!important;
  background: var(--color-white);
  border-radius: 10px;
  box-shadow: var(--box-shadow);
  z-index: 2!important
}
.ui-timepicker-standard a {
  border: none!important;
  transition: none!important;
  border-radius: 8px
}
.ui-timepicker-standard a#ui-active-item,
.ui-timepicker-standard a:hover {
  background: #f77a18;
  color: var(--color-white)
}
.price-range-slider .price-range-info {
  margin-bottom: 20px
}
.hotelAddress,
.hotelCity,
.hotelName {
  padding: 6px 10px;
  margin-top: 4px
}
.price-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  margin-top: 15px
}
.price-box {
  background: #f3f4f6;
  border-radius: 8px;
  padding: 6px 12px;
  text-align: center
}
.price-box .p-label {
  font-size: 10px;
  color: #888;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 2px
}
.price-box .p-val {
  font-size: 14px;
  font-weight: 700;
  color: #111
}
.price-sep {
  font-size: 12px;
  color: #ccc
}
.range-wrap {
  position: relative;
  height: 4px;
  background: #e5e7eb;
  border-radius: 10px;
  margin: 16px 4px
}
.range-fill {
  position: absolute;
  height: 4px;
  background: linear-gradient(90deg,#e8500a,#ff8c42);
  border-radius: 10px
}
.range-wrap input[type=range] {
  position: absolute;
  width: 100%;
  height: 4px;
  background: 0 0;
  -webkit-appearance: none;
  pointer-events: none;
  top: 0
}
.range-wrap input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #e8500a;
  box-shadow: 0 1px 6px rgba(0,0,0,.15);
  pointer-events: all;
  cursor: pointer
}
.priceRange {
  border: none;
  font-weight: 700;
  outline: 0;
  color: #222;
  font-size: 15px
}
.price-range-slider label {
  color: #0d151e;
  font-weight: 500
}
.price-range-slider .ui-slider-handle {
  top: -.36em!important;
  border-radius: 50px;
  background: var(--white-color)!important;
  border: 4px solid #1b3a6b!important;
  width: 1.1em;
  height: 1.1em;
  outline: 0
}
.price-range-slider .ui-widget.ui-widget-content {
  background: #e6e9ec;
  border: none;
  border-radius: 50px;
  padding: 0;
  height: .4em;
  width: 95%;
  margin: auto
}
.price-range-slider .ui-widget-header {
  background: var(--green-gradient);
}
.play-btn {
  display: inline-block;
  padding: 0;
  height: 75px;
  width: 75px;
  line-height: 75px;
  font-size: 20px;
  text-align: center;
  background: var(--theme-color2);
  color: var(--color-white)!important;
  position: absolute;
  border-radius: 50%;
  z-index: 1
}
.play-btn i::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: var(--theme-color2);
  border-radius: 50px;
  animation: 1s linear infinite ripple-wave;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: .5s ease-in-out
}

.destination-area {
  position: relative
}
.destination-item {
  margin-bottom: 25px;
  position: relative
}
.destination-img {
  overflow: hidden;
  border-radius: 200px;
  position: relative
}
.destination-img img {
  border-radius: 200px;
  width: 100%;
  transition: var(--transition)
}
.destination-item:hover .destination-img img {
  transform: scale(1.1)
}
.destination-btn {
  position: absolute;
  width: 55px;
  height: 55px;
  line-height: 56px;
  text-align: center;
  background: var(--color-white);
  color: #f77a18!important;
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  left: 50%;
  font-size: 22px;
  transform: translate(-50%,-50%);
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
  transition: var(--transition);
  z-index: 1
}
.destination-item:hover .destination-btn {
  visibility: visible;
  opacity: 1
}
.destination-info {
  position: relative;
  width: 80%;
  background: var(--color-white);
  text-align: center;
  border-radius: 100px;
  padding: 10px 20px;
  margin: -80px auto 0;
  box-shadow: var(--box-shadow)
}
.destination-info h4 a {
  color: #0d151e;
  font-size: 20px
}
.destination-info h4 a:hover {
  color: #f77a18
}
.destination-rate {
  font-size: 15px;
  margin-top: 5px
}
.destination-rate i {
  color: #ffa903
}
.destination-rate span {
  color: #0d151e;
  font-weight: 400
}
.destination-more-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px
}
.destination-more-info span {
  color: var(--body-text-color)
}
.destination-more-info span i {
  color: #f77a18
}
.destination-slider.owl-theme .owl-nav {
  margin-top: 0
}
.destination-slider.owl-theme .owl-nav button {
  color: #f77a18;
  font-size: 25px;
  margin: -50px 0 0;
  padding: 0;
  background: var(--color-white);
  display: inline-block;
  cursor: pointer;
  height: 45px;
  width: 45px;
  border-radius: 50px;
  line-height: 45px;
  text-align: center;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  transition: var(--transition)
}
.destination-slider.owl-theme .owl-nav button:hover {
  background: #f77a18;
  color: var(--color-white)
}
.destination-slider.owl-theme .owl-nav .owl-prev {
  left: -25px
}
.destination-slider.owl-theme .owl-nav .owl-next {
  right: -25px
}
.destination-slider .owl-dots {
  text-align: center;
  margin-top: 10px
}
.destination-slider .owl-dots .owl-dot span {
  background: 0 0;
  margin: 5px;
  border: 2px solid #f77a18;
  border-radius: 50px;
  width: 12px;
  height: 12px;
  display: inline-block;
  transition: var(--transition)
}
.destination-slider .owl-dots .owl-dot.active span {
  background: #f77a18
}
@media all and (max-width:1399px) {
  .destination-info h4 {
    font-size: 23px
  }
}
.flight-area {
  position: relative
}
.flight-item {
  background: var(--color-white);
  padding: 15px;
  border-radius: 40px 40px 40px 0;
  margin-bottom: 25px;
  box-shadow: var(--box-shadow);
  position: relative
}
.flight-item .badge {
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: var(--box-shadow);
  position: absolute;
  right: -10px;
  top: 35px;
  z-index: 1
}
.flight-item .badge-discount {
  background: var(--theme-color2)
}
.flight-item .add-wishlist {
  width: 40px;
  height: 40px;
  line-height: 36px;
  background: #f77a18;
  border: 3px solid var(--color-white);
  color: var(--color-white);
  border-radius: 50px;
  text-align: center;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 1
}
.flight-img {
  overflow: hidden;
  border-radius: 30px 30px 30px 0
}
.flight-img img {
  border-radius: 30px 30px 30px 0
}
.flight-item:hover .flight-img img {
  transform: scale(1.1)
}
.flight-title {
  margin-top: 15px
}
.flight-title-info {
  display: flex;
  align-items: center;
  gap: 7px
}
.flight-title-info img {
  width: 20px
}
.flight-title-info h4 {
  font-size: 18px
}
.flight-title-info a {
  color: #0d151e
}
.flight-title-info a:hover {
  color: #f77a18
}
.flight-title-info a i {
  margin: 0 5px;
  font-size: 16px;
  color: #f77a18
}
.flight-date {
  margin-top: 10px;
  font-weight: 500;
  color: #0d151e
}
.flight-date i {
  margin-right: 5px;
  color: #f77a18
}
.flight-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,.05)
}
.flight-price {
  color: #0d151e;
  font-weight: 500
}
.flight-price span {
  font-weight: 700;
  color: var(--theme-color2);
  font-size: 19px
}
.flight-text-btn a {
  color: #0d151e;
  font-weight: 500
}
.flight-text-btn a i {
  font-size: 14px
}
.flight-text-btn a:hover {
  color: #f77a18
}
.hotel-area {
  position: relative
}
.hotel-area.bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../img/shape/02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .3;
}
.hotel-img .badge {
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: var(--box-shadow);
  position: absolute;
  right: 20px;
  top: -15px
}
.hotel-img .badge-discount {
  background: var(--theme-color2)
}
.hotel-img .add-wishlist {
  width: 40px;
  height: 40px;
  line-height: 35px;
  background: #f77a18;
  border: 3px solid var(--color-white);
  color: var(--color-white);
  border-radius: 50px 50px 50px 0;
  text-align: center;
  position: absolute;
  left: -5px;
  bottom: -5px
}
.hotel-img .add-wishlist:hover {
  background: var(--theme-color2);
  color: var(--color-white)
}
.hotel-title a:hover {
  color: var(--green-gradient)
}
.hotel-content p i {
  color: #1b3a6b
}
.hotel-rate-type {
  color: #f77a18;
  font-weight: 500;
  margin: 0 5px
}
.hotel-rate-review {
  color: #0d151e;
  font-weight: 500
}
.hotel-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.hotel-price-amount {
  color: var(--theme-color2);
  font-weight: 700;
  font-size: 19px
}
.hotel-price-type {
  font-size: 14px;
  font-weight: 500;
  color: #0d151e
}
.hotel-text-btn a {
  color: #0d151e;
  font-weight: 500
}
.hotel-text-btn a i {
  font-size: 14px
}
.hotel-text-btn a:hover {
  color: #f77a18
}
.hotel-slider.owl-theme .owl-nav {
  margin-top: 0
}
.hotel-slider.owl-theme .owl-nav button {
  color: #f77a18;
  font-size: 25px;
  margin: -28px 0 0;
  padding: 0;
  background: var(--color-white);
  display: inline-block;
  cursor: pointer;
  height: 45px;
  width: 45px;
  border-radius: 50px;
  line-height: 45px;
  text-align: center;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  transition: var(--transition)
}
.hotel-slider.owl-theme .owl-nav button:hover {
  background: #f77a18;
  color: var(--color-white)
}
.hotel-slider.owl-theme .owl-nav .owl-prev {
  left: -25px
}
.hotel-slider.owl-theme .owl-nav .owl-next {
  right: -25px
}
.hotel-slider .owl-dots {
  text-align: center;
  margin-top: 30px
}
.hotel-slider .owl-dots .owl-dot span {
  background: 0 0;
  margin: 5px;
  border: 2px solid #f77a18;
  border-radius: 50px;
  width: 12px;
  height: 12px;
  display: inline-block;
  transition: var(--transition)
}
.hotel-slider .owl-dots .owl-dot.active span {
  background: #f77a18
}
.room-type-item {
  position: relative;
  margin-bottom: 25px
}
.room-type-item::before {
  content: "";
  position: absolute;
  background: rgba(13,44,122,.4);
  width: 100%;
  height: 100%;
  border-radius: 100px 100px 100px 0;
  left: 0;
  top: 0
}
.room-type-item img {
  border-radius: 100px 100px 100px 0
}
.room-type-item .theme-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--color-white);
  color: #0d151e;
  transform: translate(-50%,-50%)
}
.room-type-item .theme-btn:hover {
  color: var(--color-white)
}
.authentication-card .card-header {
  padding: 0;
  background: 0 0;
  border-bottom: none
}
.tour-area {
  position: relative
}
.tour-item {
  background: var(--color-white);
  border-radius: 40px 40px 40px 0;
  padding: 5px;
  margin-bottom: 25px;
  position: relative;
  box-shadow: var(--box-shadow);
  transition: var(--transition)
}
.tour-item:hover {
  transform: translateY(4px)
}
.tour-img {
  border-radius: 35px 35px 35px 0;
  position: relative
}
.tour-img img {
  border-radius: 35px 35px 35px 0
}
.custom-tour-btn {
  position: absolute!important;
  top: 10px!important;
  right: 10px!important;
  z-index: 99!important;
  background: #f9771b;
  color: #fff;
  padding: 4px 10px;
  border-radius: 4px
}
.custom-tour-btn:hover {
  color: #fff
}
.tour-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(4px)
}
.tour-popup-content {
  width: 90%;
  max-width: 450px;
  background: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  position: relative;
  animation: .4s popupShow;
  box-shadow: 0 15px 40px rgba(0,0,0,.2)
}
@keyframes popupShow {
  from {
    transform: translateY(40px);
    opacity: 0
  }
  to {
    transform: translateY(0);
    opacity: 1
  }
}
.close-popup {
  position: absolute;
  right: -5px;
  top: -5px;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
  height: 30px;
  width: 30px;
  background: #f9771b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}
.tour-popup-content h2 {
  text-align: center;
  color: #f9771b;
  margin-bottom: 10px;
  font-size: 30px
}
.input-box {
  margin-bottom: 15px
}
.input-box label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #333
}
.input-box select {
  width: 100%;
  padding: 8px 13px;
  border: 2px solid #eee;
  border-radius: 5px;
  font-size: 16px;
  transition: .3s
}
.input-box select:focus {
  border-color: #f9771b;
  outline: 0;
  box-shadow: 0 0 10px rgba(249,119,27,.2)
}
.transport-option {
  display: flex;
  gap: 30px
}
.transport-option label {
  font-weight: 500;
  color: #555
}
.submit-btn {
  width: 100%;
  background: #f9771b;
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: .3s;
  box-shadow: 0 8px 20px rgba(249,119,27,.3)
}
.submit-btn:hover {
  background: #ff8c35;
  transform: translateY(-2px)
}
.tour-img .badge {
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: var(--box-shadow);
  position: absolute;
  right: 20px;
  top: -15px
}
.tour-img .badge-discount {
  background: var(--theme-color2)
}
.tour-img .add-wishlist {
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  background: #f77a18;
  border: 3px solid var(--color-white);
  color: var(--color-white);
  border-radius: 50px 50px 50px 0;
  position: absolute;
  left: -5px;
  bottom: -5px
}
.tour-img .add-wishlist:hover {
  background: var(--theme-color2);
  color: var(--color-white)
}
.tour-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #0d151e;
  font-weight: 500
}
.tour-top a:hover,
.tour-top i {
  color: #f77a18
}
.tour-content {
  padding: 15px 15px 10px
}
.tour-title a:hover {
  color: #f77a18
}
.tour-content p {
  margin: 8px 0;
  color: #0d151e;
  font-weight: 500
}
.tour-content p i {
  color: #f77a18
}
.tour-rate .badge {
  background: #ffa903;
  font-size: 13px
}
.tour-rate-type {
  color: #f77a18;
  font-weight: 500;
  margin: 0 5px
}
.tour-rate-review {
  color: #0d151e;
  font-weight: 500
}
.tour-duration {
  margin-top: 10px;
  color: #0d151e;
  font-weight: 500
}
.tour-duration i {
  color: #f77a18
}
.tour-bottom {
  display: flex;
  padding: 13px 10px 10px;
  background: #e3d2d2;
  border-radius: 0 0 10px 10px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0,0,0,.05);
  margin-top: 4px
}
.tour-text-btn a {
  color: #0d151e;
  font-weight: 500
}
.tour-text-btn a i {
  font-size: 14px
}
.tour-text-btn a:hover {
  color: #f77a18
}
.filter-controls {
  position: relative;
  border-radius: 50px 50px 0;
  padding: 5px;
  background: var(--theme-color-light)
}
.filter-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px
}
.filter-btns li {
  background: var(--color-white);
  color: #0d151e;
  padding: 5px 20px;
  border-radius: 50px 50px 0;
  font-weight: 500;
  cursor: pointer;
  box-shadow: var(--box-shadow)
}
.filter-btns li.active {
  background: #f77a18;
  color: var(--color-white)
}
.tour-list .tour-item {
  display: flex;
  align-items: center;
  gap: 20px
}
.tour-list .tour-img {
  width: 410px
}
.tour-list .tour-content {
  flex: 1
}
@media all and (max-width:767px) {
  .filter-btns {
    padding: 15px
  }
  .tour-list .tour-item {
    display: block
  }
  .tour-list .tour-img {
    width: 100%
  }
}
.car-area {
  position: relative
}
.car-area.bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/shape/03.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .25
}
.car-item {
  background: var(--color-white);
  border-radius: 40px 40px 40px 0;
  padding: 5px;
  margin-bottom: 25px;
  box-shadow: var(--box-shadow);
  transition: var(--transition)
}
.car-item:hover {
  transform: translateY(4px)
}
.car-img {
  border-radius: 35px 35px 35px 0;
  position: relative
}
.car-img img {
  border-radius: 35px 35px 35px 0
}
.car-img .badge {
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: var(--box-shadow);
  position: absolute;
  right: 20px;
  top: -15px
}
.car-img .badge-discount {
  background: var(--theme-color2)
}
.car-img .add-wishlist {
  width: 40px;
  height: 40px;
  line-height: 35px;
  background: #f77a18;
  border: 3px solid var(--color-white);
  color: var(--color-white);
  border-radius: 50px 50px 50px 0;
  text-align: center;
  position: absolute;
  left: -5px;
  bottom: -5px
}
.car-img .add-wishlist:hover {
  background: var(--theme-color2);
  color: var(--color-white)
}
.car-content {
  padding: 20px 15px 10px
}
.car-title a:hover {
  color: #f77a18
}
.car-content p {
  margin: 8px 0;
  color: #0d151e;
  font-weight: 500
}
.car-rate .badge {
  background: #ffa903;
  font-size: 13px;
  border-radius: 50px 50px 50px 0
}
.car-rate-type {
  color: #f77a18;
  font-weight: 500;
  margin: 0 5px
}
.car-rate-review {
  color: #0d151e;
  font-weight: 500
}
.car-info-list {
  margin-top: 10px
}
.car-info-list li {
  display: inline-block;
  margin-right: 15px;
  margin-top: 8px
}
.car-info-list i {
  color: #f77a18;
  margin-right: 6px
}
.car-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0,0,0,.05);
  margin-top: 20px;
  padding-top: 13px
}
.car-price-amount {
  color: var(--theme-color2);
  font-weight: 700;
  font-size: 19px
}
.car-price-type {
  font-size: 14px;
  font-weight: 500;
  color: #0d151e
}
.car-text-btn a {
  color: #0d151e;
  font-weight: 500
}
.car-text-btn a i {
  font-size: 14px
}
.car-text-btn a:hover {
  color: #f77a18
}
.car-slider .car-item {
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: none
}
.car-slider.owl-theme .owl-nav {
  margin-top: 0
}
.car-slider.owl-theme .owl-nav button {
  color: #f77a18;
  font-size: 25px;
  margin: -25px 0 0;
  padding: 0;
  background: var(--color-white);
  display: inline-block;
  cursor: pointer;
  height: 45px;
  width: 45px;
  border-radius: 50px;
  line-height: 45px;
  text-align: center;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  transition: var(--transition)
}
.car-slider.owl-theme .owl-nav button:hover {
  background: #f77a18;
  color: var(--color-white)
}
.car-slider.owl-theme .owl-nav .owl-prev {
  left: -25px
}
.car-slider.owl-theme .owl-nav .owl-next {
  right: -25px
}
.car-slider .owl-dots {
  text-align: center;
  margin-top: 30px
}
.car-slider .owl-dots .owl-dot span {
  background: 0 0;
  margin: 5px;
  border: 2px solid #f77a18;
  border-radius: 50px;
  width: 12px;
  height: 12px;
  display: inline-block;
  transition: var(--transition)
}
.car-slider .owl-dots .owl-dot.active span {
  background: #f77a18
}
.car-list .car-item {
  display: flex;
  align-items: center;
  gap: 20px
}
.car-list .car-img {
  width: 410px
}
.car-list .car-content {
  flex: 1
}
@media all and (max-width:767px) {
  .car-slider.owl-theme .owl-nav {
    display: none
  }
  .car-list .car-item {
    display: block
  }
  .car-list .car-img {
    width: 100%
  }
}
.activity-area {
  position: relative
}
.activity-item {
  background: var(--color-white);
  border-radius: 40px 40px 40px 0;
  margin-bottom: 25px;
  padding: 5px;
  box-shadow: var(--box-shadow);
  transition: var(--transition)
}
.activity-item:hover {
  transform: translateY(4px)
}
.activity-img {
  border-radius: 35px 35px 35px 0;
  position: relative
}
.activity-img img {
  border-radius: 35px 35px 35px 0
}
.activity-img .badge {
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: var(--box-shadow);
  position: absolute;
  right: 20px;
  top: -15px
}
.activity-img .badge-discount {
  background: var(--theme-color2)
}
.activity-img .add-wishlist {
  width: 40px;
  height: 40px;
  line-height: 35px;
  background: #f77a18;
  border: 3px solid var(--color-white);
  color: var(--color-white);
  border-radius: 50px 50px 50px 0;
  text-align: center;
  position: absolute;
  left: -5px;
  bottom: -5px
}
.activity-img .add-wishlist:hover {
  background: var(--theme-color2);
  color: var(--color-white)
}
.activity-content {
  padding: 20px 15px 10px
}
.activity-title a:hover {
  color: #f77a18
}
.activity-content p {
  margin: 8px 0;
  color: #0d151e;
  font-weight: 500
}
.activity-content p i {
  color: #f77a18
}
.activity-rate .badge {
  background: #ffa903;
  font-size: 13px;
  border-radius: 50px 50px 50px 0
}
.activity-rate-type {
  color: #f77a18;
  font-weight: 500;
  margin: 0 5px
}
.activity-rate-review {
  color: #0d151e;
  font-weight: 500
}
.activity-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0,0,0,.05);
  margin-top: 20px;
  padding-top: 13px
}
.activity-price-amount {
  color: var(--theme-color2);
  font-weight: 700;
  font-size: 19px
}
.activity-text-btn a {
  color: #0d151e;
  font-weight: 500
}
.activity-text-btn a i {
  font-size: 14px
}
.activity-text-btn a:hover {
  color: #f77a18
}
.activity-list .activity-item {
  display: flex;
  align-items: center;
  gap: 20px
}
.activity-list .activity-img {
  width: 350px
}
.activity-list .activity-content {
  flex: 1
}
@media all and (max-width:767px) {
  .activity-list .activity-item {
    display: block
  }
  .activity-list .activity-img {
    width: 100%
  }
}
.cruise-area {
  position: relative
}
.cruise-item {
  background: var(--color-white);
  border-radius: 40px 40px 40px 0;
  padding: 5px;
  margin-bottom: 25px;
  box-shadow: var(--box-shadow);
  transition: var(--transition)
}
.cruise-item:hover {
  transform: translateY(4px)
}
.cruise-img {
  border-radius: 35px 35px 35px 0;
  position: relative
}
.cruise-img img {
  border-radius: 35px 35px 35px 0
}
.cruise-img .badge {
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: var(--box-shadow);
  position: absolute;
  right: 20px;
  top: -15px
}
.cruise-img .badge-discount {
  background: var(--theme-color2)
}
.cruise-img .add-wishlist {
  width: 40px;
  height: 40px;
  line-height: 35px;
  background: #f77a18;
  border: 3px solid var(--color-white);
  color: var(--color-white);
  border-radius: 50px 50px 50px 0;
  text-align: center;
  position: absolute;
  left: -5px;
  bottom: -5px
}
.cruise-img .add-wishlist:hover {
  background: var(--theme-color2);
  color: var(--color-white)
}
.cruise-content {
  padding: 20px 15px 10px
}
.cruise-title a:hover {
  color: #f77a18
}
.cruise-content p {
  margin: 8px 0;
  color: #0d151e;
  font-weight: 500
}
.cruise-rate .badge {
  background: #ffa903;
  font-size: 13px;
  border-radius: 50px 50px 50px 0
}
.cruise-rate-type {
  color: #f77a18;
  font-weight: 500;
  margin: 0 5px
}
.cruise-rate-review {
  color: #0d151e;
  font-weight: 500
}
.cruise-info-list {
  margin-top: 10px
}
.cruise-info-list li {
  display: inline-block;
  margin-right: 15px;
  margin-top: 8px
}
.cruise-info-list i {
  color: #f77a18;
  margin-right: 6px
}
.cruise-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0,0,0,.05);
  margin-top: 20px;
  padding-top: 13px
}
.cruise-price-amount {
  color: var(--theme-color2);
  font-weight: 700;
  font-size: 19px
}
.cruise-price-type {
  font-size: 14px;
  font-weight: 500;
  color: #0d151e
}
.cruise-text-btn a {
  color: #0d151e;
  font-weight: 500
}
.cruise-text-btn a i {
  font-size: 14px
}
.cruise-text-btn a:hover {
  color: #f77a18
}
.cruise-list .cruise-item {
  display: flex;
  align-items: center;
  gap: 20px
}
.cruise-list .cruise-img {
  width: 410px
}
.cruise-list .cruise-content {
  flex: 1
}
@media all and (max-width:767px) {
  .cruise-list .cruise-item {
    display: block
  }
  .cruise-list .cruise-img {
    width: 100%
  }
}
.listing-header {
  margin-top: 20px;
  display: flex;
  justify-content: space-between
}
.listing-title {
  font-size: 25px
}
.listing-location {
  color: #0d151e;
  margin: 5px 0
}
.listing-location i {
  color: #f77a18
}
.listing-rate .badge {
  background: #ffa903;
  margin-right: 5px;
  border-radius: 50px 50px 50px 0
}
.listing-rate-type {
  color: #f77a18;
  font-weight: 500
}
.listing-rate-review {
  color: #0d151e
}
.listing-item {
  margin-bottom: 20px
}
.listing-feature {
  display: flex;
  gap: 10px
}
.listing-feature-icon {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  font-size: 18px;
  text-align: center;
  color: var(--color-white)
}
.listing-feature-content span {
  color: #0d151e;
  font-size: 12px;
  white-space: nowrap:
}
.listing-highlight {
  margin: 25px 0
}
.listing-highlight h5 {
  margin-bottom: 15px
}
.listing-item .list li {
  margin-bottom: 15px;
  padding-left: 18px;
  position: relative
}
.listing-item .list li::before {
  content: "\e122";
  position: absolute;
  font-family: "Font Awesome 6 pro";
  font-size: 10px;
  color: #f77a18;
  font-weight: 700;
  top: 6.7px;
  left: 0
}
.listing-info {
  margin-top: 20px;
  margin-bottom: 20px
}
.listing-info h5 {
  margin-bottom: 15px
}
.listing-info .list li {
  padding-left: 0
}
.listing-info .list li span {
  margin-right: 10px;
  color: #0d151e
}
.listing-info .list li::before {
  display: none
}
.listing-included h5 {
  margin-bottom: 15px
}
.listing-included .list li {
  padding-left: 24px
}
.listing-included .list li::before {
  content: "\f00c";
  font-size: 16px;
  top: 0;
  color: var(--color-green)
}
.listing-notincluded h5 {
  margin-bottom: 15px
}
.listing-notincluded .list li::before {
  content: "\f00d";
  font-size: 16px;
  top: 0;
  color: var(--color-red)
}
.listing-item iframe {
  border-radius: 25px;
  margin-bottom: 15px
}
.listing-item.faq-area {
  margin-bottom: 35px
}
.listing-item.faq-area .accordion-item {
  box-shadow: none;
  border: 1px solid rgba(0,0,0,.08)
}
.listing-item.faq-area .accordion-body {
  padding-top: 0
}
.listing-item.faq-area .accordion-button:not(.collapsed) {
  border: none
}
.listing-amenity-item .list li::before {
  content: "\f00c";
  font-size: 14px;
  top: 0;
  left: 4px;
  color: var(--color-green)
}
.listing-amenity-item h6 {
  margin-bottom: 15px;
  margin-top: 15px
}
.listing-amenity-item h6 i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 8px;
  border-radius: 50px 50px 50px 0;
  font-size: 14px;
  text-align: center;
  color: var(--color-white);
  background: #f77a18
}
.listing-amenity-item .list li {
  margin-bottom: 5px;
  padding-left: 25px;
  font-size: 15px
}
.listing-stop {
  font-weight: 500
}
.listing-stop .badge {
  background: #f77a18
}
.listing-flight .flight-booking-time .end-time,
.listing-flight .flight-booking-time .start-time {
  display: flex;
  align-items: center;
  gap: 12px
}
.listing-flight .flight-booking-time .end-time-text,
.listing-flight .flight-booking-time .start-time-text {
  color: #0d151e;
  font-weight: 700
}
.listing-flight .flight-destination {
  color: #0d151e;
  font-weight: 500
}
.listing-flight .flight-booking-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px
}
.listing-flight .start-time-icon {
  font-size: 25px;
  color: #0d151e
}
.listing-flight .flight-stop {
  text-align: center
}
.listing-flight .flight-stop-number {
  color: #0d151e;
  font-weight: 500
}
.listing-flight .flight-stop-arrow {
  margin-top: 5px;
  border-top: 2px solid #0d151e;
  position: relative;
  width: 140px
}
.listing-flight .flight-stop-arrow::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 10px 10px 0 0;
  border-color: #0d151e transparent transparent;
  right: -1.5px;
  top: -9.6px;
  transform: scaleY(-1)
}
.listing-flight .flight-has-stop::after {
  content: "\e122";
  position: absolute;
  left: 50%;
  top: -15px;
  font-family: "Font Awesome 6 Pro";
  color: #0d151e;
  font-weight: 700
}
.listing-flight .flight-booking-return .flight-has-stop::after {
  top: -16px
}
.listing-flight .flight-booking-duration .duration-text {
  color: #0d151e;
  font-weight: 500
}
.listing-baggage {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-top: 30px;
  border-top: 1px solid rgba(0,0,0,.08)
}
.listing-baggage-check .form-group {
  margin-bottom: 25px
}
.listing-baggage-check .form-group label {
  color: #0d151e;
  margin-bottom: 5px
}
.listing-baggage-check .form-group-icon {
  position: relative
}
.listing-baggage-check .form-group-icon i {
  position: absolute;
  left: 18px;
  top: 20px;
  color: #f77a18
}
.listing-baggage-check .form-control {
  padding: 15px 18px 15px 45px;
  border-radius: 15px;
  box-shadow: none;
  color: #0d151e;
  border-color: var(--border-info-color)
}
.listing-baggage-check .form-control::placeholder {
  color: var(--body-text-color)
}
.listing-baggage-check .nice-select {
  width: 100%;
  height: 55px;
  line-height: 55px;
  border-radius: 15px;
  border-color: var(--border-info-color);
  padding-left: 45px;
  font-size: 16px;
  color: #0d151e;
  margin-bottom: 25px
}
.listing-baggage-check .form-control:focus,
.listing-baggage-check .nice-select:focus {
  border-color: #f77a18
}
.listing-baggage-check .nice-select .list {
  width: 100%;
  border-radius: 12px
}
.listing-baggage-check .nice-select:after {
  width: 9px;
  height: 9px;
  margin-top: -7px;
  right: 15px
}
.listing-slider img {
  border-radius: 25px
}
.listing-slider.owl-theme .owl-nav {
  margin-top: 0
}
.listing-slider.owl-theme .owl-nav .owl-next,
.listing-slider.owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  color: #f77a18;
  font-size: 20px;
  margin: 0;
  padding: 0;
  background: var(--color-white);
  display: inline-block;
  cursor: pointer;
  height: 45px;
  width: 45px;
  line-height: 45px;
  border-radius: 50px;
  text-align: center;
  transition: var(--transition)
}
.listing-slider.owl-theme .owl-nav .owl-next:hover,
.listing-slider.owl-theme .owl-nav .owl-prev:hover {
  background: #f77a18;
  color: #fff!important
}
.listing-slider.owl-theme .owl-nav .owl-prev {
  left: 20px
}
.listing-slider.owl-theme .owl-nav .owl-next {
  right: 20px
}
.listing-review-rating {
  display: flex;
  align-items: center;
  gap: 20px
}
.listing-rating-count {
  background: var(--color-white);
  text-align: center;
  padding: 20px;
  border-radius: 25px;
  border: 1px solid rgba(0,0,0,.08)
}
.listing-rating-count h2 {
  font-weight: 700;
  font-size: 50px;
  color: #f77a18
}
.listing-rating-star i {
  color: #f8a611
}
.listing-rating-count p {
  margin-top: 5px
}
.listing-rating-range-star i {
  color: #f8a611;
  font-size: 14px
}
.listing-rating-range-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0
}
.listing-progress {
  margin: 0 15px;
  width: 300px;
  height: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  background-color: #e9ecef
}
.listing-progress-width {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  border-radius: 5px;
  background: #f77a18
}
.listing-review {
  background: var(--color-white);
  border-radius: 5px;
  margin-top: 30px
}
.listing-review h5 {
  margin-bottom: 35px
}
.listing-review-author {
  display: flex;
  align-items: center;
  gap: 10px
}
.listing-review-author img {
  width: 60px;
  border-radius: 50%
}
.listing-review-item {
  margin-bottom: 30px;
  border-radius: 25px;
  padding: 20px;
  border: 1px solid rgba(0,0,0,.08)
}
.review-reply-item {
  margin-left: 80px
}
.listing-review-item p {
  margin-top: 10px
}
.listing-review-author-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}
.listing-review-author-rating i {
  color: #f8a611
}
.listing-review-author-info span {
  font-size: 14px
}
.listing-review-reply {
  display: flex;
  justify-content: space-between;
  margin-top: 10px
}
.review-reaction {
  display: flex;
  gap: 15px
}
.listing-review-reply a:hover {
  color: #f77a18
}
.review-reaction .active {
  color: var(--theme-color2)
}
.listing-review-form {
  padding: 30px;
  border-radius: 25px;
  margin-top: 30px;
  background: var(--theme-bg-light)
}
.listing-review-form h4 {
  margin-bottom: 20px
}
.listing-review-form .form-group {
  margin-bottom: 30px
}
.listing-review-form .form-group .star-label {
  font-weight: 500
}
.listing-review-form .form-control {
  box-shadow: none;
  padding: 15px 20px;
  border-radius: 15px
}
.listing-review-form .form-control:focus {
  border-color: #f77a18
}
.listing-info-card {
  background: var(--color-white);
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: var(--box-shadow)
}
.listing-info-card-body {
  display: flex;
  align-items: center;
  gap: 15px
}
.listing-info-card-body i {
  color: #f77a18;
  font-size: 30px
}
.listing-info-card p {
  margin-top: 10px
}
.star-rating-wrapper {
  display: inline-block
}
.star-rating-box {
  direction: rtl!important
}
.star-rating-box label {
  display: inline-block;
  color: #d4d4d4;
  cursor: pointer;
  font-size: 38px;
  transition: color .2s
}
.star-rating-box input {
  display: none
}
.star-rating-box input:checked ~ label,
.star-rating-box label:hover,
.star-rating-box label:hover ~ label {
  color: #f8a611
}
.itinerary-content-box {
  margin-top: 50px;
  margin-bottom: 30px
}
.itinerary-single-box {
  position: relative;
  padding-left: 110px;
  padding-bottom: 62px
}
.itinerary-single-box::before {
  position: absolute;
  content: '';
  width: 1px;
  border-left: 2px dashed #f77a18;
  height: 100%;
  left: 31px;
  top: 10px;
  z-index: -1
}
.itinerary-single-box img {
  width: 200px;
  border-radius: 50px 50px 50px 0;
  margin-bottom: 15px
}
.itinerary-single-box:last-child::before {
  display: none
}
.itinerary-single-box span {
  position: absolute;
  display: inline-block;
  left: 5px;
  top: 3px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: var(--color-white);
  background: #f77a18;
  font-weight: 500;
  text-align: center;
  border-radius: 50px 50px 50px 0
}
.itinerary-single-box span::before {
  position: absolute;
  content: '';
  background: var(--color-white);
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  left: -5px;
  top: -5px;
  border-radius: 50%;
  box-shadow: 0 10px 40px 0 rgb(0 0 0 / 20%);
  z-index: -1
}
.itinerary-single-box h4 {
  display: block;
  font-size: 17px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #f77a18
}
.itinerary-single-box h3 {
  display: block;
  font-size: 21px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 10px
}
.listing-price {
  margin-bottom: 10px
}
.listing-price-tag {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 2px;
  color: #f77a18
}
.listing-price-amount {
  margin-top: 10px;
  font-weight: 500
}
.listing-price-amount span {
  font-weight: 600;
  font-size: 23px;
  color: var(--theme-color2);
  margin-left: 5px;
  margin-right: 5px
}
.listing-side-content .search-form {
  margin-top: 25px
}
.listing-side-content .search-form .form-group {
  margin-bottom: 20px;
  background: 0 0;
  border: 1px solid rgba(0,0,0,.08)
}
.listing-side-btn .border-btn,
.listing-side-btn .theme-btn {
  width: 100%
}
.listing-side-btn .border-btn {
  border: 2px solid #f77a18;
  margin-top: 25px;
  text-align: center;
  font-weight: 500;
  padding: 9px 20px;
  border-radius: 18px
}
.listing-side-btn .border-btn:hover {
  background: #f77a18;
  color: var(--color-white)
}
.listing-side-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  color: #0d151e
}
.listing-side-share a:hover {
  color: #f77a18
}
.listing-side-list li {
  margin: 15px 0
}
.listing-side-list li i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #f77a18;
  color: var(--color-white);
  font-size: 14px;
  margin-right: 10px;
  border-radius: 50px 50px 50px 0;
  text-align: center
}
.listing-side-list li a {
  font-weight: 500
}
.listing-side-list li a:hover {
  color: #f77a18
}
.listing-side-organizer {
  text-align: center
}
.listing-side-organizer-img {
  margin-bottom: 15px
}
.listing-side-organizer-img img {
  border-radius: 50px;
  width: 95px
}
.listing-side-organizer .theme-btn {
  margin-top: 15px
}
@media all and (min-width:992px) and (max-width:1199px) {
  .listing-rating-range-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
  }
  .listing-progress {
    margin: 0
  }
}
@media all and (max-width:991px) {
  .listing-content {
    margin-bottom: 50px
  }
}
@media all and (max-width:767px) {
  .listing-header,
  .listing-review-rating {
    flex-direction: column
  }
  .listing-rating-range-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
  }
  .listing-progress {
    margin: 0
  }
  .listing-review-author-info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 15px
  }
  .review-reply-item {
    margin-left: 30px
  }
  .listing-flight .flight-booking-time {
    flex-direction: column
  }
}
.deal-area {
  position: relative
}
.deal-item {
  margin-bottom: 25px
}
.deal-1 .deal-item {
  background: var(--color-white);
  border-radius: 30px;
  padding: 15px 20px;
  box-shadow: var(--box-shadow);
  position: relative;
  z-index: 1
}
.deal-1 .deal-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/shape/05.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  z-index: -1
}
.deal-1 .deal-info {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.deal-1 .deal-title {
  font-size: 22px
}
.deal-1 .deal-price {
  font-weight: 600;
  color: var(--theme-color2);
  font-size: 22px
}
.deal-1 .deal-item .theme-btn {
  padding: 6px 15px;
  margin-top: 15px
}
.deal-2 .deal-item {
  padding: 10px;
  border-radius: 50px 50px 50px 0;
  box-shadow: var(--box-shadow)
}
.deal-2 .deal-img {
  overflow: hidden;
  border-radius: 45px 45px 45px 0
}
.deal-2 .deal-item:hover .deal-img img {
  transform: scale(1.1)
}
.deal-2 .deal-img img {
  border-radius: 45px 45px 45px 0
}
.deal-2 .deal-info {
  margin: 10px 0 5px 10px
}
.deal-2 .deal-title {
  font-size: 20px
}
.deal-2 .deal-title a:hover {
  color: #f77a18
}
.deal-2 .deal-price span {
  font-weight: 600;
  color: var(--theme-color2)
}
.download-area {
  position: relative
}
.download-img {
  text-align: center;
  position: relative;
  z-index: 1
}
.download-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 500px;
  height: 500px;
  background: var(--theme-color-light);
  border-radius: 50% 50% 50% 50px;
  z-index: -1
}
.download-img img {
  width: 63%
}
.download-feature {
  margin: 20px 0 35px
}
.download-feature li {
  font-weight: 500;
  margin: 15px 0;
  text-transform: capitalize
}
.download-feature li i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #f77a18;
  color: var(--color-white);
  border-radius: 50px;
  margin-right: 10px
}
.download-link a img {
  border-radius: 12px;
  width: 90%
}
@media all and (min-width:992px) and (max-width:1199px) {
  .download-img::before {
    width: 400px;
    height: 400px;
    left: 50%;
    transform: translateX(-50%)
  }
}
@media all and (max-width:991px) {
  .download-img {
    margin-bottom: 60px
  }
}
@media all and (max-width:767px) {
  .download-img::before {
    width: 280px;
    height: 280px;
    left: 50%;
    transform: translateX(-50%)
  }
  .download-link a:first-child {
    margin-bottom: 15px
  }
}
.choose-item {
  display: flex;
  background: var(--color-white);
  box-shadow: var(--box-shadow);
  transition: var(--transition);
  min-height: 82px
}
.choose-item:hover {
  transform: translateY(4px)
}
.choose-item .count {
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-white);
  background: var(--theme-color2);
  line-height: 1;
  padding: 4px 10px;
  border-radius: 50px;
  box-shadow: var(--box-shadow)
}
.choose-item .icon img {
  width: 50px;
  filter: brightness(0) invert(1)
}
.choose-item .content {
  flex: 1;
  padding: 5px 12px
}
.choose-item .content h4 {
  font-size: 20px;
  margin-bottom: 5px
}
.choose-img {
  text-align: right;
  position: relative
}
.choose-img .shape {
  position: absolute;
  top: -15px;
  left: 70px;
  width: 35%
}
.choose-img .img-2 {
  border: 10px solid var(--color-white)
}
.booking-sidebar {
  background: var(--color-white);
  border-radius: 6px;
  box-shadow: var(--box-shadow)
}
.booking-item {
  padding: 7px 12px;
  margin: 0
}
.filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--primary-gradient);
  padding: 10px 12px;
  border-radius: 8px 8px 0 0;
  width: 100%;
  box-sizing: border-box
}
.filter-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 500
}
.clear-btn {
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  background: 0 0;
  cursor: pointer
}
.booking-sidebar .booking-item:last-child {
  margin-bottom: 0
}
.price-range-wrapper {
  margin-top: 10px
}
.form-check label {
  font-size: 12px;
  color: #222
}
.booking-sidebar .booking-title {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0,0,0,.05)
}
.booking-sidebar .form-check-input {
  margin-top: 6px;
  box-shadow: none;
  border-color: #0d151e;
  border-radius: 2px
}
.booking-sidebar .form-check-input:focus {
  border-color: #f77a18
}
.booking-sidebar .form-check-label {
  width: 100%;
  color: #222;
  font-size: 12px;
  text-align: left;
  font-weight: 400
}
.booking-sidebar .form-check-label span {
  float: right
}
.booking-sidebar .form-check {
  margin: 6px 0
}
.booking-sidebar .flight-time .form-check-label i {
  padding-left: 12px;
  margin-left: 5px;
  margin-right: 5px
}
.booking-sort {
  display: none;
  justify-content: space-between;
  align-items: center;
  background: var(--color-white);
  margin-bottom: 15px;
  padding: 10px 10px 10px 15px;
  border-radius: 6px;
  box-shadow: var(--box-shadow)
}
.booking-sort-list-grid a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 10px;
  text-align: center;
  border: 1px solid var(--border-info-color);
  color: #0d151e;
  font-size: 18px
}
.booking-sort-list-grid a.active {
  border-color: #f77a18;
  color: #f77a18
}
.booking-sort .nice-select {
  width: 100%;
  height: 40px;
  line-height: 38px;
  border-radius: 6px;
  padding-left: 15px;
  font-size: 14px;
  border-color: var(--border-info-color);
  color: #0d151e
}
.booking-sort .form-control:focus,
.booking-sort .nice-select:focus {
  border-color: #f77a18
}
.booking-sort .nice-select .list {
  width: 100%;
  border: none;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 0 50px 0 rgb(32 32 32 / 15%)
}
.booking-sort .nice-select .option.focus,
.booking-sort .nice-select .option.selected.focus,
.booking-sort .nice-select .option:hover {
  background: #f6f6f6;
  color: #f77a18;
  border-radius: 8px
}
.booking-sort .nice-select:after {
  width: 8px;
  height: 8px;
  margin-top: -6px;
  right: 15px
}
@media all and (max-width:767px) {
  .booking-sort {
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px
  }
  .booking-sort-box {
    width: 100%
  }
}
.flight-booking-item {
  background: var(--color-white);
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 15px 10px 10px;
  box-shadow: var(--box-shadow)
}
.flight-booking-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.flight-booking-wrapper .flight-booking-info {
  width: 100%
}
.flight-booking-item .flight-booking-airline {
  display: flex;
  align-items: center;
  gap: 5px
}
.flight-booking-item .flight-airline-img {
  width: 100px;
  padding: 0;
  border-radius: 0;
  text-align: center
}
.flight-booking-item .flight-booking-time .end-time,
.flight-booking-item .flight-booking-time .start-time {
  display: flex;
  align-items: center;
  gap: 12px
}
.flight-booking-item .flight-booking-time .end-time-text,
.flight-booking-item .flight-booking-time .start-time-text {
  color: #0d151e;
  font-weight: 700
}
.flight-booking-item .flight-destination {
  color: #0d151e;
  font-weight: 500;
  font-size: 12px
}
.flight-booking-item .flight-booking-time {
  display: flex;
  align-items: center;
  gap: 30px;
  width: 50%;
  justify-content: space-around
}
.flight-airline-name {
  font-size: 15px;
  font-weight: 600
}
.flight-book-single.flight-booking-time {
  min-width: 500px
}
.flight-booking-item .start-time-icon {
  font-size: 25px;
  color: #0d151e
}
.flight-booking-item .flight-stop {
  text-align: center;
  width: 50%
}
.flight-booking-item .flight-stop .route-middle {
  width: 100%
}
.flight-booking-item .flight-stop-number {
  color: #0d151e;
  font-weight: 500;
  font-size: 11px
}
.flight-booking-item .flight-stop-arrow {
  margin-top: 5px;
  border-top: 2px solid #0d151e;
  position: relative;
  width: 140px
}
.flight-booking-item .flight-stop-arrow::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 10px 10px 0 0;
  border-color: #0d151e transparent transparent;
  right: -1.5px;
  top: -9.6px;
  transform: scaleY(-1)
}
.flight-booking-item .flight-has-stop::after {
  content: "\e122";
  position: absolute;
  left: 50%;
  top: -15px;
  font-family: "Font Awesome 6 Pro";
  color: #0d151e;
  font-weight: 700
}
.flight-booking-item .flight-booking-return .flight-has-stop::after {
  top: -16px
}
.flight-booking-item .flight-booking-duration .duration-text {
  color: #0d151e;
  font-weight: 500;
  font-size: 13px
}
.flight-booking-item .price-info {
  margin-bottom: 15px
}
.flight-booking-item .price-info .price-amount {
  color: #222;
  font-weight: 600;
  font-size: 18px
}
.flight-booking-item .price-info .discount-price {
  margin-right: 5px;
  color: #0d151e
}
.flight-booking-item .flight-booking-price {
  padding-left: 30px;
  text-align: right;
  border-left: 1px solid rgba(0,0,0,.05)
}
.flight-booking-item .flight-booking-return {
  margin-top: 20px
}
.flight-booking-item .flight-booking-return .flight-stop-arrow::before {
  right: unset;
  left: -1.5px;
  top: -9.6px;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #0d151e;
  transform: scaleY(1)
}
.flight-booking-detail {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,.05)
}
.flight-booking-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.flight_code {
  color: #666
}
.flight-booking-detail-header p {
  color: #0d151e
}
.flight-booking-detail-header a {
  color: #0d151e;
  font-weight: 500
}
.flight-booking-detail-wrapper {
  margin-top: 12px;
  padding-top: 15px;
  border-top: 1px solid var(--border-info-color)
}
.flight-booking-detail-wrapper .nav-tabs {
  border-color: var(--border-info-color)
}
.flight-booking-detail-wrapper .nav-tabs .nav-item .nav-link {
  font-weight: 500;
  color: #0d151e;
  border: none;
  border-bottom: 2px solid transparent
}
.flight-booking-detail-wrapper .nav-tabs .nav-link.active {
  border-color: #f77a18;
  color: #f77a18
}
.flight-booking-detail-left .flight-booking-airline {
  margin-top: 15px;
  margin-bottom: 35px
}
.flight-booking-detail-left .flight-airline-model {
  color: #0d151e;
  font-weight: 500;
  font-size: 14px
}
.flight-booking-detail-left .flight-airline-class {
  color: #0d151e;
  font-weight: 500
}
.flight-booking-detail-left .flight-full-date {
  font-size: 14px;
  color: #0d151e;
  font-weight: 500
}
.flight-booking-detail-left .flight-booking-time {
  gap: unset;
  justify-content: space-between
}
.flight-booking-detail-left .flight-stop-arrow {
  width: 100px
}
.flight-booking-detail-right {
  position: relative;
  height: 100%;
  padding-bottom: 65px
}
.flight-booking-detail-info {
  padding-top: 15px
}
.flight-booking-detail-info .table,
.flight-booking-detail-info .table td,
.flight-booking-detail-info .table th {
  color: #0d151e
}
.flight-booking-detail-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  background: var(--theme-bg-light);
  border-radius: 15px;
  left: 0;
  bottom: 0;
  padding: 8px 18px
}
.flight-detail-price-amount {
  color: var(--theme-color2);
  font-weight: 600;
  font-size: 18px
}
.flight-booking-policy ul li {
  font-size: 14px;
  margin: 6.1px 0;
  color: #0d151e
}
.flight-grid .flight-booking-wrapper {
  flex-direction: column
}
.flight-grid .flight-booking-info {
  width: 100%
}
.flight-grid .flight-booking-item .flight-booking-price {
  border-left: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: unset;
  width: 100%;
  margin-top: 30px
}
.flight-grid .flight-booking-item .price-info {
  margin-bottom: 0
}
.flight-grid .flight-booking-airline {
  flex-direction: column
}
.flight-grid .flight-booking-detail-left .flight-booking-airline {
  flex-direction: row
}
.flight-grid .flight-booking-item .flight-airline-img {
  width: 100px
}
.flight-grid .flight-booking-detail-info .flight-airline-img {
  width: 80px
}
.flight-grid .flight-booking-item .flight-airline-img img {
  width: auto;
  height: 50px
}
.flight-grid .flight-booking-item .flight-booking-return {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border-info-color)
}
.flight-grid .flight-booking-detail-left .flight-booking-detail-info {
  padding-bottom: 30px
}
@media all and (max-width:1199px) {
  .flight-booking-wrapper {
    flex-direction: column
  }
  .flight-booking-info {
    width: 100%
  }
  .flight-booking-item .flight-booking-price {
    border-left: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: unset;
    width: 100%;
    margin-top: 8px
  }
  .mine-gend {
    padding: 16px 0!important
  }
  .flight-booking-item .price-info {
    margin-bottom: 0
  }
  .flight-booking-detail-left .flight-booking-detail-info {
    padding-bottom: 30px
  }
}
@media all and (max-width:767px) {
  .flight-booking-item .flight-airline-img {
    width: 140px
  }
  .flight-booking-detail-info .flight-booking-airline {
    flex-direction: row
  }
  .flight-booking-detail-info .flight-airline-img {
    width: 80px
  }
  .flight-booking-item .flight-airline-img img {
    width: 100%
  }
  .flight-booking-item .flight-booking-content {
    gap: 20px
  }
  .flight-booking-item .flight-booking-time {
    gap: 15px;
    width: 100%;
    justify-content: space-between
  }
  .flight-book-single.flight-booking-time {
    min-width: 0
  }
  .flight-booking-item .flight-stop-number {
    font-size: 13px
  }
  .flight-booking-item .flight-stop-arrow {
    width: 100px
  }
  .flight-booking-item .start-time-icon {
    font-size: 20px
  }
  .flight-booking-item .flight-booking-time .end-time-text,
  .flight-booking-item .flight-booking-time .start-time-text {
    font-size: 15px
  }
  .flight-booking-item .flight-destination {
    font-size: 12px
  }
  .flight-booking-item .flight-booking-return {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,.05)
  }
}
.gnd-wrap {
  display: flex;
  gap: 0;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  height: 54px
}
.gnd-option {
  flex: 1;
  cursor: pointer;
  margin: 0
}
.gnd-option input {
  display: none
}
.gnd-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px;
  font-size: 14px;
  height: 54px;
  font-weight: 600;
  color: #888;
  background: #fff;
  transition: .2s;
  border-right: 1.5px solid #ddd;
  width: 100%
}
.gnd-option:last-child .gnd-btn {
  border-right: none
}
.gnd-option input:checked + .gnd-btn {
  background: #5a5d66;
  color: #fff
}
.gnd-btn:hover {
  background: #f0f6ff;
  color: #1a3c8f
}
.gnd-option input:checked + .gnd-btn:hover {
  background: #1a3c8f;
  color: #fff
}
.gnd-option:first-child .gnd-btn i {
  color: #4a90e2
}
.gnd-option:last-child .gnd-btn i {
  color: #e91e8c
}
.gnd-option input:checked + .gnd-btn i {
  color: #fff!important
}
.cart-area thead tr {
  background: #f77a18;
  color: var(--color-white)
}
.cart-area thead tr th {
  text-transform: uppercase;
  font-weight: 500;
  color: #0d151e
}
.cart-area thead tr td,
.cart-area thead tr th {
  white-space: nowrap;
  vertical-align: middle
}
.cart-area tr td,
.cart-area tr th {
  vertical-align: middle
}
.cart-product {
  display: flex;
  align-items: center;
  gap: 20px
}
.cart-product-content {
  flex: 1;
  white-space: nowrap
}
.cart-product-title {
  font-size: 18px;
  font-weight: 500;
  color: #0d151e
}
.cart-product-title:hover {
  color: #f77a18
}
.cart-img {
  width: 120px;
  height: 120px
}
.cart-img img {
  width: 100%;
  border-radius: 30px 30px 30px 0
}
.cart-product-info span span {
  color: #0d151e;
  font-weight: 500
}
.cart-area tr td {
  color: #0d151e;
  vertical-align: middle;
  border-bottom: 1px solid var(--border-info-color);
  border-top: none;
  position: relative;
  padding: 20px 10px;
  font-size: 16px
}
.cart-qty {
  width: 150px
}
.cart-qty button {
  color: #0d151e;
  border: 0;
  border-radius: 12px;
  padding: 4px 13px;
  background: var(--theme-bg-light)
}
.cart-qty input {
  width: 50px;
  padding: 4px 13px;
  border-radius: 12px;
  border: none;
  background: var(--theme-bg-light);
  color: #0d151e;
  text-align: center
}
.cart-remove {
  width: 45px;
  height: 45px;
  font-size: 20px;
  text-align: center
}
.cart-remove:hover {
  color: var(--theme-color2)
}
.cart-footer {
  margin-top: 40px
}
.cart-coupon {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 30px;
  position: relative
}
.cart-coupon .form-control {
  box-shadow: none;
  padding: 15px;
  border-radius: 18px;
  border-color: var(--border-info-color);
  color: #0d151e
}
.cart-coupon .form-control::placeholder {
  color: var(--body-text-color)
}
.cart-coupon .form-control:focus {
  border-color: var(--theme-color2)
}
.coupon-btn {
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 8px 14px;
  color: var(--color-white);
  border: none;
  background: var(--theme-color2);
  border-radius: 15px;
  transition: var(--transition)
}
.coupon-btn:hover {
  background: #f77a18
}
.cart-summary li {
  margin-bottom: 10px;
  width: 100%
}
.cart-summary li span {
  float: right
}
.cart-summary li strong {
  color: #0d151e
}
.cart-total {
  padding-top: 10px;
  border-top: 1px solid var(--border-info-color)
}
.cart-total span {
  font-weight: 700;
  color: #fe4b7b
}
.booking-widget {
  background: var(--color-white);
  padding: 30px;
  border-radius: 25px;
  margin-bottom: 30px;
  box-shadow: var(--box-shadow)
}
.booking-form .form-group,
.booking-widget-title {
  margin-bottom: 20px
}
.booking-form .form-group label {
  margin-bottom: 5px;
  color: #0d151e;
  font-size: 15px;
  font-weight: 500
}
.booking-form .form-group .form-control {
  padding: 15px 18px 15px 45px;
  border-radius: 15px;
  box-shadow: none;
  color: #0d151e;
  border-color: var(--border-info-color)
}
.booking-form .form-group .form-control::placeholder {
  color: var(--body-text-color)
}
.booking-form .form-group .nice-select {
  width: 100%;
  height: 56px;
  line-height: 55px;
  padding-left: 45px;
  border-radius: 15px;
  font-size: 16px;
  color: #0d151e;
  border-color: var(--border-info-color)
}
.booking-form .form-group .form-control:focus,
.booking-form .form-group .nice-select:focus {
  border-color: #f77a18
}
.booking-form .form-group .nice-select:after {
  width: 9px;
  height: 9px;
  right: 20px;
  margin-top: -7px
}
.booking-form .form-group .nice-select .list {
  width: 100%;
  border: none;
  max-height: 250px;
  overflow-y: auto;
  border-radius: 12px;
  box-shadow: var(--box-shadow)
}
.booking-form .form-group-icon {
  position: relative
}
.booking-form .form-group-icon i {
  position: absolute;
  left: 18px;
  top: 20px;
  color: #285394
}
.booking-summary {
  padding: 20px;
  border-radius: 25px;
  box-shadow: var(--box-shadow)
}
.booking-property-img img {
  border-radius: 50px 50px 50px 0
}
.booking-property-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px
}
.booking-property-title h5 {
  margin-bottom: 5px;
  font-size: 20px
}
.booking-property-title p {
  margin-bottom: 0;
  font-size: 15px
}
.booking-property-title p i {
  color: #f77a18;
  margin-right: 5px
}
.book-edit-btn {
  width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  background: #f77a18;
  border-radius: 12px;
  color: var(--color-white)
}
.book-edit-btn:hover {
  background: var(--theme-color2);
  color: var(--color-white)
}
.booking-property-rate {
  font-size: 15px
}
.booking-property-rate .badge {
  background: #ffa903;
  margin-right: 5px;
  border-radius: 50px 50px 50px 0
}
.rate-text {
  color: #646a9b
}
.rate-type {
  color: #f77a18
}
.booking-info-summary {
  margin-top: 25px
}
.booking-info-summary h5 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-info-color)
}
.booking-info-summary li {
  font-weight: 500;
  color: #0d151e;
  margin-bottom: 12px
}
.booking-info-summary li span {
  float: right;
  font-weight: 400;
  color: var(--body-text-color)
}
.booking-order-info h5 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-info-color)
}
.booking-order-info {
  margin-top: 30px
}
.booking-order-info span {
  float: right;
  font-weight: 400;
  color: var(--body-text-color)
}
.booking-order-info li {
  margin-bottom: 12px;
  font-weight: 500;
  color: #0d151e
}
.order-total {
  padding-top: 10px;
  border-top: 1px solid var(--border-info-color)
}
.order-total span {
  font-weight: 700;
  color: var(--theme-color2)
}
.booking-payment-area .nav-link {
  background: 0 0!important;
  border: 1px solid var(--border-info-color);
  text-align: center;
  border-radius: 15px;
  margin-right: 15px;
  margin-bottom: 20px;
  position: relative
}
.booking-payment-area .nav-link::before {
  content: "\f058";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 20px;
  color: #f77a18;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  left: 7px;
  top: 0;
  transition: .3s ease-in-out
}
.booking-payment-area .nav-link.active::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1)
}
.booking-payment-area .nav-link span {
  color: #0d151e
}
.payment-card-img {
  padding-top: 15px;
  margin-bottom: 13px
}
.payment-card-img img {
  width: 30px
}
.booking-payment-img img {
  width: 130px
}
.booking-payment-area .nav-link.active {
  border-color: #f77a18
}
.booking-confirm-content {
  padding: 50px;
  text-align: center;
  border-radius: 15px;
  box-shadow: var(--box-shadow)
}
.booking-confirm-icon i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #f77a18;
  color: var(--color-white);
  font-size: 35px;
  border-radius: 50px;
  text-align: center
}
.booking-confirm-content h3 {
  margin-top: 20px
}
.booking-confirm-content p {
  margin: 15px 0
}
.booking-confirm-content .theme-btn {
  margin-top: 15px
}
.booking-confirm .booking-summary {
  padding: 50px;
  text-align: center;
  border-radius: 15px;
  box-shadow: var(--box-shadow)
}
.booking-confirm .booking-summary-content {
  padding: 80px 0
}
.booking-confirm .booking-summary-list {
  text-align: left
}
.booking-confirm .booking-summary-list .text-success {
  color: #f77a18!important
}
.booking-confirm .booking-summary-list h6 {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,.1)
}
.booking-confirm .booking-summary-list li span {
  float: right
}
.cancel-booking-note p {
  font-weight: 500
}
.booking-confirm .theme-btn.cancel-booking {
  background: var(--theme-color2);
  margin-left: 15px
}
.about-left {
  position: relative;
  margin-right: 40px
}
.about-left::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 80%;
  border-radius: 200px;
  border: 10px double #f77a18;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1
}
.about-img img {
  border-radius: 200px
}
.about-img .img-2 {
  margin-top: 90px
}
.about-right {
  position: relative;
  display: block
}
.about-experience {
  background: #f77a18;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 150px;
  height: 150px;
  line-height: 1.2;
  border-radius: 100px;
  text-align: center;
  border: 10px solid var(--color-white)
}
.about-experience h5 {
  color: var(--color-white);
  font-size: 40px;
  margin-top: 15px
}
.about-experience p {
  color: var(--color-white);
  font-weight: 600
}
.about-content {
  margin-top: 25px;
  margin-bottom: 35px
}
.about-item {
  display: flex;
  gap: 12px;
  border-radius: 25px;
  padding: 15px;
  position: relative;
  box-shadow: var(--box-shadow)
}
.about-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  bottom: 30px;
  border-left: 2px solid #f77a18
}
.about-item .icon {
  width: 68px;
  height: 68px;
  line-height: 65px;
  text-align: center;
  background: #f77a18;
  border-radius: 50px
}
.about-item .icon img {
  width: 45px;
  filter: brightness(0) invert(1)
}
.about-item .content {
  flex: 1
}
.about-item .content h6 {
  color: #0d151e;
  font-size: 18px;
  margin-bottom: 5px
}
@media all and (max-width:991px) {
  .about-right {
    margin-top: 50px
  }
}
@media all and (max-width:767px) {
  .about-left {
    margin-right: 0
  }
  .about-title {
    font-size: 30px
  }
  .about-img .img-2 {
    margin-top: 60px;
    margin-left: -10px
  }
  .about-img .img-3 {
    margin-left: -30px
  }
  .about-experience {
    right: -7px;
    bottom: -60px
  }
}
.service-area {
  position: relative;
  display: block;
  overflow: hidden
}
.service-item {
  position: relative;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 100px 100px 100px 0;
  background: var(--color-white);
  text-align: center;
  transition: var(--transition);
  box-shadow: var(--box-shadow);
  z-index: 1
}
.service-content {
  position: relative
}
.service-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 12px;
  position: relative;
  transition: var(--transition)
}
.service-icon i {
  color: var(--color-white);
  font-size: 40px;
  line-height: 1
}
.service-icon img {
  width: 60px;
  filter: brightness(0) invert(1)
}
.service-arrow {
  margin-top: 15px
}
.service-title a {
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #0d151e
}
.service-title a:hover {
  color: #f77a18
}
.service-arrow a {
  width: 50px;
  height: 50px;
  line-height: 43px;
  border-radius: 50px;
  border: 3px solid #f77a18;
  color: #f77a18;
  font-size: 20px;
  text-align: center;
  position: relative;
  transition: var(--transition);
  z-index: 1
}
.service-item:hover .service-arrow a {
  background: #f77a18
}
.service-item .service-arrow a i {
  transition: var(--transition)
}
.service-item:hover .service-arrow a i {
  color: var(--color-white)
}
.service-single-wrapper .widget-title {
  font-weight: 600
}
.service-single-list i {
  color: #f77a18;
  margin-right: 10px
}
.service-download a {
  border: 2px solid #f77a18;
  padding: 10px 20px;
  color: #0d151e;
  display: block;
  margin-bottom: 20px;
  font-weight: 600;
  border-radius: 20px;
  transition: var(--transition)
}
.service-download a i {
  margin-right: 10px
}
.service-download a:hover {
  background-color: #f77a18;
  color: var(--color-white)
}
.service-details h3 {
  color: #0d151e;
  font-weight: 600
}
.service-details img {
  border-radius: 25px
}
.feature-area {
  position: relative
}
.feature-img img {
  border-radius: 100px
}
.feature-item {
  display: flex;
  gap: 15px;
  padding: 20px;
  position: relative;
  border-radius: 30px;
  transition: var(--transition);
  box-shadow: var(--box-shadow)
}
.feature-content {
  flex: 1
}
.feature-icon {
  width: 70px;
  height: 70px;
  line-height: 65px;
  background: #f77a18;
  text-align: center;
  font-size: 40px;
  color: var(--color-white);
  border-radius: 50px 50px 50px 0
}
.feature-icon img {
  width: 45px;
  filter: brightness(0) invert(1)
}
.feature-title {
  color: #0d151e;
  margin-bottom: 10px
}
.feature-area2 .feature-item {
  align-items: center;
  background: #f77a18;
  border-radius: 100px;
  padding-right: 35px
}
.feature-area2 .feature-icon {
  border-radius: 50px;
  background: var(--color-white)
}
.feature-area2 .feature-icon img {
  filter: unset
}
.feature-area2 .feature-content,
.feature-area2 .feature-content h4 {
  color: var(--color-white)
}
@media all and (max-width:991px) {
  .feature-item {
    margin-bottom: 25px
  }
}
.video-content {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 200px 0 0 200px
}
.video-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  height: 400px;
  z-index: 100
}
.video-wrapper img {
  border-radius: 12px
}
.video-area .play-btn {
  display: inline-block;
  padding: 0;
  height: 75px;
  width: 75px;
  text-align: center;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.process-single {
  position: relative
}
.process-single .icon {
  height: 90px;
  width: 90px;
  line-height: 80px;
  display: inline-block;
  position: relative;
  border-radius: 50px 50px 50px 0;
  font-size: 37px;
  color: var(--color-white);
  background: #f77a18;
  padding: 5px;
  margin-bottom: 30px;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%)
}
.process-single .icon::before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
  border-radius: 50%;
  border: 2px dashed #f77a18
}
.process-single .icon img {
  border-radius: 50%
}
.process-single span {
  position: absolute;
  height: 35px;
  width: 35px;
  font-size: 14px;
  background: var(--theme-color2);
  line-height: 35px;
  color: var(--color-white);
  left: -8px;
  top: -13px;
  font-weight: 600;
  border-radius: 0 50px 50px
}
.process-single h4 {
  margin-bottom: 10px;
  font-weight: 700
}
.process-single::before {
  content: "";
  position: absolute;
  width: 150px;
  border-top: 2px dashed rgba(0,0,0,.15);
  right: -170px;
  top: 50px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .process-single::before {
    display: none
  }
}
@media (max-width:767px) {
  .process-single::before {
    display: none
  }
}
.process-area .col-lg-3:last-child .process-single::before {
  display: none
}
.testimonial-area {
  position: relative
}
.testimonial-area.ts-bg {
  position: relative;
  background-image: url(../img/testimonial/bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  z-index: 1
}
.testimonial-area.ts-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(13,44,122,.65);
  z-index: -1
}
.testimonial-area .shadow-text {
  position: absolute;
  left: 50%;
  bottom: -10px;
  font-size: 250px;
  line-height: 250px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--color-white);
  font-family: var(--heading-font);
  letter-spacing: 40px;
  transform: translateX(-50%);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px var(--color-white);
  opacity: .3
}
.testimonial-single {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 20px;
  background: var(--color-white);
  border-radius: 200px;
  padding: 20px 40px 20px 20px;
  position: relative;
  z-index: 1
}
.testimonial-single .count {
  position: absolute;
  right: 100px;
  bottom: 10px;
  font-size: 120px;
  line-height: 120px;
  font-weight: 800;
  color: #f77a18;
  font-family: var(--heading-font);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 3px #f77a18;
  opacity: .1;
  z-index: -1
}
.testimonial-author-img {
  position: relative;
  width: 220px;
  height: 220px;
  padding: 15px
}
.testimonial-author-img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #f77a18;
  border-top-color: var(--color-white);
  border-right-color: var(--color-white);
  border-radius: 200px;
  transition: var(--transition)
}
.testimonial-single:hover .testimonial-author-img::before {
  transform: rotate(45deg)
}
.testimonial-author-img img {
  border-radius: 50%
}
.testimonial-author-info h4 {
  font-size: 22px;
  color: #0d151e
}
.testimonial-author-info p {
  color: #f77a18;
  font-weight: 500
}
.testimonial-quote-icon {
  position: absolute;
  right: 80px;
  top: 5px;
  width: 80px
}
.testimonial-rate {
  color: #f77a18;
  margin-top: 10px
}
.testimonial-slider.owl-theme .owl-nav {
  margin-top: 0
}
.testimonial-slider.owl-theme .owl-nav button {
  color: #f77a18;
  font-size: 25px;
  margin: -10px 0 0;
  padding: 0;
  background: var(--color-white);
  display: inline-block;
  cursor: pointer;
  height: 45px;
  width: 45px;
  border-radius: 50px;
  line-height: 45px;
  text-align: center;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  transition: var(--transition)
}
.testimonial-slider.owl-theme .owl-nav button:hover {
  background: #f77a18;
  color: var(--color-white)
}
.testimonial-slider.owl-theme .owl-nav .owl-prev {
  left: -25px
}
.testimonial-slider.owl-theme .owl-nav .owl-next {
  right: -25px
}
.testimonial-area .owl-dots {
  text-align: center
}
.testimonial-area .owl-dots .owl-dot span {
  background: 0 0;
  margin: 5px;
  border: 2px solid #f77a18;
  border-radius: 50px;
  width: 12px;
  height: 12px;
  display: inline-block;
  transition: var(--transition)
}
.testimonial-area .owl-dots .owl-dot.active span {
  background: #f77a18
}
@media all and (max-width:991px) {
  .testimonial-single {
    flex-direction: column;
    text-align: center
  }
  .testimonial-area .shadow-text {
    font-size: 130px;
    line-height: 130px
  }
  .testimonial-quote-icon {
    right: 40px
  }
}
@media all and (max-width:767px) {
  .testimonial-slider.owl-theme .owl-nav {
    display: none
  }
  .testimonial-area .shadow-text {
    font-size: 80px;
    line-height: 80px;
    letter-spacing: 15px
  }
}
.counter-negative {
  margin-top: -90px
}
.counter-wrap {
  padding: 50px 20px;
  position: relative;
  background: #f77a18;
  border-radius: 0 80px 0 0;
  z-index: 1
}
.counter-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/shape/01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 80px 0 0;
  z-index: -1
}
.counter-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 15px;
  position: relative;
  z-index: 1
}
.counter-box .icon {
  position: relative;
  font-size: 35px;
  width: 80px;
  height: 80px;
  line-height: 75px;
  text-align: center;
  background: var(--color-white);
  border-radius: 30px;
  color: #f77a18
}
.counter-box .icon img {
  width: 50px
}
.counter-box .counter-number {
  display: flex;
  align-items: center
}
.counter-box .counter-sign {
  color: #0d151e;
  font-size: 40px;
  line-height: 0;
  margin-left: 2px
}
.counter-box .counter {
  display: block;
  line-height: 1;
  color: #0d151e;
  font-size: 50px;
  font-weight: 600
}
.counter-box .title {
  color: #0d151e;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize
}
@media all and (max-width:991px) {
  .counter-area .counter-box {
    margin: 40px 0;
    justify-content: flex-start
  }
}
.cta-area {
  position: relative
}
.cta-img img {
  border-radius: 200px
}
.cta-content {
  position: relative;
  background: var(--color-white);
  border-radius: 30px;
  box-shadow: var(--box-shadow);
  padding: 20px 30px;
  text-align: center;
  margin-bottom: -150px;
  z-index: 1
}
.cta-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/shape/05.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  opacity: .6;
  z-index: -1
}
.cta-content .cta-text h1 {
  color: #0d151e;
  font-size: 35px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px
}
.cta-content .cta-text span {
  color: #f77a18
}
.cta-content .cta-text p {
  color: var(--body-text-color)
}
.gallery-item {
  position: relative;
  width: 100%
}
.gallery-img {
  height: 100%
}
.gallery-img img {
  width: 100%;
  border-radius: 50px 50px 50px 0
}
.gallery-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.gallery-content::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  opacity: 0;
  visibility: hidden;
  transition: .3s
}
.gallery-content:hover::before {
  opacity: .9;
  visibility: visible
}
.gallery-link {
  width: 50px;
  height: 50px;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: .5s;
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
  font-size: 25px;
  color: #f77a18;
  margin-top: 50px
}
.gallery-link::before {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  border: 1px dashed var(--color-white);
  border-radius: 50px
}
.gallery-link:hover {
  color: #f77a18
}
.gallery-content:hover .gallery-link {
  opacity: 1;
  visibility: visible;
  margin-top: 0
}
.mission-img {
  position: relative
}
.mission-left {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1
}
.mission-img img {
  border-radius: 50%;
  box-shadow: 0 0 30px 20px rgb(0 0 0 / 8%)
}
.mission-img .mission-img-1 {
  width: 380px
}
.mission-img .mission-img-2 {
  position: absolute;
  bottom: -50px;
  right: -40px;
  border-radius: 100%;
  width: 190px;
  height: 190px;
  border: 8px solid var(--color-white)
}
.mission-shape {
  position: absolute;
  right: 90px;
  top: 0;
  z-index: -1
}
@media all and (max-width:991px) {
  .mission-right {
    margin-top: 100px
  }
}
@media all and (max-width:767px) {
  .cta-content {
    margin-bottom: -50px
  }
  .cta-img img {
    width: 100%;
    height: 200px;
    object-fit: cover
  }
  .mission-shape {
    right: 0
  }
  .mission-img .mission-img-2 {
    bottom: -70px;
    right: -10px
  }
}
.career-item {
  padding: 20px;
  background: var(--color-white);
  border-radius: 50px 50px 50px 0;
  box-shadow: var(--box-shadow)
}
.job-meta {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.job-meta .badge {
  background: var(--theme-color2);
  border-radius: 50px 50px 50px 0;
  padding: 6px 12px
}
.job-time {
  color: #f77a18
}
.job-time i {
  margin-right: 5px
}
.job-info-list {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 15px;
  color: #0d151e
}
.job-info-list li span {
  margin-right: 8px;
  color: #f77a18
}
.job-content h3 {
  font-size: 25px;
  margin: 10px 0;
  color: #0d151e
}
.job-btn {
  margin-top: 30px;
  border: 2px solid #0d151e;
  color: #0d151e;
  padding: 6px 25px;
  border-radius: 50px 50px 50px 0;
  font-weight: 700;
  transition: var(--transition)
}
.job-btn:hover {
  background: #0d151e;
  color: var(--color-white)
}
.job-btn i {
  margin-left: 5px
}
.career-promo-single {
  text-align: center;
  background: var(--color-white);
  padding: 20px 35px;
  border-radius: 50px 50px 50px 0;
  box-shadow: var(--box-shadow)
}
.career-promo-single span {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #f77a18;
  border-radius: 50px 50px 50px 0;
  color: var(--color-white);
  font-size: 35px;
  margin-bottom: 20px
}
.career-promo-single .career-promo-info h4 {
  margin-bottom: 14px
}
@media all and (max-width:767px) {
  .job-meta {
    flex-direction: column-reverse;
    align-items: flex-start
  }
  .job-info-list {
    flex-direction: column;
    align-items: flex-start
  }
  .job-time {
    margin-top: 20px
  }
}
.job-single-img img {
  border-radius: 25px;
  margin-bottom: 10px
}
.job-single-list li {
  margin-bottom: 14px
}
.job-single-list li i {
  margin-right: 5px;
  color: #f77a18;
  font-size: 12px
}
.job-overview-list li {
  position: relative;
  display: flex;
  font-size: 16px;
  margin-bottom: 20px
}
.job-overview-list li i {
  margin-right: 15px;
  font-size: 22px;
  color: #f77a18;
  margin-top: 6px
}
.overview-item h6 {
  font-size: 18px
}
@media all and (max-width:991px) {
  .job-single-info {
    margin-top: 40px
  }
}
.blog-item {
  margin-bottom: 25px;
  background: var(--color-white);
  padding: 20px;
  border-radius: 100px 100px 100px 0;
  box-shadow: var(--box-shadow);
  transition: var(--transition);
  position: relative
}
.blog-item a {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 100%
}
.blog-date {
  position: absolute;
  left: 10px;
  top: 10px;
  background: var(--color-white);
  color: #f77a18;
  font-weight: 500;
  border-radius: 6px;
  padding: 2px 15px;
  z-index: 1
}
.blog-item-img {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 85px 85px 85px 0
}
.blog-item-img img {
  border-radius: 85px 85px 85px 0
}
.blog-item:hover .blog-item-img img {
  transform: scale(1.1)
}
.blog-item-meta ul {
  padding: 10px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-info-color)
}
.blog-item-meta ul li {
  display: inline-block;
  margin-right: 15px;
  font-weight: 500;
  position: relative;
  color: #0d151e
}
.blog-item-meta ul li i {
  margin-right: 5px;
  color: #f77a18
}
.blog-item-meta a:hover {
  color: #f77a18
}
.blog-title {
  font-size: 20px;
  margin-bottom: 15px;
  text-transform: capitalize
}
.blog-item-info p {
  margin-bottom: 16px
}
.blog-item-info h4 a {
  color: #0d151e
}
.blog-item-info h4 a:hover {
  color: #f77a18
}
.blog-thumb-img {
  margin-bottom: 20px
}
.blog-single-content img {
  border-radius: 25px;
  width: 100%;
  height: 350px
}
.blog-meta {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.blog-meta .blog-meta-left ul {
  display: flex;
  align-items: center;
  gap: 20px
}
.blog-meta .blog-meta-left ul li {
  font-weight: 500
}
.blog-meta i {
  margin-right: 5px;
  color: #f77a18
}
.blog-meta a {
  color: #66788a;
  font-weight: 500
}
.blog-meta a:hover {
  color: #f77a18
}
.blog-details-title {
  font-size: 25px;
  color: #0d151e
}
.blockqoute {
  background: var(--theme-bg-light);
  border-left: 5px solid #f77a18;
  padding: 30px;
  font-size: 17px;
  font-style: italic;
  margin: 20px 0;
  border-radius: 0
}
.blockqoute-author {
  margin-top: 20px;
  padding-left: 60px;
  position: relative;
  color: #0d151e
}
.blockqoute-author::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 40px;
  background: #f77a18;
  left: 0;
  top: 10px
}
.blog-details-tags {
  display: flex;
  align-items: center;
  gap: 20px
}
.blog-details-tags h5 {
  color: #0d151e;
  font-weight: 700
}
.blog-details-tags ul {
  display: flex;
  align-items: center;
  gap: 15px
}
.blog-details-tags ul a {
  background: var(--theme-bg-light);
  color: #0d151e;
  padding: 6px 18px;
  border-radius: 15px;
  transition: var(--transition)
}
.blog-details-tags ul a:hover {
  background: #f77a18;
  color: var(--color-white)
}
.blog-author {
  display: flex;
  justify-content: start;
  align-items: center;
  background: var(--theme-bg-light);
  border-radius: 50px 50px 50px 0;
  margin: 50px 0;
  padding: 20px
}
.blog-author-img {
  width: 320px;
  position: relative
}
.blog-author-img::before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
  border-radius: 50%
}
.blog-author-img img {
  border-radius: 40px 40px 40px 0
}
.author-name {
  font-size: 22px;
  color: #f77a18;
  margin: 8px 0
}
.author-info {
  padding: 0 20px 0 30px
}
.author-social {
  margin-top: 10px
}
.author-social a {
  width: 35px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  border: 2px solid #f77a18;
  border-radius: 50px;
  margin-right: 5px;
  color: #f77a18;
  transition: var(--transition)
}
.author-social a:hover {
  color: var(--color-white);
  background: #f77a18
}
.blog-comments {
  margin-bottom: 50px
}
.blog-comments h3 {
  color: #0d151e;
  font-weight: 600
}
.blog-comments-wrapper {
  margin: 30px 0
}
.blog-comments-single {
  display: flex;
  justify-content: start;
  align-items: flex-start;
  margin-top: 50px
}
.blog-comments-img {
  margin-top: 3px
}
.blog-comments-single img {
  border-radius: 50%;
  width: 120px
}
.blog-comments-content {
  padding: 0 0 0 20px
}
.blog-comments-content span {
  font-size: 14px;
  color: #f77a18;
  font-weight: 500
}
.blog-comments-content a {
  font-weight: 600;
  margin-top: 5px;
  color: #f77a18
}
.blog-comments-content a:hover {
  color: #0d151e
}
.blog-comments-content h5 {
  color: #0d151e;
  font-weight: 700;
  font-size: 20px
}
.blog-comments-reply {
  margin-left: 50px
}
.blog-comments-form {
  padding: 30px;
  margin-top: 50px;
  border-radius: 25px;
  background: var(--theme-bg-light)
}
.blog-comments-form .form-group,
.blog-comments-form h3 {
  margin-bottom: 20px
}
.blog-comments-form .form-control {
  padding: 15px 20px;
  border-radius: 15px;
  box-shadow: none;
  transition: var(--transition)
}
.blog-comments-form .form-control:focus {
  border-color: #f77a18
}
@media all and (max-width:767px) {
  .blog-meta {
    flex-direction: column;
    font-size: 15px
  }
  .blog-meta .blog-meta-left ul {
    gap: 10px
  }
  .blog-details-tags {
    flex-direction: column;
    align-items: flex-start
  }
  .blog-author {
    flex-direction: column;
    text-align: center;
    padding: 25px 0 0
  }
  .blog-comments-single {
    flex-direction: column;
    text-align: center;
    padding: 30px 0;
    box-shadow: var(--box-shadow);
    margin-bottom: 30px;
    border-radius: 10px
  }
  .blog-comments-img {
    width: 100%
  }
  .blog-comments-content {
    padding: 20px
  }
  .blog-comments-reply {
    margin-left: 0
  }
}
.widget {
  background: var(--color-white);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 25px;
  box-shadow: var(--box-shadow)
}
.widget .widget-title {
  padding-bottom: 10px;
  margin-bottom: 30px;
  position: relative;
  font-size: 23px;
  color: #0d151e
}
.widget .widget-title::before {
  position: absolute;
  content: '';
  width: 15px;
  border-bottom: 3px solid #f77a18;
  bottom: 0;
  left: 0
}
.widget .widget-title::after {
  position: absolute;
  content: '';
  width: 30px;
  border-bottom: 3px solid #f77a18;
  bottom: 0;
  left: 22px
}
.widget .blog-search-form .form-control {
  padding: 12px 15px;
  border-radius: 15px;
  box-shadow: none;
  border-color: var(--border-info-color)
}
.widget .blog-search-form {
  position: relative
}
.widget .blog-search-form .form-control:focus {
  border-color: #f77a18
}
.widget .blog-search-form button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  padding: 8px 18px 6px;
  background: 0 0;
  border: none;
  color: #f77a18
}
.widget .category-list a {
  display: block;
  padding: 10px 0;
  font-weight: 500;
  border-bottom: 1px solid var(--border-info-color);
  transition: var(--transition)
}
.widget .category-list a:last-child {
  margin-bottom: 0;
  border-bottom: none
}
.widget .category-list a:hover {
  padding-left: 10px;
  color: #f77a18
}
.widget .category-list a i {
  margin-right: 5px;
  color: #f77a18
}
.widget .category-list a span {
  float: right
}
.widget .recent-post-bio h6 {
  font-size: 18px
}
.widget .recent-post-bio span {
  font-size: 14px;
  color: #f77a18;
  font-weight: 500
}
.widget .recent-post-bio span i {
  margin-right: 5px
}
.widget .recent-post-bio h6 a:hover {
  color: #f77a18
}
.widget .social-share-link a {
  width: 35px;
  height: 35px;
  line-height: 33px;
  border: 2px solid #f77a18;
  color: #f77a18;
  text-align: center;
  margin-right: 5px;
  border-radius: 50px;
  transition: var(--transition)
}
.widget .social-share-link a:hover {
  background: #f77a18;
  color: var(--color-white)
}
.widget .tag-list a {
  background: var(--theme-bg-light);
  color: #0d151e;
  padding: 5px 15px;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 15px;
  display: inline-block;
  transition: var(--transition)
}
.widget .tag-list a:hover {
  background-color: #f77a18;
  color: var(--color-white)
}
.partner-negative {
  margin-bottom: -60px
}
.partner-wrap {
  background: var(--color-white);
  position: relative;
  border-radius: 0 100px 100px 0;
  padding: 20px;
  z-index: 2
}
.partner-wrap img {
  background: var(--color-white);
  border-radius: 100px;
  padding: 18px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid var(--border-info-color)
}
.contact-wrapper {
  position: relative
}
.contact-form {
  background: var(--color-white);
  box-shadow: var(--box-shadow)
}
.contact-form-header {
  margin-bottom: 30px
}
.contact-form-header h2 {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #0d151e
}
.contact-form .form-group {
  margin-bottom: 25px
}
.contact-form .form-group .form-control {
  padding: 15px 18px;
  border-radius: 15px;
  box-shadow: none;
  transition: var(--transition);
  border-color: var(--border-info-color);
  color: #0d151e
}
.contact-form .form-group .form-control::placeholder {
  color: var(--body-text-color)
}
.contact-form .form-group .form-control:focus {
  border-color: #f77a18
}
.contact-map {
  margin-bottom: -9px
}
.contact-map iframe {
  width: 100%;
  height: 450px
}
.contact-content {
  margin-bottom: 50px;
  background: var(--color-white);
  border-radius: 15px;
  padding: 20px 30px;
  position: relative;
  box-shadow: var(--box-shadow);
  height: 100%
}
.contact-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  bottom: 30px;
  width: 3px;
  background: #f77a18;
  border-radius: 50px
}
.contact-info {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px 0
}
.contact-info-icon i {
  font-size: 24px;
  color: var(--color-white);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50px 50px 50px 0;
  background: #f77a18
}
.contact-info h5 {
  font-size: 22px;
  margin-bottom: 5px;
  color: #0d151e
}
.contact-info p {
  font-weight: 500
}
@media all and (max-width:768px) {
  .contact-content {
    margin-bottom: 50px
  }
}
.team-area {
  position: relative
}
.team-item {
  margin-bottom: 70px;
  position: relative;
  z-index: 1
}
.team-img,
.team-img img {
  border-radius: 50%
}
.team-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -45px;
  padding: 10px 20px 10px 30px;
  background: var(--color-white);
  border-radius: 50px;
  box-shadow: var(--box-shadow)
}
.team-bio h5 {
  font-size: 22px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-transform: capitalize
}
.team-bio h5 a {
  color: #0d151e
}
.team-bio span {
  color: #f77a18;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize
}
.team-bio h5 a:hover {
  color: #f77a18
}
.team-social-btn {
  position: absolute;
  right: 60px;
  top: 65px
}
.team-social-btn li {
  display: inline-block;
  position: absolute;
  bottom: 0;
  transition: .6s;
  list-style-type: none
}
.team-social-btn li i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #f77a18;
  border-radius: 50px;
  color: var(--color-white);
  text-align: center;
  font-size: 20px;
  transition: .6s;
  opacity: 0;
  visibility: hidden;
  box-shadow: var(--box-shadow)
}
.team-social-btn li i:hover {
  background: #0d151e;
  color: var(--color-white)
}
.team-item li span i {
  opacity: 1;
  visibility: visible
}
.team-item:hover li span i {
  background: #0d151e;
  cursor: pointer
}
.team-item:hover .team-social-btn li i {
  opacity: 1;
  visibility: visible
}
.team-social-btn li:first-child {
  z-index: 1
}
.team-social-btn li:nth-child(2),
.team-social-btn li:nth-child(3),
.team-social-btn li:nth-child(4),
.team-social-btn li:nth-child(5) {
  bottom: 0
}
.team-item:hover li:first-child {
  z-index: 1
}
.team-item:hover li:nth-child(2) {
  bottom: 48px
}
.team-item:hover li:nth-child(3) {
  bottom: 96px
}
.team-item:hover li:nth-child(4) {
  bottom: 144px
}
.team-item:hover li:nth-child(5) {
  bottom: 192px
}
.team-item:hover li:nth-child(6) {
  bottom: 240px
}
.pricing-item {
  position: relative;
  background: var(--color-white);
  overflow: hidden;
  padding: 30px;
  margin-bottom: 25px;
  border-radius: 100px 100px 100px 0;
  box-shadow: var(--box-shadow);
  transition: .9s ease-in-out
}
.pricing-item:hover {
  transform: translateY(-10px)
}
.pricing-content {
  background: #f77a18;
  padding: 20px 20px 20px 40px;
  border-radius: 85px 85px 85px 0
}
.pricing-content h4 {
  margin-bottom: 10px;
  color: var(--color-white)
}
.pricing-amount {
  color: #0d151e;
  font-weight: 700
}
.pricing-content p {
  color: #0d151e;
  font-weight: 500
}
.pricing-feature {
  margin-top: 20px
}
.pricing-feature ul {
  margin-top: 35px;
  margin-bottom: 35px
}
.pricing-feature ul li {
  position: relative;
  margin: 10px 0;
  padding-left: 25px
}
.pricing-feature ul li::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border: 3px solid #f77a18;
  border-radius: 50px;
  left: 0;
  top: 8px
}
.faq-area .accordion-item {
  border: none;
  margin-bottom: 25px;
  background: var(--color-white);
  color: var(--body-text-color);
  border-radius: 8px!important;
  box-shadow: var(--box-shadow)
}
.faq-area .accordion-item span {
  width: 45px;
  height: 45px;
  margin-right: 15px
}
.faq-area .accordion-item i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  background: #f77a18;
  text-align: center;
  color: var(--color-white)
}
.accordion-button {
  padding: 10px;
  border-radius: 0!important;
  background: 0 0;
  font-weight: 600;
  font-size: 20px;
  color: #0d151e;
  box-shadow: none!important
}
.faq-area .accordion-button:not(.collapsed) {
  color: #f77a18;
  background: 0 0;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%)
}
.accordion-button:not(.collapsed) {
  border-bottom: 1px dashed #f77a18
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
@media all and (max-width:991px) {
  .faq-right {
    margin-top: 50px
  }
  .accordion-button {
    font-size: 16px
  }
}
.site-breadcrumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.site-breadcrumb::before {
  content: "";
  position: absolute;
  background: rgba(0,0,0,.65);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1
}
.site-breadcrumb .breadcrumb-title {
  font-size: 35px;
  color: var(--color-white);
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize
}
.site-breadcrumb .breadcrumb-menu {
  position: relative;
  z-index: 1
}
.site-breadcrumb .breadcrumb-menu li {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  color: var(--color-white);
  font-weight: 500;
  text-transform: capitalize
}
.site-breadcrumb .breadcrumb-menu li a {
  color: var(--color-white);
  transition: .5s ease-in-out
}
.site-breadcrumb .breadcrumb-menu li::before {
  position: absolute;
  content: '\e122';
  font-family: 'Font Awesome 6 Pro';
  right: -18px;
  top: 5px;
  text-align: center;
  font-size: 12px;
  color: var(--color-white);
  font-weight: 700
}
.site-breadcrumb .breadcrumb-menu li:first-child {
  margin-left: 0
}
.site-breadcrumb .breadcrumb-menu li:last-child:before {
  display: none
}
.site-breadcrumb .breadcrumb-menu li a:hover,
.site-breadcrumb .breadcrumb-menu li.active {
  color: #f77a18
}
@media (max-width:991px) {
  .site-breadcrumb {
    padding-top: 360px
  }
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px
}
.pagination .page-link {
  border: none;
  background: #0d151e;
  color: var(--color-white);
  margin: 0 10px;
  border-radius: 15px!important;
  width: 40px;
  height: 40px;
  line-height: 28px;
  text-align: center;
  transition: var(--transition)
}
.pagination .page-item.active .page-link,
.pagination .page-link:hover {
  background: #f77a18;
  color: var(--color-white)
}
.pagination-showing {
  text-align: center;
  margin-top: 10px;
  color: #0d151e
}
.login-form {
  padding: 30px 40px;
  background: var(--color-white);
  border-radius: 50px 50px 50px 0;
  position: relative;
  box-shadow: var(--box-shadow)
}
.login-form .login-header {
  text-align: center;
  margin-bottom: 30px
}
.login-form .login-header img {
  width: 200px;
  margin-bottom: 10px
}
.login-form .login-header h3 {
  color: #f77a18;
  margin-bottom: 5px;
  font-weight: 800
}
.login-form .login-header p {
  font-size: 20px
}
.login-form .login-footer {
  margin-top: 25px
}
.login-form .login-footer p {
  text-align: center
}
.login-form .login-footer a {
  color: #f77a18;
  transition: .5s
}
.login-form .login-footer a:hover {
  color: #f77a18
}
.login-form .form-group {
  margin-bottom: 15px
}
.login-form .form-group-icon {
  position: relative
}
.login-form .form-group i {
  position: absolute;
  top: 16px;
  left: 18px;
  color: #f77a18
}
.login-form label {
  color: #0d151e;
  margin-bottom: 5px
}
.login-form .form-group .form-control {
  color: #0d151e;
  border: 1px solid var(--border-info-color);
  border-radius: 15px;
  padding: 12px 18px 12px 47px;
  box-shadow: none;
  transition: .5s
}
.login-form .form-group .form-control::placeholder {
  color: var(--body-text-color)
}
.login-form .form-group .form-control:focus {
  border-color: #f77a18
}
.login-form .form-check-input {
  box-shadow: none;
  border-radius: 6px;
  margin-top: 6.3px
}
.login-form .forgot-pass {
  color: #f77a18;
  transition: .5s
}
.login-form .forgot-pass:hover {
  color: #f77a18
}
.login-form .theme-btn {
  width: 100%
}
.login-form .theme-btn::before {
  width: 480px;
  height: 480px
}
.login-form .theme-btn i {
  margin-right: 5px
}
.login-form .form-check-label a {
  color: #f77a18;
  transition: .5s
}
.login-form .form-check-label a:hover {
  color: #f77a18
}
.form-check-input:checked {
  background-color: #f77a18;
  border-color: #f77a18
}
.login-divider {
  position: relative;
  margin: 15px 0;
  text-align: center
}
.login-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--border-info-color)
}
.login-divider span {
  position: relative;
  background: var(--color-white);
  color: var(--body-text-color);
  padding: 0 20px
}
.social-login a {
  display: block;
  margin-bottom: 15px;
  padding: 10px 20px;
  border-radius: 20px;
  text-align: center
}
.social-login a i {
  float: left;
  margin-top: 6px
}
.btn-fb {
  border: 1px solid #506dab;
  color: #506dab!important
}
.btn-fb:hover {
  background: #506dab;
  color: var(--color-white)!important
}
.btn-gl {
  border: 1px solid #dd4b39;
  color: #dd4b39!important
}
.btn-gl:hover {
  background: #dd4b39;
  color: var(--color-white)!important
}
@media only screen and (max-width:991px) {
  .login-form {
    padding: 40px 20px
  }
}
.header-account img {
  width: 50px;
  border-radius: 50%;
  padding: 4px;
  border: 2px solid #f77a18;
  cursor: pointer
}
.header-account .dropdown-menu {
  border: none;
  min-width: 200px;
  border-radius: 10px;
  box-shadow: var(--box-shadow)
}
.header-account .dropdown-menu li a i {
  margin-right: 5px;
  color: #f77a18
}
.header-account .dropdown-menu .dropdown-item {
  padding: 8px 20px;
  color: #0d151e;
  font-weight: 500
}
.header-account .dropdown-menu .dropdown-item:hover {
  background: 0 0;
  color: #f77a18;
  padding-left: 25px
}
.mobile-menu-right {
  gap: 20px
}
.mobile-menu-right .header-account img {
  width: 30px;
  padding: 0;
  border: none
}
.user-profile-sidebar {
  background: var(--color-white);
  border-radius: 25px;
  margin-bottom: 25px;
  padding: 20px;
  box-shadow: var(--box-shadow)
}
.user-profile-sidebar-top {
  text-align: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,.1)
}
.user-profile-img {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto 15px;
  border-radius: 50px
}
.user-profile-img img {
  border-radius: 50%
}
.user-profile-sidebar-top p {
  color: #0d151e
}
.profile-img-file {
  display: none
}
.user-profile-img button {
  position: absolute;
  border-radius: 50px;
  background: #f77a18;
  color: var(--color-white);
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border: none;
  right: 0;
  bottom: 0
}
.user-profile-sidebar-list li {
  margin: 5px 0
}
.user-profile-sidebar-list li a {
  color: #0d151e;
  padding: 6px 6px 6px 15px;
  font-weight: 500;
  display: block;
  transition: var(--transition)
}
.user-profile-sidebar-list li a:hover {
  color: #f77a18
}
.user-profile-sidebar-list li a i {
  margin-right: 5px;
  color: #f77a18
}
.user-profile-sidebar-list .active i {
  color: var(--color-white)
}
.user-profile-sidebar-list .active {
  background: #f77a18;
  color: var(--color-white)!important;
  border-radius: 50px 50px 50px 0
}
.user-profile-sidebar-list li .badge {
  float: right;
  margin-top: 5px;
  background: var(--theme-color2);
  border-radius: 50px
}
.profile-menu-angle {
  float: right;
  margin-top: 6px
}
.profile-menu-list {
  margin-left: 40px
}
.profile-menu-list li a {
  position: relative
}
.profile-menu-list li a::before {
  content: "\e122";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  left: 0;
  top: 13px;
  color: #f77a18;
  font-size: 8px;
  font-weight: 700
}
.user-profile-card {
  background: var(--color-white);
  padding: 15px 25px;
  border-radius: 25px;
  margin-bottom: 25px;
  box-shadow: var(--box-shadow)
}
.user-profile-card-title {
  color: #0d151e;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0,0,0,.1)
}
.user-profile-card .text-success {
  color: #f77a18!important
}
.user-profile-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,.1)
}
.user-profile-card-header .user-profile-card-title {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}
.user-profile-card-header-right {
  display: flex;
  align-items: center;
  gap: 20px
}
.user-profile-search .form-group {
  position: relative
}
.user-profile-search .form-control {
  padding: 10px 12px 10px 35px;
  box-shadow: none;
  border-radius: 15px;
  border-color: var(--border-info-color);
  color: #0d151e
}
.user-profile-search .form-control::placeholder {
  color: var(--body-text-color)
}
.user-profile-search .form-control:focus {
  border-color: #f77a18
}
.user-profile-search i {
  position: absolute;
  left: 12px;
  top: 16px
}
.user-profile-card-header .theme-btn {
  padding: 8px 15px
}
.profile-info-list li {
  margin: 12px 0;
  font-weight: 700;
  color: #0d151e
}
.profile-info-list li span {
  float: right;
  font-weight: 400
}
.user-profile-form .form-group {
  margin-bottom: 20px
}
.user-profile-form .form-group label {
  color: #0d151e;
  margin-bottom: 5px
}
.user-profile-form .form-control {
  padding: 14px 20px;
  border-radius: 15px;
  box-shadow: none;
  border-color: var(--border-info-color);
  color: #0d151e
}
.user-profile-form .form-control::placeholder {
  color: var(--body-text-color)
}
.user-profile-form .form-control:focus {
  border-color: #f77a18
}
.user-profile-form .theme-btn {
  width: unset
}
.dashboard-widget {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 20px;
  border-radius: 25px;
  margin-bottom: 30px;
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 3%)
}
.dashboard-widget-info span {
  font-weight: 500
}
.dashboard-widget-info h1 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 5px
}
.dashboard-widget-icon {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  border-radius: 50px;
  position: relative
}
.dashboard-widget-icon::before {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px dashed var(--color-white);
  border-radius: 50px
}
.dashboard-widget-color-1 {
  background: #008ffb;
  color: var(--color-white)
}
.dashboard-widget-color-1 h1 {
  color: var(--color-white)
}
.dashboard-widget-color-1 .dashboard-widget-icon {
  background: var(--color-white);
  color: #008ffb
}
.dashboard-widget-color-2 {
  background: #25bdc7;
  color: var(--color-white)
}
.dashboard-widget-color-2 h1 {
  color: var(--color-white)
}
.dashboard-widget-color-2 .dashboard-widget-icon {
  background: var(--color-white);
  color: #25bdc7
}
.dashboard-widget-color-3 {
  background: #f96768;
  color: var(--color-white)
}
.dashboard-widget-color-3 h1 {
  color: var(--color-white)
}
.dashboard-widget-color-3 .dashboard-widget-icon {
  background: var(--color-white);
  color: #f96768
}
.user-notification-item {
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding: 10px 0
}
.user-notification-item a {
  display: flex;
  gap: 15px
}
.user-notification-item a:hover {
  color: #0d151e
}
.user-notification-item:first-child {
  padding-top: 0
}
.user-notification-item:last-child {
  border-bottom: none;
  padding-bottom: 0
}
.user-notification-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
  background: #f77a18;
  color: var(--color-white);
  margin-top: 5px;
  text-align: center
}
.user-notification-info {
  flex: 1
}
.user-notification-info p {
  font-size: 15px
}
.user-notification-info span {
  font-size: 14px
}
.table-property-info a {
  display: flex;
  align-items: center;
  gap: 10px
}
.table-property-info h6 {
  transition: var(--transition)
}
.table-property-info:hover h6 {
  color: #f77a18
}
.table-property-info img {
  width: 70px;
  border-radius: 8px
}
.user-profile-card .table > :not(caption) > * > * {
  vertical-align: middle;
  padding: .8rem
}
.user-profile-card .table td,
.user-profile-card .table th {
  color: #0d151e
}
.user-profile-card .badge {
  border-radius: 50px
}
.user-profile-card .badge-success {
  background: rgba(9,173,149,.2);
  color: #09ad95
}
.user-profile-card .badge-warning {
  background: rgba(0,143,251,.2);
  color: #008ffb
}
.user-profile-card .badge-danger {
  background: rgba(249,103,104,.2);
  color: #f96768
}
.user-profile-card .btn {
  border-radius: 8px
}
.user-profile-card .table {
  color: #0d151e
}
.table-listing-info a {
  display: flex;
  gap: 15px
}
.user-profile-listing img {
  width: 120px;
  border-radius: 50px 50px 50px 0
}
.table-listing-content h6 {
  font-size: 18px;
  font-weight: 600
}
.table-listing-content p {
  font-size: 15px;
  color: #0d151e
}
.table-listing-content p i {
  color: #f77a18
}
.table-listing-content span {
  font-weight: 700;
  color: #0d151e
}
.user-profile-listing .bg-success {
  background: #f77a18!important
}
.user-profile-listing .table tbody tr td {
  padding: 1.5rem .8rem
}
.add-listing-form .form-group {
  margin-bottom: 15px
}
.add-listing-form .form-group label {
  margin-bottom: 5px;
  color: #0d151e;
  font-size: 15px
}
.add-listing-form .form-control {
  border-radius: 15px;
  padding: 15px 20px;
  box-shadow: none;
  color: #0d151e;
  border-color: var(--border-info-color)
}
.add-listing-form .form-control::placeholder {
  color: var(--body-text-color)
}
.add-listing-form .nice-select {
  width: 100%;
  height: 56px;
  line-height: 55px;
  border-radius: 15px;
  padding-left: 20px;
  font-size: 16px;
  border-color: var(--border-info-color);
  color: var(--body-text-color);
  margin-bottom: 15px
}
.add-listing-form .form-control:focus,
.add-listing-form .nice-select:focus {
  border-color: #f77a18
}
.add-listing-form .nice-select .list {
  width: 100%;
  border: none;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 0 50px 0 rgb(32 32 32 / 15%)
}
.add-listing-form .nice-select .option.focus,
.add-listing-form .nice-select .option.selected.focus,
.add-listing-form .nice-select .option:hover {
  background: #f6f6f6;
  color: #f77a18;
  border-radius: 8px
}
.add-listing-form .nice-select:after {
  width: 8px;
  height: 8px;
  margin-top: -5px;
  right: 15px
}
.add-listing-form .listing-img-upload {
  width: 100%;
  height: 140px;
  border: 2px dashed var(--border-info-color);
  border-radius: 15px;
  cursor: pointer
}
.add-listing-form .listing-img-file {
  display: none
}
.add-listing-form .listing-img-upload span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%
}
.add-listing-form .listing-img-upload span i {
  margin-right: 5px
}
.add-listing-form .form-check {
  margin-bottom: 15px
}
.add-listing-form .form-check-input {
  margin-top: 6.5px;
  border-radius: 6px;
  box-shadow: none
}
.add-listing-form .form-check-input:focus {
  border-color: #f77a18
}
.add-listing-form .form-check label {
  color: #0d151e
}
.add-listing-form .form-group-icon {
  position: relative
}
.add-listing-form .form-group-icon i {
  position: absolute;
  left: 18px;
  top: 20px
}
.add-listing-form .form-group-icon .form-control {
  padding-left: 42px
}
.profile-message-wrapper {
  display: flex
}
.profile-message-inbox {
  max-width: 340px;
  border: 1px solid #edf1f9;
  border-radius: 10px;
  overflow: hidden
}
.message-content {
  padding-left: 30px;
  position: relative;
  overflow: hidden
}
.message-content-info {
  max-height: 750px;
  overflow-y: scroll;
  margin-right: -50px;
  padding-right: 50px
}
.message-content,
.profile-message-inbox {
  flex: 1
}
.profile-message-inbox ul {
  max-height: 950px;
  overflow-y: scroll;
  width: 357px;
  list-style: none;
  padding: 0;
  margin: 0
}
.profile-message-inbox ul li.message-active {
  border-left: 3px solid #f77a18
}
.profile-message-inbox ul li {
  border-bottom: 1px solid #edf1f9;
  transition: .2s;
  list-style: none
}
.profile-message-inbox ul li:last-child {
  border-bottom: none
}
.message-by-content h5 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1
}
.profile-message-inbox ul li a {
  position: relative;
  display: block;
  padding: 30px
}
.profile-message-inbox .message-avatar {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%)
}
.message-avatar img {
  display: inline-block;
  border-radius: 50%;
  width: 50px;
  height: 50px
}
.profile-message-inbox .message-by {
  margin-left: 50px
}
.message-by-content h5 i {
  background: #f98f14;
  padding: 3px 8px;
  border-radius: 50px;
  color: var(--color-white);
  font-size: 13px
}
.message-by-content span {
  font-size: 13px;
  position: absolute;
  top: 25.5px;
  right: 25px;
  float: right;
  color: #888
}
.profile-message-inbox .message-by p {
  height: 26px;
  max-width: 205px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #6b747d;
  line-height: 27px
}
.message-item {
  display: block;
  position: relative;
  margin-bottom: 25px
}
.message-item .message-avatar {
  position: absolute;
  left: 0;
  top: 0
}
.message-item .message-avatar img {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%
}
.message-item .message-description {
  margin-left: 70px;
  background: #f4f5f7;
  border-radius: 12px;
  padding: 20px;
  position: relative
}
.message-item .message-description::before {
  position: absolute;
  top: 0;
  left: -9px;
  content: "\f0d9";
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 31px;
  color: #f4f5f7
}
.message-item .message-description p {
  font-size: 15px;
  padding: 0;
  margin: 0;
  line-height: 27px
}
.message-item.me .message-avatar {
  left: auto;
  right: 0;
  position: absolute;
  top: 0
}
.message-item.me .message-description {
  color: #25bdc7;
  background-color: #e9f7f5;
  margin-left: 0;
  margin-right: 70px;
  border-radius: 12px;
  padding: 20px;
  position: relative
}
.message-item.me .message-description::before {
  content: "\f0da";
  left: auto;
  right: -10px;
  color: #e9f7f5
}
.message-reply {
  margin-top: 15px;
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 15px
}
.message-reply .form-control {
  padding: 15px 20px;
  box-shadow: none;
  border-radius: 10px
}
.message-reply .form-control:focus {
  border-color: #f77a18
}
.message-reply .theme-btn {
  margin-top: 15px
}
.message-status {
  width: 12px;
  height: 12px;
  background: #252629;
  display: flex;
  border-radius: 50%;
  border: 3px solid var(--color-white);
  position: absolute;
  right: -5px;
  top: 50%
}
.message-status.online {
  background: #09ad95
}
.message-status.offline {
  background: #dd4b39
}
.message-status.busy {
  background: #f6b500
}
.profile-message .header-account img {
  width: 45px
}
@media all and (max-width:767px) {
  .table-property-info a {
    display: block
  }
  .table-property-info h6 {
    margin-top: 10px
  }
  .user-profile-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px
  }
  .user-profile-card-header-right {
    flex-direction: column-reverse;
    align-items: flex-start
  }
  .profile-message .profile-message-wrapper {
    flex-direction: column;
    gap: 50px
  }
  .profile-message .user-profile-card-header {
    flex-direction: row;
    align-items: center;
    gap: 20px
  }
  .profile-message .message-content {
    padding-left: 0;
    padding-bottom: 200px
  }
  .message-reply {
    left: 0
  }
}
.coming-soon {
  background-repeat: no-repeat;
  background-size: cover!important;
  background-position: center!important;
  min-height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  position: relative
}
.coming-soon .container {
  position: relative
}
.coming-soon:before {
  position: absolute;
  content: '';
  background: rgba(0,0,0,.7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.coming-soon .newsletter-form {
  position: relative;
  margin-top: 30px
}
.coming-soon .newsletter-form .input-newsletter {
  height: 55px;
  display: block;
  width: 100%;
  border: none;
  border-radius: 50px;
  font-size: 14px;
  padding: 0 0 0 25px;
  box-shadow: none
}
.coming-soon .newsletter-form button {
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  height: auto;
  border: none;
  border-radius: 50px;
  background: #f77a18;
  display: inline-block;
  color: var(--color-white);
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 500;
  transition: .5s
}
.coming-soon .newsletter-form button:hover {
  background-color: #f77a18;
  color: var(--color-white)
}
.coming-social {
  margin-top: 30px;
  text-align: center
}
.coming-social a {
  color: var(--color-white);
  margin: 5px;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  border: 2px solid var(--color-white);
  display: inline-block;
  transition: .5s
}
.coming-social a:hover {
  background: #f77a18;
  border-color: #f77a18
}
.countdown-wrap {
  margin-top: 30px
}
.countdown-single {
  border: 10px solid #f77a18;
  background: var(--color-white);
  padding: 15px 20px;
  margin: 10px;
  position: relative;
  overflow: hidden;
  border-radius: 100px;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%)
}
.countdown-single h2,
.countdown-single h5 {
  color: #f77a18
}
.error-wrapper {
  text-align: center
}
.error-wrapper h1 {
  font-size: 250px;
  letter-spacing: 5px;
  font-weight: 700;
  color: #f77a18;
  line-height: 1
}
.error-wrapper h1 span {
  color: #0d151e
}
.error-wrapper h2 {
  margin-top: 30px;
  margin-bottom: 10px
}
.error-wrapper img {
  width: 100%
}
.error-wrapper .theme-btn {
  margin-top: 30px
}
@media all and (max-width:767px) {
  .error-wrapper h1 {
    font-size: 160px
  }
}
.terms-content:not(:last-child) {
  margin-bottom: 54px
}
.terms-content:first-child {
  margin-top: -3px
}
.terms-content .terms-list {
  margin-top: 37px
}
.terms-content h3 {
  margin-bottom: 14px;
  position: relative;
  font-weight: 600
}
.terms-content h4 {
  font-size: 20px;
  margin-bottom: 5px;
  position: relative;
  font-weight: 600
}
.terms-content h4 strong {
  font-weight: 600
}
.terms-list li:not(:last-child) {
  margin-bottom: 16px
}
.terms-content p {
  margin-bottom: 5px;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400
}
.footer-area {
  background: var(--footer-bg);
  position: relative;
  overflow: hidden;
  z-index: 1
}
.footer-area.ft-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/shape/02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .1;
  z-index: -1
}
.footer-widget-box {
  margin-bottom: 20px
}
.footer-widget {
  position: relative;
  z-index: 1
}
.footer-logo img {
  width: 200px;
  margin-bottom: 30px
}
.copyright {
  padding: 20px 0;
  border-top: 1px dashed var(--border-white-color)
}
.copyright .footer-menu {
  margin: 0;
  padding: 0;
  text-align: right
}
.copyright .footer-menu li {
  display: inline-block;
  margin-left: 25px;
  font-size: 16px
}
.copyright .footer-menu li a {
  color: var(--footer-text-color);
  transition: var(--transition)
}
.copyright .footer-menu li a:hover {
  color: #f77a18
}
.copyright .copyright-text {
  color: var(--footer-text-color);
  margin-bottom: 0;
  font-size: 16px
}
.copyright .copyright-text a {
  color: #f77a18;
  font-weight: 500
}
.footer-widget-title {
  color: var(--footer-text-color);
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 20px;
  z-index: 1
}
.footer-widget-title::before {
  position: absolute;
  content: '';
  z-index: -1;
  width: 30px;
  height: 2.5px;
  background-color: #f77a18;
  bottom: 0;
  left: 0
}
.footer-widget-title::after {
  position: absolute;
  content: '';
  z-index: -1;
  width: 10px;
  height: 2.5px;
  background-color: #f77a18;
  bottom: 0;
  left: 35px
}
.footer-list {
  display: flex;
  flex-direction: column;
  gap: .8rem
}
.footer-list li a {
  color: var(--footer-text-color);
  transition: var(--transition)
}
.footer-list li a i {
  margin-right: 5px;
  color: #f77a18;
  font-size: 13px
}
.footer-list li a:hover {
  padding-left: 10px;
  color: #f77a18
}
.footer-widget-box p {
  color: var(--footer-text-color);
  padding-right: 18px;
  margin-bottom: 20px
}
.footer-social {
  display: flex;
  gap: 15px;
  justify-content: end
}
.footer-social li a i {
  height: 38px;
  width: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 50px;
  background: rgba(255,255,255,.08);
  color: #f77a18;
  transition: var(--transition)
}
.footer-social li a i:hover {
  background: #f77a18;
  color: var(--color-white)
}
.footer-contact li {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--footer-text-color);
  font-size: 16px;
  margin-bottom: 15px
}
.footer-contact li a {
  color: var(--footer-text-color);
  transition: .3s
}
.footer-contact li i {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  margin-right: 15px;
  border-radius: 50px 50px 50px 0;
  background: #f77a18;
  text-align: center;
  transition: .3s;
  color: var(--color-white)
}
.footer-call {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px
}
.footer-call-icon i {
  background: 0 0!important;
  font-size: 45px!important;
  color: #f77a18!important
}
.footer-call-info h6 {
  color: var(--footer-text-color);
  font-weight: 700
}
.footer-call-info a {
  color: #f77a18!important;
  font-size: 20px;
  font-weight: 700
}
.subscribe-form .form-control {
  padding: 14px 20px;
  border-radius: 18px;
  box-shadow: none;
  border: none;
  color: #0d151e
}
.subscribe-form .form-control::placeholder {
  color: #0d151e
}
.subscribe-form .form-group-icon {
  position: relative
}
.subscribe-form .form-group-icon i {
  position: absolute;
  left: 20px;
  top: 19px;
  color: #f77a18
}
.subscribe-form .form-group-icon .form-control {
  padding: 15px 18px 15px 45px
}
.subscribe-form .theme-btn {
  margin-top: 20px;
  width: 100%
}
.subscribe-form p {
  margin-top: 5px;
  margin-bottom: 10px
}
.footer-payment-method {
  display: flex;
  align-items: center;
  margin-top: 15px;
  gap: 8px
}
.footer-payment-method h6 {
  font-weight: 700;
  color: var(--footer-text-color);
  white-space: nowrap
}
.payment-method-img img {
  width: 35px;
  margin: 2px;
  border-radius: 4px
}
@media all and (min-width:1199px) and (max-width:1399px) {
  .payment-method-img img {
    width: 33px
  }
}
@media all and (max-width:1199px) {
  .footer-widget-box {
    margin-bottom: 50px
  }
}
@media all and (max-width:991px) {
  .message-by-content span {
    right: 65px
  }
  .message-reply {
    right: 0
  }
  .footer-widget-wrapper {
    padding-bottom: 0
  }
  .copyright .footer-menu {
    float: left;
    margin-top: 20px;
    text-align: left
  }
  .copyright .footer-menu li {
    margin-left: 0;
    margin-right: 15px
  }
}
@media all and (max-width:767px) {
  .footer-widget-wrapper {
    padding-bottom: 0
  }
  .footer-social {
    justify-content: flex-start;
    margin-top: 20px
  }
}
.home-3 .main {
  position: relative;
  width: 100%;
  margin-top: -48px
}
.home-3 .search-wrapper {
  margin-top: 0
}
.home-3 .search-header {
  justify-content: center;
  flex-direction: unset;
  margin: unset
}
.home-3 .search-nav {
  box-shadow: var(--box-shadow)
}
.search-btn {
  text-align: right;
  margin-top: 20px
}
.hotel-sart-type-title {
  font-size: 24px
}
.hotel-srandard-room {
  position: relative;
  display: inline-block;
  background: #f8791a4a;
  border-radius: 4px;
  line-height: 24px;
  padding: 0 20px;
  font-size: 18px;
  color: #000
}
.hotel-list-page {
  position: relative;
  width: 100%;
  padding: 15px 0
}
.trip-type-radio {
  margin-top: 5px
}
.flight-type {
  margin-bottom: 12px
}
.inputFont16 {
  font-size: 14px
}
.home-3 .hero-single {
  position: relative;
  padding-top: 100px;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  overflow: hidden;
}

/* Bottom whitish overlay */
.home-3 .hero-single::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0)
  );
  z-index: 1;
  pointer-events: none;
}

.home-3 .hero-single::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 65%;
  background: radial-gradient(
    ellipse at top left,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(255, 255, 255, 0.4) 35%,
    rgba(255, 255, 255, 0) 75%
  );
  z-index: 1;
  pointer-events: none;
}
.home-3 .hero-single > * {
  position: relative;
  z-index: 2;
}

.search-nav .nav-link.active {
  background: 0 0;
  border-bottom: 3px solid #f77a18
}
.search-form .form-group {
  position: relative;
  padding: 20px 25px;
  border-radius: 30px;
  background: rgb(247 122 24 / 8%)
}
.search-wrapper .tab-content {
  background: var(--color-white);
  padding: 45px 25px 25px;
  border-radius: 15px
}
.search-nav .nav-link {
  background: #fff;
  font-weight: 500;
  color: #0d151e;
  position: relative;
  transition: none;
  display: flex;
  align-items: center;
  gap: 5px
}
.search-nav .nav-link img {
  height: 25px;
  width: 25px;
  object-fit: contain
}
.search-nav .nav-link span {
  font-size: 12px;
  text-align: center;
  line-height: 15px
}
.nav-pills {
  display: flex;
  gap: 6px
}
.language-currency-area {
  position: relative;
  width: auto
}
.colorText {
  color: var(--green-gradient)
}
.tlHeader__topStrip .language-currency-area .language-currency-btn {
  position: relative;
  width: 100%;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  display: flex;
  background: 0 0
}
.tlHeader__topStrip .language-currency-area .language-currency-btn i {
  font-size: 12px
}
.tlHeader__topStrip .flagDiv {
  position: relative;
  float: left;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  padding-right: 10px;
  border-right: 1px solid #fff
}
.language-currency-area .language-currency-btn {
  position: relative;
  width: 100%;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  display: flex;
  background: var(--primary-gradient);
  padding: 6px 10px
}
.language-currency-area .language-currency-btn i {
  font-size: 12px
}
.flagDiv {
  position: relative;
  float: left;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  padding-right: 10px;
  border-right: 1px solid #fff
}
.languageDiv {
  position: relative;
  float: right;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  padding-left: 10px
}
.flagDiv img {
  position: relative;
  width: auto;
  height: 14px;
  margin-right: 7px
}
.theme-btn-hotel {
  position: relative;
  display: inline-block;
  width: 36px
}
.theme-btn-hotel img {
  position: relative;
  display: inline-block;
  width: 100%
}
.theme-btn-user {
  position: relative;
  display: inline-block;
  width: 36px
}
.theme-btn-user img {
  position: relative;
  display: inline-block;
  width: 100%
}
.search-form .form-control {
  border-radius: 12px;
  padding: 5px 0;
  box-shadow: none;
  color: #0d151e;
  background: 0 0;
  border: none;
  font-size: 20px;
  font-weight: 700
}
.search-form .passenger-total {
  border-radius: 12px;
  padding: 2.4px 0;
  color: #0d151e;
  font-size: 20px;
  font-weight: 700
}
.unique-place-area {
  position: relative;
  width: 100%;
  padding: 60px 0
}
.unique-place-area .unique-place-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto
}
.unique-place-area .unique-place-box .unique-place-image-box {
  position: relative;
  height: 100%;
  display: inline-block;
  width: 100%;
  border-radius: 6px;
  overflow: hidden
}
.unique-place-area .unique-place-box button {
  border: none;
  background: 0 0;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 100%
}
.unique-place-area .unique-place-box .unique-place-image-box img {
  position: relative;
  height: 80px;
  transition: .5s ease-out;
  width: 100%
}
.unique-place-area .unique-place-box .unique-place-image-box:hover img {
  scale: .9;
  padding: 5%;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 5px #666
}
.unique-hotels-section .destination-item-box .destination-name {
  position: relative;
  width: 100%;
  text-align: center
}
.unique-place-area .unique-place-box .unique-place-name-box {
  position: relative;
  height: 100%;
  text-align: center;
  line-height: 18px
}
.unique-place-area .unique-place-box .unique-place-name-box a {
  position: relative;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 18px
}
.unique-place-area .col-lg-2 {
  position: relative;
  width: 9.09%;
  padding: 0 5px
}
.tlu-section-title {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 10px
}
.tlu-section-title h2 {
  position: relative;
  font-size: 28px;
  margin: 0
}
.popular-hotel-area {
  position: relative;
  width: 100%
}
.hotel-content {
  padding: 15px 10px;
  text-align: left;
  position: relative;
  width: 100%
}
.hotel-content p {
  margin: 0;
  color: #0d151e;
  font-weight: 500;
  line-height: 24px;
  font-size: 14px
}
.btn-view-detail {
  position: relative;
  display: inline-block;
  background: #333;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 0 25px;
  line-height: 34px
}
.btn-book-now {
  position: relative;
  display: inline-block;
  background: #f77919;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 0 25px;
  line-height: 34px
}
.hotel-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  padding-top: 13px
}
.exclusive-offer-area {
  position: relative;
  width: 100%
}
.exclusive-offer-box a {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden
}
.exclusive-offer-box a img {
  width: 100%
}
.app-downloader-area {
  position: relative;
  width: 100%
}
.app-download-area {
  position: relative;
  width: 100%;
  padding: 15px 15px 15px 50px;
  background: #fff;
  border-radius: 4px;
  display: inline-block
}
.our-area-download {
  padding: 20px 0
}
.app-downloader-area1 {
  position: relative;
  width: 100%;
  padding: 15px 15px 15px 50px;
  background: #fff;
  border-radius: 4px;
  display: flex;
  gap: 15px;
  margin-top: 20px
}
.app-store-textarea {
  position: relative;
  float: left
}
.app-store-textarea h1 {
  position: relative;
  font-size: 32px;
  font-weight: 600;
  color: #000;
  margin: 20px 0 5px
}
.app-store-textarea p {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #000
}
.img-google-play {
  display: block;
  height: 50px;
  margin-bottom: 7.5px
}
.img-apple-store {
  display: block;
  height: 50px
}
.img-qr-code4you {
  height: 125px
}
.choose-area {
  position: relative;
  width: 100%;
  padding: 60px 0
}
.choose-img .img-1 {
  width: 70%;
  border-radius: 15px
}
.choose-img .img-2 {
  position: absolute;
  left: 40%;
  bottom: 0;
  border-radius: 20px;
  border: 5px solid var(--color-white);
  top: 50%;
  transform: translate(-50%,-50%);
  width: 85%
}
.choose-item {
  display: flex;
  gap: 15px;
  background: var(--color-white);
  box-shadow: var(--box-shadow);
  position: relative;
  padding: 5px 15px;
  border-radius: 100px 100px 100px 0;
  margin-bottom: 15px;
  transition: var(--transition)
}
.choose-item p {
  font-size: 15px;
  line-height: 22px
}
.site-heading p {
  font-size: 15px;
  line-height: 24px
}
.custom-footer-area {
  position: relative;
  width: 100%;
  background: #fff;
  border-top: 4px solid #efc36f
}
.footer-part {
  padding: 25px 0
}
.custom-footer-area .footer-widget img {
  position: relative;
  width: auto;
  height: 50px
}
.footer-contact-content {
  display: flex;
  gap: 15px;
  align-items: center;
  border: 1px solid #666;
  padding: 10px;
  border-radius: 8px
}
.footer-contact-content i {
  background: linear-gradient(145deg,#efc36f,#dd9d35);
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  border-radius: 10px
}
.row-part-footer {
  display: grid;
  grid-template-columns: 1.2fr .9fr 1.05fr;
  gap: 10px
}
.footer-contact-link {
  width: 100%
}
.footer-part-cont p {
  color: #052f4b;
  max-width: 410px;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.6;
  text-align: left
}
.footer-contact-content p {
  font-size: 12px;
  text-align: left;
  color: #222
}
.footer-contact-content span {
  font-size: 16px;
  color: #111;
  font-weight: 600
}
.custom-footer-area .footer-widget {
  position: relative;
  width: 100%
}
.contact_centralized {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500
}
.subscribe_newsletter {
  position: relative;
  width: 100%;
  text-align: right
}
.subscribe_form {
  position: relative;
  width: 100%;
  float: right;
  max-width: 350px;
  text-align: left
}
.subscribe_form label {
  position: relative
}
.subscribe_form input {
  position: relative;
  width: 70%;
  height: 42px;
  background: 0 0;
  border: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
  padding: 0 8px;
  font-size: 13px;
  color: #fff
}
.subscribe_form input::placeholder {
  color: #fff
}
.subscribe_form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  background: var(--green-gradient);
  color: #fff;
  height: 42px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #f87919
}
.input_form_box {
  position: relative;
  width: 100%;
  margin-top: 13px
}
.footer-widget .footer-menu {
  position: relative;
  width: 100%;
  margin-left: 5px
}
.footer-widget .footer-menu.active {
  display: block
}
.footer-menu-button {
  position: relative;
  background: 0 0;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600
}
.footer-menu-button i {
  position: relative;
  font-size: 14px
}
.footer-top {
  position: relative;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  background: radial-gradient(circle at 12% 10%,#1b539173,#0000 29%),linear-gradient(135deg,#071b38,#06162c 62%,#0a2852)
}
.footer_follow_us {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 15px 0
}
.footer-menu a {
  color: #fff
}
.footer_follow_us h4 {
  position: relative;
  display: inline-block;
  font-weight: 600;
  margin: 0;
  top: 7px;
  text-transform: uppercase;
  right: 25px;
  font-size: 20px
}
.follow_us_links {
  position: relative;
  width: auto;
  list-style: none;
  display: inline-flex
}
.follow_us_links li {
  position: relative;
  width: auto;
  margin: 0 5px;
  list-style: none
}
.follow_us_links li a {
  position: relative;
  width: 40px;
  display: inline-block;
  height: 40px
}
.follow_us_links li a img {
  position: relative;
  width: 100%
}
.afterLoginPanel .user4name {
  position: relative;
  display: block;
  color: #000;
  line-height: 24px
}
.afterLoginPanel .user4logout {
  position: relative;
  display: block;
  color: #000;
  line-height: 24px;
  float: left;
  text-align: left;
  font-weight: 500;
  padding: 0;
  text-transform: capitalize
}
.form-control.airport-search::placeholder {
  font-size: 16px!important
}
.form-control.city-search {
  font-size: 16px!important;
  font-weight: 700
}
.form-control.city-search::placeholder {
  font-size: 16px!important
}
.btn-bus-search {
  position: relative;
  line-height: 60px
}
.flight-booking-page-header-sticky {
  position: relative;
  padding: 10px!important;
  margin-bottom: 15px;
  background: #000;
  transition: .3s
}
.flight-booking-page-header-sticky.sticky {
  right: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #000;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  animation: .3s slideDown
}
@keyframes slideDown {
  from {
    transform: translateY(-100%)
  }
  to {
    transform: translateY(0)
  }
}
.seat-wrapper1 .seat-wrapper .group-wrapper {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto
}
.seat-wrapper1 .seat-wrapper .group-wrapper .img-wrapper,
.seat-wrapper1 .seat-wrapper .group-wrapper .img-wrapper img,
.seat-wrapper1 .seat-wrapper .group-wrapper .seat-action-area,
.seat-wrapper1 .seat-wrapper .group-wrapper .seat-grid {
  position: relative;
  width: 100%
}
.seat-wrapper1 .seat-wrapper .group-wrapper .row-labels {
  position: relative;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  display: inline-block;
  gap: inherit
}
.seat-wrapper1 .seat-wrapper .group-wrapper .row-labels span {
  position: relative;
  display: inline-block;
  min-width: 11%;
  text-align: center
}
footer .footer-bottom {
  background: linear-gradient(145deg,#efc36f,#dd9d35);
  padding-top: 12px;
  border-top: 1px solid #1f3144;
  padding-bottom: 1px
}
.copyright-wrap {
  position: relative;
  width: 100%;
  text-align: center
}
footer .footer-bottom p {
  margin-bottom: 10px;
  color: #111;
  font-size: 14px
}
.copyright-wrap span {
  color: #fff
}
#main_nav .navbar-nav {
  display: none
}
.fixed-top #main_nav .navbar-nav {
  display: flex
}
.site-breadcrumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: cover!important;
  position: relative;
  padding-top: 140px;
  padding-bottom: 100px;
  z-index: 1
}
.search-area.search-common {
  margin-top: -90px!important
}
.flight-search .search-wrapper {
  margin-top: -90px
}
.fas.fa-star {
  color: var(--green-gradient)
}
.hotel-sart-type-title .fas.fa-star {
  font-size: 13px
}
.hotel-rate .fas.fa-star {
  color: #fff
}
.header.page-header #main_nav .navbar-nav {
  display: flex;
  padding-right: 50px
}
.header.page-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 0 10px #666
}
.header.page-header .navbar .navbar-brand .logo-display {
  display: none
}
.header.page-header .navbar .navbar-brand .logo-scrolled {
  display: block
}
.header.page-header .navbar .nav-item .nav-link {
  color: #000
}
.sidebar-accordion-icon {
  position: relative;
  display: inline-block;
  float: right;
  font-size: 16px;
  top: 4px
}
.search-area.search-common.hotel-list-inner-page {
  margin-top: 54px!important;
  padding-top: 60px;
  position: relative;
  width: 100%;
  background: #fff
}
.hotel-list-inner-page .search-common .search-wrapper .search-box {
  border-radius: 0;
  padding: 25px 0
}
.hotel-list-inner-page .search-wrapper .search-box {
  background: 0 0;
  padding: 10px 0;
  border-radius: 20px;
  box-shadow: none
}
.hotel-list-inner-page .search-form .search-btn .theme-btn {
  position: relative;
  top: inherit;
  right: inherit!important;
  padding: 7px 18px;
  bottom: inherit!important;
  left: inherit;
  transform: none;
  border-radius: 10px;
  height: 100%;
  width: 100%
}
.hotel-list-inner-page .col-lg-3 {
  width: 30%
}
.hotel-list-inner-page .col-lg-2 {
  width: 10%
}
.hotel-list-inner-page .search-form .form-group {
  position: relative;
  padding: 0 15px;
  border-radius: 6px;
  background: #f77a181c;
  min-height: auto
}
.hotel-list-inner-page .search-form .passenger-total {
  border-radius: 12px;
  padding: 0;
  color: #0d151e;
  font-size: 18px;
  font-weight: 700
}
.hotel-list-inner-page .search-btn {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0px;
}
.hotel-list-inner-page .search-btn .theme-btn span {
  margin-right: 5px;
  font-size: 28px
}
.search-area.flight-search.flight-list-inner-page {
  margin-top: 150px!important;
  position: relative;
  width: 100%;
  background: #fff
}
.flight-booking-item .flight-booking-price .theme-btn {
  padding: 2px 25px 0 5px;
  width: 122px;
  font-size: 14px;
  font-weight: 600;
  background: var(--primary-gradient)!important
}
.flight-booking-item .theme-btn i {
  position: absolute;
  right: 10px;
  top: 6px
}
.flight-list-inner-page .search-common .search-wrapper .search-box {
  border-radius: 0;
  padding: 25px 0
}
.flight-list-inner-page .search-wrapper .search-box {
  background: 0 0;
  padding: 10px 0;
  border-radius: 20px;
  box-shadow: none
}
.flight-list-inner-page .search-form .search-btn .theme-btn {
  position: relative;
  top: inherit;
  right: inherit!important;
  padding: 7px 18px;
  bottom: inherit!important;
  left: inherit;
  transform: none;
  border-radius: 10px;
  height: 100%;
  width: 100%
}
.flight-list-inner-page .flight-search-item .col-lg-3 {
  width: 22.5%
}
.flight-list-inner-page .flight-search-item .col-lg-2 {
  width: 10%
}
.flight-list-inner-page .flight-search-item.active-round-trip .col-lg-3:first-child,
.flight-list-inner-page .flight-search-item.active-round-trip .col-lg-3:nth-child(2) {
  width: 20%
}
.flight-list-inner-page .flight-search-item.active-round-trip .col-lg-3:nth-child(3) {
  width: 28.5%
}
.flight-list-inner-page .flight-search-item.active-round-trip .col-lg-3:nth-child(4) {
  width: 21.5%
}
.form-info .col-lg-3:nth-child(3) {
  width: 25%
}
.form-info .col-lg-3:nth-child(4) {
  width: 21%
}
.form-info .col-lg-2:nth-child(5) {
  width: 9%!important
}
.wrap-booking-time-duration {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}
.flight-list-inner-page .search-form .form-group {
  position: relative;
  padding: 5px 15px;
  border-radius: 6px;
  background: #ecf0f5;
  min-height: auto
}
.flight-list-inner-page .search-form .form-control {
  border-radius: 12px;
  padding: 5px 0;
  box-shadow: none;
  color: #0d151e;
  background: 0 0;
  border: none;
  font-size: 18px;
  font-weight: 700
}
.flight-list-inner-page .search-form .passenger-total {
  border-radius: 12px;
  padding: 2.4px 0;
  color: #0d151e;
  font-size: 18px;
  font-weight: 700
}
.flight-list-inner-page .search-btn {
  position: relative;
  width: 100%;
  height: 100%
}
.flight-list-inner-page .search-btn .theme-btn span {
  margin-right: 5px;
  font-size: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.flight-list-page {
  position: relative;
  width: 100%;
  padding: 40px 0
}
.language-currency-popup-area {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00000099;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  display: none
}
.language-currency-popup-box {
  position: absolute;
  width: 400px;
  padding: 25px;
  background: #fff;
  border-radius: 12px;
  height: auto;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.language-currency-popup-box .form-input-group-box {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
  text-align: center
}
.language-currency-popup-box .form-input-group-box label {
  position: relative;
  width: 100%;
  display: block;
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
  text-align: left
}
.language-currency-popup-box .form-input-group-box select {
  position: relative;
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 45px;
  border-radius: 4px;
  text-align: left
}
.language-currency-popup-box .form-input-group-box .optional {
  position: absolute;
  width: 40px;
  top: 27px;
  left: 0;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  z-index: 99;
  text-transform: uppercase
}
.language-currency-popup-box .form-input-group-box .optional img {
  position: relative;
  width: auto;
  height: 14px
}
.language-currency-popup-box .form-input-group-box button {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 0 25px;
  border-radius: 6px;
  height: 40px;
  border: none;
  background: #cbcbcb;
  text-align: center
}
.close-btn-lcpb {
  position: absolute;
  width: 32px;
  height: 32px;
  padding: 0;
  background: #cbcbcb;
  border-radius: 50%;
  z-index: 99;
  top: -16px;
  line-height: 32px;
  right: -16px;
  border: none
}
.authentication-wrapper {
  position: relative;
  width: 100%;
  background: url(/public/front/assets/images/login-signup-page-bg.webp) center center/cover no-repeat;
  padding: 100px 0 40px
}
.authentication-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  background: #00000060;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 1
}
.main-wrapper.authentication-wrapper .container {
  position: relative;
  width: 100%;
  z-index: 1
}
.authentication-card-text-box {
  padding: 0 40px;
  color: #fff
}
.authentication-card-text-box h1 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 16px
}
.authentication-card-text-box h1 span {
  color: #f5a100
}
.authentication-card-text-box p {
  font-size: 16px;
  color: rgba(255,255,255,.85);
  margin: 0 0 36px;
  max-width: 460px
}
.auth-feature-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 24px
}
.auth-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 16px
}
.auth-feature-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  background: rgba(43,168,92,.2);
  border: 1px solid #f5a100;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}
.auth-feature-icon i {
  color: #f5a100;
  font-size: 17px
}
.auth-feature-item h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 4px
}
.auth-feature-item p {
  font-size: 14px;
  color: rgba(255,255,255,.7);
  margin: 0
}
.auth-trusted-badge {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: rgba(255,255,255,.95);
  padding: 10px 20px;
  border-radius: 40px
}
.card.authentication-card {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  overflow: hidden;
  border-radius: 16px;
  border: none;
  box-shadow: 0 25px 60px rgba(0,0,0,.25)
}
.authentication-card .card-body {
  padding: 20px;
  text-align: center
}
.auth-lock-icon {
  width: 56px;
  height: 56px;
  background: rgba(43,168,92,.12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px
}
.auth-lock-icon i {
  color: #222;
  font-size: 22px
}
.authentication-title {
  font-size: 23px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 6px
}
.authentication-title span {
  color: #f5a100
}
.authentication-subtitle {
  font-size: 14px;
  color: #888;
  margin: 0 0 10px
}
.auth-input-label {
  display: block;
  text-align: left;
  font-size: 13.5px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px
}
.input-icon {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  background: #fff;
  border: 1px solid #dcdfe4;
  border-radius: 8px;
  overflow: hidden;
  transition: .2s
}
.input-icon:focus-within {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37,99,235,.08)
}
.input-icon > div {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  border-right: 1px solid #e5e7eb;
  flex-shrink: 0
}
.input-icon .indianFlag {
  width: 23px;
  height: 16px;
  object-fit: cover;
  border-radius: 2px;
  margin: 0 7px 0 0
}
.input-icon .countryCode {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  white-space: nowrap
}
.input-icon .pass-input {
  flex: 1;
  width: 100%;
  height: 100%;
  border: none!important;
  outline: 0!important;
  box-shadow: none!important;
  background: 0 0;
  font-size: 14px;
  color: #222;
  padding: 0 14px
}
.input-icon .pass-input::placeholder {
  color: #9ca3af;
  font-size: 14px
}
.input-icon .pass-input:focus {
  border: none;
  outline: 0;
  box-shadow: none
}
.auth-otp-note {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(43,168,92,.08);
  color: #1f8a4c;
  font-size: 13px;
  padding: 10px 14px;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: left
}
.btn-account-login {
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg,#1f8a4c 0,#146633 100%);
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: .25s
}
.btn-account-login:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(31,138,76,.3)
}
.auth-divider {
  position: relative;
  text-align: center;
  margin: 10px 0
}
.auth-divider:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #eee
}
.auth-divider span {
  position: relative;
  background: #fff;
  padding: 0 14px;
  font-size: 13px;
  color: #999
}
.auth-social-row {
  display: flex;
  gap: 12px;
  margin-bottom: 14px
}
.btn-social-login {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 11px 10px;
  font-size: 13.5px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  transition: .2s
}
.btn-social-login:hover {
  background: #faf9f7;
  color: #333
}
.btn-social-login img {
  width: 17px
}
.btn-social-login .fa-apple {
  font-size: 17px
}
.auth-safe-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(43,168,92,.06);
  padding: 14px;
  border-radius: 10px;
  text-align: left
}
.auth-safe-note i {
  color: #1f8a4c;
  font-size: 15px;
  margin-top: 2px
}
.auth-safe-note h6 {
  font-size: 13.5px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 3px
}
.auth-safe-note p {
  font-size: 12.5px;
  color: #888;
  margin: 0;
  line-height: 1.5
}
.offerText {
  text-align: center
}
.holiday-package-list-page {
  position: relative;
  width: 100%;
  background: #fff
}
.holiday-package-list-page .search-form .form-control {
  border-radius: 12px;
  padding: 5px 0;
  box-shadow: none;
  color: #0d151e;
  background: 0 0;
  border: none;
  font-size: 18px;
  font-weight: 700
}
.holiday-package-list-page .search-form .form-group {
  position: relative;
  padding: 5px 15px;
  border-radius: 6px;
  background: #f77a181c;
  min-height: auto
}
.holiday-package-list-page .search-wrapper .search-box {
  background: var(--color-white);
  padding: 15px;
  border-radius: 0;
  box-shadow: none
}
.holiday-package-list-page .flight-search-item .col-lg-3 {
  width: 22.5%
}
.holiday-package-list-page .flight-search-item .col-lg-2 {
  width: 10%
}
.holiday-package-list-page .search-form .search-btn .theme-btn {
  position: relative;
  top: inherit;
  right: inherit!important;
  padding: 7px 18px;
  bottom: inherit!important;
  left: inherit;
  transform: none;
  border-radius: 10px;
  height: 100%;
  width: 100%
}
.holiday-package-list-page .search-btn {
  position: relative;
  width: 100%;
  height: 100%
}
.holiday-package-page-offer-banner-section {
  position: relative;
  width: 100%
}
.holiday-package-offer-slider .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
  z-index: 2
}
.holiday-package-offer-slider .owl-nav button.owl-prev {
  position: absolute;
  left: 0;
  border-radius: 0 12px 12px 0!important;
  font-size: 24px!important
}
.holiday-package-offer-slider .owl-nav button.owl-next {
  position: absolute;
  right: 0;
  border-radius: 12px 0 0 12px!important;
  font-size: 24px!important
}
.holiday-package-offer-slider .owl-nav button {
  width: 34px!important;
  height: 60px!important;
  background: #fff!important;
  font-size: 36px!important
}
.holiday-package-offer-slider-item {
  position: relative;
  width: 100%;
  overflow: hidden
}
.holiday-package-offer-slider-img {
  position: relative;
  width: 100%
}
.popular-tour-places-slider .destination-item .destination-img {
  position: relative;
  width: 100%;
  height: auto!important;
  display: inline-block;
  box-shadow: 0 0 10px #ccc;
  overflow: hidden;
  border-radius: 12px;
  text-align: center
}
.popular-tour-places-slider .destination-item .destination-img img {
  position: relative;
  width: 100%;
  height: 140px!important;
  display: inline-block;
  border-radius: 6px!important
}
.popular-tour-places-slider .destination-item .destination-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
  opacity: 0;
  transition: opacity .3s;
  border-radius: 6px;
  pointer-events: none
}
.popular-tour-places-slider .destination-item:hover .destination-img::after {
  opacity: 1
}
.popular-tour-places-slider .destination-info {
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 5px 10px;
  background: 0 0!important;
  text-align: start;
  border-radius: 6px;
  height: 50px;
  margin: 0 auto
}
.popular-tour-places-slider .destination-info h4 {
  position: absolute;
  padding: 10px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff!important;
  font-size: 18px!important;
  font-weight: 600;
  opacity: 0;
  visibility: hidden;
  transition: .3s
}
.destination-item a {
  width: 100%
}
.popular-tour-places-slider .destination-item:hover .destination-info h4 {
  opacity: 1;
  visibility: visible
}
.fixed-top {
  position: sticky!important
}
.holiday-package-last-minute-deals-section,
.holiday-package-popular-tour-location-section {
  position: relative;
  width: 100%;
  padding: 40px 0
}
.bg-white {
  position: relative;
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 0 15px #ccc;
  max-width: calc(95% - 30px)
}
.bg-white1 {
  position: relative;
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 0 15px #ccc
}
.site-title {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 25px;
  color: #0d151e;
  margin-top: 0;
  margin-bottom: 0
}
.site-heading {
  margin-bottom: 18px;
  position: relative
}
.popular-tour-places-slider .owl-nav {
  position: absolute;
  width: 120px;
  top: -50px;
  right: -26px
}
.popular-tour-places-slider .owl-nav button {
  width: 34px!important;
  height: 34px!important;
  background: #fff!important;
  font-size: 18px!important;
  border-radius: 50%;
  line-height: 36px!important;
  box-shadow: 0 0 15px #ccc;
  margin: 0 5px
}
.holiday-package-explore-holidays-section {
  width: 100%;
  padding: 50px 0
}
.holiday-package-explore-holidays-section .owl-nav {
  position: absolute;
  width: 120px;
  top: -50px;
  right: -26px
}
.holiday-package-explore-holidays-section .owl-nav button {
  width: 34px!important;
  height: 34px!important;
  background: #fff!important;
  font-size: 18px!important;
  border-radius: 50%;
  line-height: 36px!important;
  box-shadow: 0 0 15px #ccc;
  margin: 0 5px
}
.explore-holidays-package-box .explore-holidays-package-image-box,
.explore-holidays-package-box a {
  width: 100%
}
.search-area.tour-search.tour-list-inner-page {
  margin-top: 75px!important;
  position: relative;
  width: 100%;
  background: #fff
}
.tour-list-inner-page .search-common .search-wrapper .search-box {
  border-radius: 0;
  padding: 25px 0
}
.tour-list-inner-page .search-wrapper .search-box {
  background: 0 0;
  padding: 10px 0;
  border-radius: 20px;
  box-shadow: none
}
.tour-list-inner-page .search-form .search-btn .theme-btn {
  position: relative;
  top: inherit;
  right: inherit!important;
  padding: 7px 18px;
  bottom: inherit!important;
  left: inherit;
  transform: none;
  border-radius: 10px;
  height: 100%;
  width: 100%
}
.tour-list-inner-page .flight-search-item .col-lg-3 {
  width: 22.5%
}
.tour-list-inner-page .flight-search-item .col-lg-2 {
  width: 10%
}
.tour-list-inner-page .flight-search-item.active-round-trip .col-lg-3:first-child,
.tour-list-inner-page .flight-search-item.active-round-trip .col-lg-3:nth-child(2) {
  width: 20%
}
.tour-list-inner-page .flight-search-item.active-round-trip .col-lg-3:nth-child(3) {
  width: 27.5%
}
.tour-list-inner-page .search-form .form-group {
  position: relative;
  padding: 5px 15px;
  border-radius: 6px;
  background: #f77a181c;
  min-height: auto
}
.tour-list-inner-page .search-form .form-control {
  border-radius: 12px;
  padding: 5px 0;
  box-shadow: none;
  color: #0d151e;
  background: 0 0;
  border: none;
  font-size: 18px;
  font-weight: 700
}
.tour-list-inner-page .search-form .passenger-total {
  border-radius: 12px;
  padding: 2.4px 0;
  color: #0d151e;
  font-size: 18px;
  font-weight: 700
}
.tour-list-inner-page .search-btn {
  position: relative;
  width: 100%;
  height: 100%
}
.tour-list-inner-page .search-btn .theme-btn span {
  margin-right: 5px;
  font-size: 28px
}
.tour-list-page {
  position: relative;
  width: 100%;
  padding: 84px 0 30px
}
.unique-place-mview {
  position: relative;
  display: none
}
.tour-grid.tour-list-page .tour-item {
  background: var(--color-white);
  border-radius: 12px;
  padding: 5px;
  margin-bottom: 25px;
  box-shadow: var(--box-shadow);
  transition: var(--transition)
}
.tour-grid.tour-list-page .tour-item .tour-detail-part {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 100%
}
.tour-grid.tour-list-page .tour-img {
  border-radius: 12px;
  position: relative;
  width: 100%
}
.tour-grid.tour-list-page .tour-img img {
  border-radius: 12px;
  position: relative;
  width: 100%;
  height: 175px
}
.tour-price-rate {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  width: 100%;
  background: #f3f4f6;
  border-radius: 10px;
  padding: 10px
}
.tour-price-rate .from-text {
  font-size: 11px;
  color: #888;
  font-weight: 500
}
.tour-price-rate .tour-prize1 {
  font-size: 15px;
  font-weight: 600;
  color: #111;
  line-height: 1
}
.tour-price-rate .slash {
  font-size: 11px;
  color: #999
}
.tour-price-rate .tour-prize2 {
  font-size: 13px;
  color: #aaa;
  text-decoration: line-through;
  font-weight: 400
}
.tour-detail-header-info {
  position: relative;
  width: 100%;
  margin-bottom: 15px
}
.price321 {
  position: relative;
  font-size: 18px;
  color: #f87a1a
}
.price_with_tax321 {
  font-size: 12px;
  position: relative;
  top: -4px
}
.price_with_base321 {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 10px 0;
  font-size: 14px
}
.price_with_base321 span {
  position: relative;
  display: inline-block;
  float: right
}
.tax_fee321 {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 10px 0;
  font-size: 14px
}
.tax_fee321 span {
  position: relative;
  display: inline-block;
  float: right;
  color: #f87a1a
}
.btn-booking-package {
  margin: 0 auto;
  position: relative;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #f77a19;
  border-radius: 25px;
  font-size: 16px;
  border: none
}
.listing-slider {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  width: 100%
}
.hotle-detail-page {
  position: relative;
  width: 100%;
  font-size: 13px;
  margin-top: 80px
}
.hotle-detail-page .hotel-rooms-type-area {
  position: relative;
  width: 100;
  margin-top: 50px
}
.hotle-detail-page .hotel-rooms-type-area h2 {
  position: relative;
  font-size: 18px;
  margin-bottom: 10px
}
.hotle-detail-page .hotel-rooms-type-area .hrda-box {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px
}
.hotle-detail-page .hotel-rooms-type-area .hrda-box .hrta-option {
  border: none;
  width: 100%
}
.hotle-detail-page .listing-slider img {
  position: relative;
  width: 100%;
  border-radius: 8px!important;
  height: 370px
}
.hotel-description-section-text-area {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 30px;
  box-shadow: var(--box-shadow)
}
.hotel-description-section-text-area h2 {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px
}
.triplodge-offers-coupon-area {
  position: relative;
  width: 100%;
  margin: 50px 0
}
.triplodge-offers-coupon-area .whiteBox {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 0 15px #ccc
}
.triplodge-offers-coupon-area .tab {
  position: relative;
  display: inline-block;
  margin-bottom: 15px
}
.triplodge-offers-coupon-area .tabcontent {
  position: relative;
  width: 100%;
  display: none;
  border-top: none
}
.triplodge-offers-coupon-area .tabcontent.active {
  position: relative;
  width: 100%;
  display: inline-block
}
.triplodge-offers-coupon-area .tab button {
  background: 0 0;
  float: left;
  border: none;
  outline: 0;
  cursor: pointer;
  transition: .3s;
  font-size: 16px;
  color: #000
}
.triplodge-offers-coupon-area .tab button.active {
  background: #ccc
}
.triplodge-offers-coupon-area .tab h2 {
  position: relative;
  font-size: 24px;
  float: left;
  display: inline-block;
  margin: 0 50px 0 0
}
.triplodge-offers-combo {
  position: relative;
  width: 100%;
  padding: 15px;
  overflow: hidden;
  box-shadow: 0 0 15px #ccc;
  border-radius: 15px;
  margin-bottom: 25px
}
.triplodge-offers-coupon-image-box {
  position: relative;
  width: 33%;
  margin-right: 2%;
  float: left
}
.triplodge-offers-coupon-image-box img {
  position: relative;
  width: 100%
}
.triplodge-offers-coupon-text-box {
  position: relative;
  width: 65%;
  float: left;
  height: 100%;
  padding: 15px
}
.triplodge-offers-coupon-text-box h3 {
  position: relative;
  font-size: 20px;
  margin: 10px 0 20px;
  text-transform: uppercase
}
.triplodge-offers-coupon-text-box p {
  position: relative;
  margin: 0 0 10px;
  font-size: 15px
}
.tour-package-gallery-images-slider {
  position: relative;
  width: 100%;
  display: none
}
.search-area.search-common.hotel-detail-page {
  margin-top: 75px!important;
  position: relative;
  width: 100%;
  background: #fff
}
.hotel-detail-page .search-common .search-wrapper .search-box {
  border-radius: 0;
  padding: 25px 0
}
.hotel-detail-page .search-wrapper .search-box {
  background: 0 0;
  padding: 10px 0;
  border-radius: 20px;
  box-shadow: none
}
.hotel-detail-page .search-form .search-btn .theme-btn {
  position: relative;
  top: inherit;
  right: inherit!important;
  padding: 7px 18px;
  bottom: inherit!important;
  left: inherit;
  transform: none;
  border-radius: 10px;
  height: 100%;
  width: 100%
}
.hotel-detail-page .col-lg-3 {
  width: 22.5%
}
.hotel-detail-page .col-lg-2 {
  width: 10%
}
.hotel-detail-page .search-form .form-group {
  position: relative;
  padding: 5px 15px;
  border-radius: 6px;
  background: #f77a181c;
  min-height: auto
}
.hotel-list-inner-page .search-form .form-control {
  border-radius: 12px;
  padding: 3px 0;
  box-shadow: none;
  color: #0d151e;
  background: 0 0;
  border: none;
  font-size: 18px;
  font-weight: 700
}
.hotel-detail-page .search-form .passenger-total {
  border-radius: 12px;
  padding: 2.4px 0;
  color: #0d151e;
  font-size: 18px;
  font-weight: 700
}
.hotel-detail-page .search-btn {
  position: relative;
  width: 100%;
  height: 100%
}
.hotel-detail-page .search-btn .theme-btn span {
  margin-right: 5px;
  font-size: 28px
}
.hotel-detail-page .search-form .form-control {
  border-radius: 12px;
  padding: 5px 0;
  box-shadow: none;
  color: #0d151e;
  background: 0 0;
  border: none;
  font-size: 18px;
  font-weight: 700
}
.page-breadcrumb {
  position: relative;
  width: 100%;
  margin-top: 70px;
  height: 240px;
  overflow: hidden
}
.page-breadcrumb:before {
  content: "";
  position: absolute;
  background: rgba(0,0,0,.65);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1
}
.page-breadcrumb img {
  position: relative;
  width: 100%
}
.page-breadcrumb .page-breadcrumb-title-area {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  text-align: center;
  z-index: 2;
  padding-top: 60px
}
.page-breadcrumb .breadcrumb-title {
  font-size: 35px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize
}
.page-breadcrumb .breadcrumb-menu {
  position: relative;
  z-index: 1
}
.page-breadcrumb .breadcrumb-menu li:first-child {
  margin-left: 0
}
.page-breadcrumb .breadcrumb-menu li {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize
}
.page-breadcrumb .breadcrumb-menu li a {
  color: #fff;
  transition: .5s ease-in-out
}
.page-breadcrumb .breadcrumb-menu li.active {
  color: #fff
}
.page-breadcrumb .breadcrumb-menu li::before {
  position: absolute;
  content: '\e122';
  font-family: 'Font Awesome 6 Pro';
  right: -18px;
  top: 5px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: 700
}
.page-breadcrumb .breadcrumb-menu li:last-child::before {
  display: none
}
.blog-area.blog-list-page {
  position: relative;
  width: 100%;
  padding: 60px 0;
  margin-top: 40px
}
.blog-area.blog-list-page .blog-item {
  background: var(--color-white);
  padding: 10px;
  border-radius: 5px!important;
  box-shadow: var(--box-shadow);
  transition: var(--transition);
  position: relative;
  margin-bottom: 25px
}
.terms-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 13px;
  overflow-x: auto;
  white-space: nowrap
}
.terms-content table thead th {
  min-width: 240px;
  background: #f87919;
  color: #fff;
  padding: 12px 16px;
  text-align: left;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .3px;
  border: 1px solid #e0e0e0
}
.terms-content table thead th:first-child {
  min-width: 150px
}
.terms-content table thead th:not(:first-child) {
  min-width: 250px
}
.terms-content table tbody tr {
  border-bottom: 1px solid #f0f0f0
}
.terms-content {
  padding-bottom: 40px
}
.terms-content ul {
  list-style: circle;
  padding-left: 25px
}
.terms-content ul li {
  margin-bottom: 10px;
  list-style: disc
}
.about-text ul {
  list-style: circle;
  padding: 0 0 0 25px;
  margin: 0
}
.about-text ul li {
  list-style: disc
}
.about-text,
.terms-content {
  color: #111
}
.terms-content table tbody td {
  padding: 11px 16px;
  color: #444;
  border: 1px solid #f0f0f0;
  white-space: normal
}
.blog-area.blog-list-page .blog-item-img {
  overflow: hidden;
  border-radius: 15px 15px 15px 0
}
.blog-area.blog-list-page .blog-item-img img {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 15px 15px 15px 0;
  height: 230px
}
.blog-item-info {
  position: relative;
  width: 100%;
  min-height: 90px
}
.page-privacy-policy {
  position: relative;
  width: 100%;
  padding: 95px 0 0
}
.selected-country-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #0d151e;
  font-size: 15px
}
.suggested-city-name {
  position: relative;
  width: 100%;
  padding: 5px 10px 5px 35px
}
.suggested-city-name .fa-chart-line {
  position: absolute;
  left: 15px;
  font-size: 14px!important;
  top: 13px!important
}
.selected-city-name {
  color: #0d151e;
  font-size: 20px;
  font-weight: 700
}
.clear-text {
  color: #a0a0a0!important;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  position: relative
}
.city-search-input {
  border-color: #e4ebf1!important;
  color: #111827!important;
  background-color: #fff;
  font-size: 14px!important;
  font-weight: 400!important;
  line-height: 1.6!important;
  border-radius: 4px!important;
  padding: 4px 0!important;
  transition: .5s
}
.city-search-input::placeholder {
  color: #a0a0a0;
  font-size: 14px
}
.faq-area.page-faq {
  position: relative;
  width: 100%;
  padding: 96px 0 0
}
.widget .recent-post-single {
  position: relative;
  width: 100%;
  display: inline-block;
  justify-content: start;
  align-items: center;
  margin-bottom: 5px
}
.widget .recent-post-img {
  width: 100px;
  float: left;
  display: inline-block
}
.recent-post-bio {
  position: relative;
  width: calc(100% - 105px);
  float: left;
  display: inline-block;
  padding: 5px
}
.widget .recent-post-img img {
  width: 100%;
  height: 90px;
  border-radius: 10px
}
.hotel-list.hotel-list-page .hotel-img a,
.hotel-list.hotel-list-page .hotel-img a img {
  position: relative;
  width: 100%;
  display: inline-block
}
.btn-account-login {
  position: relative;
  width: 100%;
  display: inline-block;
  background: var(--primary-gradient);
  border-radius: 40px;
  padding: 10px 25px;
  color: #fff;
  text-align: center;
  text-transform: uppercase
}
.btn-google-login {
  position: relative;
  width: 100%;
  display: inline-block;
  background: #181c32;
  border-radius: 40px;
  padding: 10px 25px;
  color: #fff;
  text-align: center;
  text-transform: uppercase
}
.btn-google-login img {
  position: relative;
  height: 30px
}
.flight-page-section {
  position: relative;
  width: 100%;
  padding: 25px 0
}
.flight-page-section .title-area {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px
}
.flight-page-section .title-area .view-all-bus-services {
  letter-spacing: 1px;
  position: absolute;
  width: auto;
  right: 15px;
  top: 0;
  display: inline-block;
  color: #f77919;
  font-weight: 600;
  text-transform: uppercase
}
.flight-page-section .title-area h5 {
  position: relative;
  font-size: 16px;
  font-weight: 600
}
.flight-page-section .flight-item-list {
  position: relative;
  width: 100%;
  display: inline-block;
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 0 15px #ccc
}
.flight-page-section .flight-item-list .bus-hyperlink {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block
}
.flight-page-section .flight-item-list .flight-img {
  position: relative;
  width: 45%;
  float: left;
  height: 100%;
  display: inline-block;
  border-radius: 12px;
  max-height: 160px
}
.flight-page-section .flight-item-list .flight-img img {
  position: relative;
  width: 100%;
  overflow: hidden
}
.flight-page-section .flight-content {
  position: relative;
  width: 55%;
  float: left;
  height: 100%;
  display: inline-block;
  padding: 15px
}
.flight-page-section .flight-booking-offer-title {
  position: relative;
  font-size: 20px;
  margin: 10px 0 15px
}
.flight-page-section .flight-booking-offer-tupe {
  position: relative;
  font-size: 14px;
  margin: 0
}
.flight-page-section .flight-booking-offer-code {
  position: relative;
  font-size: 16px;
  margin: 0
}
.bus-ticket-page {
  position: relative;
  width: 100%;
  padding: 25px 0
}
.bus-ticket-pagen .title-area {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px
}
.bus-ticket-page .title-area .view-all-bus-services {
  letter-spacing: 1px;
  position: absolute;
  width: auto;
  right: 15px;
  top: 0;
  display: inline-block;
  color: #f77919;
  font-weight: 600;
  text-transform: uppercase
}
.bus-ticket-page .title-area h5 {
  position: relative;
  font-size: 16px;
  font-weight: 600
}
.bus-ticket-page .bus-ticket-item-list {
  position: relative;
  width: 100%;
  display: inline-block;
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 0 15px #ccc;
  margin-bottom: 20px
}
.bus-ticket-page .title-area {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 12px
}
.bus-ticket-page .title-area .bus-hyperlink {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block
}
.bus-ticket-page .bus-ticket-item-list .bus-ticket-img {
  position: relative;
  width: 45%;
  float: left;
  height: 100%;
  display: inline-block;
  border-radius: 12px;
  max-height: 160px
}
.bus-ticket-page .bus-ticket-item-list .bus-ticket-img img {
  position: relative;
  width: 100%;
  overflow: hidden
}
.bus-ticket-page .bus-ticket-content {
  position: relative;
  width: 55%;
  float: left;
  height: 100%;
  display: inline-block;
  padding: 15px
}
.bus-ticket-page .flight-booking-offer-title {
  position: relative;
  font-size: 20px;
  margin: 10px 0 15px
}
.bus-ticket-page .flight-booking-offer-tupe {
  position: relative;
  font-size: 14px;
  margin: 0
}
.bus-ticket-page .flight-booking-offer-code {
  position: relative;
  font-size: 16px;
  margin: 0
}
.bus-ticket-page .bus-booking-tnc {
  position: absolute!important;
  right: 10px;
  top: 10px;
  font-size: 10px
}
.bus-ticket-page .bus-booking-offer-title {
  position: relative;
  font-size: 20px;
  margin: 10px 0 15px
}
.bus-ticket-page .bus-booking-offer-tupe {
  position: relative;
  font-size: 14px;
  margin: 0
}
.bus-ticket-page .bus-booking-offer-code {
  position: relative;
  font-size: 16px;
  margin: 0
}
.bus-ticket-page-form-area .flight-search-item .col-lg-3 {
  width: 30%
}
.bus-ticket-page-form-area .flight-search-item .col-lg-2 {
  width: 10%
}
.explore-holidays-aresec {
  position: relative;
  width: 100%;
  padding: 40px 0 0
}
.explore-holidays-aresec .owl-nav {
  position: absolute;
  width: 100%;
  top: 45%;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.explore-holidays-package-box .explore-holidays-package-name-box {
  width: 100%
}
.explore-holidays-package-name-box {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 25px 15px 5px;
  border-radius: 8px;
  background: linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0));
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.explore-holidays-package-name-box h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  color: #fff;
  text-align: left
}
.explore-holidays-package-name-box i {
  color: #222;
  font-size: 13px;
  height: 28px;
  width: 28px;
  background: #fff;
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  flex-shrink: 0
}
.explore-holidays-aresec .owl-nav .owl-prev {
  width: 34px!important;
  height: 34px!important;
  background: #fff!important;
  font-size: 18px!important;
  border-radius: 50%;
  line-height: 36px!important;
  box-shadow: 0 0 15px #ccc;
  margin: 0 5px;
  left: -14px;
  position: absolute
}
.explore-holidays-aresec .owl-nav .owl-next {
  width: 34px!important;
  height: 34px!important;
  background: #fff!important;
  font-size: 18px!important;
  border-radius: 50%;
  line-height: 36px!important;
  box-shadow: 0 0 15px #ccc;
  margin: 0 5px;
  right: -14px;
  position: absolute
}
.explore-holidays-aresec .explore-holidays-package-box .explore-holidays-package-image-box img {
  position: relative;
  width: 100%;
  border-radius: 8px;
  height: 135px;
  transition: .35s;
  overflow: hidden
}
.explore-holidays-aresec .explore-holidays-package-box:hover .explore-holidays-package-image-box img {
  transform: scale(1.02);
  filter: brightness(.8)
}
.recommended-hotels-list {
  position: relative;
  width: 100%;
  margin-top: 0
}
.recommend-hotel-list {
  position: relative;
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 0 5px #ccc;
  padding: 20px;
  border-radius: 4px
}
.recommend-hotel-image img {
  height: 170px!important
}
.recommend-hotel-content {
  position: relative;
  width: 100%;
  display: inline-block
}
.page-contact-us {
  position: relative;
  width: 100%;
  padding: 60px 0
}
.page-contact-us input,
.page-contact-us textarea {
  width: 100%;
  padding: 8px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical
}
.contact-form {
  padding: 40px;
  position: relative;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 20px #ccc;
  border-radius: 12px
}
.page-contact-us .contact-box {
  padding: 40px 15px;
  position: relative;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 20px #ccc;
  border-radius: 12px
}
.page-contact-us .contact-box p {
  position: relative;
  margin-bottom: 15px;
  font-size: 16px;
  padding-left: 25px
}
.page-contact-us .contact-box p .fa-solid {
  position: absolute;
  left: 0;
  top: 5px
}
.page-contact-us .btn-submit {
  position: relative;
  background: #f9771b;
  height: 40px;
  padding: 0 25px;
  border-radius: 8px;
  line-height: 40px;
  border: none;
  color: #fff
}
.page-about-us {
  position: relative;
  width: 100%;
  padding: 95px 0 0
}
.page-about-us h2 {
  position: relative;
  font-size: 28px;
  font-weight: 600
}
.page-about-us h4 strong {
  position: relative;
  font-size: 20px;
  font-weight: 500
}
.page-about-us p {
  position: relative;
  font-size: 14px;
  font-weight: 400
}
.about-text {
  position: relative;
  width: 100%;
  padding-bottom: 30px
}
.about-text h2 {
  position: relative;
  font-size: 24px;
  color: #000;
  margin-bottom: 15px
}
.about-text p {
  position: relative;
  font-size: 16px;
  color: #333;
  line-height: 24px
}
.about-text p strong {
  position: relative;
  font-size: 18px;
  margin-bottom: 10px
}
.about-text h4 {
  position: relative;
  font-size: 20px;
  color: #000;
  margin-bottom: 15px
}
.page-bus-listing {
  position: relative;
  width: 100%;
  padding: 30px 0
}
.page-bus-listing .bus-list-item {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  border: 1px solid #e5e0e0;
  box-shadow: 0 0 10px #ccccccb5;
  background: #fff
}
.page-bus-listing .bus-list-item .place-content {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 10px
}
.page-bus-listing .bus-list-item .place-content .title-area {
  position: relative;
  width: 100%;
  display: inline-block
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-title-wrape {
  position: relative;
  width: 35%;
  float: left;
  display: inline-block
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-title-wrape h3 {
  position: relative;
  font-size: 16px;
  font-weight: 600
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-title-wrape p {
  position: relative;
  font-size: 13px;
  margin: 0
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-timing-wrape {
  position: relative;
  width: 50%;
  float: left;
  display: inline-block
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-timing-wrape .departure-time {
  position: relative;
  width: 33%;
  float: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-timing-wrape .journey-time {
  position: relative;
  width: 33%;
  float: left;
  display: inline-block;
  font-size: 13px;
  font-weight: 600
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-timing-wrape .arrival-time {
  position: relative;
  width: 33%;
  float: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-price-wrape {
  position: relative;
  width: 15%;
  float: left;
  text-align: right;
  display: inline-block
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-price-wrape h5 {
  position: relative;
  font-size: 20px;
  margin: 0
}
.page-bus-listing .reviews-seat-availablity-area {
  position: relative;
  width: 100%;
  display: flex;
  margin: 0
}
.page-bus-listing .bus-list-item .place-content .title-area .bus-route-timing {
  width: 100%;
  display: flex;
  align-items: start;
  gap: 15px
}
.page-bus-listing .bus-list-item .place-content .title-area .route-departure {
  width: 25%;
  display: flex;
  flex-direction: column;
  text-align: left
}
.page-bus-listing .bus-list-item .place-content .title-area .route-time {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  line-height: 1.2
}
.page-bus-listing .bus-list-item .place-content .title-area .route-date {
  font-size: 12px;
  color: #777;
  margin-top: 3px
}
.route-middle {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center
}
.route-duration {
  font-size: 12px;
  color: #777;
  font-weight: 500;
  margin-bottom: 7px
}
.route-arrow {
  width: 100%;
  display: flex;
  align-items: center
}
.route-arrow-line {
  position: relative;
  width: 100%;
  height: 2px;
  background: #1f2937;
  display: block
}
.route-arrow-head {
  position: absolute;
  right: -2px;
  top: -3px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-right: 2px solid #1f2937;
  border-top: 2px solid #1f2937
}
.route-arrival {
  width: 25%;
  display: flex;
  flex-direction: column;
  text-align: right
}
.page-bus-listing .reviews-seat-availablity-area .reviews-wrape {
  position: relative;
  width: 60%;
  float: left;
  display: inline-block
}
.page-bus-listing .reviews-seat-availablity-area .reviews-wrape .reviews-star-rating {
  position: relative;
  display: inline-block;
  background: var(--green-gradient);
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff
}
.page-bus-listing .reviews-seat-availablity-area .reviews-wrape .reviews-star-rating .fas.fa-star.filled {
  position: relative;
  color: #fff!important;
  opacity: 1
}
.page-bus-listing .reviews-seat-availablity-area .seat-availablity-wrape {
  position: relative;
  width: 40%;
  float: left;
  text-align: right;
  display: inline-block
}
.page-bus-listing .reviews-seat-availablity-area .seat-availablity-wrape .departure-time {
  position: relative;
  font-size: 15px
}
.page-bus-listing .bus-tags-area {
  width: 100%;
  position: relative;
  display: inline-block
}
.page-bus-listing .bus-tags-area .bus4tag {
  width: auto;
  border: 1px solid #1b3a6b;
  border-radius: 4px;
  margin-right: 8px;
  padding: 0 10px;
  position: relative;
  display: inline-block;
  font-weight: 600
}
.page-bus-listing .bus-aminities-area {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #1b3a6b
}
.page-bus-listing .bus-aminities-wrape .btn4bus-aminities {
  width: auto;
  position: relative;
  margin-right: 10px;
  font-weight: 600;
  display: inline-block;
  border: none;
  font-size: 15px;
  letter-spacing: .2px;
  background: 0 0
}
.page-bus-listing .bus-aminities-wrape {
  width: 80%;
  position: relative;
  float: left;
  display: inline-block
}
.page-bus-listing .bus-seats-wrape {
  width: 20%;
  position: relative;
  float: left;
  display: inline-block;
  text-align: right
}
.page-bus-listing .bus-seats-wrape a {
  width: auto;
  position: relative;
  display: inline-block;
  background: var(--primary-gradient);
  padding: 5px 15px;
  border-radius: 6px;
  color: #fff
}
.bus-list-item .tabcontent {
  position: relative;
  width: 100%;
  display: none
}
.page-bus-listing .btn4bus-aminities {
  width: auto;
  position: relative;
  margin-right: 14px;
  font-weight: 600;
  display: inline-block;
  border: none;
  background: 0 0
}
.btn4bus-aminities.tablinks.active {
  color: #f2a900!important
}
.page-bus-listing .bus-pickup-points-box {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 100%
}
.page-bus-listing .bus-pickup-drop-points-list h4 {
  position: relative;
  font-size: 15px;
  color: #000;
  font-weight: 600;
  margin: 0 0 10px
}
.page-bus-listing .bus-pickup-drop-points-list p {
  position: relative;
  font-size: 12px
}
.page-bus-listing .bus-pickup-drop-points-list .bus-drop-points-box {
  position: relative;
  width: 100%;
  display: inline-block;
  border-left: 1px solid #ccc;
  padding-left: 20px;
  height: 100%
}
.page-bus-listing .bus-rating-reviews-box {
  position: relative;
  width: 100%;
  display: inline-block
}
.page-bus-listing .bus-rating-reviews-box .bus-rating543-box {
  position: relative;
  width: 100%;
  float: left;
  display: inline-block
}
.page-bus-listing .bus-rating543-box .bus-rating345-left .ratingNumber345 {
  position: relative;
  font-size: 36px
}
.page-bus-listing .bus-rating-reviews-box .bus-rating543-box .bus-rating345-left .rate-star {
  position: relative;
  display: inline-block
}
.page-bus-listing .bus-rating-reviews-box .bus-rating543-box .bus-rating345-left {
  position: relative;
  width: 40%;
  text-align: center;
  float: left;
  display: inline-block
}
.page-bus-listing .bus-rating-reviews-box .bus-rating543-box .bus-rating345-right {
  position: relative;
  width: 60%;
  float: left;
  display: inline-block
}
.page-bus-listing .bus-rating-reviews-box .bus-rating543-box .bus-rating345-right ul {
  position: relative;
  width: 100%;
  display: inline-block
}
.page-bus-listing .bus-rating345-right ul li {
  position: relative;
  width: 100%;
  display: inline-block;
  padding-left: 25px
}
.page-bus-listing .bus-rating345-right ul li .rating-number {
  position: absolute;
  left: 0;
  font-size: 16px;
  top: 0
}
.page-bus-listing .bus-rating345-right ul li .rating-line-bar {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: #ccc;
  display: inline-block
}
.page-bus-listing .bus-rating345-right ul li .rating-line-bar:before {
  position: absolute;
  content: '';
  width: 80%;
  height: 4px;
  left: 0;
  top: 0;
  border-radius: 2px;
  background: #fbcb20;
  display: inline-block
}
.page-bus-listing .bus-rating345-left .rate-star i {
  position: relative;
  font-size: 12px
}
.page-bus-listing .bus-rating-reviews-tag-box,
.page-bus-listing .bus-rating-tag-box {
  position: relative;
  width: 100%;
  display: inline-block
}
.page-bus-listing .bus-rating-tag-box span {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  border-radius: 25px;
  line-height: 40px;
  height: 40px;
  margin-bottom: 15px;
  border: 1px solid #ccc
}
.rating-line-bar.thrating:before {
  width: 40%!important
}
.rating-line-bar.forating:before {
  width: 60%!important
}
.rating-line-bar.twrating:before {
  width: 25%!important
}
.rating-line-bar.onrating:before {
  width: 10%!important
}
.page-bus-listing .customerReviewBox {
  position: relative;
  width: 100%;
  display: inline-block;
  box-shadow: 0 0 15px #ccc;
  padding: 15px 15px 15px 70px;
  border-radius: 20px;
  margin-bottom: 25px
}
.page-bus-listing .customerReviewBox .reviews-star-rating {
  position: absolute;
  left: 15px;
  top: 15px;
  width: auto;
  background: #f77919;
  padding: 2px 8px;
  border-radius: 15px;
  color: #fff
}
.page-bus-listing .fas.fa-star.filled {
  position: relative;
  color: #fbcb20!important;
  opacity: 1
}
.page-bus-listing .customerReviewBox p {
  position: relative;
  font-size: 13px;
  line-height: 18px
}
.page-bus-listing .customerReviewBox p.nmdt {
  position: relative;
  font-size: 15px;
  line-height: 18px
}
.page-bus-listing .bus-cancellation-policies-box {
  position: relative;
  width: 100%;
  display: inline-block
}
.page-bus-listing .bus-cancellation-policies-box h4 {
  position: relative;
  font-size: 20px;
  margin-bottom: 20px
}
.page-bus-listing .cancellation-policy-table-box {
  position: relative;
  padding-right: 20px;
  height: 390px
}
.page-user-booking-dashboard {
  position: relative;
  width: 100%;
  padding: 85px 0 40px
}
.dashboard-sidebar h2 {
  font-size: 24px;
  margin: 0 0 15px
}
.page-user-booking-dashboard .profile-card {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
  text-align: center;
  padding: 25px 0
}
.page-user-booking-dashboard .profile-card img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #fff;
  object-fit: cover;
  box-shadow: 0 2px 6px rgba(0,0,0,.2)
}
.page-user-booking-dashboard .profile-card h2 {
  font-size: 18px!important;
  margin: 10px 0
}
.page-user-booking-dashboard .profile-card .customer-id {
  font-size: 14px;
  color: #888
}
.page-user-booking-dashboard .info-box {
  background: #f8f9fc;
  padding: 10px;
  border-radius: 8px;
  text-align: left;
  font-size: 14px;
  width: 90%;
  position: relative;
  margin: 15px auto
}
.page-user-booking-dashboard .info-box span {
  font-weight: 700;
  color: #333
}
.page-user-booking-dashboard .btn-change-phone {
  background: 0 0;
  border: none;
  position: absolute;
  right: 5px;
  top: 5px
}
.page-user-booking-dashboard .btn-change-phone img {
  position: relative;
  height: 50px!important;
  width: auto!important;
  box-shadow: none!important;
  border: none!important;
  object-fit: inherit!important;
  border-radius: 0!important
}
.page-user-booking-dashboard .wallet {
  background: #e6f5ff;
  padding: 25px 14px;
  border-radius: 0;
  margin-top: 15px;
  text-align: left
}
.wallet-money-recharge-amount {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 0 0 0 35px
}
.wallet-money-recharge-amount .wallet-picture {
  position: absolute;
  width: auto!important;
  height: 30px!important;
  border-radius: inherit!important;
  border: none!important;
  box-shadow: none!important;
  left: 0;
  top: 0
}
.wallet-money-recharge-amount strong {
  font-weight: 700;
  line-height: 37px
}
.wallet .amount {
  float: right;
  background: #22c55e;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 700
}
.btn-transfer-wallet-money {
  background: #3699ff;
  color: #fff;
  border-radius: 4px;
  padding: 10px 25px;
  border: none;
  font-size: 16px;
  font-weight: 600
}
.page-user-booking-dashboard .deactivate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  margin: 10px auto
}
.page-user-booking-dashboard .btn-delete-account {
  background: #f1416c;
  color: #fff;
  border-radius: 4px;
  padding: 5px;
  border: none;
  font-size: 13px;
  font-weight: 500
}
.page-user-booking-dashboard label {
  display: inline-block;
  font-size: 13px;
  position: relative;
  top: 0;
  font-weight: 500
}
.location-wise-hotel {
  font-size: 20px;
  margin: 0 0 15px
}
.page-user-booking-dashboard .hotel-booking-history-list {
  position: relative;
  width: 100%;
  display: inline-block
}
.page-user-booking-dashboard .hotel-booking-list {
  position: relative;
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 0 5px #ccc;
  padding: 15px 10px;
  border-radius: 4px;
  display: inline-block
}
.page-user-booking-dashboard .hotel-booking-history-list .hotel-image-box {
  position: relative;
  width: 24%;
  margin-right: 1%;
  float: left;
  display: inline-block
}
.page-user-booking-dashboard .hotel-booking-history-list .hotel-image-box.flight-image-box {
  width: 15%
}
.page-user-booking-dashboard .hotel-image-box img {
  position: relative;
  width: 100%;
  border-radius: 8px;
  height: 200px
}
.page-user-booking-dashboard .hotel-image-box.flight-image-box img {
  position: relative;
  width: 100%;
  border-radius: 8px;
  height: auto;
  margin-top: 30px
}
.page-user-booking-dashboard .groupBox {
  position: relative;
  width: 75%;
  display: inline-block
}
.page-user-booking-dashboard .groupBox.flight-group {
  width: 84%
}
.page-user-booking-dashboard .groupBox.group-box-part {
  width: 100%
}
.page-user-booking-dashboard .commonBox {
  position: relative;
  width: 100%;
  display: flex;
  border-bottom: 1px solid #ccc
}
.page-user-booking-dashboard .hotel-text-box {
  position: relative;
  width: 75%;
  float: left;
  display: inline-block;
  padding: 15px
}
.page-user-booking-dashboard .hotel-pice-box {
  position: relative;
  width: 30%;
  float: left;
  display: inline-block;
  padding: 15px;
  border-left: 1px solid #ccc;
  text-align: center
}
.page-user-booking-dashboard .hotel-text-box .hotel-name {
  position: relative;
  font-size: 18px;
  margin: 0
}
.page-user-booking-dashboard .hotel-text-box .hotel-booking-date {
  position: relative;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #181c32
}
.page-user-booking-dashboard .hotel-text-box .day-adult-room {
  position: absolute;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
  color: #181c32;
  top: 20px;
  right: 20px
}
.page-user-booking-dashboard .hotel-location1 {
  position: relative;
  width: 100%;
  line-height: 24px
}
.page-user-booking-dashboard .hotel-pice-box .hotel-booking-id {
  position: relative;
  font-size: 16px;
  font-weight: 600
}
.page-user-booking-dashboard .hotel-pice-box .hotel-booking-id span {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 500
}
.page-user-booking-dashboard .hotel-pice-box .pending-amount {
  position: relative;
  color: #f6c000;
  font-size: 14px;
  font-weight: 500
}
.page-user-booking-dashboard .hotel-booking-history-list .btn-bottom-box {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
  flex-wrap: wrap;
  margin-top: 20px
}
.page-user-booking-dashboard .bg-warning {
  background-color: #ffca18!important;
  border: 1px solid #ffca18!important;
  color: #fff
}
.page-user-booking-dashboard .btn-bottom-box .btn-need-help {
  position: relative;
  float: right;
  background: #aef59d!important;
  color: #000!important;
  display: inline-block;
  padding: 3px 15px;
  font-size: 14px;
  border-radius: 4px;
  border: none
}
.page-user-booking-dashboard hr {
  margin: 1px 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25
}
.phone-no {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00000078;
  top: 0;
  z-index: 99999;
  left: 0;
  display: none
}
.phone-no .phone-no-box {
  position: relative;
  width: 100%;
  max-width: 450px;
  height: auto;
  background: #fff;
  padding: 25px;
  border-radius: 4px;
  border: 5px solid #f77919;
  margin: 115px auto
}
.phone-no .phone-no-box .close {
  position: absolute;
  width: auto;
  right: -15px;
  top: -11px;
  border: none;
  background: 0 0
}
.phone-no .phone-no-box h2 {
  position: relative;
  font-size: 24px;
  margin-bottom: 10px
}
.phone-no .phone-no-box .form-group {
  position: relative;
  width: 100%;
  margin-bottom: 25px
}
.phone-no .phone-no-box .form-group input {
  position: relative;
  width: 100%;
  height: 42px;
  padding: 5px 15px;
  border: 1px solid #ccc;
  border-radius: 4px
}
.phone-no .phone-no-box .close img {
  position: relative;
  height: 30px
}
.wallet-transfer-area {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00000078;
  top: 0;
  z-index: 99999;
  left: 0;
  display: none
}
.wallet-transfer-area .wallet-money-add {
  position: relative;
  width: 100%;
  max-width: 450px;
  height: auto;
  background: #fff;
  padding: 25px;
  border-radius: 4px;
  border: 5px solid #f77919;
  margin: 75px auto
}
.wallet-transfer-area .wallet-money-add .close {
  position: absolute;
  width: auto;
  right: -15px;
  top: -11px;
  border: none;
  background: 0 0
}
.wallet-transfer-area .wallet-money-add h2 {
  position: relative;
  font-size: 24px;
  margin-bottom: 10px
}
.wallet-transfer-area .wallet-money-add .form-group {
  position: relative;
  width: 100%;
  margin-bottom: 25px
}
.wallet-transfer-area .wallet-money-add .form-group input {
  position: relative;
  width: 100%;
  height: 42px;
  padding: 5px 15px;
  border: 1px solid #ccc;
  border-radius: 4px
}
.wallet-transfer-area .wallet-money-add .close img {
  position: relative;
  height: 30px
}
.wallet-transfer-area .btn-submit {
  position: relative;
  width: 100%;
  height: 42px;
  padding: 5px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #181c32;
  color: #fff
}
.showUser4u {
  position: relative;
  display: inline-block
}
.header-btn:hover .afterLoginPanel {
  display: inline-block
}
.afterLoginPanel {
  position: absolute;
  top: 40px;
  left: 0;
  width: auto;
  min-width: 180px;
  background: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px 15px;
  display: none;
  z-index: 9;
  border: 2px solid #000
}
.afterLoginPanel a {
  position: relative;
  font-size: 13px;
  text-decoration: none
}
.car-category {
  position: relative;
  width: 100%;
  height: 148px;
  overflow-x: hidden;
  transition: height .5s
}
.page-bus-listing .bus-seat-availablity-wrape {
  background: #f8f9fa;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
  width: 56%;
  position: relative;
  float: left;
  display: inline-block
}
@media (max-width:991px) {
  .page-bus-listing .bus-seat-availablity-wrape {
    width: 100%;
    float: none
  }
}
.page-bus-listing .bus-seat-availablity-wrape .bus-lower-seats {
  width: 100%;
  position: relative
}
.page-bus-listing .bus-seat-availablity-wrape .bus-lower-seats h4 {
  position: relative;
  font-size: 14px;
  margin-bottom: 15px
}
.bus-upper-seat-wrape,
.page-bus-listing .bus-lower-seat-wrape {
  display: flex;
  flex-direction: column;
  padding: 15px 10px;
  background: #fdfdfd;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  border: 1px solid #eee;
  border-radius: 12px;
  min-height: 200px
}
.page-bus-listing .bus-grid-v {
  display: grid!important;
  grid-template-columns: repeat(5,30px);
  grid-auto-rows: 40px;
  direction: rtl;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border-radius: 12px;
  width: 100%;
  height: 485px
}
.steering-wheel-wrap img {
  width: 25px;
  margin-right: 5px
}
.bus-lower-seat-wrape .bus-seat {
  width: 35px!important;
  height: auto;
  text-align: center;
  transition: .2s
}
.bus-seat img {
  height: 28px;
  object-fit: contain;
  z-index: 1;
  width: 20px!important;
  transition: .3s
}
.bus-seat.selected img {
  filter: brightness(0) saturate(100%) invert(52%) sepia(93%) saturate(427%) hue-rotate(81deg) brightness(95%) contrast(92%)
}
.seat-label-price {
  font-size: 8px;
  font-weight: 700;
  color: #444;
  background: rgba(255,255,255,.8);
  padding: 0 2px;
  margin-top: 0;
  z-index: 2;
  position: relative
}
.page-bus-listing .bus-seat.booked {
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: .3!important
}
.page-bus-listing .bus-pickup-dropup-wrape {
  width: 42%;
  position: relative;
  float: right;
  display: inline-block
}
.page-bus-listing .bus-pickup-dropup-wrape h3 {
  position: relative;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 12px
}
.page-bus-listing .bus-pickup-dropup-wrape .bus-pickup-drop-points-area {
  width: 100%;
  position: relative;
  display: inline-block;
  height: 310px;
  overflow-x: hidden;
  margin-bottom: 10px
}
.bus-pickup-point-list {
  width: 100%;
  position: relative
}
.page-bus-listing .bus-point-item {
  display: block;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 8px;
  border-radius: 6px;
  cursor: pointer
}
.page-bus-listing .bus-point-item input {
  display: none
}
.page-bus-listing .bus-point-item .bus-point-content {
  width: 100%;
  position: relative;
  font-size: 14px
}
.page-bus-listing .btn-booking-proceed-bus {
  background-color: #ddd;
  color: #888;
  cursor: not-allowed;
  border: none;
  padding: 10px 20px;
  transition: .3s;
  position: absolute;
  bottom: -235px
}
.btn-booking-proceed-bus {
  width: 100%;
  position: relative;
  display: inline-block;
  background: var(--primary-gradient);
  padding: 5px 15px;
  border-radius: 25px;
  color: #fff;
  border: none
}
.page-bus-listing .text-success {
  color: #222!important;
  opacity: 1
}
.bus-point-content h6 {
  position: relative;
  font-size: 13px;
  line-height: 18px;
  color: #333
}
.bus-point-content p {
  position: relative;
  font-size: 11px;
  line-height: 16px;
  color: #666
}
.bus-point-item input:checked + .bus-point-content {
  border-left: 4px solid #f77919;
  padding-left: 8px
}
.page-bus-listing .btn-booking-proceed-bus.active-btn {
  background-color: #f60;
  color: #fff;
  cursor: pointer;
  bottom: -60px
}
.bus-seat.is-sleeper img {
  height: 55px!important;
  width: 28px!important
}
.page-bus-listing .bus-seat-availablity-wrape .bus-upper-seats {
  width: 100%;
  position: relative
}
.page-bus-listing .bus-seat-availablity-wrape .bus-upper-seats h4 {
  position: relative;
  font-size: 14px;
  margin-bottom: 15px
}
.more-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700
}
.passenger-card-seat {
  position: relative;
  width: 100%;
  padding: 15px;
  box-shadow: 0 0 10px #ccc;
  border-radius: 12px;
  background: #fff
}
.passenger-card-seat .card-header {
  position: relative;
  width: 100%;
  display: inline-block
}
.passenger-card-seat .card-header h4 {
  position: relative;
  float: left;
  display: inline-block
}
.passenger-card-seat .card-header span {
  position: relative;
  float: right;
  display: inline-block;
  background: #000;
  padding: 0 10px;
  border-radius: 4px;
  color: #fff
}
.bus-checkout-area {
  position: relative;
  width: 100%;
  padding: 0
}
.bus-booking-text {
  color: #fff;
  display: flex;
  justify-content: end;
  font-size: 15px
}
.mine-seater-contain {
  padding: 40px 0
}
.flight-checkout-area {
  position: relative;
  width: 100%;
  padding: 30px 0
}
.available-offers-area {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 25px
}
.available-offers-box {
  position: relative;
  width: 100%;
  display: inline-block;
  border-bottom: 1px dashed #333
}
.available-offers-img-box {
  position: relative;
  width: 30%;
  float: left;
  overflow: hidden;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 5px
}
.available-offers-img-box img {
  position: relative;
  width: 100%;
  height: 78px
}
.available-offers-content-box {
  position: relative;
  width: 70%;
  padding: 0 10px;
  float: left;
  display: inline-block
}
.tlu_offter_code {
  font-weight: 600;
  position: relative;
  width: auto;
  display: inline-block;
  font-size: .7rem;
  background-color: #fff4e6;
  color: #f87919!important;
  border: 1.5px dashed #f87919!important;
  padding: 0 5px;
  line-height: 18px;
  letter-spacing: 1px
}
.tlu_offter_month_name {
  position: relative;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  line-height: 16px;
  top: -5px
}
.tlu_offter_percentage {
  position: relative;
  width: auto;
  display: inline-block;
  font-size: .7rem;
  background-color: #fff4e6;
  color: #f87919!important;
  border: 1.5px dashed #f87919!important;
  line-height: 18px;
  padding: 0 5px;
  font-weight: 600;
  top: -10px
}
.tlu_offter_apply {
  position: absolute;
  top: 5px;
  right: 15px;
  text-transform: uppercase;
  font-size: 12px;
  color: #f77a18;
  font-weight: 600
}
.booking-summary h4 {
  position: relative;
  font-size: 20px;
  margin-bottom: 15px
}
.review_overlay {
  inset: 0;
  justify-content: center;
  align-items: center
}
.bus-checkout-area .ticket_main_box {
  max-width: 850px;
  margin: auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  overflow: hidden
}
.bus-checkout-area .ticket_header_area {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eee
}
.bus-checkout-area .ticket_bus_icon {
  background: #1e5bb8;
  color: #fff;
  font-size: 24px;
  padding: 12px;
  border-radius: 8px;
  margin-right: 15px
}
.bus-checkout-area .ticket_route_text h3 {
  margin: 0;
  font-size: 18px
}
.bus-checkout-area .ticket_route_text p {
  margin: 4px 0 0;
  font-size: 13px;
  color: #666
}
.bus-checkout-area .ticket_time_box {
  margin-left: auto;
  font-size: 13px;
  color: #444
}
.bus-checkout-area .ticket_left_icon {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px
}
.bus-checkout-area .ticket_left_icon i {
  font-size: 18px;
  color: #1e5bb8
}
.bus-checkout-area .ticket_middle_text {
  flex: 1
}
.bus-checkout-area .ticket_middle_text p {
  margin: 3px 0 0;
  font-size: 13px;
  color: #666
}
.bus-checkout-area .ticket_right_text {
  font-size: 13px;
  color: #444
}
.bus-checkout-area .ticket_footer {
  padding: 15px;
  text-align: right
}
.bus-checkout-area .ticket_btn_continue {
  background: #1e5bb8;
  color: #fff;
  border: none;
  padding: 10px 30px;
  border-radius: 6px;
  cursor: pointer
}
.bus-checkout-area .modal_overlay_box {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  display: none;
  align-items: center;
  justify-content: center
}
.bus-checkout-area .modal_inner_box {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  width: 320px;
  text-align: center
}
.bus-checkout-area .modal_inner_box button {
  margin-top: 15px;
  padding: 8px 18px;
  border: none;
  background: #1e5bb8;
  color: #fff;
  border-radius: 5px;
  cursor: pointer
}
.bus-checkout-area .ticket_route_text {
  display: flex;
  flex-direction: column
}
.bus-checkout-area .spaning-side {
  display: flex;
  gap: 25px
}
.bus-checkout-area .ticket_time_box {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center
}
.bus-checkout-area .ticket_body_section {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 20px;
  border-bottom: 1px solid #ccc
}
.bus-checkout-area .ticket_middle_text {
  display: flex;
  gap: 20px
}
.bus-checkout-area .addres {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc
}
.bus-checkout-area .addres span {
  font-size: 18px;
  font-weight: 600
}
.bus-checkout-area .mine-add i {
  padding-right: 30px
}
.bus-checkout-area .detail-booking-pop {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 20px
}
.bus-checkout-area .review_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999
}
.bus-checkout-area .review_box {
  background: #fff;
  width: 1200px;
  max-width: 95%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,.2)
}
.bus-checkout-area .review_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  border-bottom: 1px solid #ddd
}
.bus-checkout-area .review_top h2 {
  margin: 0;
  font-size: 20px
}
.bus-checkout-area .review_top span {
  font-size: 24px;
  cursor: pointer
}
.bus-checkout-area .review_bottom {
  padding: 20px;
  text-align: right;
  border-top: 1px solid #ddd
}
.bus-checkout-area .review_continue_btn {
  padding: 10px 30px;
  background: #1e5bb8;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer
}
.bus-checkout-area .date-module {
  cursor: pointer;
  border-right: 1px solid #eee;
  min-width: 170px;
  padding: 10px;
  position: relative
}
.bus-checkout-area .date-display {
  display: flex;
  align-items: center;
  gap: 10px;
  pointer-events: none
}
.bus-checkout-area .day-num {
  font-size: 34px;
  font-weight: 800;
  color: #000;
  line-height: 1
}
.bus-checkout-area .month-year-wrap {
  display: flex;
  flex-direction: column
}
.bus-checkout-area .month-year {
  font-size: 18px;
  font-weight: 700;
  color: #000
}
.bus-checkout-area .day-name {
  font-size: 13px;
  color: #666
}
.bus-checkout-area .flatpickr-calendar {
  z-index: 999999!important
}
.bus-checkout-area .flatpickr-calendar.multiMonth {
  width: 600px!important
}
.rocoment-hotel-amenities-list {
  position: relative;
  width: 100%;
  display: inline-block
}
.rocoment-hotel-amenities-list h4 {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  color: #333
}
.rocoment-hotel-amenities-list ul {
  position: relative;
  list-style: none;
  width: 100%
}
.rocoment-hotel-amenities-list ul li {
  position: relative;
  list-style: none;
  float: left;
  margin: 0 5px 5px
}
.rm_hotel_aminities {
  display: inline-block;
  background: #f9771b3d;
  padding: 0 10px;
  border-radius: 4px;
  color: #000
}
.rm_hotel_price {
  font-size: 16px;
  color: #f9771b;
  font-weight: 600
}
.btn-rm-hotel-book {
  position: absolute;
  width: auto;
  border: none;
  background: #f77a18;
  color: #fff;
  margin-top: 5px;
  border-radius: 6px;
  line-height: 26px;
  padding: 0 25px;
  right: 0;
  top: -40px
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f77a18;
  --bs-btn-border-color: #f77a18;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f77a18;
  --bs-btn-hover-border-color: #f77a18;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f77a18;
  --bs-btn-active-border-color: #f77a18;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f77a18;
  --bs-btn-disabled-border-color: #f77a18
}
.text-primary {
  --bs-text-opacity: 1;
  color: #f77a18!important
}
.bus-seat-empty,
.page-bus-listing .bus-seat {
  width: 32px;
  min-height: 20px;
  margin: 2px;
  display: flex;
  flex-direction: column;
  align-items: center
}
.page-bus-listing .bus-seat {
  display: flex!important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  position: relative
}
.mview-sidebar-filter {
  width: 100%;
  align-items: center;
  background: var(--color-white);
  margin-bottom: 15px;
  padding: 10px 10px 10px 15px;
  border-radius: 6px;
  box-shadow: var(--box-shadow);
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  display: flex
}
.mview-sidebar-filter .sideFilterButton {
  position: relative;
  width: auto;
  border: 1px solid #ccc;
  padding: 0 15px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 32px;
  white-space: nowrap;
  margin-right: 10px;
  display: flex
}
.sidebarFilterBox {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #00000085;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  display: none
}
.sidebarFilterBox4u {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: auto;
  width: 100%
}
.filteredListBox2u {
  position: relative;
  background: #fff;
  padding: 15px;
  height: auto;
  width: 95%;
  margin: 0 auto;
  border-radius: 4px 4px 0 0;
  display: none
}
.Btn-Close-sidebarFilter {
  position: absolute;
  right: 3px;
  top: -15px;
  width: 30px;
  height: 30px;
  border: none;
  background: #333;
  color: #fff;
  border-radius: 50%;
  z-index: 2
}
.filteredListBox2u h2 {
  font-size: 18px;
  margin-bottom: 10px
}
.SlideSideFilter {
  position: relative;
  width: 100%;
  display: none
}
.flight-booking-page-section {
  position: relative;
  width: 100%;
  padding: 60px 0
}
.RowMulticityTrip .roundtrip-flight-card {
  display: flex;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px rgba(0,0,0,.05);
  overflow: hidden
}
.RowMulticityTrip .flight-booking-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  padding-top: 10px;
  padding-right: 10px
}
.RowMulticityTrip .flight-booking-item {
  position: relative;
  width: 100%;
  display: inline-block
}
.RowMulticityTrip .flight-booking-item .fbw-couple {
  position: relative;
  width: 80%;
  float: left;
  display: inline-block
}
.RowMulticityTrip .flight-booking-item .flight-booking-price {
  position: relative;
  width: 18%;
  float: left;
  display: inline-block;
  padding-left: 0;
  text-align: center;
  height: 100%;
  margin-left: 2%
}
.RowMulticityTrip .flight-booking-item .flight-booking-price p {
  position: relative;
  font-size: 14px
}
.RowMulticityTrip .flight-booking-item .flight-booking-price .btnView4flightPrice {
  position: relative;
  font-size: 14px;
  background: #f77a18;
  border: none;
  color: #fff;
  padding: 0 20px;
  border-radius: 25px;
  line-height: 28px
}
.RowRoundTrip .flight-booking-item,
.RowRoundTrip .flight-booking-wrapper,
.RowRoundTrip .flight-booking-wrapper .flight-booking-airline {
  position: relative;
  width: 100%;
  display: inline-block
}
.RowRoundTrip .flight-booking-wrapper .flight-booking-airline .flight-airline-img {
  position: relative;
  width: 50%;
  display: flex;
  float: left;
  gap: 10px
}
.RowRoundTrip .flight-booking-item .flight-booking-time {
  gap: 10px;
  justify-content: space-between;
  width: 100%
}
.flight-booking-item .flight-booking-content {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between
}
.RowRoundTrip .flight-booking-wrapper .flight-booking-airline .flight-airline-img .flight-airline-name {
  position: relative;
  top: 10px
}
.RowRoundTrip .flight-booking-wrapper .price-amount {
  font-size: 16px;
  color: #333;
  font-weight: 600
}
.RowRoundTrip .flight-booking-wrapper .price-amount span {
  font-size: 16px;
  color: #666;
  font-weight: 400
}
.RowRoundTrip .flight-booking-wrapper .flight-booking-airline .flight-booking-price {
  position: relative;
  width: 50%;
  display: inline-block;
  float: left;
  text-align: right;
  padding-right: 40px
}
.RowRoundTrip .flight-booking-wrapper .RoundTripCombo {
  position: relative;
  width: 100%;
  display: inline-block
}
.check4round {
  position: absolute;
  right: 5px;
  top: 6px
}
.FlightPriceComparePopup {
  position: fixed;
  width: 90%;
  max-width: 1200px;
  background: #fff;
  z-index: 9999;
  display: none;
  top: 75px;
  left: 50%;
  height: 90vh;
  overflow-y: scroll;
  transform: translateX(-50%);
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.18)
}
.fpcp-tab-text-box1,
.fpcp-tab-type-box {
  padding: 10px 25px
}
.fpcp-tab-text-box.SingleRoundT {
  padding: 0 25px
}
.btn-close-fpcp {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  cursor: pointer
}
.btn-close-fpcp i {
  font-size: 30px
}
.fpcp-body-box {
  position: relative;
  width: 100%
}
.fpcp-body-part {
  height: 140px;
  overflow-y: scroll;
  padding: 10px
}
.fpcp-footer-part {
  position: sticky;
  bottom: 0;
  z-index: 99;
  background: #fff;
  padding: 8px 15px 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,.06)
}
.price-drop-label {
  font-size: 15px;
  font-weight: 600;
  color: #222
}
.price-drop-text {
  font-size: 11px;
  color: #666;
  margin-bottom: 6px
}
.book-now-btn {
  background: linear-gradient(135deg,#ff8a00,#ff5e00);
  color: #fff;
  margin: auto;
  display: block;
  width: 100%;
  font-size: 15px;
  border: none;
  padding: 7px 20px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: .3s
}
.book-now-btn:hover {
  background: linear-gradient(135deg,#ff5e00,#ff8a00);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255,94,0,.35)
}
.fpcp-body-part::-webkit-scrollbar {
  width: 0;
  height: 0
}
.fpcp-body-box h3 {
  padding: 15px 25px;
  position: relative;
  font-size: 20px
}
.fpcp-tab-type-box {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 15px 0;
  border-bottom: 1px solid #ccc
}
.fpcp-tab-type-box ul {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  align-items: center;
  text-align: center
}
.fpcp-tab-type-box ul li {
  position: relative;
  width: auto;
  display: inline-block;
  text-align: center;
  margin: 0 25px
}
.fpcp-tab-type-box ul li span {
  position: relative;
  font-size: 18px;
  display: inline-block
}
.fpcp-tab-text-box {
  position: relative;
  width: 100%;
  display: none
}
.fpcp-tab-text-box h4 {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px
}
.fpcp-tab-price-group-box {
  position: relative;
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: start;
  overflow-x: scroll;
  text-align: center
}
.fpcp-tab-price-group-box::-webkit-scrollbar {
  height: 0;
  width: 0
}
.checkPrice4Flight {
  position: absolute;
  right: 10px;
  top: 10px
}
.fpcp-price4-box {
  position: relative;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #ccc;
  padding: 20px 10px
}
.fpcp-price4-box h6 {
  position: relative;
  font-size: 18px;
  display: inline-block
}
.fpcp-price4-box h6 span {
  position: relative;
  font-size: 16px;
  display: inline-block;
  color: #848484;
  margin-left: 10px;
  font-weight: 500
}
.fpcp-tab-price-box {
  position: relative;
  min-width: 250px;
  width: 250px;
  display: inline-block;
  border: 2px solid #33333357;
  text-align: left;
  overflow: hidden;
  border-radius: 8px;
  margin: 10px
}
.fpcp-tab-price-box.active {
  border: 2px solid #333
}
.fpcp-tab-type-text.active {
  border-bottom: 2px solid #0d6efd;
  width: 100%
}
.baggage-box {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 5px 0
}
.baggage-box h5 {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px
}
.baggage-box p {
  position: relative;
  font-size: 13px
}
.fpcp-footer-box {
  border-top: 1px solid #ccc;
  position: relative;
  width: 100%;
  display: inline-block;
  text-align: right;
  margin-top: 25px;
  padding-top: 25px
}
.fpcp-footer-box p {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: inline-block
}
.fpcp-footer-box a {
  display: inline-block;
  padding: 0 30px;
  line-height: 32px;
  background: #ed8282;
  color: #fff;
  border-radius: 16px
}
.view-pricing.book1 {
  position: relative;
  width: auto;
  background: #f77a18;
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 12px;
  padding: 3px 15px
}
.ReturnTripDetail4Flight {
  position: fixed;
  bottom: -12px;
  left: 0;
  width: 100%;
  z-index: 9999;
  padding: 12px;
  box-sizing: border-box;
  display: none;
  background: 0 0
}
.ReturnTripDetail4Flight .wrapper-footer {
  background: #03233a;
  border-radius: 18px 18px 0 0;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 -4px 20px rgba(0,0,0,.18);
  max-width: 950px;
  margin-left: calc(100% - 977px)
}
.ReturnTripDetail4Flight .flight-box {
  flex: 1;
  position: relative
}
.ReturnTripDetail4Flight .divider {
  border-left: 1px solid rgba(255,255,255,.2);
  padding-left: 18px
}
.ReturnTripDetail4Flight .flight-box h3 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,.7);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: .5px
}
.ReturnTripDetail4Flight .time-price {
  display: flex;
  flex-direction: column;
  gap: 3px
}
.ReturnTripDetail4Flight .time-price span:first-child {
  font-size: 20px;
  font-weight: 700;
  color: #fff
}
.ReturnTripDetail4Flight .time-price span:last-child {
  font-size: 14px;
  color: #c9d6df
}
.ReturnTripDetail4Flight .price {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px
}
.ReturnTripDetail4Flight .price span {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255,255,255,.7)
}
.ReturnTripDetail4Flight .book-round-trip {
  width: 100%;
  background: #00b4d8;
  border: none;
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: .3s
}
.ReturnTripDetail4Flight .book-round-trip:hover {
  background: #0096c7
}
.ReturnTripDetail4Flight .text-align {
  text-align: right
}
@media(max-width:768px) {
  .ReturnTripDetail4Flight {
    padding: 0
  }
  .ReturnTripDetail4Flight .wrapper-footer {
    flex-direction: column;
    align-items: stretch;
    border-radius: 18px 18px 0 0;
    padding: 14px;
    gap: 14px;
    margin-left: 0
  }
  .ReturnTripDetail4Flight .flight-box {
    width: 100%
  }
  .ReturnTripDetail4Flight .divider {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.15);
    padding-left: 0;
    padding-top: 14px
  }
  .ReturnTripDetail4Flight .text-align {
    text-align: left;
    border-top: 1px solid rgba(255,255,255,.15);
    padding-top: 14px
  }
  .ReturnTripDetail4Flight .price {
    font-size: 22px
  }
  .ReturnTripDetail4Flight .book-round-trip {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    border-radius: 12px
  }
  .book-round-trip.view-pricing1 {
    margin-bottom: 12px
  }
}
.book-round-trip.view-pricing1 {
  border: none;
  background: #fff;
  color: #111;
  width: fit-content;
  border-radius: 6px;
  padding: 3px 25px
}
.flight-checkout-area .flight-booking-page {
  padding: 20px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  width: 90%;
  margin: 10px auto
}
.flight-checkout-area .flight-booking-page-top {
  display: flex;
  justify-content: space-between
}
.flight-checkout-area .flight-booking-page-top h2 {
  font-size: 18px;
  font-weight: 700
}
.flight-checkout-area .flight-booking-page-top p {
  background: gray;
  padding: 2px 4px;
  color: #fff
}
.flight-checkout-area .flight-booking-page-top1 {
  display: flex;
  justify-content: space-between
}
.flight-checkout-area .journey {
  display: flex
}
.flight-checkout-area .flight-booking-page-top1 h3 {
  font-size: 16px;
  background: #faceff;
  padding: 2px 4px
}
.flight-checkout-area .flight-booking-page-top1 p {
  font-size: 16px;
  padding: 0 5px
}
.flight-checkout-area .flight-booking-page-mmt {
  display: flex;
  justify-content: space-between
}
.flight-checkout-area .spiceJet {
  display: flex
}
.flight-checkout-area .spiceJet h4 {
  font-size: 18px;
  padding: 5px 0
}
.flight-checkout-area .mmtspecial h5 {
  font-size: 15px
}
.flight-checkout-area .flight-booking-page-center {
  background: #f4f6f9;
  margin: 20px 0
}
.flight-checkout-area .center-content {
  display: flex;
  justify-content: space-between;
  padding: 0 20px
}
.flight-checkout-area .center-content-page {
  display: flex;
  gap: 10px;
  padding: 5px 0
}
.flight-checkout-area .center-content-page h2 {
  font-size: 18px
}
.flight-checkout-area .center-content-page .circle-making {
  height: 10px;
  width: 10px;
  border: 3px solid #ff9b25;
  border-radius: 50%;
  margin: 8px 0
}
.flight-checkout-area .center-content-page h4 {
  font-size: 16px;
  padding: 0
}
.flight-checkout-area .center-content-page1 {
  display: flex;
  gap: 10px;
  padding: 5px 20px
}
.flight-checkout-area .center-content-page1 h2 {
  font-size: 18px
}
.flight-checkout-area .center-content-page1 .circle-making {
  height: 10px;
  width: 10px;
  border: 3px solid gray;
  border-radius: 50%;
  margin: 6px 0
}
.review_bottom {
  padding: 10px
}
.flight-checkout-area .center-content-page1 h4 {
  font-size: 16px
}
.flight-checkout-area .baggage-system {
  border-top: 1px solid #000;
  display: flex;
  gap: 10px;
  padding: 0 15px
}
.flight-checkout-area .baggage-system p {
  font-size: 14px;
  color: #111;
  padding: 8px 0
}
.flightBookingInfoRepeat {
  position: relative;
  width: 100%;
  display: inline-block
}
.title-area-fixed-with-top {
  position: sticky;
  width: 100%;
  top: 0;
  background: #000;
  padding: 20px;
  z-index: 999;
  display: inline-block
}
.title-area-fixed-with-top h3 {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  float: left;
  text-align: center
}
.title-area-fixed-with-top h5 {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  float: right
}
.flight-booking-nav-right {
  display: flex;
  gap: 28px;
  justify-content: end
}
.flight-booking-link {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  white-space: nowrap;
  padding-bottom: 6px;
  position: relative
}
.mviewLoginSignUp {
  display: none
}
.FlightGroupPictureBox {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px
}
.SingleFlightPictureBox {
  position: relative;
  width: 100%;
  background: #e6e6e6;
  padding: 15px;
  max-width: 300px;
  margin: 0 15px;
  display: inline-block
}
.SingleFlightFrontPictureBox,
.SingleFlightFrontPictureBox img {
  position: relative;
  width: 100%;
  display: inline-block
}
.baggage-details h6,
.meal-name h6 {
  white-space: nowrap
}
.SingleFlightBackPictureBox,
.SingleFlightBackPictureBox img {
  position: relative;
  width: 100%;
  display: inline-block
}
.SingleFlightMiddlePictureBox {
  position: relative;
  width: 100%;
  display: inline-block;
  min-height: 200px
}
.SingleFlightSeatingBox {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 100%;
  background: #fff
}
.FlightGroupPictureBox .row-group-labels {
  position: relative;
  width: 100%;
  display: inline-block
}
.FlightGroupPictureBox .row-left-labels {
  position: relative;
  width: 45%;
  float: left;
  display: inline-block
}
.FlightGroupPictureBox .row-left-labels ul {
  position: relative;
  width: 100%;
  display: inline-block
}
.FlightGroupPictureBox .row-left-labels ul li {
  position: relative;
  width: 27%;
  text-align: center;
  float: left;
  display: inline-block
}
.FlightGroupPictureBox .row-left-labels ul li span {
  position: relative;
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 18px
}
.FlightGroupPictureBox .row-left-labels ul li:first-child {
  position: relative;
  width: 19%;
  float: left;
  display: inline-block
}
.FlightGroupPictureBox .row-right-labels {
  position: relative;
  width: 45%;
  float: right;
  display: inline-block
}
.FlightGroupPictureBox .row-right-labels ul {
  position: relative;
  width: 100%;
  display: inline-block
}
.FlightGroupPictureBox .row-right-labels ul li {
  position: relative;
  width: 27%;
  text-align: center;
  float: left;
  display: inline-block
}
.FlightGroupPictureBox .row-right-labels ul li:first-child {
  position: relative;
  width: 19%;
  float: left;
  display: inline-block
}
.FlightGroupPictureBox .row-labels span {
  position: relative;
  display: inline-block;
  min-width: 11%;
  text-align: center
}
.FlightGroupPictureBox .FlightSeatGrid {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 42px
}
.FlightGroupPictureBox .row-left-SeatGrid {
  position: relative;
  width: 45%;
  float: left;
  display: inline-block;
  height: 42px
}
.FlightGroupPictureBox .row-left-SeatGrid ul {
  position: relative;
  width: 100%;
  display: inline-block
}
.FlightGroupPictureBox .row-left-SeatGrid ul li {
  position: relative;
  width: 28%;
  text-align: center;
  float: left;
  margin-right: 1%;
  display: inline-block
}
.FlightGroupPictureBox .row-left-SeatGrid ul li span {
  position: relative;
  width: 100%;
  min-height: 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  padding: 2px;
  line-height: 36px
}
.FlightGroupPictureBox .row-left-SeatGrid ul li:first-child {
  position: relative;
  width: 13%;
  float: left;
  display: inline-block
}
.FlightGroupPictureBox .row-left-SeatGrid ul li:first-child span {
  border: none!important
}
.FlightGroupPictureBox .row-left-SeatGrid ul li:last-child {
  margin-right: 0
}
.FlightGroupPictureBox .row-right-SeatGrid {
  position: relative;
  width: 45%;
  float: right;
  display: inline-block;
  height: 42px
}
.FlightGroupPictureBox .row-right-SeatGrid ul {
  position: relative;
  width: 100%;
  display: inline-block
}
.FlightGroupPictureBox .row-right-SeatGrid ul li {
  position: relative;
  width: 28%;
  text-align: center;
  float: left;
  margin-right: 1%;
  display: inline-block
}
.FlightGroupPictureBox .row-right-SeatGrid ul li span {
  position: relative;
  width: 100%;
  min-height: 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  padding: 2px;
  line-height: 36px
}
.FlightGroupPictureBox .row-right-SeatGrid ul li:last-child {
  position: relative;
  width: 13%;
  float: left;
  display: inline-block;
  margin-right: 0
}
.FlightGroupPictureBox .row-right-SeatGrid ul li:last-child span {
  border: none!important
}
.seat_Row_No {
  font-size: 16px!important
}
.seat_booked {
  line-height: 20px!important;
  background-color: #e5e7eb;
  border-color: #e5e7eb;
  cursor: not-allowed;
  pointer-events: none;
  top: -4px
}
.seat_booked::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "✕";
  color: #9ca3af;
  font-size: 14px
}
.seat_available {
  border-color: #fcd34d;
  background-color: #fffbeb;
  cursor: pointer;
  transition: .3s
}
.seat_available.active {
  background: #22c55e;
  color: #fff;
  border-color: #16a34a
}
.review_overlay {
  position: fixed;
  background: rgba(0,0,0,.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999
}
.review_box {
  background: #fff;
  width: 1275px;
  max-width: 95%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,.2)
}
.review_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #ddd
}
.review_top h2 {
  margin: 0;
  font-size: 20px
}
.review_top span {
  font-size: 24px;
  cursor: pointer
}
.ticket_header_area {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eee
}
.ticket_bus_icon {
  background: #1e5bb8;
  color: #fff;
  font-size: 24px;
  padding: 12px;
  border-radius: 8px;
  margin-right: 15px
}
.ticket_route_text {
  display: flex;
  flex-direction: column
}
.spaning-side {
  display: flex;
  gap: 25px
}
.text-muteds {
  color: #000!important
}
.meal-section,
.meal-section .meal-list-wrapper {
  position: relative;
  width: 100%;
  display: inline-block
}
.meal-section .meal-list-wrapper {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc
}
.doubleSideTripMeal .meal-section .meal-list-wrapper {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px
}
.meal-section .meal-item {
  position: relative;
  width: 100%;
  display: inline-block
}
.meal-section .meal-image {
  position: relative;
  width: 10%;
  float: left;
  display: inline-block;
  overflow: hidden;
  border-radius: 4px
}
.meal-section .meal-image img {
  position: relative;
  width: 100%;
  max-width: 40px;
  height: 40px
}
.meal-section .meal-name {
  position: relative;
  float: left;
  display: inline-block
}
.flighttype {
  font-size: 12px!important
}
.meal-section .meal-price {
  position: relative;
  width: 30%;
  float: left;
  display: inline-block
}
.meal-section .meal-price h4 {
  position: relative;
  font-size: 16px
}
.meal-section .add-meal {
  position: relative;
  width: 30%;
  float: left;
  text-align: right;
  display: inline-block
}
.btn.add-meal-btn {
  color: #fff;
  background: #f77a18;
  height: 28px;
  line-height: 28px;
  padding: 0 15px
}
.meal-section .meal-name h6 {
  position: relative;
  font-size: 18px
}
.meal-section .meal-name p {
  position: relative;
  font-size: 13px
}
.btn-theme.btn-OpenReviewModel {
  background: #285394;
  border: none;
  color: #fff;
  padding: 5px 25px;
  border-radius: 25px
}
.doubleSideTripMeal .flighttype,
.meal-section .flighttype {
  font-size: 20px;
  margin-bottom: 15px;
  color: #f77a18
}
.doubleSideTripMeal .meal-section .meal-image img {
  position: relative;
  width: 100%;
  max-width: 30px;
  height: 30px
}
.doubleSideTripMeal .meal-section .meal-name {
  width: 45%;
  padding-left: 10px
}
.doubleSideTripMeal .meal-section .meal-price {
  width: 20%;
  text-align: right
}
.doubleSideTripMeal .meal-section .add-meal {
  width: 25%
}
.doubleSideTripMeal .meal-section .meal-name h6 {
  position: relative;
  font-size: 15px
}
.bus-upper-seats .steering-wheel-wrap {
  display: none
}
.holiday-package-page-offer-banner-section .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 320px
}
.explore-holidays-slider img {
  display: block;
  width: 100%;
  height: 220px
}
.tour-grid.tour-list-page .tour-title {
  font-size: 18px
}
.tour-grid.tour-list-page .tour-content p {
  margin: 8px 0;
  color: #0d151e;
  font-weight: 500;
  font-size: 15px
}
.contact-area {
  position: relative;
  width: 100%;
  margin-top: 50px;
  padding: 60px 0
}
.page-wrap {
  padding: 24px 0
}
.success-banner {
  position: relative;
  padding: 24px;
  margin-bottom: 20px;
  margin-top: 60px
}
.success-banner.success-type {
  margin-top: 124px
}
.check-circle {
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  background: #e8f5e9;
  border: 3px solid #a5d6a7;
  display: flex;
  align-items: center;
  justify-content: center
}
.check-circle i {
  font-size: 26px;
  color: #2e7d32
}
.success-title {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  text-align: center;
  margin-bottom: 6px
}
.success-sub {
  font-size: 13px;
  color: #666;
  margin-bottom: 14px
}
.pnr-box {
  border: 2px dashed #2e7d32;
  border-radius: 8px;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 50%;
  margin: auto
}
.pnr-label {
  font-size: 10px;
  color: #2e7d32;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 2px
}
.pnr-value {
  font-size: 18px;
  font-weight: 700;
  color: #2e7d32
}
.safe-box {
  background: #f0faf5;
  border: 1px solid #a5d6a7;
  border-radius: 10px;
  padding: 14px 16px;
  height: 100%
}
.safe-icon {
  width: 38px;
  height: 38px;
  min-width: 38px;
  background: #e8f5e9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}
.safe-icon i {
  color: #2e7d32;
  font-size: 16px
}
.safe-title {
  font-size: 13px;
  font-weight: 700;
  color: #1b5e20;
  margin-bottom: 4px
}
.safe-sub {
  font-size: 12px;
  color: #388e3c;
  margin: 0
}
.ticket-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  padding: 20px;
  margin-bottom: 20px
}
.ticket-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 16px
}
.ticket-card-title {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin: 0
}
.ticket-card-title i {
  color: #e8500a;
  margin-right: 6px
}
.confirmed-badge {
  background: #e8f5e9;
  color: #2e7d32;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px
}
.confirmed-badge i {
  margin-right: 4px
}
.route-box {
  background: #f8f9ff;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 16px
}
.city-name {
  font-size: 18px;
  font-weight: 600;
  color: #222
}
.city-sub {
  font-size: 12px;
  color: #888;
  margin-top: 2px
}
.route-mid {
  text-align: center
}
.route-line {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  margin-bottom: 4px
}
.route-line .line {
  flex: 1;
  height: 1.5px;
  background: #ccc
}
.route-line i {
  color: #e8500a;
  font-size: 18px
}
.route-desc {
  font-size: 11px;
  color: #888
}
.journey-item i {
  color: #e8500a;
  font-size: 14px;
  margin-top: 2px
}
.journey-label {
  font-size: 11px;
  color: #888;
  margin-bottom: 2px
}
.journey-value {
  font-size: 13px;
  font-weight: 700;
  color: #222
}
.journey-value.orange {
  color: #e8500a
}
.details-section {
  border-top: 1px solid #f0f0f0;
  padding-top: 16px;
  margin-top: 4px
}
.detail-block-title {
  font-size: 13px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px
}
.detail-block-title i {
  color: #e8500a;
  margin-right: 6px
}
.detail-row {
  margin-bottom: 7px
}
.detail-label {
  font-size: 11px;
  color: #888
}
.detail-val {
  font-size: 13px;
  font-weight: 600;
  color: #333
}
.detail-val.green {
  color: #2e7d32
}
.qr-wrap {
  text-align: center
}
.qr-wrap img {
  width: 90px;
  height: 90px;
  border: 1px solid #ddd;
  border-radius: 8px
}
.qr-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.qr-sub {
  font-size: 11px;
  color: #888;
  margin-top: 6px
}
.info-bar {
  background: #e3f2fd;
  border: 1px solid #90caf9;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 12px;
  color: #1565c0;
  margin-top: 14px
}
.info-bar i {
  margin-right: 6px
}
.also-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  padding: 20px;
  margin-bottom: 20px
}
.also-card h3 {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 4px
}
.also-card p {
  font-size: 12px;
  color: #888;
  margin-bottom: 14px
}
.also-item {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 12px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: background .2s
}
.also-item:hover {
  background: #f8f9ff
}
.also-icon {
  width: 46px;
  height: 46px;
  border-radius: 4px;
  background: #fff3e0;
  display: flex;
  align-items: center;
  justify-content: center
}
.also-icon i {
  color: #e8500a;
  font-size: 20px
}
.also-name {
  font-size: 13px!important;
  font-weight: 700;
  color: #222;
  margin: 0!important
}
.also-desc {
  font-size: 11px!important;
  color: #888;
  margin: 0!important
}
.also-arr {
  margin-left: auto;
  color: #ccc;
  font-size: 13px
}
.trust-icon {
  display: flex;
  align-items: center;
  justify-content: center
}
.summary-card h3 i {
  margin-right: 6px;
  color: #e8500a
}
.s-row .s-val.amount {
  font-size: 16px;
  font-weight: 700;
  color: #222
}
.thank-box {
  background: #fff8e1;
  border-radius: 10px;
  padding: 14px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px
}
.thank-box i {
  font-size: 22px;
  color: #f57f17;
  margin-top: 2px
}
.thank-title {
  font-size: 13px;
  font-weight: 700;
  color: #e65100;
  margin-bottom: 4px
}
.thank-sub {
  font-size: 12px;
  color: #bf360c;
  margin: 0
}
.btn-orange i {
  margin-right: 7px
}
.btn-whatsapp {
  width: 100%;
  padding: 11px;
  background: #fff;
  color: #2e7d32;
  border: 1.5px solid #2e7d32;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 10px
}
.btn-whatsapp i {
  margin-right: 7px
}
.btn-outline {
  width: 100%;
  padding: 11px;
  background: #fff;
  color: #555;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 10px
}
.btn-outline i {
  margin-right: 7px
}
.timing-head {
  font-size: 18px;
  font-weight: 600;
  margin: 0
}
.location-text {
  font-size: 15px;
  font-weight: 600;
  margin: 0
}
.gender-type .col-md-3 {
  width: 23%
}
.gender-type .col-md-1 {
  width: 11.333333%
}
.img-booking-confirm {
  position: absolute;
  top: 93px;
  z-index: -999;
  opacity: .6
}
.img-booking-confirm img {
  height: 162px;
  width: 266px
}
.hotel-booking-page {
  padding: 90px 0 0
}
.hotel-booking-area {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e8e8e8;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(0,0,0,.06)
}
.hotel-top-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px
}
.hotel-name-block h3 {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  margin: 0 0 6px
}
.hotel-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px
}
.star-row {
  display: flex;
  gap: 2px
}
.star-row i {
  color: #f57f17;
  font-size: 13px
}
.hotel-type-badge {
  background: #e3f2fd;
  color: #1565c0;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px
}
.verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px
}
.hotel-address {
  display: flex;
  align-items: center
}
.hotel-address i {
  font-size: 12px
}
.rating-pill {
  background: linear-gradient(135deg,#1a73e8,#0d47a1);
  color: #fff;
  border-radius: 10px;
  padding: 8px 14px;
  text-align: center;
  min-width: 60px
}
.rating-pill .r-score {
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}
.rating-pill .r-label {
  font-size: 10px;
  opacity: .85;
  margin-top: 2px
}
.booking-container {
  background: #f8f9ff;
  border-radius: 12px;
  padding: 16px;
  margin-top: 14px
}
.booking-details {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  border: 1px solid #e0e7ff;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 12px
}
.detail-box {
  flex: 1;
  padding: 14px 18px;
  text-align: center
}
.detail-box span {
  font-size: 11px;
  color: #888;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  display: block;
  margin-bottom: 4px
}
.detail-box strong {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  display: block;
  margin-bottom: 3px;
  white-space: nowrap
}
.detail-box .day-time {
  font-size: 11px;
  color: #888;
  white-space: nowrap
}
.nights-divider {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 14px;
  gap: 4px
}
.nights-badge {
  background: linear-gradient(135deg,#e8500a,#bf360c);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 20px;
  white-space: nowrap
}
.nights-line {
  width: 1px;
  height: 28px;
  background: #ccc
}
.right-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #e0e7ff;
  border-radius: 10px;
  padding: 10px 16px
}
.right-section i {
  color: #e8500a;
  font-size: 14px
}
.right-section strong {
  font-size: 13px;
  color: #333;
  font-weight: 600
}
.guest-detail-area {
  padding: 30px 0
}
.guest-detail-area h2 {
  font-size: 20px
}
.hotel-payment-info {
  position: sticky;
  top: 90px;
  margin-bottom: 30px
}
.hotel-payment-info h2 {
  font-size: 20px
}
.theiaStickySidebar {
  position: sticky;
  top: 108px
}
.btn-hotel-view-detail {
  background: #f3e8e8;
  padding: 3px 10px;
  color: #000;
  border-radius: 4px
}
.hotel-img-success {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 10px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center
}
.hotel-img-success img {
  height: 100%;
  width: 100%
}
.hotel-rating {
  font-size: 13px;
  color: #f57f17;
  font-weight: 600
}
.hotel-rating span {
  color: #555;
  font-weight: 400
}
.verified-badge {
  background: #e8f5e9;
  color: #2e7d32;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 8px
}
.hotel-address {
  font-size: 12px;
  color: #666;
  margin: 6px 0 12px;
  display: flex;
  align-items: flex-start;
  gap: 6px
}
.hotel-address i {
  color: #e8500a;
  margin-top: 2px
}
.amenity-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 14px
}
.amenity-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #555
}
.amenity-item i {
  color: #e8500a;
  font-size: 13px
}
.btn-view-hotel {
  border: 1.5px solid #e8500a;
  color: #e8500a;
  background: #fff;
  border-radius: 8px;
  padding: 7px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer
}
.btn-view-hotel:hover {
  background: #fff5f0
}
.res-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  overflow: hidden
}
.res-item {
  flex: 1;
  min-width: 120px;
  padding: 14px 16px;
  border-right: 1px solid #f0f0f0
}
.res-item:last-child {
  border-right: none
}
.res-label {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 5px
}
.res-label i {
  color: #e8500a;
  font-size: 12px
}
.res-val {
  font-size: 14px;
  font-weight: 700;
  color: #222
}
.res-sub {
  font-size: 11px;
  color: #888;
  margin-top: 2px
}
.arrow-circle {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  border: 1.5px solid #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 12px;
  align-self: center
}
.guest-block .g-row {
  margin-bottom: 10px
}
.guest-block .g-label {
  font-size: 11px;
  color: #888;
  margin-bottom: 2px
}
.guest-block .g-val {
  font-size: 13px;
  font-weight: 600;
  color: #333
}
.divider-v {
  border-left: 1px solid #f0f0f0
}
.addr-block .addr-name {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px
}
.addr-block .addr-text {
  font-size: 13px;
  color: #555;
  margin-bottom: 12px;
  line-height: 1.6
}
.btn-directions {
  border: 1.5px solid #e8500a;
  color: #e8500a;
  background: #fff;
  border-radius: 8px;
  padding: 7px 18px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer
}
.btn-directions:hover {
  background: #fff5f0
}
.rec-item {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 12px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: background .15s
}
.rec-item:hover {
  background: #f8f9ff
}
.rec-icon {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 8px;
  background: #fff3e0;
  display: flex;
  align-items: center;
  justify-content: center
}
.rec-icon i {
  color: #e8500a;
  font-size: 15px
}
.rec-name {
  font-size: 13px;
  font-weight: 700;
  color: #222;
  margin: 0 0 2px
}
.rec-desc {
  font-size: 11px;
  color: #888;
  margin: 0
}
.btn-view-all {
  border: 1px solid #ddd;
  color: #555;
  background: #fff;
  border-radius: 8px;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap
}
.trust-bar {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  padding: 16px 20px
}
.trust-item {
  display: flex;
  align-items: center;
  gap: 10px
}
.trust-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: #f0f4ff;
  display: flex;
  align-items: center;
  justify-content: center
}
.trust-icon i {
  color: #1a73e8;
  font-size: 16px
}
.trust-name {
  font-size: 12px;
  font-weight: 700;
  color: #222;
  margin: 0 0 2px
}
.trust-desc {
  font-size: 11px;
  color: #888;
  margin: 0
}
.summary-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  padding: 20px;
  margin-bottom: 16px
}
.summary-card h3 {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px
}
.s-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px
}
.s-row .s-label {
  color: #888
}
.s-row .s-val {
  font-weight: 600;
  color: #222
}
.s-row .s-val.paid {
  background: #e8f5e9;
  color: #2e7d32;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 12px
}
.s-divider {
  border-top: 1px solid #f0f0f0;
  margin: 10px 0
}
.saved-box {
  background: #fff8e1;
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 12px;
  color: #e65100;
  font-weight: 600
}
.saved-box i {
  color: #f57f17
}
.pay-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 8px;
  color: #555
}
.pay-row.total {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
  margin-top: 4px
}
.pay-row.total .pay-val {
  color: #e8500a
}
.paid-via {
  background: #e8f5e9;
  border-radius: 8px;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: #2e7d32;
  font-weight: 600;
  margin-top: 10px
}
.paid-via i {
  font-size: 14px
}
.eticket-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  padding: 20px;
  margin-bottom: 16px
}
.eticket-card h3 {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px
}
.eticket-card h3 i {
  color: #e8500a
}
.eticket-sub {
  font-size: 12px;
  color: #888;
  margin-bottom: 14px
}
.eticket-ref {
  font-size: 13px;
  color: #555;
  margin-bottom: 8px
}
.eticket-ref span {
  font-weight: 700;
  color: #222
}
.barcode-wrap {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px
}
.barcode-wrap i {
  font-size: 36px;
  color: #222;
  display: block;
  margin-bottom: 4px
}
.barcode-text {
  font-size: 10px;
  color: #aaa;
  letter-spacing: .1em
}
.qr-block {
  text-align: center
}
.qr-placeholder {
  width: 80px;
  height: 80px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #f5f5f5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto
}
.qr-placeholder i {
  font-size: 38px;
  color: #333
}
.btn-orange {
  width: 100%;
  padding: 12px;
  background: #e8500a;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px
}
.btn-orange:hover {
  background: #d44508
}
.btn-row {
  display: flex;
  gap: 10px;
  margin-bottom: 10px
}
.btn-print {
  flex: 1;
  padding: 11px;
  background: #fff;
  color: #555;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px
}
.btn-print:hover {
  background: #f8f8f8
}
.btn-dashboard {
  width: 100%;
  padding: 11px;
  background: #fff;
  color: #555;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-bottom: 10px
}
.btn-dashboard:hover {
  background: #f8f8f8
}
.info-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  padding: 20px;
  margin-bottom: 20px
}
.card-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0
}
.card-title-row i {
  color: #f9771b;
  font-size: 16px
}
.flight-info-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 10px
}
.airline-logo {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 8px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center
}
.airline-logo i {
  color: #1565c0;
  font-size: 20px
}
.airline-name {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-bottom: 2px
}
.flight-number {
  font-size: 12px;
  color: #888
}
.flight-class {
  margin-left: auto;
  color: #1565c0;
  font-size: 11px;
  font-weight: 600
}
.journey-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
  border: 1px solid #eee;
  margin-bottom: 16px;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px
}
.jitem {
  display: flex;
  align-items: flex-start;
  gap: 8px
}
.jitem i {
  color: #f9771b;
  font-size: 14px;
  margin-top: 2px
}
.jitem-label {
  font-size: 11px;
  color: #888;
  margin-bottom: 2px
}
.jitem-value {
  font-size: 13px;
  font-weight: 700;
  color: #222
}
.passenger-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px
}
.passenger-table thead tr {
  background: #f8f9ff
}
.passenger-table thead th {
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 700;
  color: #888;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-bottom: 1px solid #f0f0f0
}
.passenger-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid #f8f8f8;
  color: #444
}
.passenger-table tbody tr:last-child td {
  border-bottom: none
}
.passenger-avatar {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg,#f9771b,#e8500a);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  margin-right: 8px
}
.seat-badge {
  background: #e3f2fd;
  color: #1565c0;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px
}
.type-badge {
  background: #f3e5f5;
  color: #6a1b9a;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px
}
.baggage-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px
}
.baggage-item {
  background: #f8f9ff;
  border-radius: 10px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 10px
}
.baggage-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 8px;
  background: #e3f2fd;
  display: flex;
  align-items: center;
  justify-content: center
}
.baggage-icon i {
  color: #1565c0;
  font-size: 15px
}
.baggage-label {
  font-size: 11px;
  color: #888;
  margin-bottom: 2px
}
.baggage-val {
  font-size: 13px;
  font-weight: 700;
  color: #222
}
.num-wrap {
  display: flex;
  align-items: center;
  border: 1.5px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  width: fit-content;
  background: #fff
}
.num-btn {
  width: 38px;
  height: 38px;
  border: none;
  background: #f8faff;
  color: #1a3c8f;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s
}
.num-btn:hover {
  background: #1a3c8f;
  color: #fff
}
.checkbox-row {
  display: flex;
  align-items: center;
  gap: 12px
}
.num-input {
  width: 50px;
  height: 38px;
  border: none;
  border-left: 1.5px solid #ddd;
  border-right: 1.5px solid #ddd;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #111;
  outline: 0;
  background: #fff
}
.btn-app-google {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.bks-banner {
  background: #fff;
  border-radius: 14px;
  padding: 28px 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  border-left: 4px solid #2e7d32
}
.bks-check-circle {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  background: #e8f5e9;
  border: 3px solid #a5d6a7;
  display: flex;
  align-items: center;
  justify-content: center
}
.bks-check-circle i {
  font-size: 28px;
  color: #2e7d32
}
.bks-banner-text {
  flex: 1;
  min-width: 0
}
.pay-val {
  color: #e8500a
}
.bks-banner-text h2 {
  font-size: 22px;
  font-weight: 800;
  color: #1a1a2e;
  margin-bottom: 4px
}
.bks-banner-text p {
  font-size: 14px;
  color: #666;
  margin: 0
}
.bks-id-box {
  background: #f0faf5;
  border: 1.5px dashed #2e7d32;
  border-radius: 10px;
  padding: 10px 18px;
  text-align: center;
  flex-shrink: 0
}
.bks-invoice-row,
.bks-invoice-total {
  display: flex;
  justify-content: space-between
}
.bks-id-box span {
  font-size: 10px;
  font-weight: 700;
  color: #2e7d32;
  text-transform: uppercase;
  letter-spacing: .8px;
  display: block;
  margin-bottom: 3px
}
.bks-id-box strong {
  font-size: 20px;
  font-weight: 800;
  color: #1b5e20;
  letter-spacing: 1px
}
.bks-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.06)
}
.bks-card-head {
  background: #f8fafc;
  border-bottom: 1px solid #f0f0f0;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #1a1a2e;
  display: flex;
  align-items: center;
  gap: 8px
}
.bks-card-head i {
  color: #e8500a;
  font-size: 15px
}
.bks-card-body {
  padding: 16px 20px
}
.bks-detail-item {
  padding: 14px 20px;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5
}
.bks-detail-item:nth-child(2n) {
  border-right: none
}
.bks-detail-item:nth-last-child(-n+2) {
  border-bottom: none
}
.bks-detail-item span {
  font-size: 11px;
  color: #999;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-weight: 600;
  display: block;
  margin-bottom: 4px
}
.bks-detail-item strong {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  display: flex;
  align-items: center;
  gap: 6px
}
.bks-detail-item strong i {
  color: #e8500a;
  font-size: 13px
}
.bks-guest-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
  gap: 10px
}
.bks-guest-item:last-child {
  border-bottom: none
}
.bks-guest-item strong {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  display: block;
  margin-bottom: 2px
}
.bks-guest-item span {
  font-size: 12px;
  color: #888
}
.bks-guest-badge {
  background: #f0f4ff;
  color: #2d5986;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid #d0e0f5;
  white-space: nowrap;
  flex-shrink: 0
}
.tour-package-day-plan-group-box {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  background: #fff
}
.tour-package-day-summary-box {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  padding: 10px 16px
}
.tour-package-day-summary-box ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  flex-wrap: wrap
}
.tour-package-day-summary-box ul li a {
  font-size: 13px;
  color: #475569;
  text-decoration: none
}
.tour-package-day-summary-box ul li a.day2day {
  font-weight: 700;
  color: #dc2626;
  font-size: 14px
}
.tour-package-day-summary-box ul li a span {
  background: #eff6ff;
  color: #2563eb;
  font-size: 11.5px;
  padding: 2px 8px;
  border-radius: 20px;
  margin-left: 4px;
  font-weight: 500
}
.tour-package-day-description-box {
  padding: 10px 10px 0
}
.day-desc-top {
  display: flex;
  gap: 16px;
  margin-bottom: 16px
}
.day-desc-img {
  width: 220px;
  height: 140px;
  object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0
}
.day-desc-text {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.day-desc-title {
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  margin: 0
}
.pkg-body-part {
  padding: 3px 10px;
  font-size: 14px
}
.pkg-box-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  font-size: 13.5px;
  font-weight: 600;
  border-bottom: 1px solid #e2e8f0
}
.pkg-row {
  display: flex;
  gap: 14px
}
.pkg-box {
  flex: 1;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 5px 25px rgba(0,0,0,.08);
  border-radius: 8px
}
.package-including-part {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px
}
.footer-part-wid {
  max-width: 350px;
  text-align: left;
  float: right
}
.single-hotel-aminities-list-box {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 15px 20px;
  margin-bottom: 30px;
  box-shadow: 0 8px 25px rgba(0,0,0,.06)
}
.single-hotel-aminities-list-box h2 {
  font-size: 28px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
  padding-bottom: 8px;
  position: relative
}
.single-hotel-aminities-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 15px
}
.single-hotel-aminities-name {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8f9fa;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid #ececec;
  transition: .3s;
  font-size: 15px;
  font-weight: 500;
  color: #444
}
.single-hotel-aminities-name:hover {
  background: #fff;
  border-color: #f8f9fa;
  box-shadow: 0 6px 15px rgba(13,110,253,.12);
  transform: translateY(-3px)
}
.single-hotel-aminities-name i {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #f77a18;
  color: #fff!important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  flex-shrink: 0
}
@media (max-width:991px) {
  .single-hotel-aminities-list {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (max-width:576px) {
  .single-hotel-aminities-list {
    grid-template-columns: 1fr
  }
  .single-hotel-aminities-list-box {
    padding: 20px
  }
  .single-hotel-aminities-list-box h2 {
    font-size: 24px
  }
}
.travel-det-banner {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
}
.travel-det-banner-bg {
  position: absolute;
  inset: 0;
  z-index: 0
}
.travel-det-banner-bg img {
  width: 100%;
  height: 100%
}
.travel-det-banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,.6) 25%,rgba(0,0,0,.3) 45%,rgba(0,0,0,0) 70%)
}
.travel-det-banner-content {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 40px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px
}
.travel-det-banner-left {
  flex: 1;
  color: #fff;
  max-width: 450px;
  text-align: center
}
.travel-det-title {
  font-weight: 500;
  line-height: 1.2;
  font-size: 30px;
  margin-bottom: 10px;
  font-family: 'Playfair Display';
  font-style: oblique;
  color: #e3f128
}
.travel-det-title span {
  display: block;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  font-family: serif;
  color: #fff;
  letter-spacing: 1px
}
.travel-det-duration-badge {
  display: inline-block;
  background: var(--green-gradient);
  color: #000;
  font-weight: 700;
  font-size: .9rem;
  padding: 8px 20px;
  border-radius: 6px;
  margin-bottom: 24px
}
.travel-det-includes {
  display: flex;
  gap: 8px;
  background: rgba(0,0,0,.3);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 8px;
  justify-content: space-around
}
.travel-det-include-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 9px;
  font-size: 13px;
  color: #fff
}
.travel-det-include-item i {
  color: #f2a900
}
.travel-det-booking-card {
  width: 350px;
  background: #fff;
  border-radius: 16px;
  padding: 15px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
  box-shadow: 0 10px 40px rgba(0,0,0,.2)
}
.travel-det-price-label {
  font-size: .8rem;
  color: #666
}
.travel-det-price {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  color: #111
}
.travel-det-price span {
  font-size: .9rem;
  font-weight: 400;
  color: #666
}
.travel-det-price-note {
  font-size: .72rem;
  color: #999
}
.travel-det-btn-book {
  width: 100%;
  padding: 12px;
  background: var(--primary-gradient);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: .9rem;
  font-weight: 700;
  cursor: pointer;
  transition: .3s
}
.travel-det-btn-book:hover {
  background: #e09510
}
.travel-det-btn-customize {
  width: 100%;
  padding: 12px;
  background: #fff;
  color: #111;
  border: 2px solid #ddd;
  border-radius: 8px;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
  transition: .3s
}
.travel-det-btn-customize:hover {
  border-color: #f5a623;
  color: #f5a623
}
.travel-det-btn-whatsapp {
  width: 100%;
  padding: 12px;
  background: var(--green-gradient);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: .3s
}
.travel-det-btn-whatsapp:hover {
  background: #1ebe5d
}
.travel-det-trust-list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 8px;
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid #eee
}
.travel-det-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px
}
.travel-det-trust-item i {
  font-size: 16px;
  color: #1b3a6b
}
.travel-det-trust-item span {
  font-size: 12px;
  color: #555
}
.travel-det-quick-info {
  box-shadow: 0 2px 10px rgba(0,0,0,.06)
}
.our-quick-info {
  padding: 16px 24px;
  background: #fff;
  border-radius: 12px;
  gap: 16px;
  border: 1px solid #eee;
  position: relative;
  margin-top: -30px;
  z-index: 99
}
.travel-det-quick-item {
  display: flex;
  align-items: center;
  gap: 10px
}
.travel-det-quick-item i {
  font-size: 1.4rem;
  color: #f2a900
}
.travel-det-info-label {
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .5px;
  color: #999
}
.travel-det-info-value {
  font-size: .9rem;
  font-weight: 700;
  color: #111;
  text-align: left
}
.main-content-section {
  background: #f7f7f7;
  padding: 40px 0
}
.sticky-nav {
  position: sticky;
  top: 58px;
  z-index: 100;
  background: var(--primary-gradient);
  overflow-x: auto;
  border-radius: 10px;
  scrollbar-width: none
}
.sticky-nav::-webkit-scrollbar {
  display: none
}
.sticky-nav-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(10,1fr);
  white-space: nowrap
}
.sticky-nav-link {
  display: block;
  padding: 14px 18px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: .3s;
  border-bottom: 3px solid transparent
}
.sticky-nav-link.active,
.sticky-nav-link:hover {
  color: #fff;
  border-bottom: 3px solid #fff
}
.sticky-nav-link i {
  margin-right: 5px;
  color: #fff!important
}
.content-card {
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  margin-top: 24px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06)
}
.sticky-part {
  animation: 2s ease-in-out infinite colorBlink
}
@keyframes colorBlink {
  0%,
  100%,
  30% {
    color: #fff
  }
  10%,
  50%,
  70% {
    color: #f9771b
  }
}
.section-title {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f5a623;
  display: inline-block
}
.overview-desc {
  font-size: 14px;
  color: #555;
  line-height: 1.8;
  margin-bottom: 20px
}
.overview-tags {
  display: flex;
  gap: 10px
}
.ov-tag {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff7ed;
  border: 1px solid #1b3a6b;
  color: #1b3a6b;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 6px
}
.ov-text {
  font-size: 13px;
  text-align: left
}
.ov-tag i {
  font-size: 25px
}
.itinerary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 8px
}
.itinerary-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fafafa;
  border-radius: 10px;
  padding: 12px;
  border: 1px solid #eee;
  transition: box-shadow .3s
}
.itinerary-item:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,.08)
}
.itin-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0
}
.itin-day {
  font-size: .72rem;
  font-weight: 700;
  color: #f5a623;
  text-transform: uppercase;
  letter-spacing: .5px
}
.itin-title {
  font-size: .9rem;
  font-weight: 700;
  color: #111;
  margin: 3px 0
}
.itin-desc {
  font-size: .78rem;
  color: #666;
  line-height: 1.6
}
.why-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  flex: 1;
  min-width: 100px
}
.why-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff7ed;
  border: 2px solid #1b3a6b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #1b3a6b;
  transition: .3s
}
.why-item:hover .why-icon {
  background: #0056d2;
  color: #fff
}
.why-item span {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 600;
  color: #333
}
.hotel-main-img-box {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 14px
}
.hotel-main-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  transition: .3s
}
.hotel-name {
  font-size: 1rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 6px
}
.hotel-stars {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 14px
}
.hotel-stars i {
  color: #f5a623;
  font-size: .85rem
}
.hotel-stars span {
  font-size: .8rem;
  color: #777;
  margin-left: 6px
}
.hotel-amenities {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 14px
}
.hotel-amenity-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  flex: 1;
  min-width: 50px
}
.hotel-amenity-item i {
  font-size: 1.1rem;
  color: #f2a900
}
.hotel-amenity-item span {
  font-size: .72rem;
  color: #555;
  text-align: center
}
.btn-view-more-photos {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 2px solid #f2a900;
  border-radius: 8px;
  color: #f2a900;
  font-weight: 600;
  font-size: .85rem;
  cursor: pointer;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px
}
.btn-view-more-photos:hover {
  background: #f5a623;
  color: #fff
}
.hotel-photos-grid {
  display: none;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 14px
}
.hotel-photos-grid.open {
  display: flex
}
.hotel-thumb:hover {
  opacity: .8
}
.gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 14px
}
.gallery-thumb {
  width: 100%;
  height: 85px;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity .3s
}
.gallery-thumb:hover {
  opacity: .8
}
.gallery-extra {
  display: none;
  margin-top: 8px
}
.gallery-extra.open {
  display: grid
}
.travel-det-review-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px
}
.travel-det-review-summary {
  display: flex;
  align-items: center;
  gap: 15px
}
.travel-det-review-score {
  font-size: 25px;
  font-weight: 700;
  color: #111
}
.travel-det-review-stars {
  color: #f2a900;
  font-size: 18px
}
.travel-det-review-card {
  background: #fff;
  border-radius: 15px;
  padding: 10px 20px
}
.travel-det-part {
  display: flex;
  align-items: flex-start;
  gap: 20px
}
.travel-det-review-img {
  width: 50px;
  height: 50px;
  flex-shrink: 0
}
.travel-det-review-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover
}
.travel-det-review-content h4 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #222
}
.travel-det-review-user-rating {
  color: #ffb400;
  margin-bottom: 8px
}
.travel-det-review-content p {
  color: #666;
  line-height: 1.8;
  font-size: 13px
}
@media(max-width:768px) {
  .travel-det-review-head {
    flex-direction: column;
    align-items: flex-start
  }
  .travel-det-review-card {
    flex-direction: column;
    text-align: center
  }
}
.contact-strip-section {
  background: #f7f7f7;
  padding: 40px 0 0
}
.contact-strip-box {
  display: flex;
  gap: 16px;
  border-radius: 14px;
  padding: 14px 10px;
  height: 100%;
  box-shadow: 0 2px 12px rgba(0,0,0,.07)
}
.contact-strip-box--help {
  background: #fff8ec;
  border: 1px solid #f5e0b0;
  align-items: flex-end
}
.contact-strip-agent-img {
  width: 90px;
  object-fit: contain;
  flex-shrink: 0;
  align-self: flex-end
}
.contact-strip-box--call {
  background: #f0f4ff;
  border: 1px solid #c5d3f5;
  justify-content: center;
  text-align: center;
  flex-direction: column
}
.contact-strip-box--whatsapp {
  background: #f0fff6;
  border: 1px solid #b7ebd0;
  justify-content: center;
  text-align: center;
  flex-direction: column
}
.contact-strip-icon {
  font-size: 30px;
  z-index: 99;
  color: #3b5bdb;
  background: #ccc;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: auto
}
.contact-strip-icon--green {
  color: #25d366
}
.contact-strip-text h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #111;
  margin: 4px 0
}
.contact-strip-text p {
  font-size: .82rem;
  color: #666;
  margin-bottom: 6px
}
.contact-strip-text span {
  font-size: .78rem;
  color: #999
}
.contact-strip-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 20px;
  border-radius: 8px;
  border: none;
  font-weight: 600;
  font-size: .85rem;
  cursor: pointer;
  margin-top: 10px;
  transition: .3s
}
.contact-strip-btn--gold {
  background: #f5a623;
  color: #000
}
.contact-strip-btn--gold:hover {
  background: #e09510
}
.contact-strip-btn--green {
  background: #25d366;
  color: #fff
}
.contact-strip-btn--green:hover {
  background: #1ebe5d
}
.faq-wrapper {
  background: #fff;
  border-radius: 12px;
  padding: 18px;
  margin-top: 24px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06)
}
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px
}
.faq-list-item {
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  transition: .3s
}
.faq-list-item:hover {
  border-color: #f5a623
}
.faq-list-btn {
  width: 100%;
  background: #fafafa;
  border: none;
  padding: 14px 18px;
  text-align: left;
  font-size: .9rem;
  font-weight: 600;
  color: #222;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  transition: .3s
}
.faq-list-btn.active {
  background: #fff7ed;
  color: #f5a623
}
.faq-list-icon {
  font-size: .8rem;
  flex-shrink: 0;
  transition: transform .3s;
  color: #f5a623
}
.faq-list-btn.active .faq-list-icon {
  transform: rotate(180deg)
}
.faq-list-answer {
  display: none;
  padding: 14px 18px;
  background: #fff;
  border-top: 1px solid #eee
}
.faq-list-answer.open {
  display: block
}
.faq-list-answer p {
  font-size: .87rem;
  color: #555;
  line-height: 1.8
}
.map-wrapper {
  background: #fff;
  border-radius: 12px;
  padding: 18px;
  margin-top: 24px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06)
}
.map-embed-box {
  border-radius: 10px;
  overflow: hidden;
  margin-top: 12px
}
.map-embed-iframe {
  width: 100%;
  height: 350px;
  border: none;
  border-radius: 10px
}
.main-content-section .col-md-4 {
  position: sticky;
  top: 100px
}
#exclusions,
#faq,
#gallery,
#hotel,
#inclusions,
#itinerary,
#map,
#overview,
#reviews {
  scroll-margin-top: 80px
}
.fpcp-footer-box1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 15px 30px;
  z-index: 1;
  gap: 10px;
  box-shadow: 0 -2px 4px 0 rgba(0,0,0,.15)
}
.FlightPriceComparePopup::-webkit-scrollbar {
  width: 5px
}
.FlightPriceComparePopup::-webkit-scrollbar-track {
  background: 0 0
}
.FlightPriceComparePopup::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px
}
.owl-carousel.hotel-amenities-slider {
  display: block
}
.sticky-nav-list {
  grid-template-columns: repeat(10,1fr)
}
.hotel-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  z-index: 9999;
  align-items: center;
  justify-content: center
}
.hotel-popup-overlay.open {
  display: flex
}
.hotel-popup-box {
  background: #fff;
  border-radius: 16px;
  width: 90%;
  max-width: 740px;
  position: relative;
  box-shadow: 0 10px 50px rgba(0,0,0,.25);
  overflow-y: auto;
  max-height: 90vh;
  scrollbar-width: none
}
.hotel-popup-box::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background: #f9f9f9
}
.hotel-popup-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: #f9771b;
  border: none;
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 14px;
  cursor: pointer;
  z-index: 10;
  transition: background .3s
}
.hotel-popup-inner {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2,1fr);
  gap: 20px
}
.hotel-popup-img-side {
  flex-shrink: 0;
  margin: 0 20px
}
.hotel-popup-big-img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  display: block
}
.hotel-popup-content-side {
  flex: 1;
  padding: 18px
}
.hotel-popup-name {
  font-size: 1rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 10px;
  line-height: 1.4
}
.hotel-popup-stars {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-bottom: 16px
}
.hotel-popup-stars i {
  color: #f5a623;
  font-size: .82rem
}
.hotel-popup-stars span {
  font-size: .78rem;
  color: #999;
  margin-left: 6px
}
.hotel-popup-divider {
  border-top: 1px solid #eee;
  margin-bottom: 16px
}
.hotel-popup-amenities {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px
}
.hotel-popup-amenity {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px
}
.hotel-popup-amenity i {
  font-size: 1.2rem;
  color: #f5a623
}
.hotel-popup-amenity span {
  font-size: .72rem;
  color: #555;
  text-align: center
}
.image-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.9);
  z-index: 9999;
  justify-content: center;
  align-items: center
}
.image-modal img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px
}
.image-close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  font-weight: 700
}
.login-part-head {
  display: none;
  position: relative
}
@media (max-width:768px) {
  .login-part-head {
    display: block
  }
}
.mobile-user-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #222;
  padding: 12px 15px
}
.mobile-user-dropdown {
  display: none;
  list-style: none;
  margin: 0 15px;
  padding: 0;
  border: 1px solid #eee;
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
  border-radius: 9px
}
.mobile-user-dropdown li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #111;
  font-weight: 600;
  letter-spacing: .5px
}
.mobile-user-dropdown.show {
  display: block
}
.trust-section {
  padding: 40px 0;
  background: #fafafa;
}
.trust-header {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 20px;
  padding: 0 15px
}
.trust-header h2 {
  font-size: 28px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
  position: relative;
  display: inline-block
}
.trust-badge-card {
  background: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid #eee;
  border-radius: 8px;
  cursor: default;
  transition: .3s
}
.trust-badge-img {
  display: block;
  min-width: 50px
}
.trust-badge-card img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  filter: grayscale(20%);
  transition: filter .3s
}
.trust-badge-card:hover img {
  filter: grayscale(0%)
}
.trust-badge-name {
  font-size: 12px;
  font-weight: 600;
  color: #444;
  text-align: left;
  text-transform: uppercase;
  line-height: 1.3;
  text-decoration: none
}
.payment-strip {
  background: #fff;
  padding: 14px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}
.payment-strip-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
  position: relative
}
.payment-strip-title h3 {
  font-size: 18px;
  font-weight: 800;
  color: #1a2b4c;
  letter-spacing: .5px;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap
}
.payment-strip-title i {
  color: #1a2b4c;
  font-size: 16px
}
.payment-strip-title::after,
.payment-strip-title::before {
  content: '';
  flex: 1;
  max-width: 250px;
  height: 1px;
  background: linear-gradient(90deg,transparent,#d4a017,transparent)
}
.payment-icons-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px
}
.payment-icon-box {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  width: 130px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,.04);
  transition: .3s
}
.payment-icon-box img {
  max-width: 85%;
  max-height: 40px;
  object-fit: contain
}
.payment-text-box span {
  font-size: 16px;
  font-weight: 800;
  color: #1a2b4c;
  letter-spacing: .3px
}
.payment-secure-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 600;
  color: #1a2b4c
}
.payment-secure-note i {
  color: #27ae60;
  margin-right: 5px
}
.payment-secure-note .divider {
  color: #ccc;
  font-weight: 400
}
.hero-content {
  max-width: 650px;
  margin-bottom: 20px
}
.hero-title {
  color: #111;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 10px;
  text-align: left
}
.hero-title span {
  color: #e6c07b;
  font-style: italic
}
.hero-eyebrow {
  font-size: 15px;
  color: #444
}
.hero-subtext {
  color: #333;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: left
}
.hero-section .search-area {
  position: relative;
  z-index: 2;
  padding: 12px;
  background: linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.82));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 10px;
  box-shadow: 0 20px 50px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.35)
}
.hero-section .search-header {
  display: block
}
.hero-section .search-nav {
  background: 0 0;
  box-shadow: none;
  max-width: 100%
}
.hero-section .search-nav .nav-link {
  padding: 8px 12px;
  border-radius: 30px;
  background: 0 0
}
.hero-section .search-nav .nav-link.active {
  background: var(--primary-gradient);
  border-bottom: none
}
.hero-section .search-nav .nav-link span {
  white-space: nowrap;
  font-size: 13px
}
.hero-section .search-wrapper .tab-content {
  padding: 13px;
  max-width: 100%;
  margin-top: 13px;
  background: 0 0
}
.hero-section .search-form .form-group {
  border-radius: 8px;
  padding: 13px;
  border: 1px solid #ddd
}
.hero-section .search-form .form-group i {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 20px;
  color: #f77a18
}
.hotel-search-wrapper {
  display: flex;
  gap: 12px;
  align-items: center
}
.home-3 .hero-section .search-form .search-btn .theme-btn1 {
  position: relative;
  background: var(--green-gradient);
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 8px 17px;
  white-space: nowrap
}
.hero-section .search-form .form-group label,
.search-form .form-check label {
  font-size: 15px;
  text-align: left
}
@media (max-width:991px) {
  .feature-strip-grid {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (max-width:575px) {
  .feature-strip-grid {
    grid-template-columns: 1fr
  }
}
.search-item .search-dropdown-box {
  left: -15px!important;
  right: -14px!important;
  width: 370px;
  top: -60px!important
}
.popular-tag-search {
  font-size: 13px;
  color: #4444
}
.suggestion-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 4px 14px;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
  transition: .3s;
  background: #fff
}
.suggestion-item:last-child {
  border-bottom: none
}
.suggestion-icon i {
  color: #333!important;
  font-size: 18px!important;
  position: relative!important;
  top: 0!important;
  right: 0!important
}
.suggestion-content {
  flex: 1
}
.suggestion-title {
  font-size: 13px;
  font-weight: 600;
  color: #222
}
.suggestion-country {
  font-size: 11px;
  color: #8a8a8a
}
.tlHeader__topStrip {
  display: flex;
  height: 100px;
  align-items: start;
  justify-content: space-between;
  padding: 13px 40px 8px;
  background: #0a1c3d;
  color: #fff;
  font-size: 12px;
  position: relative
}
.tlHeader__topStripLeft span {
  color: #fff;
  font-weight: 500
}
.tlHeader__topStripMid {
  display: flex;
  gap: 26px
}
.tlHeader__topStripMid span i {
  margin-right: 5px;
  color: #e6c07b
}
.tlHeader__topStripRight {
  display: flex;
  align-items: center
}
.tlHeader__wrapper {
  background: 0 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  z-index: 999;
  font-family: Poppins,sans-serif
}
.tlHeader__mainNav {
  padding: 14px 0
}
.tlHeader__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 96%;
  margin: 0 auto;
  width: 100%;
  padding: 0 20px
}
.tlHeader__container .navbar-collapse.collapse {
  justify-content: flex-end
}
.tlHeader__brand img {
  height: 42px
}
.tlHeader__navCollapse {
  display: flex;
  align-items: center;
  gap: 24px
}
.tlHeader__navList {
  display: flex;
  align-items: center;
  gap: 25px;
  list-style: none;
  margin: 0;
  padding: 0
}
.tlHeader__navItem {
  list-style: none
}
.tlHeader__navLink {
  display: flex;
  align-items: center;
  color: #111;
  text-decoration: none
}
.tlHeader__navLink:hover {
  color: #111
}
.tlHeader__navLink span {
  font-size: 14px;
  font-weight: 600
}
.tlHeader__navLink--active {
  color: #e6c07b
}
.tlHeader__navRight {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: 25px
}
.tlHeader__mobileToggleWrap {
  display: none
}
.tlHeader__toggleBtn {
  background: 0 0;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer
}
.tlHeader__brand .logo-scrolled {
  display: none
}
.tlHeader__brand .logo-display {
  display: inline-block
}
.tlHeader__wrapper--scrolled .logo-display {
  display: none
}
.tlHeader__wrapper--scrolled .logo-scrolled {
  display: inline-block
}
.tlHeader__wrapper--scrolled {
  background: #0a1c3d;
  transition: background .3s
}
.tlHeader__loginBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0a1c3d;
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s
}
.tlHeader__loginBtn:hover {
  background: #14285e;
  color: #fff
}
.tlHeader__navRight .theme-btn-user {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-gradient);
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s;
  width: fit-content
}
.tlHeader__navRight .theme-btn-user:hover {
  background: #14285e;
  color: #fff
}
@media (max-width:991px) {
  .tlHeader__mobileToggleWrap {
    display: block;
    z-index: 99
  }
  .tlHeader__navCollapse {
    position: fixed;
    top: 0;
    left: -300px;
    width: 280px;
    height: 100vh;
    background: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    display: flex;
    box-shadow: 4px 0 24px rgba(0,0,0,.15);
    transition: left .35s;
    z-index: 1001;
    overflow-y: auto
  }
  .navbar-collapse.collapse.show .tlHeader__navCollapse {
    left: 0
  }
  .tlHeader__navLink--active {
    color: #111
  }
  .tlHeader__navList {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%
  }
  .tlHeader__navItem {
    width: 100%
  }
  .tlHeader__navLink {
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 14px 12px;
    margin: auto auto 10px;
    max-width: 90%;
    border-radius: 15px
  }
  .tlHeader__overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 1000
  }
  .tlHeader__overlay--show {
    display: block
  }
}
.hotel-list .hotel-item {
  display: grid;
  grid-template-columns: 250px 1fr 150px;
  gap: 8px;
  margin-bottom: 15px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
  transition: .3s
}
.hotel-list .hotel-item:hover {
  box-shadow: 0 10px 26px rgba(0,0,0,.1);
  transform: translateY(-3px)
}
.hotel-list .hotel-img {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: 10px 0 0 10px
}
.hotel-list .hotel-content {
  flex: 1
}
.hotel-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}
.hotel-type-hotel-review {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 4px
}
.hotel-type-hotel-review::after {
  content: '';
  display: table;
  clear: both
}
.hotel-type-hotel-review .hotel-sart-type-title {
  position: relative;
  width: auto;
  float: left;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #f2a900;
  margin: 0
}
.hotel-type-hotel-review .hotel-sart-type-title a {
  color: var(--green-gradient);
  text-decoration: none
}
.hotel-list-page .hotel-title,
.hotel-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  clear: both
}
.hotel-title a {
  color: #1a1a1a;
  text-decoration: none
}
.hotel-location-address {
  font-size: 12px!important;
  color: #777;
  margin-bottom: 8px!important
}
.hotel-location-address i {
  color: #f60;
  margin-right: 4px
}
.hotel-type-availblity {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap
}
.hotel-room-only {
  color: #111;
  background: #fff7ee;
  border: 1px solid #f0dcc0;
  border-radius: 3px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 600
}
.hotel-price-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  border-left: 1px solid #ddd;
  height: 100%;
  gap: 10px
}
.hotel-price-col .hotel-price-label {
  font-size: 13px;
  color: #888;
  font-weight: 500;
  margin: 0
}
.hotel-price-col .hotel-price {
  display: flex;
  align-items: baseline;
  gap: 4px
}
.hotel-price-col .hotel-price-amount {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a
}
.hotel-price-col .hotel-price-type {
  font-size: 13px;
  font-weight: 400;
  color: #888
}
.hotel-book-btn {
  display: inline-block;
  background: var(--primary-gradient);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 4px;
  text-decoration: none;
  transition: .25s;
  white-space: nowrap
}
.hotel-book-btn:hover {
  color: #fff;
  transform: translateY(-2px)
}
.booking-item .search-filter-input {
  margin-top: 8px
}
.train-soon-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  z-index: 9999;
  align-items: center;
  justify-content: center
}
.train-soon-box {
  background: #fff;
  border-radius: 16px;
  padding: 25px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 450px;
  border: 3px solid #f9771b;
  height: 450px;
  position: relative;
  box-shadow: 0 10px 40px rgba(0,0,0,.2)
}
.train-soon-close {
  position: absolute;
  top: -10px;
  right: -13px;
  background: #f9771b;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 35px
}
.train-soon-text {
  font-size: 1.6rem;
  font-weight: 800;
  color: #111;
  margin: 0
}
.agent-dashboard {
  padding: 70px 0 30px
}
.admin-sidebar {
  background: #fff;
  border-radius: 8px;
  padding: 14px 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,.05)
}
.sidebar-profile-card {
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ddd;
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center
}
.sidebar-profile-img {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  margin-bottom: 12px
}
.sidebar-profile-card h5 {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 8px
}
.sidebar-role-badge {
  display: inline-block;
  background: rgba(30,90,200,.1);
  color: #1e5ac8;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 8px
}
.sidebar-customer-id {
  font-size: 12.5px;
  color: #999;
  margin: 0
}
.sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0
}
.sidebar-menu-item {
  margin-bottom: 4px
}
.sidebar-menu-item a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 4px;
  color: #444;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  transition: .2s
}
.sidebar-menu-item a i:first-child {
  font-size: 15px;
  width: 18px;
  text-align: center;
  color: #888
}
.sidebar-menu-item a:hover {
  background: #f5f7fb;
  color: #1e5ac8
}
.sidebar-menu-item a:hover i:first-child {
  color: #1e5ac8
}
.sidebar-menu-item.active a {
  background: var(--primary-gradient);
  color: #fff
}
.sidebar-menu-item.active a i:first-child {
  color: #fff
}
.sidebar-menu-arrow {
  margin-left: auto;
  font-size: 11px;
  color: #bbb
}
.sidebar-logout a,
.sidebar-logout a i:first-child {
  color: #e6473f
}
.sidebar-logout a:hover {
  background: rgba(230,71,63,.08);
  color: #e6473f
}
.sidebar-logout a:hover i:first-child {
  color: #e6473f
}
.sidebar-wallet-card {
  background: #f5f7fb;
  border-radius: 6px;
  padding: 10px
}
.sidebar-wallet-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px
}
.sidebar-wallet-icon {
  width: 36px;
  height: 36px;
  background: var(--primary-gradient);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center
}
.sidebar-wallet-icon i {
  color: #fff;
  font-size: 14px
}
.sidebar-wallet-header h6 {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0
}
.sidebar-wallet-label {
  display: block;
  font-size: 12.5px;
  color: #888;
  margin-bottom: 4px
}
.sidebar-wallet-amount {
  font-size: 22px;
  font-weight: 700;
  color: #1a9e5c;
  margin: 0 0 16px
}
.sidebar-wallet-btn {
  display: block;
  text-align: center;
  background: var(--primary-gradient);
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px;
  border-radius: 8px;
  text-decoration: none;
  transition: .25s
}
.sidebar-wallet-btn:hover {
  background: #164a9e;
  color: #fff
}
@media (max-width:991px) {
  .admin-sidebar {
    width: 100%;
    margin-bottom: 20px
  }
}
.dash-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px
}
.dash-header-title h2 {
  font-size: 26px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 4px
}
.dash-header-title p {
  font-size: 13.5px;
  color: #999;
  margin: 0
}
.dash-header-title p a {
  color: #999;
  text-decoration: none
}
.dash-header-title p span {
  color: #1e5ac8;
  font-weight: 500
}
.dash-stats-row {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
  margin-bottom: 12px
}
.dash-stat-card {
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04)
}
.dash-stat-icon {
  height: 55px;
  min-width: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}
.dash-stat-icon i {
  font-size: 22px
}
.dash-stat-icon-blue {
  background: #e3edfc
}
.dash-stat-icon-blue i {
  color: #1e5ac8
}
.dash-stat-icon-green {
  background: #e2f6ea
}
.dash-stat-icon-green i {
  color: #1a9e5c
}
.dash-stat-icon-orange {
  background: #fdece0
}
.dash-stat-icon-orange i {
  color: #e07a1f
}
.dash-stat-icon-purple {
  background: #ede4fb
}
.dash-stat-icon-purple i {
  color: #7c3aed
}
.dash-stat-info span {
  font-size: 13px;
  color: #888;
  display: block;
  margin-bottom: 4px
}
.dash-stat-info h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 4px
}
.dash-stat-up {
  font-size: 12px;
  color: #1a9e5c;
  margin: 0
}
.dash-stat-neutral {
  font-size: 12px;
  color: #999;
  margin: 0
}
.dash-bookings-card {
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04)
}
.dash-bookings-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px
}
.dash-bookings-head h4 {
  font-size: 17px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0
}
.dash-viewall-btn {
  border: 1px solid #e2e2e2;
  color: #444;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 16px;
  border-radius: 6px;
  text-decoration: none
}
.dash-viewall-btn:hover {
  background: #f5f7fb;
  color: #1e5ac8
}
.dash-table-wrap {
  overflow-x: auto
}
.dash-bookings-table {
  width: 100%;
  border-collapse: collapse
}
.dash-bookings-table th {
  text-align: left;
  font-size: 12.5px;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
  letter-spacing: .3px;
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  white-space: nowrap
}
.dash-bookings-table td {
  font-size: 14px;
  color: #333;
  padding: 9px 12px;
  border-bottom: 1px solid #f4f4f4;
  white-space: nowrap
}
.dash-status {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 20px
}
.dash-status-confirmed {
  background: #e2f6ea;
  color: #1a9e5c
}
.dash-status-ticketed {
  background: #e3edfc;
  color: #1e5ac8
}
.dash-status-pending {
  background: #fdf1de;
  color: #d18a1c
}
.dash-status-cancelled {
  background: #fde3e2;
  color: #e6473f
}
@media (max-width:991px) {
  .dash-topnav-menu {
    display: none
  }
  .dash-stats-row {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (max-width:575px) {
  .dash-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px
  }
  .dash-stats-row {
    grid-template-columns: 1fr
  }
}
.margin-form-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  margin-bottom: 26px
}
.margin-form-group {
  display: flex;
  flex-direction: column
}
.margin-form-label {
  font-size: 13px;
  font-weight: 600;
  color: #555;
  margin-bottom: 8px
}
.margin-input-group {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: .2s
}
.margin-input-group:focus-within {
  border-color: #1e5ac8;
  box-shadow: 0 0 0 3px rgba(30,90,200,.1)
}
.margin-input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 42px;
  background: #f8f9fa;
  border-right: 1px solid #eee
}
.margin-input-icon i {
  font-size: 14px;
  color: #1e5ac8
}
.margin-form-input {
  flex: 1;
  border: none;
  outline: 0;
  padding: 10px 12px;
  font-size: 14px;
  color: #1a1a1a;
  min-width: 0
}
.margin-input-suffix {
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  color: #888;
  background: #f8f9fa;
  height: 42px;
  display: flex;
  align-items: center;
  border-left: 1px solid #eee
}
.margin-save-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--primary-gradient);
  color: #fff;
  border: none;
  padding: 12px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: .25s
}
.margin-save-btn:hover {
  background: #164a9e;
  transform: translateY(-2px)
}
@media (max-width:991px) {
  .margin-form-grid {
    grid-template-columns: repeat(2,1fr)
  }
}
.subagent-table {
  border-collapse: separate;
  border-spacing: 0
}
.subagent-table-head {
  background: var(--primary-gradient)
}
.subagent-table-head th {
  border: 0;
  padding: 10px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  background: 0 0
}
.subagent-table tbody td {
  padding: 9px 12px;
  border-bottom: 0;
  border-top: 1px solid #f0f0f0;
  vertical-align: middle
}
.subagent-table tbody tr:first-child td {
  border-top: 0
}
.subagent-name {
  font-weight: 700;
  color: #1a1a1a;
  font-size: 14px
}
.subagent-email {
  font-size: 13px;
  color: #333
}
.subagent-phone {
  font-size: 13px;
  color: #777
}
.subagent-id-badge {
  font-size: 13px
}
.subagent-date {
  font-size: 13px;
  color: #555
}
.subagent-empty-row i {
  opacity: .5
}
.agent-detail-card {
  margin-bottom: 12px
}
.card-body-profile {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,.08)
}
.agent-detail-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0
}
.agent-detail-card-head h5 {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 2px
}
.agent-detail-body {
  padding: 14px
}
.agent-form-group {
  display: flex;
  flex-direction: column
}
.agent-form-label {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px
}
.agent-form-input {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
  color: #1a1a1a;
  outline: 0;
  transition: .2s;
  width: 100%
}
.agent-form-input:focus {
  border-color: #1e5ac8;
  box-shadow: 0 0 0 3px rgba(30,90,200,.1)
}
.agent-upload-group {
  display: flex;
  flex-direction: column
}
.agent-upload-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1.5px dashed #d5d5d5;
  border-radius: 10px;
  padding: 26px 14px;
  cursor: pointer;
  transition: .25s;
  background: #fafafa
}
.agent-upload-box:hover {
  border-color: #1e5ac8;
  background: #f5f7fb
}
.bookint-head {
  margin-bottom: 15px
}
.bookint-head h4 {
  font-size: 22px;
  font-weight: 600
}
.agent-upload-box i {
  font-size: 22px;
  color: #1e5ac8;
  margin-bottom: 10px
}
.agent-upload-box span {
  font-size: 13px;
  font-weight: 500;
  color: #444;
  margin-bottom: 4px
}
.agent-upload-box small {
  font-size: 11.5px;
  color: #999
}
@media (max-width:575px) {
  .margin-form-grid {
    grid-template-columns: 1fr
  }
  .agent-detail-card-head {
    padding: 16px 18px
  }
  .agent-detail-body {
    padding: 18px
  }
}
.dash-bookings-card.booking-card {
  padding: 0
}
.booking-card .subagent-table-head th:first-child {
  border-top-left-radius: 8px
}
.booking-card .subagent-table-head th:last-child {
  border-top-right-radius: 8px
}
.meta-selection-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%
}
.meta-label {
  font-size: 12px;
  font-weight: 800;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: .3px;
  line-height: 1.3;
  margin-bottom: 7px;
  padding-top: 6px;
  min-width: 65px;
  flex-shrink: 0
}
.meta-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center
}
.meta-option-item {
  position: relative
}
.meta-check-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0
}
.meta-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  cursor: pointer;
  transition: .15s ease-in-out;
  min-height: 48px
}
.meta-title {
  font-size: 13px;
  font-weight: 700;
  color: #4a4a4a;
  line-height: 1.2
}
.meta-subtitle {
  font-size: 10px;
  color: #757575;
  margin-top: 2px;
  font-weight: 400
}
.ibutton {
  position: static!important;
  right: 20px;
  top: 10px;
  font-size: 15px!important;
  color: #1b3a6b!important
}
.meta-card:hover {
  border-color: #b3b3b3;
  background-color: #fafafa
}
.meta-check-input:checked + .meta-card {
  background-color: #f2f8ff!important;
  border-color: #0084ff!important
}
.meta-check-input:checked + .meta-card .meta-title {
  color: #0084ff!important
}
@media (max-width:991px) {
  .meta-selection-row {
    flex-direction: column;
    gap: 6px
  }
  .meta-label {
    padding-top: 0;
    min-width: auto
  }
}
.trip-change i {
  transition: transform .4s
}
.city-dropdown {
  max-height: 250px;
  overflow-y: auto;
  width: 100%;
  z-index: 1050
}
.another-item .multicity-btn:hover {
  color: #dc3545
}
.multicity-item-remove {
  min-height: 65px
}
.search-form .passenger-box .dropdown-menu.dropdown-menu-end.flight-search-drop {
  top: 52px!important
}
.thead-part-body .tlHeader__wrapper {
  top: -20px
}
.voyara-booking-shell {
  padding: 80px 0;
  background: #f7f8fb
}
.voyara-reserve-card {
  padding: 30px;
  background: #fff;
  border-radius: 13px;
  box-shadow: 0 20px 60px rgba(0,0,0,.07)
}
.voyara-booking-tag {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #777
}
.voyara-booking-title {
  margin: 12px 0;
  font-size: 37px;
  line-height: 1.15;
  font-weight: 800;
  color: #171923
}
.voyara-booking-title span {
  display: block;
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.voyara-booking-text {
  margin-bottom: 15px;
  color: #777;
  line-height: 1.7
}
.voyara-booking-form {
  display: flex;
  flex-direction: column;
  gap: 12px
}
.voyara-field-orbit label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #252936
}
.voyara-field-orbit input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e2e4eb;
  border-radius: 12px;
  background: #fafbfc;
  outline: 0;
  transition: .3s
}
.voyara-field-orbit input:focus {
  background: #fff;
  border-color: #8b5cf6;
  box-shadow: 0 0 0 4px rgba(139,92,246,.08)
}
.voyara-booking-action {
  margin-top: 5px;
  padding: 15px 22px;
  border: 0;
  border-radius: 12px;
  background: var(--primary-gradient);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: .3s
}
.voyara-booking-action span {
  margin-left: 8px;
  font-size: 18px
}
.voyara-booking-action:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(90,70,200,.25)
}
.voyara-booking-image {
  position: relative;
  min-height: 590px;
  margin-left: 15px;
  overflow: hidden;
  border-radius: 13px
}
.voyara-booking-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  transition: .6s
}
.voyara-booking-image:hover img {
  transform: scale(1.05)
}
.voyara-booking-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,rgba(0,0,0,.75),transparent 65%)
}
@media (max-width:767px) {
  .voyara-reserve-card {
    padding: 30px 22px
  }
  .voyara-booking-title {
    font-size: 32px
  }
  .voyara-booking-image {
    min-height: 420px;
    margin: 20px 0 0
  }
}
.certificate-sec {
  margin-top: 90px;
  margin-bottom: 30px
}
.pdf-viewer-container {
  width: 100%;
  overflow: hidden
}
#pdf-container {
  width: 100%
}
#pdf-container canvas {
  max-width: 100%;
  height: auto!important;
  margin: 0 auto 15px
}
.watermark-wrap {
  position: relative;
  overflow: hidden
}
.watermark-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  transform: translate(-50%,-50%) rotate(-45deg);
  z-index: 2;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  gap: 2
}
.watermark-overlay span {
  font-size: 60px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(0,0,0,.18)
}
.pdf-viewer-container {
  position: relative
}
.pdf-viewer-container .watermark-overlay {
  position: absolute
}
.strip-sec {
  background: #fff
}
.sky-perk-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 10px
}
.sky-perk-symbol {
  width: 65px;
  height: 65px;
  min-width: 65px;
  display: flex;
  align-items: center;
  justify-content: center
}
.sky-perk-symbol img {
  width: 100%;
  height: 100%;
  object-fit: contain
}
.sky-perk-info h3 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 600;
  color: #000
}
.sky-perk-info p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #6b6b6b;
  text-align: left
}
.faq-flight {
  padding: 40px 0;
  background: #fafafa;
}
.orbit-faq-item {
  margin-bottom: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e9ef;
  border-radius: 6px;
  transition: .3s
}
.orbit-faq-item.is-open {
  border-color: #285394;
  box-shadow: 0 8px 25px rgba(40,120,240,.08)
}
.orbit-faq-trigger {
  width: 100%;
  padding: 10px 18px;
  border: 0;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  text-align: left
}
.orbit-faq-title {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #1d2939;
  font-size: 14px;
  font-weight: 600;
}
.orbit-faq-arrow {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #697586;
  transition: transform .3s
}
.orbit-faq-arrow i {
  font-size: 13px
}
.orbit-faq-item.is-open .orbit-faq-arrow {
  transform: rotate(180deg);
  color: #2878f0
}
.orbit-faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .35s
}
.orbit-faq-answer > div {
  overflow: hidden
}
.orbit-faq-answer p {
  margin: 0;
  padding: 0 18px 18px;
  color: #707b8b;
  font-size: 14px;
  line-height: 1.7
}
.orbit-faq-item.is-open .orbit-faq-answer {
  grid-template-rows: 1fr
}
.promo-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .3s
}
.promo-popup.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}
.promo-popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.7)
}
.promo-popup-box {
  position: relative;
  z-index: 2;
  width: min(700px,100%)
}
.promo-popup-box-img {
  overflow: hidden;
  border-radius: 12px
}
.promo-popup-image {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block
}
.promo-popup-close {
  position: absolute;
  top: -10px;
  right: -8px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #222;
  font-size: 18px;
  cursor: pointer;
  z-index: 3
}
.promo-popup-close:hover {
  background: #4caf50;
  color: #fff
}
.ai-search {
  padding: 30px 0 10px;
}

.ai-search-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(90deg, #FFF7ED 0%, #FFF1E6 100%);
  border: 1px solid #FBE0CC;
  border-radius: 8px;
  padding: 8px 10px 8px 22px;
  box-shadow: 0 10px 28px rgba(232, 93, 42, 0.08);
}

/* Label with sparkle icons */
.text-option {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 500;
  color: #E8352A;
  white-space: nowrap;
}

.text-option b {
  color: #2C5AA0;
  font-weight: 700;
}

.text-option i {
  font-size: 13px;
  color: #F2A900;
}

/* Mic button - solid orange circle */
.mic-btn {
  width: 48px;
  height: 48px;
  min-width: 48px;
  flex-shrink: 0;
  border: none;
  border-radius: 50%;
  background: var(--green-gradient);
  color: #ffffff;
  font-size: 17px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(232, 53, 42, 0.3);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mic-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(232, 53, 42, 0.4);
}

/* Input */
.ai-search-bar input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: 0;
  background: transparent;
  font-size: 15px;
  color: #333;
}

.ai-search-bar input::placeholder {
  color: #9A9088;
}

/* Arrow button - solid orange circle */
.arrow-btn {
  width: 48px;
  height: 48px;
  min-width: 48px;
  flex-shrink: 0;
  border: none;
  border-radius: 50%;
  background: var(--green-gradient);
  color: #fff;
  font-size: 17px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(232, 53, 42, 0.3);
  transition: transform 0.25s ease, background 0.25s ease;
}

.arrow-btn:hover {
  transform: translateX(3px);
  box-shadow: 0 10px 22px rgba(232, 53, 42, 0.4);
}

/* Responsive */
@media (max-width: 700px) {
  .text-option span {
    display: none;
  }
  .ai-search-bar {
    padding: 6px 6px 6px 16px;
    gap: 10px;
  }
  .mic-btn,
  .arrow-btn {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
  .ai-search-bar input {
    font-size: 13.5px;
  }
}
.hotel-stay-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(27,58,107,.08);
  transition: transform .3s,box-shadow .3s;
  margin-bottom: 10px
}
.hotel-stay-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(27,58,107,.15)
}
.hotel-stay-img-box {
  position: relative;
  height: 140px;
  overflow: hidden
}
.hotel-stay-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s
}
.hotel-stay-card:hover .hotel-stay-img-box img {
  transform: scale(1.08)
}
.hotel-fav-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.9);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .25s
}
.hotel-fav-btn i {
  font-size: 14px;
  color: #1b3a6b;
  transition: color .25s
}
.hotel-fav-btn:hover {
  background: var(--green-gradient)
}
.hotel-fav-btn:hover i {
  color: #fff
}
.hotel-rating-badge {
  position: relative;
  z-index: 2;
  background: #fff;
  width: fit-content;
  font-size: 12.5px;
  font-weight: 600;
  color: #1b3a6b;
  display: flex;
  align-items: center;
  gap: 5px
}
.hotel-rating-badge i {
  color: #f2a900;
  font-size: 11px
}
.hotel-stay-body {
  padding: 12px
}
.hotel-stay-body h4 {
  font-size: 14px;
  color: #16233d;
  font-weight: 600;
  margin-bottom: 4px;
}
.hotel-location1 {
  font-size: 11px;
  color: #6b7a8c;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.hotel-location1 i {
  color: #2c5aa0;
  font-size: 12px
}
.hotel-amenities1 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.hotel-amenities1 span {
  background: #f0f3fa;
  color: #1b3a6b;
  font-size:10.5px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 5px;
}
.hotel-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hotel-price {
  display: flex;
  align-items: baseline;
  gap: 5px
}
.price-amount {
  font-size: 15px;
  font-weight: 800;
  color: #16233d
}
.price-note {
  font-size: 12px;
  color: #9aa6bc
}
.hotel-view-btn {
  background: var(--green-gradient);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
  white-space: nowrap;
  transition: transform .2s,box-shadow .2s
}
.hotel-view-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(27,58,107,.3)
}
.hotel-stay-slide .owl-nav button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff!important;
  color: #1b3a6b!important;
  box-shadow: 0 8px 20px rgba(27,58,107,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .25s,color .25s
}
.hotel-stay-slide .owl-nav button:hover {
  background: var(--primary-gradient)!important;
  color: #fff!important
}
.hotel-stay-slide .owl-dots {
  margin-top: 30px;
  text-align: center
}
.hotel-stay-slide .owl-dot span {
  width: 8px;
  height: 8px;
  background: #d8dee8!important;
  margin: 0 4px
}
.hotel-stay-slide .owl-dot.active span {
  width: 24px;
  border-radius: 10px;
  background: #1b3a6b!important
}
.offer-section {
  position: relative;
  padding: 40px 0;
  overflow: hidden
}.explore-deals-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.deal-box {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 160px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.1);
}

.deal-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 50px rgba(16, 24, 40, 0.04);
}
.deal-box > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.deal-box:hover > img {
  transform: scale(1.12);
}
@media (max-width:900px) {
  .explore-deals-grid {
    grid-template-columns: 1fr
  }
}
.ai-page-search {
  padding: 30px 0 0
}
.stay-benefits-section {
  padding: 40px 0;
  background: #fafafa;
}
.stay-benefits-layout {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: center;
  gap: 40px
}
.stay-benefits-intro p {
  margin: 0 0 15px;
  color: #6d7787;
  font-size: 15px;
  line-height: 1.8
}
.stay-benefits-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 13px 22px;
  background: var(--green-gradient);
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: .3s
}
.stay-benefits-btn:hover {
  background: #d9471b;
  color: #fff
}
.stay-benefits-btn i {
  transition: .3s
}
.stay-benefits-btn:hover i {
  transform: translateX(4px)
}
.stay-benefits-cards {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px
}
.stay-benefits-card {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  padding: 18px 14px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  transition: .3s
}
.stay-benefits-card:hover {
  border-color: #f15a29;
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,.07)
}
.stay-benefits-icon {
  min-width: 52px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(241,90,41,.1);
  color: #F2A900 ;
  border-radius: 10px;
  font-size: 21px
}
.stay-benefits-card h4 {
  margin: 2px 0 7px;
  color: #172033;
  text-align: center;
  font-size: 15px;
  font-weight: 600
}
@media (max-width:991px) {
  .stay-benefits-layout {
    grid-template-columns: 1fr;
    gap: 15px
  }
}
.flight-discover-section {
  padding: 40px 0;
  background: #f8f9fb
}
.flight-discover-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px
}
.flight-discover-view-all {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #18202f;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none
}
.flight-discover-view-all i {
  color: #f15a29;
  transition: .3s
}
.flight-discover-view-all:hover {
  color: #f15a29
}
.flight-discover-view-all:hover i {
  transform: translateX(4px)
}
.flight-discover-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 14px
}
.flight-discover-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #eceef2;
  border-radius: 6px;
  box-shadow: 0 5px 20px rgba(0,0,0,.04);
  transition: .3s
}
.flight-discover-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(0,0,0,.09)
}
.flight-discover-image {
  position: relative;
  height: 150px;
  overflow: hidden
}
.flight-discover-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .5s
}
.flight-discover-card:hover .flight-discover-image img {
  transform: scale(1.06)
}
.flight-discover-tags {
  position: absolute;
  top: 14px;
  left: 14px;
  display: flex;
  gap: 6px
}
.flight-discover-tags span {
  padding: 6px 9px;
  background: var(--green-gradient);
  color: #222;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 600
}
.flight-discover-favourite {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  color: #333;
  font-size: 16px;
  cursor: pointer;
  transition: .3s
}
.flight-discover-favourite:hover {
  background: #f15a29;
  color: #fff
}
.flight-discover-content {
  padding: 10px
}
.flight-discover-content h3 {
  margin: 0 0 8px;
  color: #1b3a6b;
  font-size: 20px;
  font-weight: 600
}
.flight-discover-route {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1b3a6b;
  font-weight: 500
}
.flight-discover-route span {
  font-size: 13px;
  font-weight: 700
}
.flight-discover-route i {
  font-size: 13px
}
.flight-discover-search {
  display: flex;
  align-items: center;
  color: #f2a900;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  transition: .3s
}
.flight-discover-search i {
  color: #f2a900;
  transition: transform .3s
}
.flight-discover-search:hover {
  color: #f15a29
}
.flight-discover-search:hover i {
  transform: translateX(5px)
}
@media (max-width:991px) {
  .flight-discover-grid {
    grid-template-columns: repeat(3,1fr)
  }
}
@media (max-width:575px) {
  .flight-discover-heading {
    align-items: flex-start;
    flex-direction: column
  }
  .flight-discover-grid {
    grid-template-columns: repeat(1,1fr)
  }
}
.travel-split-showcase {
  padding: 40px 0
}
.rate-price {
  font-size: 18px!important;
  color: #f2a900;
  font-weight: 600!important;
  letter-spacing: .6px
}
.travel-split-wrap {
  display: grid;
  grid-template-columns: 1fr 1.2fr 0.8fr;
  align-items: center;
  gap: 15px
}
.travel-split-image {
  height: 350px;
  overflow: hidden;
  border-radius: 16px
}
.travel-split-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .5s
}
.travel-split-image:hover img {
  transform: scale(1.05)
}
.travel-split-center {
  text-align: left;
  padding: 30px 15px
}
.travel-split-subtitle {
  display: inline-block;
  margin-bottom: 14px;
  color: #f15a29;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px
}
.travel-split-center h2 {
  margin: 0 0 10px;
  color: #18202f;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700
}
.travel-split-center h2 span {
  display: block;
  color: #f15a29
}
.travel-split-center p {
  margin: 0 auto 18px;
  color: #6d7685;
  font-size: 15px;
  line-height: 1.8
}
.travel-split-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 22px;
  background: var(--green-gradient);
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: .3s
}

.travel-split-button i {
  transition: transform .3s
}
.travel-split-button:hover i {
  transform: translateX(5px)
}
@media (max-width:991px) {
  .travel-split-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 15px
  }
  .travel-split-center {
    grid-column: 1/-1;
    grid-row: 1
  }
  .travel-split-image {
    height: 350px
  }
}
@media (max-width:575px) {
  .travel-split-wrap {
    grid-template-columns: 1fr;
    gap: 10px
  }
  .travel-split-center {
    grid-column: auto;
    grid-row: auto;
    padding: 15px 5px 25px
  }
  .travel-split-center h2 {
    font-size: 30px
  }
  .travel-split-image {
    height: 280px
  }
  .travel-split-image-left,
  .travel-split-image-right {
    border-radius: 14px
  }
}
.form-group.front-group {
  min-height: 120px
}
.mini-visual-content-section {
  padding: 40px 0
}
.mini-visual-card {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: 35px;
  align-items: center;
}
.mini-visual-thumb {
  height: 340px;
  overflow: hidden;
  border-radius: 10px
}
.mini-visual-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .5s
}
.mini-visual-card:hover .mini-visual-thumb img {
  transform: scale(1.04)
}
.mini-visual-info {
  flex: 1
}
.mini-visual-tag {
  display: inline-block;
  margin-bottom: 8px;
  color: #f15a29;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px
}
.mini-visual-info h3 {
  margin: 0 0 9px;
  color: #172033;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700
}
.mini-visual-info p {
  margin: 0 0 14px;
  color: #737d8d;
  font-size: 13px;
  line-height: 1.7
}
.mini-visual-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #172033;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none
}
.mini-visual-link i {
  color: #f15a29;
  transition: transform .3s
}
.mini-visual-link:hover {
  color: #f15a29
}
.mini-visual-link:hover i {
  transform: translateX(4px)
}
@media (max-width:480px) {
  .mini-visual-card {
    grid-template-columns: 1fr
  }
  .mini-visual-info h3 {
    font-size: 16px
  }
  .mini-visual-info p {
    font-size: 12px
  }
}
.seat-wrapper {
    height: 500px;
    overflow-y: auto;
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
}

.seat-row {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}
.seat-item {
    width: 40px;
    height: 45px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 11px;
    border: 1px solid #ccc;
    background: #fff;
    transition: 0.2s;
    position: relative;
}

.seat-item.available { background-color: #e3f2fd; border-color: #90caf9; color: #1565c0; }
.seat-item.booked { background-color: #e0e0e0; border-color: #bdbdbd; color: #9e9e9e; cursor: not-allowed; }
.seat-item.premium { background-color: #fff9c4; border-color: #fff59d; color: #fbc02d; }
.seat-item.selected { background-color: #28a745 !important; border-color: #28a745 !important; color: white !important; }

.seat-item:hover::after {
    content: attr(data-price);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    white-space: nowrap;
    pointer-events: none;
}
.testimonial-section {
  padding: 40px 0;
}

.testimonial-card {
  position: relative;
  border-radius: 6px;
  background: #fff;
  padding: 12px 16px 18px;
  box-shadow: 0 8px 26px rgba(22, 35, 61, 0.07);
  margin-bottom: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(22, 35, 61, 0.13);
}

.verified-badge {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #EAF9F5;
  color: #0FA88A;
  font-size: 11.5px;
  font-weight: 700;
  padding: 5px 11px;
  border-radius: 20px;
}

.verified-badge i {
  font-size: 12px;
}
.testimonial-top {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 10px;
}

.testimonial-img {
  min-width: 90px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
}

.testimonial-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-quote {
  position: relative;
}

.testimonial-quote p {
  font-size: 14px;
  color: #0d151e;
  text-align: left;
  line-height: 1.65;
}

.testimonial-rating {
  margin-bottom: 6px;
  padding-top: 10px;
}

.testimonial-rating i {
  font-size: 13px;
  color: #FDA402;
  margin-right: 2px;
}

/* Name + location */
.testimonial-info h4 {
  font-size: 16px;
  color: #16233D;
  font-weight: 700;
  margin-bottom: 4px;
}

.testimonial-info span {
  font-size: 12.5px;
  color: #8892A0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.testimonial-info span i {
  font-size: 11px;
  color: #FDA402;
}
.testimonial-slide .owl-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    top: 40%;
    position: absolute;
    
}
.testimonial-slide .owl-nav button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff !important;
  color: #16233D !important;
  box-shadow: 0 8px 20px rgba(22, 35, 61, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease, color 0.25s ease;
}

.testimonial-slide .owl-nav .owl-prev{
    left: -20px;
    position: relative;
}

.testimonial-slide .owl-nav .owl-next{
    right: -20px;
    position: relative;
}

.testimonial-slide .owl-nav button:hover {
  background: #FDA402 !important;
  color: #16233D !important;
}