/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap'); */

:root {
  --primary-color: #0c2f55 !important;
  --secondary-color: #e15b00 !important;

  --gray-900: #061237;
  --gray-800: #1E2848;
  --gray-700: #38415F;
  --gray-600: #515973;
  --gray-500: #6A7187;
  --gray-400: #9CA3AF;
  --gray-300: #9BA0AF;
  --gray-200: #C1C4CD;
  --gray-100: #E3E4E8;
  --gray-50: #F7F9FC;

  --teal-200: #12A58C;
  --teal-100: #41B7A3;
  --teal-50: #D0EDE8;

  --warning: #FFCA18;
  --success: #04BD6C;
  --blue: #3538CD;
  --purple: #6938EF;
  --purple-light: #E9E8FC;
  --error: #E50D0D;
  --light-blue-100: #00B3FF;
  --light-blue-50: #E7EEFF;
  --pink-50: #FDD4DF;
  --pink-100: #F6285F;
  --canvas-header: var(--primary-color);
}
/* 
@font-face {
  font-family: 'Gilroy';
  src: url(../../fonts/gilroy-extrabold.eot);
  src: url(../../fonts/gilroy-extraboldd41d.eot?#iefix) format("embedded-opentype"),
    url(../../fonts/gilroy-extrabold.woff2) format("woff2"),
    url(../../fonts/gilroy-extrabold.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
   src: url("../vendor/fonts/Gilroy-Bold.woff2") format("woff2"),
         url("../vendor/fonts/Gilroy-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../../fonts/inter-v3-latin-regular.woff2) format("woff2"),
    url(../../fonts/inter-v3-latin-regular.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../../fonts/inter-v3-latin-600.woff2) format("woff2"),
    url(../../fonts/inter-v3-latin-600.woff) format("woff");
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../../fonts/inter-v3-latin-700.woff2) format("woff2"),
    url(../../fonts/inter-v3-latin-700.woff) format("woff");
} */


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Gilroy, sans-serif !important;
  font-weight: 600;
}

.text-purple {
  color: var(--purple);
}

.text-300 {
  color: var(--gray-300);
}

.bg-purple {
  background-color: var(--purple) !important;
}

.bg-light-orange {
  background-color: rgb(255, 237, 209);
  color: var(--gray-900) !important;
}

.bg-glassy {
  background: rgba(255, 255, 255, 0.2);
  /* semi-transparent */
  backdrop-filter: blur(8px);
  /* blur effect */
  -webkit-backdrop-filter: blur(8px);
  ;
}

.bg-bluish {
  background: linear-gradient(to right, rgb(63, 81, 181), rgb(32, 147, 239));
}

.menu-horizontal .menu-item .menu-link {
  padding: 0.5rem 1rem;
  font-size: 18px;
  font-weight: 500;
}

.datatable-footer {
  padding: 10px 20px !important;
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active)>.menu-link:hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active)>.menu-link:hover {
  background: transparent !important;
  color: var(--primary-color) !important;
}

label {
  color: var(--gray-900);
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}

.text-main {
  color: var(--secondary-color);
  font-weight: 600 !important;
}

.gray-500 {
  color: var(--gray-500);
}

.bg-blue {
  background-color: var(--light-blue-100) !important;
}

.table-bg {
  /* background: #e2e2e2 !important; */
  background-color: var(--primary-color);
}

.table-bg tr>th {
  color: #fff;
}

.table_body_text tr>td> {
  font-size: 16px;
}

.light-style .menu .app-brand.demo {
  height: 64px;
}

.menuItemCustom li.menu-item a.menu-link {
  color: var(--gray-400) !important;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  /* width: 34px; */
  /* height: 24px; */
}

.app-brand-logo.demo svg {
  /* width: 35px; */
  /* height: 24px; */
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 72px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks>* {
  display: block !important;
}

.demo-inline-spacing>* {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing>* {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg>* {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl>* {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }

  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

.search-padding #form-wizard1 select {
  background: white;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

ul.nav.secondary-nav.alternate.justify-content-center {
  background: #fff !important;
  margin: 0 auto;
  max-width: fit-content;
  border-radius: 22px 22px 0 0;
  z-index: 9;
  position: relative;
}

.secondary-nav.nav.alternate .nav-item .nav-link.active {
  background-color: transparent;
  color: var(--secondary-color);
  border-bottom: 3px solid var(--secondary-color);
}

.rounded-22 {
  border-radius: 22px !important;
}

.btn-primary {
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
}

.bg-navbar-theme {
  background-color: #fff !important;
}

.secondary-nav.nav.alternate .nav-link {
  text-align: center;
}

.text-blue {
  color: var(--blue) !important;
}

.main-banner {
  height: 375px !important;
  width: 100% !important;
  background-blend-mode: color !important;
  background: url('/frontend-assets/images/flight_1.png'), rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.nav.secondary-nav.alternate.justify-content-center li.nav-item a.nav-link {
  color: var(--gray-400);
  min-width: 80px;
}

.nav.secondary-nav.alternate.justify-content-center li.nav-item a.nav-link.active {
  color: var(--secondary-color);
}

ul.nav.secondary-nav.alternate.justify-content-center li.nav-item a.nav-link i {
  font-size: 22px;
}

.search-padding {
  padding: 25px 20px;
}

.layout-navbar {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  height: 4.5rem !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--purple-light) !important;
  color: var(--gray-700) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--gray-200) !important;
  padding: 12px 10px !important;
}

.btn-primary:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.contentWrapper {
  position: relative;
}

.BottomWrapper {
  padding-top: 30px;
}

.BottomWrapper-2 {
  padding-top: 30px;
}

.BottomWrapper-3 {
  padding-top: 30px;
}

.main-search {
  margin-top: -185px;
  width: 100%;
}

.search-button button {
  margin-bottom: -47px;
  border-radius: 35px !important;
  font-size: 18px;
  padding: 10px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.font-11 {
  font-size: 11px;
}

.font-12 {
  font-size: 12px;
}

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

.font-14 {
  font-size: 14px;
}



.main-profile-icon {
  background-color: var(--primary-color);
  color: #fff !important;
  border: 1px solid var(--primary-color);
  display: flex;
}

.img-fit-navbar {
  font-size: 20px;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  line-height: 38px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layverstyle {
  border: 1px dashed var(--light-blue-100) !important;
  border-radius: 20px;
  position: absolute;
  top: -12px;
  font-weight: 500 !important;
  color: var(--light-blue-100);
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 230px;
}

.border-layover {
  border: 0.75px dashed var(--light-blue-100);
}

.dark-style .layverstyle {
  background: #323440;
}


.select2-container--default .select2-selection--single {
  height: 65px !important;
}

.select2-container--default:not([dir=rtl]) .select2-selection--single .select2-selection__rendered {
  line-height: 65px !important;
}

.datepicker table tr td.active {
  background-color: var(--secondary-color) !important;
}

.flight-line {
  border: 1px solid var(--gray-300);
  width: 100%;
}

.cardMore {
  display: flex;
  justify-content: end;
  background-color: #EFF3F6;
}

button#viewFaresbtn {
  background: transparent !important;
  text-align: center;
}

.simple-ul>li {
  color: var(--gray-900) !important;
}

.text-50 {
  color: var(--gray-50) !important;
}

.text-100 {
  color: var(--gray-100) !important;
}

.text-200 {
  color: var(--gray-200) !important;
}

.text-300 {
  color: var(--gray-300) !important;
}

.text-400 {
  color: var(--gray-400) !important;
}

.text-500 {
  color: var(--gray-500) !important;
}

.text-600 {
  color: var(--gray-800) !important;
}

.text-700 {
  color: var(--gray-700) !important;
}

.text-800 {
  color: var(--gray-800) !important;
}

.text-900 {
  color: var(--gray-900) !important;
}

.text-error {
  color: var(--error) !important;
}

.bg-50 {
  background-color: var(--gray-50) !important;
}

.bg-100 {
  background-color: var(--gray-100) !important;
}

.bg-200 {
  background-color: var(--gray-200) !important;
}

.bg-300 {
  background-color: var(--gray-300) !important;
}

.bg-400 {
  background-color: var(--gray-400) !important;
}

.bg-500 {
  background-color: var(--gray-500) !important;
}

.bg-600 {
  background-color: var(--gray-800) !important;
}

.bg-700 {
  background-color: var(--gray-700) !important;
}

.bg-800 {
  background-color: var(--gray-800) !important;
}

.bg-900 {
  background-color: var(--gray-900) !important;
}

button#viewFaresbtn:hover {
  background: transparent !important;
  box-shadow: none;
}

.color-blue {
  color: var(--blue);
}

.card-custom {
  padding: 20px 20px 0 20px !important;
}

.border-15 {
  border-radius: 15px !important;
}

.main-text {
  color: var(--secondary-color);
  font-weight: 600;
}

.time-font {
  font-weight: 600;
  color: var(--gray-900);
}

.btn-Time-filter {
  background-color: transparent !important;
  border: 1px solid var(--gray-200);
  display: flex;
  flex-direction: column;
  font-size: 10px;
  font-weight: 700;
  padding: 10px 4px !important;
}

.btn-Time-filter i {
  font-size: 22px;
  margin-bottom: 8px;
  color: var(--gray-300);
}

button.btn.btn-Time-filter.w-100.time-filter.btn-primary {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: var(--gray-50) !important;
}

button.btn.btn-Time-filter.w-100.time-filter.btn-primary i {
  color: var(--primary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

.airline-name {
  font-weight: 600;
  font-size: 16px;
  color: var(--gray-900);
}

.fare-breakdown-header {
  color: var(--gray-900);
  font-weight: 600 !important;
}



.preview-card-side .card {
  border-radius: 15px !important;
  padding: 5px 10px;
}

.airline-space {
  display: flex;
  gap: 5px;
}

.airline-space img {
  width: 42px;
}

.airline-space p {
  line-height: 22px;
}

.bg-table-head {
  background-color: var(--gray-50);
}

.flex-fare-container {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  margin: 0px !important;
  padding: 10px !important;
  border: 1px solid var(--gray-200);
  border-radius: 5px;
}

.fare-card-custom {
  box-shadow: none !important;
  border: 1px solid var(--gray-100);
}

.table {
  color: rgb(26, 26, 26) !important;
}

.badge-refund {
  background: linear-gradient(to right, rgb(245, 81, 95), rgb(159, 4, 4)) !important;
}

.logo-img {
  width: 130px;
}

table tr>th {
  font-weight: 600;
}

.bg-custom {
  background-color: var(--secondary-color);
}

.flight-path {
  flex-direction: column;
}

.imgFitHotel {
  width: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
  height: 15.2rem;
  transition: opacity 0.5s ease-in-out;
}

h4.time-font a {
  font-size: 18px !important;
  line-height: normal !important;
}

/* .rateHotel {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
} */
.bg-light-danger {
  background-color: rgb(253, 226, 226);
}
.bg-light-info{
  background-color: #E8F3FF;
}
.bg-light-warning{
  background-color: #FFE9B7;
}
.bg-light-success{
  background-color: #E5FDF3;
}


input:focus {
  box-shadow: none;
  outline: none;
}

.text-align-dropping {
  vertical-align: baseline;
}


/* hotel card design */
.card-clean {
  border-radius: 1rem;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

.info-label {
  font-weight: 500;
  color: #333;
  font-size: 0.9rem;
}

.info-value {
  font-weight: 600;
  font-size: 1rem;
  color: #000;
}

.highlight-card {
  background-color: #ffe8e8;
  border-left: 5px solid #dc3545;
  border-radius: 0.75rem;
}

.highlight-card h6 {
  font-size: 0.95rem;
}

.price-tag {
  font-size: 1.25rem;
  font-weight: 700;
}

.offer-badge {
  font-weight: 600;
  color: #28a745;
}

.invoice-card {
  border-radius: 1rem;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

.invoice-label {
  font-weight: 500;
  font-size: 0.95rem;
  color: var(--gray-900);
}

.invoice-value {
  font-weight: 600;
  font-size: 1rem;
  color: #111;
}

.total-box {
  background-color: #f1f3f5;
  padding: 1rem;
  font-weight: 700;
  font-size: 1.15rem;
  color: #111;
  border-radius: 0.5rem;
}

.note-text {
  font-size: 0.85rem;
  color: var(--gray-800);
}

.text-small-muted {
  font-size: 0.8rem;
  color: #888;
}

/* Circle Dashboard CSS */
.circular-thin {
  position: relative;
  width: 60px;
  height: 60px;
  --radius: 26;
  --circumference: calc(2 * 3.1416 * var(--radius));
  --percent: 65;
}

.progress-ring-bg,
.progress-ring-bar {
  fill: none;
  stroke-width: 4;
  cx: 30;
  cy: 30;
  r: var(--radius);
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke-dasharray: var(--circumference);
}

.progress-ring-bg {
  stroke: #e6e6e6;
}

.progress-ring-bar {
  stroke: #0d6efd;
  stroke-dashoffset: calc(var(--circumference) - (var(--circumference) * var(--percent) / 100));
  transition: stroke-dashoffset 0.4s ease;
}

.progress-ring-bar.danger {
  stroke: var(--error);
}

.progress-ring-bar.success {
  stroke: var(--success);
}

.progress-ring-bar.blue {
  stroke: var(--blue);
}

.badge_booking {
  padding: 16px;
  border-radius: 50% !important;
}


.radioShow:has(input:checked) {
  background-color: #fffdee;
}

.bottomFixedCard {
  background: linear-gradient(#1C1F26, #353D4B) !important;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
}

.LH-16 {
  line-height: 18px;
  font-weight: 500 !important;
}

.border_right {
  border-right: 2px solid #fff;
}

.bg-light-blue {
  background-color: var(--canvas-header);
}

.card-img-top {
  max-height: 200px;
}

/* Utility CSS starts */
#utilityTabs {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

#utilityTabs .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  width: 190px;
  border: 1px solid #efefff;
  border-radius: 12px;
  font-weight: 500;
  color: var(--gray-900);
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  font-size: 12px !important;
}

.secondary-nav.nav#utilityTabs .nav-link span {
  font-size: 18px !important;
  margin-bottom: 0 !important;
}

#utilityTabs .nav-item .nav-link.active,
#utilityTabs .nav-item .nav-link:hover {
  background-color: var(--gray-50);
  border-color: #efefff;
}

#utilityTabs .nav-item .nav-link.active span i {
  background-color: var(--primary-color);
  color: #fff;
}

#utilityTabs .nav-item .nav-link span {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-grow: 1;
}

#utilityTabs .nav-item .nav-link span i {
  background-color: var(--gray-50);
  color: var(--primary-color);
  padding: 10px;
  border-radius: 50%;
  font-size: 18px;
}

.holiday-height {
  height: 400px;
}

ul.nav.nav-pills.my-4.holiday-tab {
  display: flex;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.nav-link {
  color: var(--gray-300);
  font-weight: 400 !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 var(--primary-color) inset;
  color: var(--primary-color) !important;
  font-weight: 600;
}

.SSR-content {
  padding: 0 10px 10px 10px !important;
}

.SSR_TBL tr th {
  font-weight: 900;
}

.mobile_round_view {
  padding: 15px !important;
}

.SSR-items-section {
  overflow: auto !important;
}

.SSR-items-section::-webkit-scrollbar {
  display: none !important;
}

@media only screen and (max-width:1200px) {
  aside#layout-menu {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width:1023.99px) {

  ul.nav.nav-pills.my-4.holiday-tab::-webkit-scrollbar {
    display: none;
  }

  .holiday-height {
    height: 300px;
  }

  .offcanvas {
    width: 60% !important;
  }

  .small-fare {
    padding: 0.5rem 0.8rem !important;
  }

  ul.nav.secondary-nav.alternate.justify-content-center {
    max-width: 768px;
    justify-content: start !important;
    padding: 15px 10px;
  }

  .airline-space {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  ul.nav.secondary-nav.alternate.justify-content-center::-webkit-scrollbar {
    display: none !important;
  }

  .upper-seat-row {
    width: 400px;
  }

  h5.textHighLight {
    font-size: 14px;
    line-height: 18px;
  }

  .fs-20 {
    font-size: 16px !important;
  }
    .seat-section {
    display: flex;
    align-items: center;
    width: 100%;
    overflow-x: scroll;
  }


  .seat-section::-webkit-scrollbar {
    display: none;
  }
}

@media only screen and (max-width:991.99px) {
  aside#layout-menu {
    display: flex !important;
    margin-top: 0 !important;
    align-items: center !important;
  }

  ul.menu-inner.pb-2.pb-xl-0.menuItemCustom {
    overflow-x: auto !important;
  }

  ul.menu-inner.pb-2.pb-xl-0.menuItemCustom::-webkit-scrollbar {
    display: none !important;
  }

  .offcanvas-body #mobileFilterShow .view_desktop {
    display: block !important;
    box-shadow: none !important;
    border: none !important;
  }

  .offcanvas-body .view-none-mobile {
    display: none !important;
  }

  .mobile_round_trip {
    --bs-gutter-x: 0 !important
  }

  .m-none {
    margin: 0 !important;
  }

  .mobile_start_round {
    text-align: start !important;
  }

  .mobile_border_round {
    border-right: 2px solid var(--gray-200);
  }

  .mobile_view_col,
  .mobile_round_tab {
    padding: 10px 0 !important;
  }

  .card-footer.mb-0.mt-2.pb-1.cardMore {
    padding: 0 10px;
  }

  .mobile_round_custom,
  .mobile_round_view {
    padding: 10px !important;
  }

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

  .fs-sm-14 {
    font-size: 14px !important;
  }

  .fs-sm-12 {
    font-size: 12px !important;
  }

  .tab-content-sm {
    padding: 10px !important;
  }

  .departureRoundTrip {
    padding: 10px !important;
  }

  .mobile_mb_0 {
    margin-bottom: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .preview-card-body .nav-tabs::-webkit-scrollbar {
    display: none;
  }

  .logo-img {
    width: 100px;
  }

  ul.nav.secondary-nav.alternate.justify-content-center {
    border-radius: 15px 15px 0 0;
    justify-content: start !important;
  }

  .bg-white.shadow-md.rounded-22.search-padding {
    border-radius: 0 0 15px 15px !important;
  }

  ul.nav.secondary-nav.alternate.justify-content-center::-webkit-scrollbar {
    display: none !important;
  }


  .search-button button {
    border-radius: 35px !important;
    font-size: 18px;
  }


}

@media only screen and (max-width:767.99px) {
  ul.list-unstyled.required-docs.mb-3 {
    flex-wrap: wrap !important;
  }

  .imgFitHotel {
    height: 10rem;
  }

  .form-control:not(.form-control-sm) {
    padding: 0.765rem .96rem !important;
    height: inherit;
  }

  .select2-container--default:not([dir=rtl]) .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
  }

  .select2-container--default .select2-selection--single {
    height: 45px !important;
  }

  .mobilefilter {
    display: none;
  }

  .main-search {
    top: -238px;
  }

.layverstyle {
    max-width: 200px;
}

  .offcanvas {
    width: 100% !important;
  }

  .mobile_round_button {
    font-size: 15px !important;
  }
}

@media only screen and (max-width:574.99px) {
  .holiday-height {
    height: auto;
  }


  .mobileorder-1 {
    order: 1;
  }

  .mobileorder-2 {
    order: 2;
  }

  .airline-space {
    display: flex;
    flex-direction: row;
    gap: 4px;
  }

  .mobile_round_button {
    font-size: 13px !important;
  }
}

@media only screen and (max-width:359.99px) {

  .mobile-sm-order-1 {
    order: 1;
  }

  .mobile-sm-order-2 {
    order: 2;
  }

  .mobile-sm-order-3 {
    order: 3;
  }

  .w-sm-100 {
    width: 100%;
  }

  .w-sm-50 {
    width: 50%;
  }

  button#viewFaresbtn {
    padding: 0 10px 5px 10px;
  }

  h4.card-title.fs-4.time-font {
    font-size: 14px !important;
  }

  span.flight-info-text.text-blue {
    font-size: 14px;
  }

  .btn-sm {
    padding: 0.5rem 0.8rem !important;
  }

  span#refundable-span {
    font-size: 10px;
  }

  .search-padding {
    padding: 20px 20px;
  }

  .nav.secondary-nav.alternate.justify-content-center li.nav-item a.nav-link {
    min-width: 50px;
  }

  .col-lg-6.col-md-12.col-12.text-center.mt-5 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
  }

  .nav .nav-item,
  .nav .nav-link,
  .tab-pane,
  .tab-pane .card-body {
    /* padding: 8px !important; */
  }
}



.datatable-scroll table tbody>tr>td {
  white-space: nowrap;
}

.filter-css {
  padding: 0 !important;
  border: none !important;
}

input[type="checkbox" i] {
  accent-color: var(--primary-color);
}

.bus-type-btn {
  border-radius: 25px;
  border: 1px solid var(--gray-300);
  padding: 6px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}

.bus-type-btn:hover {
  background-color: #e7e7ea !important;
  border-color: #e7e7ea !important;
}

.bus-type-btn.active,
.bus-type-btn:hover {
  background-color: var(--gray-300);
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.bus-type-btn i {
  font-size: 16px;
}