/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/styles/main.scss ***!
  \*******************************************************************************************************************************************/
:root {
  --SearchBackground: #eeeeee;
  --main-primary-branding: #005279;
  --main-secondary-color: #C92027;
  --main-primary-Color: #498128;
  --main-primary-Black: #000000;
  --main-primary-white: #ffffff;
  --main-primary-Button: #498128;
  --Button-Text-Color: #ffffff;
  --Heading-Color: var(--main-primary-branding);
  --secondary-Light-Yellow:#FFF3CD;
  /* RGB values */
  --main-primary-deep-blue-rgb: 0, 82, 121;
  --main-primary-red-color-rgb: 201, 32, 39;
  --main-primary-green-rgb: 73, 129, 40;
  --main-primary-Black-rgb: 0, 0, 0;
  --main-primary-white-rgb: 255, 255, 255;
  --main-primary-green-yellow-rgb: 245, 252, 239;
  /* Opacity variations */
  --primary-deep-blue-opacity-10: rgba(var(--main-primary-deep-blue-rgb), 0.1);
  --primary-deep-blue-opacity-20: rgba(var(--main-primary-deep-blue-rgb), 0.2);
  --primary-deep-blue-opacity-30: rgba(var(--main-primary-deep-blue-rgb), 0.3);
  --primary-deep-blue-opacity-70: rgba(var(--main-primary-deep-blue-rgb), 0.7);
  --primary-deep-blue-opacity-80: rgba(var(--main-primary-deep-blue-rgb), 0.8);
  --primary-deep-blue-opacity-90: rgba(var(--main-primary-deep-blue-rgb), 0.9);
  --primary-red-color-opacity-10: rgba(var(--main-primary-red-color-rgb), 0.1);
  --primary-red-color-opacity-20: rgba(var(--main-primary-red-color-rgb), 0.2);
  --primary-red-color-opacity-30: rgba(var(--main-primary-red-color-rgb), 0.3);
  --primary-green-opacity-10: rgba(var(--main-primary-green-rgb), 0.1);
  --primary-green-opacity-20: rgba(var(--main-primary-green-rgb), 0.2);
  --primary-green-opacity-30: rgba(var(--main-primary-green-rgb), 0.3);
  --primary-Black-opacity-10: rgba(var(--main-primary-Black-rgb), 0.1);
  --primary-Black-opacity-20: rgba(var(--main-primary-Black-rgb), 0.2);
  --primary-Black-opacity-30: rgba(var(--main-primary-Black-rgb), 0.3);
  --primary-Black-opacity-40: rgba(var(--main-primary-Black-rgb), 0.4);
  --primary-Black-opacity-50: rgba(var(--main-primary-Black-rgb), 0.5);
  --primary-Black-opacity-60: rgba(var(--main-primary-Black-rgb), 0.6);
  --primary-Black-opacity-70: rgba(var(--main-primary-Black-rgb), 0.7);
  --primary-Black-opacity-80: rgba(var(--main-primary-Black-rgb), 0.8);
  --primary-Black-opacity-90: rgba(var(--main-primary-Black-rgb), 0.9);
  --primary-green-yellow-opacity-10: rgba(var(--main-primary-green-yellow-rgb), 0.1);
  --primary-green-yellow-opacity-20: rgba(var(--main-primary-green-yellow-rgb), 0.2);
  --primary-green-yellow-opacity-30: rgba(var(--main-primary-green-yellow-rgb), 0.3);
  --primary-green-yellow-opacity-40: rgba(var(--main-primary-green-yellow-rgb), 0.4);
  --primary-green-yellow-opacity-50: rgba(var(--main-primary-green-yellow-rgb), 0.5);
  --primary-green-yellow-opacity-60: rgba(var(--main-primary-green-yellow-rgb), 0.6);
  --primary-green-yellow-opacity-70: rgba(var(--main-primary-green-yellow-rgb), 0.7);
  --primary-green-yellow-opacity-80: rgba(var(--main-primary-green-yellow-rgb), 0.8);
  --primary-green-yellow-opacity-90: rgba(var(--main-primary-green-yellow-rgb), 0.9);
  --primary-green-yellow-opacity-100: rgba(var(--main-primary-green-yellow-rgb), 1.0);
  --anchor-links: var(--primary-deep-blue-opacity-90);
  --primary-Black: var(--main-primary-Black);
  --primary-deep-blue: var(--main-primary-branding);
  --primary-green: var(--main-primary-Color);
  --primary-red-color: var(--main-secondary-color);
  --neutral-white: var(--main-primary-white);
  --Pink-Lemonade: var(--primary-red-color-opacity-10);
  --secondary-medium-grey: var(--primary-Black-opacity-10);
  --secondary-Light-pink: var(--primary-red-color-opacity-10);
  --secondary-blue: var(--primary-deep-blue-opacity-90);
  --secondary-medium-blue: var(--primary-deep-blue-opacity-10);
  --secondary-light-blue: var(--primary-deep-blue-opacity-20);
  --secondary-light-green: var(--primary-green-opacity-10);
  --secondary-yellow: var(--primary-red-color-opacity-20);
  --secondary-light-grey: var(--primary-Black-opacity-10);
  --lightBlack: var(--primary-Black-opacity-70);
  --softGreyColor: var(--primary-Black-opacity-50);
  --site-background-grey: var(--primary-Black-opacity-90);
  --secondary-light-green-yellow: var(--primary-green-yellow-opacity-100)
  --lightGrey: var(--primary-Black-opacity-50);
  --midnight-Black: var(--primary-Black-opacity-20);
  --primaryStartEndDate: var(--primary-deep-blue-opacity-90);
  --secondaryStartEndDate: var(--primary-deep-blue-opacity-70);
  --dateValColor: var(--primary-Black-opacity-80);
  --dateDayColor: var(--primary-Black-opacity-30);
  --tableHeader:rgb(204 220 228);
  --tooltipBgColor:#F1F9FE;
  --neutral-Black:#333333;
  --fontSize-32: 2rem;
  --fontSize-28: 1.75rem;
  --fontSize-24: 1.5rem;
  --fontSize-22: 1.375rem;
  --fontSize-20: 1.25rem;
  --fontSize-18: 1.125rem;
  --fontSize-16: 1rem;
  --fontSize-14: 0.875rem;
  --fontSize-12: 0.75rem;
  --fontSize-10: 0.625rem;
  --fontSize-12px: 0.75rem;
  --fontSize-14px: 0.875rem;
  --fontSize-16px: 1rem;
  --fontSize-20px: 1.25rem;
  --fontSize-30px: 1.875rem;
}

/* Recalculated font-sizes for md screen (base 13px) */
/* Formula: desired_px / 13 to maintain visual consistency */
@media screen and (max-width: 768px) {
  :root {
    --fontSize-32: 2.462rem; /* 32/13 */
    --fontSize-28: 2.154rem; /* 28/13 */
    --fontSize-24: 1.846rem; /* 24/13 */
    --fontSize-22: 1.692rem; /* 22/13 */
    --fontSize-20: 1.538rem; /* 20/13 */
    --fontSize-18: 1.385rem; /* 18/13 */
    --fontSize-16: 1.231rem; /* 16/13 */
    --fontSize-14: 1.077rem; /* 14/13 */
    --fontSize-12: 0.923rem; /* 12/13 */
    --fontSize-10: 0.769rem; /* 10/13 */
    --fontSize-12px: 0.923rem; /* 12/13 */
    --fontSize-14px: 1.077rem; /* 14/13 */
    --fontSize-16px: 1.231rem; /* 16/13 */
    --fontSize-20px: 1.538rem; /* 20/13 */
    --fontSize-30px: 2.308rem; /* 30/13 */
  }
}
/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./gigi-component-library/dist/styles/gigi-component-library.css ***!
  \*****************************************************************************************************************/
html,
body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body.up-body-noscroll {
  position: unset !important;
}

@font-face {
  font-family: "Gibson";
  src: url(9be9df307d77eb99361a.woff) format("woff"), url(9be9df307d77eb99361a.woff) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* You can add more weights or styles if needed */
* {
  font-family: "Gibson", sans-serif !important;
}

.rdrCalendarWrapper {
  padding-top: 22px;
}
.rdrCalendarWrapper .rdrPprevButton,
.rdrCalendarWrapper .rdrNextButton {
  border: 1px solid #e4e7e7;
  background-color: var(--main-primary-white);
  color: var(--softGreyColor);
  border-radius: 0 !important;
  height: 39px;
  width: 33px;
  margin-right: 0.833em;
}
.rdrCalendarWrapper .rdrNextButton i {
  -webkit-transform: translate(6px);
          transform: translate(6px);
}
.rdrCalendarWrapper .rdrDateDisplayWrapper {
  display: none;
}
.rdrCalendarWrapper .rdrMonthAndYearWrapper {
  position: absolute;
  top: 10px;
  width: 100%;
  min-height: 40px;
  min-height: 2.5rem;
}
.rdrCalendarWrapper .rdrMonthAndYearPickers {
  display: none !important;
}
.rdrCalendarWrapper .rdrDayNumber span {
  color: var(--dateValColor);
  font-weight: 700;
  font-size: var(--fontSize-13);
  display: block;
  line-height: 44px;
}
.rdrCalendarWrapper .rdrDayNumber {
  height: 44px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 0.3px solid #e4e7e7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rdrCalendarWrapper .rdrDayDisabled {
  opacity: 0.4;
  cursor: default;
}
.rdrCalendarWrapper .rdrDayPassive {
  opacity: 0;
  cursor: default;
}
.rdrCalendarWrapper .rdrDay {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  font-size: var(--fontSize-14) !important;
  text-align: center;
  border: none !important;
  height: 44px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  position: relative; /* containing block for absolute range placeholders and day number */
}
.rdrCalendarWrapper .rdrStartEdge,
.rdrCalendarWrapper .rdrInRange,
.rdrCalendarWrapper .rdrEndEdge,
.rdrCalendarWrapper .rdrDayEndOfWeek .rdrInRange,
.rdrCalendarWrapper .rdrDayStartOfWeek .rdrInRange {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 0 !important;
  height: auto !important;
}
.rdrCalendarWrapper .rdrMonthName {
  display: block !important;
  visibility: visible !important;
  padding: 0.5em 0;
  font-size: var(--fontSize-18);
  font-weight: 700;
  color: var(--lightBlack) !important;
  line-height: 1.4;
  min-height: 1.5em;
  opacity: 1 !important;
  text-align: center;
}
.rdrCalendarWrapper .rdrMonth {
  overflow: visible;
}
.rdrCalendarWrapper .rdrDayInPreview,
.rdrCalendarWrapper .rdrDayStartPreview.rdrDayEndPreview {
  border-radius: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
.rdrCalendarWrapper .rdrDayStartPreview,
.rdrCalendarWrapper .rdrDayEndPreview {
  border-radius: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
.rdrCalendarWrapper .rdrEndEdge,
.rdrCalendarWrapper .rdrStartEdge {
  border-radius: 0 !important;
  background-color: var(--primaryStartEndDate) !important;
  color: var(--main-primary-white) !important;
  right: 0 !important;
}
.rdrCalendarWrapper .rdrInRange {
  background-color: var(--secondaryStartEndDate) !important;
}
.rdrCalendarWrapper .rdrInRange .rdrDayNumber span,
.rdrCalendarWrapper .rdrStartEdge .rdrDayNumber span,
.rdrCalendarWrapper .rdrEndEdge .rdrDayNumber span {
  color: var(--main-primary-white) !important;
}
.rdrCalendarWrapper .rdrDayDisabled .rdrDayNumber span,
.rdrCalendarWrapper .rdrDayPassive .rdrDayNumber span {
  color: var(--softGreyColor) !important;
}
.rdrCalendarWrapper .rdrDateRangeWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rdrCalendarWrapper .rdrDayToday .rdrDayNumber span::after {
  display: none !important;
}

.DateRangepicker-desktopBody {
  /* Keep calendar full-width; we'll align arrow/footer with margins instead */
  padding: 8px 0 12px;
}

.DateRangepicker-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 8px;
  padding-right: 0.833em;
}

.DateRangepicker-doneBtn {
  min-width: 96px;
  height: 36px;
  text-transform: none !important;
  font-size: var(--fontSize-14) !important;
}

.DateRangepicker-clearBtn,
.DateRangepicker-clearBtnMobile {
  text-transform: none !important;
  font-size: var(--fontSize-14) !important;
}

.DateRangepicker-clearBtn {
  margin-right: 8px;
}

/* Lower Amazon Connect chat widget so date picker sits on top */
[class*=acWidgetContainer],
#amazon-connect-open-widget-button {
  z-index: 9999 !important;
}

/* Ensure date popover always sits above floating widgets (e.g. chat icon) */
.DateRangepicker-popover {
  z-index: 1000000001 !important;
}

.rdrMonths.rdrMonthsVertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rdrDateRangeWrapper.rangeValueNotSelected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rangeValueNotSelected .rdrInRange {
  background-color: transparent !important;
  color: var(--main-primary-Black) !important;
}
.rangeValueNotSelected .rdrDayNumber span {
  color: var(--main-primary-Black) !important;
}

@media screen and (max-width: 768px) {
  .DateRangepicker-dialog {
    background: var(--main-primary-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* Ensure mobile full-screen calendar always overlays chat widgets, etc. */
    z-index: 1000000001;
  }
  .DateRangepicker-dialogInner {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: var(--main-primary-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .DateRangepicker-dialogHeader {
    position: sticky;
    top: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 12px;
    background: var(--main-primary-white);
    border-bottom: 1px solid #e4e7e7;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .DateRangepicker-dialogBody {
    height: calc(100vh - 57px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    scrollbar-gutter: stable;
  }
  .DateRangepicker-dialogBody .rdrDateRangeWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .DateRangepicker-dialogBody .rdrMonths {
    max-height: none;
    height: auto;
    overflow: visible;
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;
  }
  .DateRangepicker-dialogBody .DateRangepicker-dialogFooter {
    position: sticky;
    bottom: 0;
    margin-top: 12px;
    padding: 12px;
    background: var(--main-primary-white);
    border-top: 1px solid #e4e7e7;
  }
  .DateRangepicker-dialogBody .DateRangepicker-dialogFooter .DateRangepicker-doneBtn {
    width: 100%;
  }
  .DateRangepicker-popover {
    max-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
    overflow: visible !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .DateRangepicker-popover .rdrCalendarWrapper {
    padding-top: 12px;
    max-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .DateRangepicker-popover .rdrCalendarWrapper .rdrMonthAndYearPickers {
    display: none !important;
  }
  .DateRangepicker-popover .rdrCalendarWrapper .rdrMonthAndYearWrapper {
    position: relative;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    width: 100%;
  }
  .DateRangepicker-popover .rdrDateRangeWrapper,
  .DateRangepicker-popover .rdrCalendarWrapper {
    max-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .DateRangepicker-popover .rdrMonths {
    max-width: 100%;
    width: 100%;
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: y proximity;
        scroll-snap-type: y proximity;
    scrollbar-gutter: stable;
  }
  .DateRangepicker-popover .rdrMonths .rdrMonth {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }
  .DateRangepicker-popover .rdrMonthName {
    display: none !important;
  }
  .DateRangepicker-popover .rdrMonth {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rdrMonthName {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .DateRangepicker-popover {
    max-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
    overflow: visible !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .DateRangepicker-popover .rdrCalendarWrapper {
    padding-top: 12px;
    max-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .DateRangepicker-popover .rdrCalendarWrapper .rdrMonthAndYearPickers {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 700;
    font-size: var(--fontSize-16);
    color: var(--lightBlack);
  }
  .DateRangepicker-popover .rdrCalendarWrapper .rdrMonthAndYearWrapper {
    position: relative;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    width: 100%;
  }
  .DateRangepicker-popover .rdrDateRangeWrapper,
  .DateRangepicker-popover .rdrCalendarWrapper {
    max-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .DateRangepicker-popover .rdrMonths {
    max-width: 100%;
    width: 100%;
  }
  .DateRangepicker-popover .rdrMonth {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.alert_main .alert_header {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137);
  border-radius: 26px !important;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}
.alert_main .alert_header .alert_icon {
  width: 35px;
  height: 35px;
  position: absolute;
  left: -2px;
  top: -3px;
}
.alert_main .alert_header #toaster-modal-description {
  margin: 3px 24px 3px 40px;
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
  font-weight: 500;
}
.alert_main .alert_body {
  text-align: center;
}
.alert_main .alert_body .alert_content {
  margin: 27.2px 0;
  margin: 1.7rem 0;
  font-size: var(--fontSize-16);
}
.alert_main .alert_btn {
  border-radius: 5px !important;
  width: 151px;
  height: 32px;
  border: 1px solid var(--main-primary-branding);
  color: var(--main-primary-branding);
  text-transform: capitalize;
}

.warning .alert_header {
  background: var(--secondary-Light-pink);
}
.warning .alert_btn {
  border-color: var(--main-primary-branding);
  color: var(--main-primary-branding);
}

.danger .alert_header {
  background: var(--Pink-Lemonade);
}
.danger .alert_btn {
  border-color: var(--main-secondary-color);
  background-color: var(--main-secondary-color);
  color: var(--main-primary-white);
}

.Primary .alert_header {
  background: var(--secondary-light-blue);
}
.Primary .alert_btn {
  border-color: var(--main-primary-branding);
  background-color: var(--main-primary-branding);
  color: var(--main-primary-white);
}

.Success .alert_header {
  background: var(--main-primary-Color);
}
.Success .alert_btn {
  border-color: var(--main-primary-Button);
  background-color: var(--main-primary-Button);
  color: var(--Button-Text-Color);
}

.setFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.setSpaceBetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.setAligCenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.langFilterSection {
  position: relative;
  width: 100%;
}
.langFilterSection .langFiltter {
  position: absolute;
  right: 4%;
  top: -130px;
  border: 1px solid #DDDDDD;
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
  height: 25px;
}
.langFilterSection .MuiOutlinedInput-notchedOutline {
  border: 0;
}
.langFilterSection .MuiSelect-select {
  text-transform: uppercase;
}

.searchResults_travelDeals {
  background: var(--secondary-light-blue);
  border: 1px solid var(--secondary-medium-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 20px 16px;
  padding: 1.25rem 1rem;
  border-radius: 5px !important;
  margin: 16px 0;
  margin: 1rem 0;
}
.searchResults_travelDeals .travelDeals_title {
  font-size: var(--fontSize-16);
  font-weight: 600;
}
.searchResults_travelDeals .travelDeals_email {
  background: var(--main-primary-white);
  border-radius: 5px !important;
  height: 40px;
}
.searchResults_travelDeals .travelDeals_email .MuiInputBase-input {
  padding: 8px;
}
.searchResults_travelDeals .travelDeals_email fieldset {
  border: none;
}
.searchResults_travelDeals .travelDeals_Btn {
  background: var(--main-primary-Button);
  color: var(--Button-Text-Color);
  margin-left: 16px;
  margin-left: 1rem;
  font-size: var(--fontSize-16);
  text-transform: capitalize;
  font-weight: 500;
}
.searchResults_travelDeals .travelDeals_Btn svg {
  margin-left: 10.4px;
  margin-left: 0.65rem;
}

.searchResults_Coverage {
  background: transparent;
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.searchResults_Coverage .travelDeals_title {
  font-size: var(--fontSize-16);
  color: var(--neutral-Black);
}
.searchResults_Coverage #insurance-province {
  border-radius: 10px;
  padding: 10px;
  border-color: #ddd;
}

.MuiSlider-root.MuiSlider-root .MuiSlider-valueLabelCircle {
  width: 40px;
}
.MuiSlider-root.MuiSlider-root .MuiSlider-track {
  background-color: var(--main-primary-branding);
}
.MuiSlider-root.MuiSlider-root .MuiSlider-thumb {
  border: 1px solid var(--main-primary-branding);
}
.MuiSlider-root.MuiSlider-root .MuiSlider-valueLabel {
  color: var(--main-primary-branding);
}

.searchResultsList {
  margin-top: 32px;
  margin-top: 2rem;
}
.searchResultsList .searchResults_MainTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
  display: inline;
}
.searchResultsList .serachRes_TopTitleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.searchResultsList .serachRes_TopTitleBox .searchWidget_SortBtn .MuiSelect-select {
  padding: 8px;
  padding-right: 30px;
  font-size: var(--fontSize-14);
}
.searchResultsList .serachRes_TopTitleBox .searchRes_BestTitle {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  font-weight: 600;
  margin-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .serachRes_TopTitleBox .searchRes_BestTitle svg {
  width: 24px;
  height: 24px;
  margin-left: 12px;
}
.searchResultsList .searchRes_RecomBtn {
  text-transform: capitalize;
  font-size: var(--fontSize-16);
  color: var(--main-primary-branding);
  border: 1px solid var(--secondary-medium-grey);
  padding: 8px 12px;
  font-weight: 600;
}
.searchResultsList .searchRes_RecomBtn svg {
  margin-left: 8px;
  color: var(--main-primary-branding);
}
.searchResultsList .searchResult_NoResult {
  text-align: center;
  height: 120px;
}
.searchResultsList .searchResultscard,
.searchResultsList .searchResult_NoResult {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 5px !important;
  padding: 16px 24px 0;
  padding: 1rem 1.5rem 0;
  margin-bottom: 16px;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 5px var(--secondary-medium-grey);
          box-shadow: 0 5px 5px var(--secondary-medium-grey);
}
.searchResultsList .searchResultscard .serchReu_TopSection,
.searchResultsList .searchResult_NoResult .serchReu_TopSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .serchReu_TopSection .searchRes__mid,
.searchResultsList .searchResult_NoResult .serchReu_TopSection .searchRes__mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .serchReu_innerCard,
.searchResultsList .searchResult_NoResult .serchReu_innerCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .serchReu_innerCard .serchReu_innerDetails,
.searchResultsList .searchResult_NoResult .serchReu_innerCard .serchReu_innerDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .serRes_sideBox,
.searchResultsList .searchResult_NoResult .serRes_sideBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .searchResults_iconBox,
.searchResultsList .searchResult_NoResult .searchResults_iconBox {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
.searchResultsList .searchResultscard .searchResults_iconBox .searchResults_Icon,
.searchResultsList .searchResult_NoResult .searchResults_iconBox .searchResults_Icon {
  width: 100%;
  height: auto;
}
.searchResultsList .searchResultscard .searchResults_Price,
.searchResultsList .searchResult_NoResult .searchResults_Price {
  font-size: var(--fontSize-20);
  font-weight: 700;
  color: var(--anchor-links);
  margin-top: 10px;
}
.searchResultsList .searchResultscard .searchResults_layOverTime,
.searchResultsList .searchResult_NoResult .searchResults_layOverTime {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
}
.searchResultsList .searchResultscard .searchResults__operated,
.searchResultsList .searchResult_NoResult .searchResults__operated {
  font-size: var(--fontSize-14) !important;
  font-weight: 400;
  color: var(--lightBlack);
}
.searchResultsList .searchResultscard .serReuslt_from,
.searchResultsList .searchResult_NoResult .serReuslt_from {
  font-size: var(--fontSize-12);
  color: var(--secondary-blue);
  font-weight: 500;
}
.searchResultsList .searchResultscard .serReuslt_from svg,
.searchResultsList .searchResult_NoResult .serReuslt_from svg {
  font-size: var(--fontSize-16px);
  position: relative;
  bottom: -4px;
}
.searchResultsList .searchResultscard .serResult-seatInfo,
.searchResultsList .searchResult_NoResult .serResult-seatInfo {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
}
.searchResultsList .searchResultscard .serResult-seatFlight,
.searchResultsList .searchResult_NoResult .serResult-seatFlight {
  color: var(--anchor-links);
  text-decoration: underline;
  font-size: var(--fontSize-14);
}
.searchResultsList .searchResultscard .serResult-seatRed,
.searchResultsList .searchResult_NoResult .serResult-seatRed {
  color: var(--main-secondary-color);
}
.searchResultsList .searchResultscard .serRust__tirpType,
.searchResultsList .searchResult_NoResult .serRust__tirpType {
  font-size: var(--fontSize-12);
  color: var(--softGreyColor);
}
.searchResultsList .searchResultscard .searchResultsClass,
.searchResultsList .searchResult_NoResult .searchResultsClass {
  background: var(--secondary-Light-Yellow);
  border-radius: 5px !important;
  padding: 4px 8px;
  font-weight: 500;
  font-size: var(--fontSize-12);
  height: 20px;
}
.searchResultsList .searchResultscard .searchRes_MainLable,
.searchResultsList .searchResult_NoResult .searchRes_MainLable {
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
  font-weight: 600;
  display: inline;
}
.searchResultsList .searchResultscard .searchRes_MainLable .searchRes_AddOneFlight,
.searchResultsList .searchResult_NoResult .searchRes_MainLable .searchRes_AddOneFlight {
  font-size: var(--fontSize-12);
  color: var(--primary-red-color);
  margin-left: 3px;
  font-weight: 500;
}
.searchResultsList .searchResultscard .serRes_sideBox,
.searchResultsList .searchResult_NoResult .serRes_sideBox {
  border-top: 1px solid var(--secondary-medium-grey);
  padding: 10px 0 8px 0;
}
.searchResultsList .searchResultscard .search_upliftDetails .MuiSvgIcon-root,
.searchResultsList .searchResult_NoResult .search_upliftDetails .MuiSvgIcon-root {
  display: none;
}
.searchResultsList .searchResultscard .mob_dev.serResults_SetFareBtn,
.searchResultsList .searchResult_NoResult .mob_dev.serResults_SetFareBtn {
  font-size: var(--fontSize-16);
  font-weight: 500;
  color: var(--main-primary-white);
  border-radius: 5px !important;
  background: var(--anchor-links);
  text-transform: capitalize;
  margin-top: 5px;
}
.searchResultsList .searchResultscard .uplift_mob_dev .btn-unstyled,
.searchResultsList .searchResult_NoResult .uplift_mob_dev .btn-unstyled {
  margin-top: 0px !important;
}
.searchResultsList .searchResultscard .serResults_fareBtnBox,
.searchResultsList .searchResult_NoResult .serResults_fareBtnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .serResults_fareBtnBox .serResults_SetFareBtn,
.searchResultsList .searchResult_NoResult .serResults_fareBtnBox .serResults_SetFareBtn {
  font-size: var(--fontSize-16);
  font-weight: 500;
  color: var(--Button-Text-Color) !important;
  border-radius: 5px !important;
  background: var(--secondary-button-color);
  text-transform: capitalize;
  margin: 24px 0;
  margin: 1.5rem 0;
  height: 40px;
  line-height: 100%;
  margin-left: 2px;
}
.searchResultsList .searchResultscard .serResults_fareBtnBox.selectbtnbox,
.searchResultsList .searchResult_NoResult .serResults_fareBtnBox.selectbtnbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .serResults_fareBtnBox.selectbtnbox .serResults_SetFareBtn,
.searchResultsList .searchResult_NoResult .serResults_fareBtnBox.selectbtnbox .serResults_SetFareBtn {
  margin: 5px 0px 0px 0px;
}
.searchResultsList .searchResultscard .searchRes_FromPrice,
.searchResultsList .searchResult_NoResult .searchRes_FromPrice {
  text-align: right;
  margin-bottom: 8px;
}
.searchResultsList .searchResultscard .serarchRes_FlightBtn,
.searchResultsList .searchResult_NoResult .serarchRes_FlightBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  cursor: pointer;
}
.searchResultsList .searchResultscard .serarchRes_FlightBtn.upgradeOptionLabel,
.searchResultsList .searchResult_NoResult .serarchRes_FlightBtn.upgradeOptionLabel {
  background: var(--secondary-Light-Yellow);
  border-radius: 5px !important;
  height: 20px;
  padding: 4px 8px;
}
.searchResultsList .searchResultscard .serarchRes_FlightBtn svg,
.searchResultsList .searchResult_NoResult .serarchRes_FlightBtn svg {
  color: var(--softGreyColor);
}
.searchResultsList .searchResultscard .monthly-price-container,
.searchResultsList .searchResultscard .search_upliftDetails,
.searchResultsList .searchResultscard .search_upliftSection .search_uplifInof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .uplift-click div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchResultsList .searchResultscard .search_upliftSection {
  clear: left;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchResultscard .search_upliftSection .monthly-price,
.searchResultsList .searchResultscard .search_upliftSection .up-from-per-month,
.searchResultsList .searchResultscard .search_upliftSection .up-from-or-text,
.searchResultsList .searchResultscard .search_upliftSection .MuiSvgIcon-root {
  font-size: var(--fontSize-12);
}
.searchResultsList .searchResultscard .search_upliftSection .up-from-or-text {
  float: left;
}
.searchResultsList .searchResultscard .search_upliftSection .MuiSvgIcon-root {
  margin-left: 3px;
  font-size: var(--fontSize-16);
}
.searchResultsList .searchResultscard .search_upliftSection .monthly-price {
  font-weight: 600;
}
.searchResultsList .searchResultscard .search_upliftSection .up-from-currency {
  margin-left: 3px;
}
.searchResultsList .searchResultscard .search_upliftSection .search_uplifInof {
  color: var(--neutral-Black);
}
.searchResultsList .seaResults_Innercard {
  padding: 10px;
  background: var(--SearchBackground) 0 0 no-repeat padding-box;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.searchResultsList .seaResults_Innercard .searchRes_Layover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-top: 1px solid var(--secondary-medium-grey);
  border-bottom: 1px solid var(--secondary-medium-grey);
  margin: 12px 0 18px;
  padding: 8px 0;
  color: var(--main-secondary-color);
}
.searchResultsList .seaResults_Innercard .searchRes_Layover .serchRes_layTitle {
  font-size: var(--fontSize-12);
}
.searchResultsList .seaResults_Innercard .searchRes_Layover .WatchIcon {
  width: 18px;
  margin-right: 8px;
}
.searchResultsList .seaResults_Innercard .serchRes_plus {
  font-weight: 700;
  margin: 0 6px;
  color: var(--softGreyColor);
}
.searchResultsList .seaResults_Innercard .serchRes_layTime {
  font-size: var(--fontSize-14);
  color: var(--softGreyColor);
  margin-bottom: 6px;
}
.searchResultsList .seaResults_Innercard .searchRes_typeClass {
  font-size: var(--fontSize-12);
  color: var(--softGreyColor);
}
.searchResultsList .seaResults_Innercard .searchRes_typeIcon {
  width: 15px;
  color: var(--softGreyColor);
  margin-left: 8px;
}
.searchResultsList .serchReu_DateAndTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 8px;
}
.searchResultsList .serchReu_DateAndTime .searchRes_MainLable {
  font-weight: 600;
  color: var(--neutral-Black);
  letter-spacing: 0;
  line-height: 19px;
}
.searchResultsList .serchReu_DateAndTime .serchReu_DoteIcon {
  margin: 0 5px;
  font-size: 8px;
}
.searchResultsList .searchResults_Days {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
}
.searchResultsList .serachRes_TotalTime {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchResultsList .searchRes_typeSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 12px;
}
.searchResultsList .chipFilter_Wrapper {
  margin-top: 16px;
  margin-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.searchResultsList .chipFilter_Wrapper::-webkit-scrollbar {
  display: none;
}
.searchResultsList .chipFilter_Wrapper:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.searchResultsList .chipFilter_Label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 4px;
  font-size: var(--fontSize-14);
  background-color: var(--primary-deep-blue-opacity-10);
  color: var(--anchor-links);
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 5px;
  height: 30px;
}
.searchResultsList .chipFilter_Label .MuiChip-deleteIcon {
  color: var(--anchor-links);
  margin: 0;
  height: 15px;
  width: 15px;
}
.searchResultsList .chipFilter_Label .MuiChip-deleteIcon:hover {
  color: unset;
}
.searchResultsList .chipFilter_Label .MuiChip-label {
  font-weight: 500;
}
.searchResultsList .chipFilter_ClearAll {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 4px;
  background-color: transparent;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  cursor: pointer;
}
.searchResultsList .chipFilter_ClearAll:hover {
  background-color: rgba(0, 0, 0, .08);
}
.searchResultsList .chipFilter_ClearAll:active {
  background-color: rgba(0, 0, 0, .15);
}
.searchResultsList .chipFilter_ClearAll .chipFilter_ClearIcon {
  color: var(--anchor-links);
}
.searchResultsList .chipFilter_ClearAll .chipFilter_ClearIcon:hover {
  color: unset;
}
.searchResultsList .devided_hr {
  border: 1px solid var(--secondary-medium-grey);
  margin: 15px 0;
}
.searchResultsList.upgradeFlightBox {
  margin-top: 0px !important;
}
.searchResultsList .fareCardUpgrade .Booking_TitleBox {
  margin-bottom: 24px;
}
.searchResultsList .fareCardUpgrade .Booking_TitleBox .Booking_SecondaryTitle {
  margin-left: 5px;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights {
  padding-bottom: 15px;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .upgradeTabContainer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider {
  padding: 0 0px 15px;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list {
  overflow: hidden;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list .fareTypeCrads {
  border: 1px solid var(--secondary-medium-grey);
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list .fareTypeCrads.firstactive .fareType_Top .fareType_title, .searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list .fareTypeCrads.firstactive .fareType_Top .fareType_cabin {
  color: var(--main-primary-Color) !important;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list .fareTypeCrads .fareType_Top {
  display: block;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list .fareTypeCrads .fareType_Top .fareTypePrice {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list .fareTypeCrads .fareType_Top .fareTypePrice .fareType_title {
  font-size: var(--fontSize-18) !important;
  color: #F89520;
  font-weight: 600;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list .fareTypeCrads .fareType_Top .fareTypePrice .fareType_cabin {
  font-size: var(--fontSize-18) !important;
  color: #F89520;
  font-weight: 600;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .upgradeTab {
  font-size: var(--fontSize-16);
  font-weight: 600;
  width: 100%;
  background: var(--secondary-medium-grey);
  min-width: 50%;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .Mui-selected {
  border-top: 2px solid var(--main-primary-branding);
  background: #fff;
}
.searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .MuiTabs-indicator {
  display: none;
}
.searchResultsList .searchAutoProgress .autoprogressbar-wrap {
  padding: 8px;
  border-radius: 20px;
  border: 1px solid var(--secondary-medium-grey);
  margin: 12px 0 16px 0;
}
.searchResultsList .searchAutoProgress .autoprogressbar-wrap .progressbar {
  border-radius: 20px;
}
.searchResultsList .searchAutoProgress .successfulltext {
  text-align: center;
  font-size: var(--fontSize-16);
  font-weight: 600;
  color: var(--main-primary-Button);
}
.searchResultsList .searchAutoProgress .loadingContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--neutral-Black);
  font-size: var(--fontSize-16);
  font-weight: 600;
}

.searchRes_filterSection {
  border: 1px solid var(--secondary-medium-grey);
  padding: 12px 16px;
  padding: 0.75rem 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  border-radius: 5px !important;
}
.searchRes_filterSection .MuiSlider-valueLabelCircle {
  width: 100% !important;
}
.searchRes_filterSection .MuiSlider-thumb[data-index="0"] .MuiSlider-valueLabelOpen {
  left: 0;
}
.searchRes_filterSection .MuiSlider-thumb[data-index="1"] .MuiSlider-valueLabelOpen {
  right: 2px;
}
.searchRes_filterSection .searchRes_TopTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.searchRes_filterSection .searchRes_TopTitle .searchRes_filtMainTitle,
.searchRes_filterSection .searchRes_TopTitle .searchRes_filtSubTitle {
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
  font-weight: 600;
}
.searchRes_filterSection .searchRes_TopTitle .searchRes_filtSubTitle {
  font-size: var(--fontSize-14);
}
.searchRes_filterSection .searchRes_filterCheck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchRes_filterSection .searchRes_filterCheck .Mui-checked {
  color: var(--main-primary-branding) !important;
}
.searchRes_filterSection .searchRes_filterCheck .MuiTypography-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.searchRes_filterSection .searchRes_filterCheck .MuiTypography-root svg {
  margin-right: 8px;
}
.searchRes_filterSection .searchRes_RangeTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 22px;
}
.searchRes_filterSection .searchRes_RangeTop .searchRes_RangeTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.searchRes_filterSection .searchRes_flInerClrBtn {
  font-size: var(--fontSize-14);
  color: var(--anchor-links);
  text-transform: capitalize;
  text-decoration: underline;
  padding: 0;
  min-width: auto;
}
.searchRes_filterSection .searchRes_FliNameBox {
  margin-bottom: 3px;
}
.searchRes_filterSection .searchRes_FliNameBox .searchRes_FlightName {
  font-size: var(--fontSize-14);
  color: var(--main-primary-branding);
}

.searchRes_TravelTime .MuiSlider-thumb[data-index="0"] .MuiSlider-valueLabelOpen {
  left: 0;
}
.searchRes_TravelTime .MuiSlider-thumb[data-index="1"] .MuiSlider-valueLabelOpen {
  right: 2px;
}

.searchRes_clearSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.searchRes_clearSection .serachRes_FilterBtn {
  font-size: var(--fontSize-20);
  color: var(--lightBlack);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.searchRes_clearSection .serachRes_FilterBtn .searchRes_FilterIcon {
  cursor: pointer;
  background-color: var(--lightBlack);
  border-radius: 50% !important;
  color: #fff;
  margin-right: 12px;
  width: 32px;
  height: 32px;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.searchRes_clearSection .searchReu_clearBtn {
  text-decoration: underline;
  font-size: var(--fontSize-16);
  color: var(--anchor-links);
  text-transform: capitalize;
}
.searchRes_clearSection .searchReu_clearBtn:hover {
  background: transparent;
}

.searchRes_AlertBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--secondary-light-blue);
  padding: 8px;
  margin: 0 12px 12px 0;
  border-radius: 5px !important;
}
.searchRes_AlertBox .searchRes__AlertTitle {
  font-size: var(--fontSize-14);
  color: var(--secondary-blue);
  margin-right: 12px;
  font-weight: 600;
}
.searchRes_AlertBox .searchRes_alertIcon {
  color: var(--secondary-blue);
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.serchResult_tooltip .MuiTooltip-tooltip {
  border: 1px solid var(--secondary-medium-blue);
  padding: 8px;
  background: var(--tooltipBgColor);
  border-radius: 5px !important;
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.serchResult_tooltip .MuiTooltip-arrow {
  color: var(--tooltipBgColor);
}

.searchRes_FeedBack {
  text-align: center;
}
.searchRes_FeedBack .serachRes_feedTitle {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  margin: 16px 0;
  font-weight: 600;
}

.searchRes_FeedBackBtn {
  border: 1px solid !important;
  padding: 10px 16px !important;
  border-radius: 5px !important;
  text-transform: capitalize;
}

.hover-only {
  display: none;
}

.searchRes_filterCheck:hover .hover-only {
  display: inline-block;
  cursor: pointer;
}

.Search_Segment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Search_Segment .Search_arrowSegment, .Search_Segment .Search_SegmentBtn {
  font-size: var(--fontSize-14);
  color: var(--neutral-Black) !important;
  text-transform: none !important;
}
.Search_Segment .Search_SegmentBtn.isTabActive {
  color: var(--anchor-links) !important;
  text-decoration: underline;
  font-weight: 600;
}
.Search_Segment .Search_arrowSegment:last-child {
  display: none;
}

.LoaderContainer {
  width: 100%;
  height: 100px;
  position: relative;
  overflow: hidden;
  background-color: #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  .serResults_fareBtnBox {
    text-align: center;
  }
  .searchResults_travelDeals {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .searchResults_travelDeals .travelDeals_title {
    margin-bottom: 1rem;
    text-align: center;
  }
  .searchResults_travelDeals .travelDeals_email,
  .searchResults_travelDeals .travelDeals_Btn {
    margin-bottom: 1rem;
    margin-left: 0;
    width: 100%;
  }
  .searchResults_travelDeals .travelDeals_email .MuiInputBase-input {
    text-align: center;
  }
  .filter-active {
    overflow: hidden;
  }
  .searchRes_FilterMB {
    position: fixed;
    display: none;
    right: 0;
    left: 0;
    background: var(--main-primary-white);
    top: 0;
    z-index: 999;
  }
  .searchRes_FilterMB .searchRes_clearSection {
    margin-top: 16px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .searchRes_FilterMB .searchRes_FilterMB_top {
    -webkit-box-shadow: 0 3px 6px var(--midnight-Black);
            box-shadow: 0 3px 6px var(--midnight-Black);
    padding: 12px;
  }
  .searchRes_FilterMB .searchRes_FilterMB_top .searchRes_titleBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .searchRes_FilterMB .searchRes_FilterMB_top .searchRes_titleBox .searchRes_Title {
    color: var(--secondary-blue);
    font-size: var(--fontSize-14);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .searchRes_FilterMB .searchRes_FilterMB_top .searchRes_titleBox .searchRes_Title .searchRes_FilterIcon {
    background: var(--secondary-blue);
    color: var(--main-primary-white);
    border-radius: 50% !important;
    padding: 4px;
    width: 25px;
    height: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 8px;
  }
  .searchRes_FilterMB .searchRes_MbBtn {
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .searchRes_FilterMB .serachRes_filterContent {
    overflow-x: auto;
    padding: 1rem;
  }
  .searchRes_FilterMB .searchRes_MbBtn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--main-primary-white);
  }
  .searchRes_FilterMB .searchRes_BtnClearAll,
  .searchRes_FilterMB .searchRes_BtnApply {
    width: 45%;
    text-transform: capitalize;
  }
  .serachRes_FltShowHide {
    position: fixed;
    bottom: 75px;
    right: 2%;
    width: 55px;
    z-index: 1;
    height: 55px;
    background: var(--secondary-blue);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    border-radius: 50% !important;
  }
  .serachRes_FltShowHide .searchRes_FilterIcon {
    font-size: 44px;
    color: var(--main-primary-white);
  }
  .filter-active .searchRes_FilterMBShow {
    display: block;
    height: 97%;
    overflow: scroll;
  }
  .searchResultsList .searchRes_BestTitle {
    white-space: nowrap;
    margin-top: 0 !important;
  }
  .searchResultsList .searchRes_BestTitle svg {
    margin-left: 5px !important;
    margin-right: 14px !important;
  }
  .searchResultsList .serchReu_innerRight .searchResults_MainTitle {
    text-align: left;
    display: block;
  }
  .searchResultsList .searchResultscard {
    padding: 1rem 0.9rem 0;
  }
  .searchResultsList .searchResultscard .serchReu_innerCard .serchReu_innerDetails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .searchResultsList .searchResultscard .serchReu_innerCard .serachRes_TotalTime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .searchResultsList .searchResultscard .serchReu_innerCard .serchReu_innerLeft, .searchResultsList .searchResultscard .serchReu_innerCard .serchReu_innerRight {
    margin-left: 25px;
    margin-bottom: 0;
  }
  .searchResultsList .searchResultscard .serchReu_innerCard .serchReu_innerRight {
    margin-top: -18px;
  }
  .searchResultsList .searchResultscard .serchReu_innerCard .serchReu_innerLeft {
    margin-bottom: -16px;
  }
  .searchResultsList .searchResultscard .serchReu_innerCard .serchRes_layTime {
    margin-left: 13px;
    margin-bottom: 0;
  }
  .searchResultsList .searchResultscard .serchReu_TopSection .searchRes__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .searchResultsList .searchResultscard .serchReu_TopSection .searchRes__left {
    width: 33%;
  }
  .searchResultsList .searchResultscard .serchReu_TopSection .search_upliftSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .searchResultsList .searchResultscard .serchReu_TopSection .searchRes__mid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .searchResultsList .searchResultscard .serchReu_TopSection .SearchRes_midInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .searchResultsList .searchResultscard .serchReu_TopSection .SearchRes_midInfo .searchRes__timeSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .searchResultsList .searchResultscard .serchReu_TopSection .SearchRes_midInfo .searchRes__timeSection .searchRes_MainLable {
    font-size: var(--fontSize-16px) !important;
  }
  .searchResultsList .searchResultscard .serchReu_TopSection .SearchRes_midInfo .searchResults_MainTitle {
    font-size: var(--fontSize-14px) !important;
  }
  .searchResultsList .searchResultscard .searchRes_typeSection {
    margin-left: 25px;
  }
  .searchResultsList .searchResultscard .serRes_sideBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .searchResultsList .searchResultscard .serResult-seatInfoWrapper {
    width: 100%;
    text-align: right;
  }
  .searchResultsList .searchResultscard .serResult-seatInfoWrapper .serResult-seatRed {
    font-size: var(--fontSize-12px);
  }
  .searchResultsList .searchResultscard .serRes_promoBtn {
    padding: 0;
  }
  .searchResultsList .searchResultscard .uplift-click div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3px;
  }
  .searchResultsList .searchResultscard .search_upliftSection .monthly-price,
  .searchResultsList .searchResultscard .search_upliftSection .up-from-per-month,
  .searchResultsList .searchResultscard .search_upliftSection .up-from-or-text {
    font-size: var(--fontSize-12px);
  }
  .searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .upgradeTab {
    width: 50% !important;
  }
  .searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .fareType-terms {
    display: block !important;
  }
  .searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-slider {
    height: 54vh;
  }
  .searchResultsList .fareCardUpgrade .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list {
    overflow: visible !important;
  }
  .TravelBrand_GiftCardModal {
    padding: 1rem;
  }
  .TravelBrand_GiftCardModal .TravelBrand_GiftCardImage {
    width: 85vw;
  }
  .serachRes_TopTitleBox .searchClass-label {
    width: 44%;
  }
}
.TravelBrand_PromoTermCondition {
  border-top: 1px solid var(--secondary-medium-grey);
  padding: 5px;
}

.flight-matrix-table {
  background: #fff;
  border-radius: 8px;
  padding: 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
  position: relative;
  border: 1px solid #ddd;
}
.flight-matrix-table button svg path {
  width: 100px !important;
  height: 100px !important;
}
.flight-matrix-table .left-btn {
  position: absolute;
  top: 50%;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  font-size: var(--fontSize-18);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #1C75BC;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  left: 8.8% !important;
}
@media (max-width: 992px) {
  .flight-matrix-table .left-btn {
    left: -16px !important;
  }
}
.flight-matrix-table .left-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.flight-matrix-table .left-btn svg {
  width: 40px;
  height: 40px;
}
.flight-matrix-table .right-btn {
  position: absolute;
  right: -10px;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #1C75BC;
  color: #FFFFFF;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  cursor: pointer;
  opacity: 1;
}
.flight-matrix-table .right-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.flight-matrix-table .right-btn svg {
  width: 40px;
  height: 40px;
}
.flight-matrix-table .specific_airline {
  text-align: center;
  font-weight: 500;
  font-size: var(--fontSize-16px);
  padding: 6px 0;
  letter-spacing: 0.1px;
  color: var(--neutral-Black);
  border: 1px solid #ddd;
  background: #F5F5F5;
  border-radius: 8px 8px 0px 0px;
}
.flight-matrix-table .main-slider {
  position: relative;
  width: 100%;
}
.flight-matrix-table .slider-ref {
  overflow-x: auto;
  width: 100%;
}
.flight-matrix-table .slider-ref table tr:last-of-type .stop_labels {
  border-bottom: 0;
}
.flight-matrix-table .clear_all {
  width: 10%;
  border-right: 0 !important;
  padding: 12px 16px;
  text-align: left;
}
.flight-matrix-table .clear_all a {
  color: var(--anchor-links);
  text-decoration: none;
  font-size: var(--fontSize-16px);
  font-weight: 500;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.flight-matrix-table .stop_labels {
  color: var(--anchor-links);
  font-weight: 500;
  text-align: left;
  padding: 12px 16px;
  white-space: nowrap;
  border: 1px solid #ddd;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-right: 0;
  border-bottom: 0;
}
.flight-matrix-table .pricing {
  text-align: center;
  padding: 12px 0;
  border: 1px solid #ddd;
  font-weight: 500;
  font-size: var(--fontSize-16px);
  color: var(--neutral-Black);
}
.flight-matrix-table .pricing.first-column {
  border-left: 1px solid #ddd;
}
.flight-matrix-table .pricing.clickable {
  cursor: pointer;
}
.flight-matrix-table .pricing.default-cursor {
  cursor: default;
}
.flight-matrix-table .pricing.fare-min {
  color: #498128;
}
.flight-matrix-table .pricing.fare-max {
  color: #C92027;
}
.flight-matrix-table .carrier_filter {
  padding: 12px 0;
  cursor: pointer;
  text-align: center;
  width: 18%;
}
.flight-matrix-table .carrier_filter.first-column {
  border-left: 1px solid #ddd;
}
.flight-matrix-table .carrier_filter .carrier_filter-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flight-matrix-table .carrier_filter .carrier_filter-content img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 12px;
}
.flight-matrix-table .carrier_filter .carrier_filter-content .carrier_name {
  font-weight: 500;
  font-size: var(--fontSize-16px);
  color: var(--neutral-Black);
}
.flight-matrix-table .carrier_filter .carrier_name_other {
  color: #757575;
  font-weight: 500;
  font-size: var(--fontSize-16px);
}
.flight-matrix-table table {
  width: 100%;
  border-collapse: collapse;
}

@media (max-width: 768px) {
  .flight-matrix-table .carrier_filter-content img {
    margin-right: 0;
  }
  .flight-matrix-table .carrier_filter-content .carrier_name {
    display: none;
  }
}
@media (max-width: 576px) {
  .flight-matrix-table .carrier_filter {
    padding: 12px;
  }
  .flight-matrix-table .pricing {
    font-size: var(--fontSize-12);
    padding: 12px;
  }
  .flight-matrix-table .left-btn {
    left: -12px !important;
  }
  .alert_main.warning {
    width: 250px !important;
  }
}
.petro-points-price-section {
  position: relative;
  padding: 8px 48px 8px 8px;
  padding: 0.5rem 3rem 0.5rem 0.5rem;
  text-align: left;
  font-size: 12.8px;
  font-size: 0.8rem;
  background-color: var(--secondary-medium-grey);
  margin-bottom: 10px;
}

.petro-points-price-section .points-highlight {
  color: #ff1744;
  font-weight: 700;
}

.petro-points-price-section .petro-points-logo {
  position: absolute;
  width: 37px;
  height: auto;
  top: 8px;
  top: 0.5rem;
  right: 4.8px;
  right: 0.3rem;
}

.petro-points-price-section .d-block {
  display: block;
}

.SearchWidget {
  background: var(--SearchBackground) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: inset 0px 3px 6px var(--midnight-Black), 0px 3px 6px var(--midnight-Black);
          box-shadow: inset 0px 3px 6px var(--midnight-Black), 0px 3px 6px var(--midnight-Black);
  padding: 12px 0 16px 0;
  padding: 0.75rem 0 1rem 0;
}
.SearchWidget .SearchWidgetMb {
  background-color: var(--main-primary-white);
  padding: 8px 0;
}
.SearchWidget .SearchWidgetMb .SearchWidgetMb_title {
  color: var(--secondary-blue);
  font-size: var(--fontSize-16px) !important;
}
.SearchWidget .SearchWidgetMb .SearchWidgetMb_subTitle {
  font-size: var(--fontSize-12px) !important;
}
.SearchWidget .SearchWidgetMb .searchWidgetMb_Open {
  background: var(--secondary-blue);
  color: var(--main-primary-white);
  border-radius: 5px !important;
  padding: 5px;
}
.SearchWidget .search_datePicker .search_dateIcon {
  color: var(--main-secondary-color);
}
.SearchWidget .MuiMenuItem-rootP {
  font-size: var(--fontSize-14);
}
.SearchWidget .searchClass-label .searchWidgetSelval {
  font-size: var(--fontSize-16);
}
.SearchWidget .searchClass-label .MuiSelect-select {
  font-size: var(--fontSize-16);
}
.SearchWidget .searchClass-label .MuiMenuItem-root {
  font-size: var(--fontSize-16);
}
.SearchWidget .SearchTabPanel {
  margin-left: 5px;
}
.SearchWidget .SearchTabPanel .searchBtnSectionWrapper .MuiGrid-grid-xs-6 .MuiGrid-grid-xs-6 {
  max-width: 100%;
}
.SearchWidget .SearchTabPanel .Search_AddFilghtWrapper {
  margin-top: 0;
  margin-bottom: 10px;
}
.SearchWidget .MultiCity_addBtn,
.SearchWidget .MultiCity_RemoveBtn {
  text-transform: capitalize;
  text-decoration: underline;
}
.SearchWidget .search_radio .MuiTypography-root {
  font-size: var(--fontSize-12px);
  font-weight: 400;
  line-height: 20px;
  color: #171a1f;
}
.SearchWidget .search_FieldTitle {
  font-size: var(--fontSize-14px);
  font-weight: 400;
  line-height: 22px;
  color: #171a1f;
  margin-bottom: 5px;
}
.SearchWidget .search_FieldTitle .MuiTypography-root {
  font-size: var(--fontSize-14px);
  font-weight: 400;
  line-height: 22px;
  color: #171a1f;
}
.SearchWidget .SearchWidget__tabsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.SearchWidget .SearchWidget__tabsBox .SearchWidget__tabs .MuiFormControlLabel-root {
  margin-left: -7px;
}
.SearchWidget .SearchWidget__tabsBox .SearchWidget__tabs button {
  text-transform: capitalize;
  padding: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.SearchWidget .SearchWidget__tabsBox .searchWidgetSel {
  background: var(--main-primary-white);
  height: 40px;
  font-size: var(--fontSize-16);
}
.SearchWidget .SearchWidget__tabsBox .searchWidgetSel .MuiOutlinedInput-notchedOutline {
  border: none;
}
.SearchWidget .SearchWidget__tabsBox .searchWidgetRadio {
  text-transform: none;
  text-transform: initial;
}
.SearchWidget .SearchWidget__tabsBox .searchWidgetRadio .MuiFormControlLabel-label {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.SearchWidget .SearchWidget__tabsBox .searchWidgetRadio .MuiRadio-root {
  color: var(--softGreyColor);
}
.SearchWidget .SearchWidget__tabsBox .searchWidgetRadio .css-1hbvpl3-MuiSvgIcon-root {
  background: var(--main-primary-white);
  border-radius: 50% !important;
}
.SearchWidget .SearchWidget__tabsBox .searchWidgetRadio .Mui-checked {
  color: var(--secondary-button-color);
}
.SearchWidget .SearchWidget__tabsBox .Mui-selected {
  color: var(--main-primary-Black) !important;
}
.SearchWidget .SearchWidget__tabsBox .MuiTabs-indicator {
  display: none;
}
.SearchWidget .SearchWidget__Input {
  width: 100%;
  background: var(--main-primary-white);
  border-radius: 5px !important;
  height: 40px;
}
.SearchWidget .SearchWidget__Input .MuiInputBase-root {
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
}
.SearchWidget .SearchWidget__Input .MuiInputBase-input {
  font-size: var(--fontSize-16);
}
.SearchWidget .SearchWidget__Input .MuiOutlinedInput-notchedOutline {
  border: 0;
}
.SearchWidget .SearchWidget__Input .searchW_FilghtIcon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.SearchWidget .SearchWidget__Input .searchW_Icon {
  color: var(--main-secondary-color);
}
.SearchWidget .MuiMenuItem-root {
  font-size: var(--fontSize-16);
}
.SearchWidget .SearchWidget_radio .Mui-checked,
.SearchWidget .SearchWidget_check .Mui-checked {
  color: #565e6d;
}
.SearchWidget .SearchWidget__CountBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 40px;
  background: var(--main-primary-white);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #dee1e6 solid;
  padding: 4px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SearchWidget .SearchWidget__CountBox .SearchWidget__CountBtn {
  border-radius: 0;
  height: 18px;
  min-width: 18px !important;
  padding: 5px;
}
.SearchWidget .SearchWidget__CountBox .SearchWidget__CountBtn:hover {
  color: var(--main-primary-white);
  background: #424956;
}
.SearchWidget .SearchWidget__CountBox .increcBtn {
  color: var(--main-primary-white);
  background: #565e6d;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border: 0;
}
.SearchWidget .SearchWidget__CountBox .deIncrecBtn {
  border: 0;
  color: #565e6d;
  background: #f3f4f6;
}
.SearchWidget .FreebagsSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.SearchWidget .FreebagsSection .Freebagstitle {
  margin-right: 10px;
}
.SearchWidget .SearchWidget_multiAddBtn {
  background: #565e6d;
  min-width: 35px !important;
  margin-top: 30px;
  color: var(--main-primary-white);
}
.SearchWidget .SearchWidget_multiAddBtn:hover {
  color: var(--main-primary-white) !important;
  background: rgb(49, 51, 53) !important;
}

.SearchTabPanel .search_ChildrenInput div, .SearchTabPanel .search_ChildrenInput input {
  cursor: pointer;
  font-size: var(--fontSize-16);
}

.serachWidget_Children {
  width: 270.4px;
  width: 16.9rem;
  padding: 25px 15px;
  overflow: hidden;
}
.serachWidget_Children .serachChildLablMain {
  font-size: var(--fontSize-16);
}
.serachWidget_Children .serachChildTitleSub {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: -16px;
  margin-bottom: -1rem;
}
.serachWidget_Children .serachChildrenSub {
  font-size: var(--fontSize-12);
}
.serachWidget_Children .MuiSelect-select {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: var(--fontSize-16);
}
.serachWidget_Children .serachWidgetSelect .MuiSelect-select {
  font-size: var(--fontSize-16);
}
.serachWidget_Children .serachWidgetSelect .MuiMenuItem-root {
  font-size: var(--fontSize-16);
}
.serachWidget_Children .serachChildAgeSelect .MuiSelect-select {
  font-size: var(--fontSize-16);
}
.serachWidget_Children .serachChildAgeSelect .MuiMenuItem-root {
  font-size: var(--fontSize-16);
}

.serachWidgetChildItem {
  min-height: 30px !important;
}

.searchBtnSection {
  text-align: right;
}
.searchBtnSection .SearchWidget_SearchBtn {
  color: var(--Button-Text-Color) !important;
  background: var(--main-primary-Button) !important;
  text-transform: capitalize;
  border-radius: 5px;
  width: 106px;
  height: 40px;
  font-size: var(--fontSize-16);
  margin-top: 27px;
}
@media (min-width: 768px) {
  .searchBtnSection .SearchWidget_SearchBtn {
    width: 100% !important;
  }
}
.searchBtnSection .SearchWidget_SearchBtn:hover {
  color: var(--Button-Text-Color) !important;
  background: var(--main-primary-Button) !important;
}

.SearchStepper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.SearchStepper .searchWidget_stepper {
  background: var(--main-primary-white);
  padding: 11px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 48px;
  margin-right: 3rem;
}
.SearchStepper .searchWidget_stepper .searchWidget_stpTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.SearchStepper .searchWidget_stepper .searchWidget_stpDeactive {
  background: var(--secondary-light-grey);
  border-radius: 50%;
  border-radius: 50% !important;
  width: 20px;
  height: 20px;
  color: var(--lightBlack);
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: var(--fontSize-14);
}
.SearchStepper .searchWidget_stepper .search_stpIcon {
  width: 20px;
  margin-right: 8px;
  color: var(--main-secondary-color);
}
.SearchStepper .searchWidget_stepper .searchWidget_stpActive {
  background: var(--main-secondary-color);
  color: var(--main-primary-white);
}
.SearchStepper .searchWidget_stepper .searchWidget_stpActive ~ .searchWidget_stpTitle {
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .SearchWidget .SearchWidget__tabsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .SearchWidget .SearchWidget__tabsBox .SearchWidget__tabs button {
    width: 33.33%;
  }
  .SearchWidget .SearchWidget__tabsBox .MuiTabs-flexContainer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .SearchWidget .SearchWidget_SearchBtn {
    width: 100%;
    margin-top: 0;
  }
  .SearchWidget .searchwidgetHide {
    display: none;
  }
  .SearchWidget .SearchTabPanel {
    margin-left: 0;
    padding-top: 16px;
  }
  .SearchWidget .SearchTabPanel .search_FieldTitle {
    display: none;
  }
  .widget_setPadding {
    padding: 0;
  }
}
@media screen and (max-width: 576px) {
  .SearchStepper .searchWidget_stepper {
    margin-right: 1rem;
  }
}
.search-field-error {
  color: #d32f2f;
  font-size: var(--fontSize-12px) !important;
  margin: 4px 0 0 0 !important;
  line-height: 1.3;
}
.search-field-error.MuiFormHelperText-root {
  margin-left: 0 !important;
}
@media screen and (min-width: 768px) {
  .MuiGrid-grid-lg-1 .search-field-error, .MuiGrid-grid-md-2 .search-field-error {
    font-size: var(--fontSize-10) !important;
    line-height: 1.2;
  }
}

.upliftStyle {
  display: none;
}

.upliftErrorHide {
  display: none;
}

.displayFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.MR8 {
  margin-right: 8px;
}

.uplift-logo-2 {
  height: 17px;
  margin: 0px 6px -6px;
}

.d-none {
  display: none;
}

.Booking_TopSection {
  -webkit-box-shadow: inset 0px 3px 6px var(--midnight-Black), 0px 3px 6px var(--midnight-Black);
          box-shadow: inset 0px 3px 6px var(--midnight-Black), 0px 3px 6px var(--midnight-Black);
  padding: 16px 0;
  padding: 1rem 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.Booking_TopSection .Booking_PrimaryTitle {
  font-size: var(--fontSize-28);
  color: var(--main-primary-branding);
  font-weight: 600;
}
.Booking_TopSection .Booking_SecondTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}

.Booking_TitleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 5px;
}
.Booking_TitleBox .bookingTitleContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.Booking_TitleBox .bookingTitleContainer .bookingTitleContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  gap: 1rem;
}
.Booking_TitleBox .bookingTitleContainer .Booking_ManulifeLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Booking_TitleBox .bookingTitleContainer .Booking_ManulifeLogo .Booking_ManulifeLogoImage {
  height: 36px;
  -o-object-fit: contain;
     object-fit: contain;
}
.Booking_TitleBox .Booking_TitleIcon {
  color: var(--main-primary-branding);
  font-size: 38px;
  font-size: 2.375rem;
}
.Booking_TitleBox .Booking_CustIcon path, .Booking_TitleBox .Booking_IconInsurance path {
  fill: var(--main-primary-branding);
}
.Booking_TitleBox .Booking_SecondaryTitle {
  font-size: var(--fontSize-20);
  color: var(--Heading-Color);
  margin-left: 10.4px;
  margin-left: 0.65rem;
  font-weight: 600;
}

.Booking_wrapper .Booking_BackBtn {
  font-size: var(--fontSize-14);
  color: var(--Heading-Color);
  font-weight: 500;
  margin-bottom: 5px;
  padding: 0;
}
.Booking_wrapper .Booking_BackBtn svg {
  font-size: var(--fontSize-14);
}
.Booking_wrapper .Booking_BackBtn.search_results {
  bottom: 20px;
}

.Booking_TravellerCard {
  background: var(--main-primary-white);
  -webkit-box-shadow: 0px 3px 3px var(--midnight-Black);
          box-shadow: 0px 3px 3px var(--midnight-Black);
  border-radius: 0px 0px 5px 5px !important;
  padding: 25px 32px;
  border-top: 2px solid var(--main-primary-branding);
}
.Booking_TravellerCard .TravellerCard_header {
  border-bottom: 1px solid var(--lightBlack);
  margin-bottom: 23px;
  padding-bottom: 8px;
}
.Booking_TravellerCard .booking_DOB {
  font-size: var(--fontSize-12);
  font-weight: 500;
  color: var(--lightBlack);
  margin-top: 8px;
}
.Booking_TravellerCard .Traveller_CardTitle {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  font-weight: 600;
  margin-right: 4px;
}
.Booking_TravellerCard .Traveller_CardSubTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.Booking_TravellerCard .MuiInputBase-root::before {
  border-color: #ddd;
}
.Booking_TravellerCard .Traveller_mobNum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_TravellerCard .Traveller_mobNum .DropDown {
  width: 20%;
}
.Booking_TravellerCard .Traveller_dob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_TravellerCard .Traveller_dob .dob_DropDown {
  width: 30%;
}
.Booking_TravellerCard .FrequentPro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  cursor: pointer;
  margin: 24px 0;
  text-decoration: underline;
}
.Booking_TravellerCard .FrequentPro .FrequentFlyer_Title {
  color: var(--secondary-blue);
  font-size: var(--fontSize-14);
}
.Booking_TravellerCard .FrequentPro .ArrowIcon {
  color: var(--softGreyColor);
}
.Booking_TravellerCard .FrequentFlyerAddMoreBtn_Grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 8px 0px 0px;
}
.Booking_TravellerCard .FrequentFlyerAddMoreBtn_Grid .FrequentFlyerAddMoreBtn {
  text-transform: capitalize;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1rem;
  margin: auto 0;
}
.Booking_TravellerCard .FrequentFlyerAddMoreBtn_Grid .FrequentFlyerAddMoreBtn_Desc {
  margin: auto 0;
}
.Booking_TravellerCard .Booking_addMoreWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_TravellerCard .Booking_addMoreWrapper .Booking_addMoreTitle {
  font-size: var(--fontSize-12);
  color: var(--softGreyColor);
}
.Booking_TravellerCard .Booking_addMoreWrapper .Booking_addMoreBtn {
  color: var(--secondary-blue);
  font-size: var(--fontSize-14);
  text-transform: capitalize;
}

.searchResults_InsuranceCard {
  padding-top: 0px;
}
.searchResults_InsuranceCard .TopSection {
  background-color: var(--secondary-light-grey);
  border: 1px solid var(--secondary-light-grey);
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-left: 0;
  width: auto;
}
.searchResults_InsuranceCard .TopSection .residenceleftsection {
  padding-top: 0;
}
.searchResults_InsuranceCard .TopSection .residenceleftsection .residenceSubTitle {
  font-size: var(--fontSize-16);
  font-weight: 400;
}
.searchResults_InsuranceCard .TopSection .residencerightsection {
  padding-top: 0;
}
.searchResults_InsuranceCard .TopSection .residencerightsection .input-chevron-down {
  text-align: right;
}
.searchResults_InsuranceCard .quebecSection {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 0px 0px 4px 4px;
  margin-bottom: 10.4px;
  margin-bottom: 0.65rem;
  padding: 24px 24px 16px;
  padding: 1.5rem 1.5rem 1rem;
  position: relative;
}
.searchResults_InsuranceCard .quebecSection .quebecIntro {
  font-size: var(--fontSize-16);
  margin-bottom: 10px;
}
.searchResults_InsuranceCard .quebecSection .quebecConsentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 6px;
}
.searchResults_InsuranceCard .quebecSection .quebecConsentBox .quebecCheckbox {
  padding: 0;
  margin-right: 12px;
  margin-top: 2px;
}
.searchResults_InsuranceCard .quebecSection .quebecConsentBox .quebecText {
  font-size: var(--fontSize-14);
  color: #333;
  line-height: 1.5;
}
.searchResults_InsuranceCard .quebecSection .quebecConsentBox .quebecText strong {
  font-weight: 600;
}
.searchResults_InsuranceCard .quebecSection .quebecConsentBox .quebecLink {
  color: #1976d2;
  text-decoration: underline;
  cursor: pointer;
}
.searchResults_InsuranceCard .quebecSection .quebecError {
  margin-top: 10px;
}
.searchResults_InsuranceCard .insuranceInfoSection {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 0 0 4px 4px;
  padding: 24px 24px 16px;
  padding: 1.5rem 1.5rem 1rem;
}
.searchResults_InsuranceCard .insuranceInfoSection .insuranceTitle {
  font-weight: 600;
  font-size: var(--fontSize-16);
  margin-bottom: 12px;
  color: #222;
}
.searchResults_InsuranceCard .insuranceInfoSection .insuranceText {
  font-size: var(--fontSize-14);
  color: #333;
  margin-bottom: 8px;
  line-height: 1.5;
}
.searchResults_InsuranceCard .insuranceInfoSection .insuranceSubTitle {
  font-size: var(--fontSize-14);
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 8px;
}
.searchResults_InsuranceCard .insuranceInfoSection .insuranceHours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.searchResults_InsuranceCard .insuranceInfoSection .insuranceHours p {
  font-size: var(--fontSize-14);
  color: #333;
  line-height: 1.4;
}

.Booking_Paymentoption {
  padding: 32px 0 8px 0;
}
.Booking_Paymentoption .Booking_GiftCard {
  padding: 0 24px;
  padding: 0 1.5rem;
}
.Booking_Paymentoption .Booking_paymentSection {
  margin: 16px;
  margin: 1rem;
}

.Booking_CustomizeBooking {
  margin-bottom: 20px;
}
.Booking_CustomizeBooking .Booking_TravelcardHeader {
  background: var(--secondary-medium-blue);
  border-radius: 0 0 5px 5px !important;
  border-top: 2px solid var(--main-primary-branding);
  padding: 25px 32px;
}
.Booking_CustomizeBooking.seatbox {
  margin-bottom: 0px;
}
.Booking_CustomizeBooking.seatbox .Booking_TravelcardHeader {
  border-radius: 0px !important;
}
.Booking_CustomizeBooking.brandBox .Booking_TravelcardHeader {
  border-top: 2px solid var(--secondary-medium-grey);
  background: var(--secondary-medium-blue);
}
.Booking_CustomizeBooking .ChooseSeats_table {
  padding: 25.6px 32px;
  padding: 1.6rem 2rem;
}
.Booking_CustomizeBooking .ChooseSeats_table .MuiTableContainer-root {
  border-radius: 5px;
  border: 1px solid var(--secondary-medium-grey);
}
.Booking_CustomizeBooking .ChooseSeats_table .ChooseSeats_tableHead {
  background: var(--tableHeader);
}
.Booking_CustomizeBooking .ChooseSeats_table .ChooseSeats_filghtsHeader {
  white-space: nowrap;
  font-weight: 600;
  color: var(--neutral-Black);
  font-size: var(--fontSize-16);
}
.Booking_CustomizeBooking .ChooseSeats_table .ChooseSeats_TravellerHeader {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--tableHeader);
}
.Booking_CustomizeBooking .ChooseSeats_table .ChooseSeats_traveller {
  color: var(--neutral-Black);
  font-size: var(--fontSize-16);
  position: sticky;
  left: 0;
  z-index: 1;
  padding: 20px 20px;
  padding-right: 0;
  background: var(--main-primary-white);
}
.Booking_CustomizeBooking .ChooseSeats_table .ChooseSeats_travellerInfo {
  color: var(--neutral-Black);
  font-size: var(--fontSize-16);
  padding: 20px 20px;
}
.Booking_CustomizeBooking .MuiTableCell-root {
  border: 0;
}
.Booking_CustomizeBooking .SeatMap_Title {
  font-size: var(--fontSize-20);
  margin-top: -3px;
  margin-left: 9px;
}
.Booking_CustomizeBooking .fareTypeSection.upgradeYourFlights {
  padding-bottom: 15px;
}
.Booking_CustomizeBooking .fareTypeSection.upgradeYourFlights .upgradeTabContainer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Booking_CustomizeBooking .fareTypeSection.upgradeYourFlights .inOutSlider {
  padding: 0 25px 15px 25px !important;
}
.Booking_CustomizeBooking .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list {
  overflow: hidden;
}
.Booking_CustomizeBooking .fareTypeSection.upgradeYourFlights .upgradeTab {
  font-size: var(--fontSize-16);
  font-weight: 600;
  width: 100%;
  background: var(--secondary-medium-grey);
  min-width: 50%;
}
.Booking_CustomizeBooking .fareTypeSection.upgradeYourFlights .Mui-selected {
  border-top: 2px solid var(--main-primary-branding);
  background: #fff;
}
.Booking_CustomizeBooking .fareTypeSection.upgradeYourFlights .MuiTabs-indicator {
  display: none;
}
.Booking_CustomizeBooking .fareTypeSection .fareType-terms {
  padding-left: 25px !important;
}

.Booking_TravellerDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.Booking_Traveller {
  font-size: var(--fontSize-16);
  margin-bottom: 23px !important;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--lightBlack);
}

.Booking_Label .MuiFormLabel-root {
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
  font-weight: 500;
}
.Booking_Label .MuiFormLabel-asterisk {
  color: var(--main-secondary-color);
}
.Booking_Label .Booking_Label_red {
  color: var(--primary-red-color);
}

.Booking_paymentSection {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 5px !important;
  padding: 25px 15px;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.Booking_paymentSection .MuiInputBase-root::before {
  border-color: var(--secondary-medium-grey);
}
.Booking_paymentSection .Booking_paymentTitle {
  color: var(--secondary-blue);
  font-size: var(--fontSize-16);
  font-weight: 500;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_paymentSection .Booking_paymentTitle img {
  margin-right: 10px;
}
.Booking_paymentSection .Booking_paymentMsg {
  color: var(--main-primary-Color);
  font-size: var(--fontSize-16);
  margin-bottom: 10.4px;
  margin-bottom: 0.65rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_paymentSection .Booking_paymentMsg img {
  margin-right: 10px;
}
.Booking_paymentSection .Booking_warningMsg {
  background-color: #fff3cd;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 10.4px;
  margin-bottom: 0.65rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.Booking_paymentSection .Booking_warningMsg img {
  margin-right: 10px;
}
.Booking_paymentSection .Booking_warningMsg a {
  color: var(--anchor-links);
}
.Booking_paymentSection .Booking_paymentSubTitle {
  color: var(--softGreyColor);
  font-size: var(--fontSize-14);
  margin-bottom: 10.4px;
  margin-bottom: 0.65rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_paymentSection .Booking_paymentCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_paymentSection .Booking_paymentCards .cardsImg {
  margin-right: 8px;
  margin-bottom: 22px;
}
.Booking_paymentSection .Booking_paymentLabel .MuiFormLabel-root {
  color: var(--lightBlack);
  font-size: var(--fontSize-14);
  font-weight: 500;
}
.Booking_paymentSection .Booking_paymentLabel .MuiFormLabel-asterisk {
  color: var(--main-secondary-color);
}
.Booking_paymentSection .Booking_Traveller {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 0 !important;
}

.Booking_paymentHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.Booking_FlightDetails,
.Booking_PriceSummary {
  background: var(--main-primary-white);
  -webkit-box-shadow: 0px 0px 3px var(--midnight-Black);
          box-shadow: 0px 0px 3px var(--midnight-Black);
  border-radius: 6px !important;
  margin-bottom: 24px;
  margin-top: 16px;
  margin-top: 1rem;
}
.Booking_FlightDetails .flight_ChangeFlightBtn,
.Booking_PriceSummary .flight_ChangeFlightBtn {
  font-size: var(--fontSize-12);
  color: var(--Heading-Color);
  text-decoration: underline;
  cursor: pointer;
}
.Booking_FlightDetails .Booking_flightHeader,
.Booking_PriceSummary .Booking_flightHeader {
  margin-bottom: 10px;
}
.Booking_FlightDetails .Booking_flightHeader,
.Booking_FlightDetails .Booking_PriceHeader,
.Booking_PriceSummary .Booking_flightHeader,
.Booking_PriceSummary .Booking_PriceHeader {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid var(--lightBlack);
  padding: 16px;
  padding: 1rem;
}
.Booking_FlightDetails .Booking_flightHeader .Icon_flight,
.Booking_FlightDetails .Booking_PriceHeader .Icon_flight,
.Booking_PriceSummary .Booking_flightHeader .Icon_flight,
.Booking_PriceSummary .Booking_PriceHeader .Icon_flight {
  margin-right: 8px;
}
.Booking_FlightDetails .Booking_flightHeader .Booking_flightTitle,
.Booking_FlightDetails .Booking_flightHeader .Booking_PriceTitle,
.Booking_FlightDetails .Booking_PriceHeader .Booking_flightTitle,
.Booking_FlightDetails .Booking_PriceHeader .Booking_PriceTitle,
.Booking_PriceSummary .Booking_flightHeader .Booking_flightTitle,
.Booking_PriceSummary .Booking_flightHeader .Booking_PriceTitle,
.Booking_PriceSummary .Booking_PriceHeader .Booking_flightTitle,
.Booking_PriceSummary .Booking_PriceHeader .Booking_PriceTitle {
  color: var(--Heading-Color);
  font-size: var(--fontSize-20);
  font-weight: 500;
}
.Booking_FlightDetails .Booking_PriceHeaderMb,
.Booking_PriceSummary .Booking_PriceHeaderMb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightDetails .Booking_FlightContent,
.Booking_PriceSummary .Booking_FlightContent {
  border-bottom: 1px solid var(--secondary-medium-grey);
}
.Booking_FlightDetails .Booking_FlightContent:last-child,
.Booking_PriceSummary .Booking_FlightContent:last-child {
  border: none;
}
.Booking_FlightDetails .Booking_FlightContent .filght_layover,
.Booking_PriceSummary .Booking_FlightContent .filght_layover {
  margin-top: 20px;
  border: 0;
  border-top: 1px dashed var(--secondary-medium-grey);
  padding-top: 16px;
  padding-top: 1rem;
}
.Booking_FlightDetails .Booking_FlightContent .filght_layover .filght_Title,
.Booking_PriceSummary .Booking_FlightContent .filght_layover .filght_Title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 4px;
  color: var(--primary-red-color);
}
.Booking_FlightDetails .Booking_FlightContent .filght_layover .filght_Title .layover_title,
.Booking_PriceSummary .Booking_FlightContent .filght_layover .filght_Title .layover_title {
  margin-left: 8px;
}
.Booking_FlightDetails .Booking_FlightContent .filght_layover .filght_Title .layover_title, .Booking_FlightDetails .Booking_FlightContent .filght_layover .filght_Title .layover_time,
.Booking_PriceSummary .Booking_FlightContent .filght_layover .filght_Title .layover_title,
.Booking_PriceSummary .Booking_FlightContent .filght_layover .filght_Title .layover_time {
  font-size: var(--fontSize-14);
}
.Booking_FlightDetails .Booking_FlightLinks,
.Booking_PriceSummary .Booking_FlightLinks {
  padding: 8px;
  text-align: center;
}
.Booking_FlightDetails .Booking_FlightLinks .Booking_FlightLink,
.Booking_PriceSummary .Booking_FlightLinks .Booking_FlightLink {
  font-size: var(--fontSize-12);
}
.Booking_FlightDetails .booking_flightInfo,
.Booking_PriceSummary .booking_flightInfo {
  padding: 16px;
  padding: 1rem;
  padding-right: 0;
  border: 0;
  border-bottom: 1px dashed var(--secondary-medium-grey);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_cabinContent,
.Booking_PriceSummary .booking_flightInfo .flightInfo_cabinContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  word-wrap: anywhere;
  max-width: 295px;
}
.Booking_FlightDetails .booking_flightInfo .flight_ChangeFlightBtn,
.Booking_PriceSummary .booking_flightInfo .flight_ChangeFlightBtn {
  font-size: var(--fontSize-12);
  color: var(---Heading-Color);
  text-decoration: underline;
  cursor: pointer;
}
.Booking_FlightDetails .booking_flightInfo:last-child,
.Booking_PriceSummary .booking_flightInfo:last-child {
  border-bottom: none;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Time_date,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Time_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_arrival.flightInfo_departure_time,
.Booking_PriceSummary .booking_flightInfo .flightInfo_arrival.flightInfo_departure_time {
  margin-left: 30px;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_arrival,
.Booking_PriceSummary .booking_flightInfo .flightInfo_arrival {
  margin-left: 5px;
  margin-top: auto;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_arrival .flightInfo_AddOneFlight,
.Booking_PriceSummary .booking_flightInfo .flightInfo_arrival .flightInfo_AddOneFlight {
  font-size: var(--fontSize-12);
  color: var(--primary-red-color);
  margin-left: 3px;
  font-weight: 500;
}
.Booking_FlightDetails .booking_flightInfo .booking_InfoHeader,
.Booking_PriceSummary .booking_flightInfo .booking_InfoHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .booking_InfoHeader .booking_header,
.Booking_PriceSummary .booking_flightInfo .booking_InfoHeader .booking_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .booking_InfoHeader .infoHeader_Icon,
.Booking_PriceSummary .booking_flightInfo .booking_InfoHeader .infoHeader_Icon {
  margin-right: 8px;
  width: 15px;
}
.Booking_FlightDetails .booking_flightInfo .booking_InfoHeader .infoHeader_title,
.Booking_PriceSummary .booking_flightInfo .booking_InfoHeader .infoHeader_title {
  font-size: var(--fontSize-12);
  color: var(--softGreyColor);
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_frombox,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_frombox {
  margin-left: 30px;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_frombox .flightInfo_from,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_frombox .flightInfo_from {
  font-size: var(--fontSize-22);
  color: var(--main-primary-branding);
  font-weight: 600;
  margin-right: 8px;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_frombox .flightInfo_City,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_frombox .flightInfo_City {
  color: var(--lightBlack);
  font-size: var(--fontSize-20);
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_ToBox,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_ToBox {
  margin: 0;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_TravelPath,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_TravelPath {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 8px 0;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_TravelPath .flightInfo_PathInfo,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_TravelPath .flightInfo_PathInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_TravelPath .IconTravelPath,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_TravelPath .IconTravelPath {
  margin-right: 16px;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_TravelPath .FlightDetl_layover,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_TravelPath .FlightDetl_layover {
  color: var(--primary-red-color);
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_departure,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_departure {
  margin-left: 5px;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_departure_time,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_departure_time {
  font-weight: 600;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 30px;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 13px;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_SubTitle,
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_title,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_SubTitle,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_title {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
  margin-right: 4px;
  white-space: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_titleFaretype,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_titleFaretype {
  white-space: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_SubTitle,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_SubTitle {
  font-weight: 500;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_fareType,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_cabinInfo .flightInfo_fareType {
  font-weight: 600;
  white-space: break-spaces;
  word-wrap: normal;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .filghtFare_typePopover,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .filghtFare_typePopover {
  font-size: var(--fontSize-16);
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_Operated,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_Operated {
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_Operated .flightInfo_OperTtile,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_Operated .flightInfo_OperTtile {
  font-size: var(--fontSize-12);
  color: var(--softGreyColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightDetails .booking_flightInfo .flightInfo_Content .flightInfo_Operated .flightInfo_OperSubTtile,
.Booking_PriceSummary .booking_flightInfo .flightInfo_Content .flightInfo_Operated .flightInfo_OperSubTtile {
  font-size: var(--fontSize-12);
  color: var(--neutral-Black);
  margin-left: 5px;
}
.Booking_FlightDetails .MuiAccordionDetails-root .booking_flightInfo,
.Booking_PriceSummary .MuiAccordionDetails-root .booking_flightInfo {
  padding-left: 0;
}

.flight_MultipleFlightPop {
  background: var(--secondary-light-blue);
  padding: 12px;
  padding: 0.75rem;
}
.flight_MultipleFlightPop .flight_MultiplePopTitle {
  font-size: var(--fontSize-12);
  font-weight: 600;
  color: var(--neutral-Black);
  margin-bottom: 10.4px;
  margin-bottom: 0.65rem;
}
.flight_MultipleFlightPop .flight_MultiplePopInfo {
  font-size: var(--fontSize-12);
  font-weight: 500;
  color: var(--neutral-Black);
}
.flight_MultipleFlightPop .flight_MultiplePopFilght {
  font-weight: 600;
}
.flight_MultipleFlightPop .flight_MultiplePopDetails {
  font-size: var(--fontSize-12);
}

.FlightDetails_tooltips {
  background-color: transparent;
}
.FlightDetails_tooltips .MuiTooltip-tooltip {
  color: var(--neutral-Black);
  background: var(--main-primary-white);
  padding: 0;
}

.Fligth_FarePopover {
  max-height: 70vh;
  overflow-y: auto;
  background: var(--secondary-light-blue);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(97, 97, 97, .3);
          box-shadow: 0px 3px 20px 0px rgba(97, 97, 97, .3);
  border-radius: 5px;
}
.Fligth_FarePopover::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #F5F5F5;
}
.Fligth_FarePopover::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.Fligth_FarePopover::-webkit-scrollbar-thumb {
  background-color: var(--lightBlack);
}
.Fligth_FarePopover .Fligth_FareTitle {
  font-size: var(--fontSize-12);
  font-weight: 600;
  color: var(--neutral-Black);
  padding: 12px;
  padding: 0.75rem;
}
.Fligth_FarePopover .Fligth_FareTitle:first-child {
  padding-bottom: 0;
}
.Fligth_FarePopover .Fligth_FareInfo {
  padding: 0 12px 10.4px;
  padding: 0 0.75rem 0.65rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Fligth_FarePopover .Fligth_FareInfo .Fligth_FareIcon {
  font-size: var(--fontSize-18);
  margin-right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Fligth_FarePopover .Fligth_FareInfo .Fligth_FareContent {
  font-size: var(--fontSize-12);
}
.Fligth_FarePopover .Fligth_FareInfo .Fligth_FareContent_Amount {
  font-size: var(--fontSize-12);
  margin-left: 7px;
}

.BookingPriceSummary_Wrapper {
  position: sticky;
  top: 0;
}

.Booking_PriceSummary .Booking_PriceHeader {
  padding: 16px;
  padding: 1rem;
}
.Booking_PriceSummary .MuiPaper-root.MuiPaper-elevation::before {
  content: none !important;
}
.Booking_PriceSummary .Booking_FlightPrce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
.Booking_PriceSummary .booking_AccoHeader {
  font-weight: 600 !important;
}
.Booking_PriceSummary .travelInsuranceHeader .MuiAccordionSummary-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_PriceSummary .booking_AccoCurrency {
  font-weight: 600 !important;
  color: var(--lightBlack);
}
.Booking_PriceSummary .MuiAccordionSummary-root {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.Booking_PriceSummary .MuiAccordionSummary-root .MuiTypography-root {
  font-size: var(--fontSize-16);
  font-weight: 500;
  color: var(--lightBlack);
}
.Booking_PriceSummary .MuiPaper-elevation {
  margin: 0px !important;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Booking_PriceSummary .MuiAccordionSummary-content.Mui-expanded {
  margin: 12px 0 !important;
}
.Booking_PriceSummary .MuiAccordionSummary-root.Mui-expanded {
  margin: 0px !important;
  min-height: 48px !important;
}
.Booking_PriceSummary .MuiAccordionDetails-root {
  padding: 0 16px;
  padding: 0 1rem;
}
.Booking_PriceSummary .MuiAccordionDetails-root {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.Booking_PriceSummary .booking_priceBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 10px;
}
.Booking_PriceSummary .booking_priceBody .booking_priceBodyTitle {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  font-weight: 600;
}
.Booking_PriceSummary .booking_priceBody .booking_priceBodysubTitle {
  font-size: var(--fontSize-14) !important;
  color: var(--softGreyColor);
}
.Booking_PriceSummary .Booking_priceFooter {
  padding: 8px 8px 20px 8px;
}
.Booking_PriceSummary .Booking_GiftCardFooter {
  padding-bottom: 0;
}
.Booking_PriceSummary .Booking_GiftCardFooter .Booking_priceTotal {
  background: transparent;
  padding-right: 7px;
  padding-left: 15px;
}
.Booking_PriceSummary .Booking_priceTotal {
  padding-left: 30px;
}
.Booking_PriceSummary .insurance_Wrapper {
  border-top: 1px solid var(--secondary-medium-grey);
  margin: 5px 0px;
}

.confirmation__Main .Booking_PriceSummary {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.booking_FullPriceLink {
  padding: 10px;
  text-align: center;
}
.booking_FullPriceLink .booking_FullLink {
  font-size: var(--fontSize-12);
  color: var(--secondary-blue);
  text-decoration: underline;
}

.Booking_priceTotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: var(--secondary-light-blue);
  padding: 0 16px;
  height: 39px;
}
.Booking_priceTotal .Booking_priceTotal {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  font-weight: 600;
  padding: 0;
  background: transparent;
}
.Booking_priceTotal .Booking_FlightPrice {
  font-size: var(--fontSize-16);
  color: var(--main-primary-branding);
  font-weight: 600;
}

.booking_TermsConLinks {
  padding-top: 12px;
}
.booking_TermsConLinks .MuiSvgIcon-root {
  width: 30px;
  height: 30px;
}
.booking_TermsConLinks .MuiLink-root {
  color: var(--anchor-links);
}

.booking_SubmitBtn {
  max-width: 297px;
  width: 100%;
  font-size: var(--fontSize-16);
  background: var(--main-primary-Button) !important;
  color: var(--Button-Text-Color) !important;
  text-transform: capitalize !important;
  margin-bottom: 40px !important;
  margin-top: 16px !important;
  margin-top: 1rem !important;
}
.booking_SubmitBtn:disabled {
  background: var(--secondary-medium-grey) !important;
  color: var(--Button-Text-Color) !important;
}

.terms_Condition {
  cursor: pointer;
  color: var(--anchor-links);
  text-decoration: underline;
}

.booking_headerBox {
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .161), 0 3px 6px rgba(0, 0, 0, .161);
          box-shadow: inset 0 3px 6px rgba(0, 0, 0, .161), 0 3px 6px rgba(0, 0, 0, .161);
  padding: 16px 0;
  padding: 1rem 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.booking_headerBox .booking_headerTilte {
  font-size: var(--fontSize-28);
  color: var(--Heading-Color);
  font-weight: 500;
}
.booking_headerBox .booking_headerSubTilte {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
}

.booking_FlightDetlsHeader .FlightDetl_Wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 16px;
  padding: 1rem;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper:last-child {
  padding-top: 0;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_title {
  font-size: var(--fontSize-22);
  color: var(--main-primary-branding);
  font-weight: 600;
  margin-right: 8px;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_departure,
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_arrival {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_SideLeft {
  width: 30%;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_center {
  text-align: center;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_center .FlightDetl_imgPathBox {
  height: 15px;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_center .FlightDetl_time {
  margin-top: 20px;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_Sideright {
  width: 30%;
  text-align: right;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_Sideright .FlightDetl_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_Sideright .FlightDetl_title {
  margin-right: 0;
  margin-left: 8px;
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_Subtitle {
  color: var(--lightBlack);
  font-size: var(--fontSize-12);
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_Duration {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_layover {
  font-size: var(--fontSize-12);
  color: var(--main-primary-Color);
}
.booking_FlightDetlsHeader .FlightDetl_Wrapper .FlightDetl_pathimg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 7px;
}
.booking_FlightDetlsHeader .FlightDetl_footer {
  padding: 16px;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.booking_FlightDetlsHeader .FlightDetl_footer .FlightDetl_filgthTitle,
.booking_FlightDetlsHeader .FlightDetl_footer .FlightDetl_filgthsubTitle {
  font-size: var(--fontSize-12);
  font-weight: 500;
  color: var(--lightBlack);
}
.booking_FlightDetlsHeader .FlightDetl_footer .FlightDetl_filgthIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
.booking_FlightDetlsHeader .FlightDetl_footer .FlightDetl_filgthIcon .FlightDetl_fIconHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.booking_FlightDetlsHeader .FlightDetl_footer .FlightDetl_filgthIcon .FlightDetl_filgthIcons {
  width: 28px;
  margin-right: 8px;
}

.booking_FullDetlAccordion {
  margin-top: 0 !important;
}
.booking_FullDetlAccordion .MuiAccordionSummary-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.booking_FullDetlAccordion .MuiAccordionDetails-root {
  padding: 0 16px;
  padding: 0 1rem;
}
.booking_FullDetlAccordion .booking_filghtFullDetl {
  font-size: var(--fontSize-12);
  color: var(--anchor-links);
  cursor: pointer;
  text-decoration: underline;
}
.booking_FullDetlAccordion .MuiAccordionSummary-root.Mui-expanded {
  max-height: 47px !important;
  min-height: 47px !important;
}

.Booking_paymentTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_paymentTab .Booking_payTabs {
  width: 50%;
  height: 75px;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.Booking_paymentTab .Booking_payTabs .Booking_payPrice {
  font-size: var(--fontSize-24);
  font-weight: 600;
}
.Booking_paymentTab .Booking_payTabs .Booking_payTitle {
  font-size: var(--fontSize-14);
  font-weight: 600;
}
.Booking_paymentTab .Booking_payActive {
  border-radius: 0 0 5px 5px !important;
  border-top: 2px solid var(--main-primary-branding);
}
.Booking_paymentTab .Booking_payActive .Booking_payPrice {
  color: var(--secondary-blue);
}
.Booking_paymentTab .Booking_payActive .Booking_payTitle {
  color: var(--secondary-blue);
}
.Booking_paymentTab .Booking_payDeActive {
  color: var(--secondary-medium-grey);
  background-color: var(--secondary-medium-grey);
}
.Booking_paymentTab .Booking_payDeActive .Booking_payPrice {
  color: var(--softGreyColor);
}
.Booking_paymentTab .Booking_payDeActive .Booking_payTitle {
  color: var(--softGreyColor);
}
.Booking_paymentTab .Booking_payPopBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}
.Booking_paymentTab .Booking_payPopBtn .upliftNotAvailable {
  position: absolute;
  right: -16px;
  top: -9px;
}
.Booking_paymentTab .Booking_payPopBtn Button {
  padding: 0;
  background: transparent;
  text-transform: lowercase;
  margin-left: 5px;
  height: 35px;
  pointer-events: none;
}
.Booking_paymentTab .Booking_PayInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: transparent;
}
.Booking_paymentTab .Booking_PayInfo Button {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  min-width: 16px;
}
.Booking_paymentTab .Booking_PayInfo svg {
  font-size: var(--fontSize-16);
  color: var(--main-primary-Black);
}

.priceSummary_uplift {
  height: 39px;
}
.priceSummary_uplift .payUpliftTitle {
  height: 39px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  border: 1px solid var(--softGreyColor);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--main-primary-Black);
  font-size: var(--fontSize-14);
  position: relative;
}
.priceSummary_uplift .payUpliftTitle button {
  color: var(--main-primary-Black);
  text-transform: none;
  padding: 0;
  margin: 0 3px;
}
.priceSummary_uplift .payUpliftTitle .upliftIcon {
  min-width: 20px !important;
  width: 20px;
  margin-left: 3px;
}
.priceSummary_uplift .payUpliftTitle .upliftIcon svg {
  font-size: var(--fontSize-20);
}
.priceSummary_uplift .payUpliftTitleFr {
  width: 30vw !important;
}

.Booking_PayTitleHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 36px;
  margin-left: 2.25rem;
}
.Booking_PayTitleHeader .Booking_PayTitleTop {
  font-size: var(--fontSize-16);
  margin-left: 10px;
  font-weight: 500;
}

.Booking_FlightUpliftHeader {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 6px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_FlightUpliftHeader .Booking_FlightUpliftTitle {
  font-size: var(--fontSize-16);
  font-weight: 500;
  margin-left: 25px;
}
.Booking_FlightUpliftHeader .UpLiftImg {
  width: 35px;
  margin-left: 5px;
}

.Booking_InsuranceDetWraper .insurancePasWrapper .insurancePasRadioBtn {
  margin-right: 5px;
  margin-top: 0;
}
.Booking_InsuranceDetWraper .InsuranceDetailBtn {
  font-size: var(--fontSize-12);
  text-transform: capitalize;
  padding: 0;
}
.Booking_InsuranceDetWraper .InsuranceDetail_clickhere {
  font-size: var(--fontSize-14);
}
.Booking_InsuranceDetWraper .InsuranceDetail_point {
  font-size: var(--fontSize-12);
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails {
  border-radius: 0.3rem;
  border: 1px solid var(--secondary-medium-grey);
  padding: 16px 26.4px;
  padding: 1rem 1.65rem;
  padding-top: 22.4px;
  padding-top: 1.4rem;
  margin-bottom: 10.4px;
  margin-bottom: 0.65rem;
  position: relative;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceMoreInfo {
  padding-bottom: 10px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails.option_section {
  background: var(--secondary-medium-blue);
  margin-top: 10.4px;
  margin-top: 0.65rem;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptionsWrapper {
  padding: 10px 0px;
  border-top: 1px solid var(--secondary-medium-grey);
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions {
  padding-bottom: 20px !important;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.tripSection .Booking_InsurancTitle {
  padding-bottom: 5px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.tripSection .Booking_InsuranceTripInterruptionOptionsWrapper {
  border: 1px solid var(--secondary-medium-grey);
  background: #F5F5F5;
  border-radius: 10px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.tripSection .searchResults_travelDeals {
  border-bottom: 1px solid var(--secondary-medium-grey);
  padding: 10px 15px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.tripSection .searchResults_travelDeals .insurance_trip_interruption_select {
  border-radius: 10PX;
  padding: 10px;
  border-color: #ddd;
  width: 90%;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection {
  border: none;
  padding-bottom: 0px !important;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #F89520;
  margin-bottom: 10px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-summary {
  border-radius: 10px;
  border: none;
  background: #FFF3CD;
  padding-top: 10px;
  padding-bottom: 10px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-summary .eligibility-accordion-summary-content {
  display: "flex";
  -webkit-box-align: "center";
      -ms-flex-align: "center";
          align-items: "center";
  gap: 1;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-summary .eligibility-accordion-info {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-summary .eligibility-accordion-info .eligibility-accordion-subtitle {
  font-size: var(--fontSize-16px) !important;
  font-weight: 400;
  color: var(--neutral-black);
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .MuiAccordionSummary-content {
  margin: 0;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-details {
  background: #fff;
  border: none;
  padding: 2px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-details .eligibility-main-title {
  margin-top: 10px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-details .eligibility-main-title strong {
  color: var(--main-secondary-color);
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-details .eligibility-accordion-SubSection {
  background-color: var(--secondary-light-grey);
  border-radius: 10px;
  padding: 10px;
  border: 1px solid var(--secondary-light-grey);
  margin-bottom: 2px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceExtraOptions.eligibiltySection .eligibilityAccordion .eligibility-accordion-details .eligibility-accordion-SubSection h4 {
  font-size: var(--fontSize-16px) !important;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceOptionalAddOn .Booking_InsuranceOptionalAddOnItem {
  margin-top: 5px;
  padding-top: 5px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceOptionalAddOn .Booking_InsuranceOptionalAddOnItem .Booking_InsuranceOptionalAddOnItemTitle {
  padding-bottom: 5px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceOptionalAddOn .Booking_InsuranceOptionalAddOnItem .OptionalAddOnPaxItemWrapper {
  border: 1px solid var(--secondary-medium-grey);
  background: white;
  border-radius: 10px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceOptionalAddOn .Booking_InsuranceOptionalAddOnItem .OptionalAddOnPaxItemWrapper .OptionalAddOnPaxItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1px;
  border-bottom: 1px solid var(--secondary-medium-grey);
  padding-left: 15px;
  padding-right: 15px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetails .Booking_InsuranceOptionalAddOn .Booking_InsuranceOptionalAddOnItem .OptionalAddOnPaxItemWrapper .OptionalAddOnPaxTotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 10px 20px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceDetailsActive {
  border: 1px solid var(--primary-green);
}
.Booking_InsuranceDetWraper .insurance-check-list {
  text-align: right;
}
.Booking_InsuranceDetWraper .Booking_InsuranceRecommended {
  position: absolute;
  right: -1px;
  top: -1px;
  border-radius: 0 6px;
  background: var(--main-primary-branding);
  padding: 3px 6px;
  font-size: var(--fontSize-12);
  color: var(--main-primary-white);
}
.Booking_InsuranceDetWraper .Booking_InsurancTitle {
  font-size: var(--fontSize-16);
  color: var(--neutral-black);
  font-weight: 600;
  text-transform: capitalize;
}
.Booking_InsuranceDetWraper .InsuranceDetail_amounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_InsuranceDetWraper .InsuranceDetail_amounts .InsuranceDetail_AmuClick {
  font-size: var(--fontSize-12);
  margin-right: 4px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceTips {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_InsuranceDetWraper .Booking_InsuranceTips .Booking_InsuranceTipsBtn {
  background: transparent;
  border: none;
}
.Booking_InsuranceDetWraper .Booking_InsuranceMoreInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.Booking_InsuranceDetWraper .Booking_InsuranceMoreInfo .Booking_InsuranceInfo {
  display: block;
}
.Booking_InsuranceDetWraper .Booking_InsuranceMoreInfo .insurance-price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Booking_InsuranceDetWraper .Booking_InsuranceMoreInfo .insurance-price {
  font-size: var(--fontSize-20) !important;
  font-weight: 600;
  margin-top: -5px;
}
.Booking_InsuranceDetWraper .Booking_InsuranceMoreInfo .insurnace-starting-from-text,
.Booking_InsuranceDetWraper .Booking_InsuranceMoreInfo .insurance-per-person-text {
  font-size: var(--fontSize-12);
  color: var(--softGreyColor);
}
.Booking_InsuranceDetWraper .insurance-price-per-day {
  font-size: var(--fontSize-12);
  margin-left: 24px;
  margin-left: 1.5rem;
}
.Booking_InsuranceDetWraper .Booking_InsuLeftSide {
  width: 40%;
  display: block;
}
.Booking_InsuranceDetWraper .Booking_PlanModeToggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 0;
}
.Booking_InsuranceDetWraper .Booking_PlanModeToggle .planModeControl .MuiButtonBase-root {
  padding: 0;
  padding-right: 10px;
}
.Booking_InsuranceDetWraper .Booking_PlanModeToggle .insurancePasBox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Booking_InsuranceDetWraper .insurancePasBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.Booking_GiftCard {
  margin-bottom: 40px;
  border-bottom: 1px solid #dddddd;
  padding: 16px 0;
  padding: 1rem 0;
}
.Booking_GiftCard .Booking_SecondaryTitle {
  color: var(--main-primary-Black);
  font-size: var(--fontSize-16);
}
.Booking_GiftCard .Booking_GiftCardTips {
  font-size: var(--fontSize-12);
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.Booking_GiftCard .booking_GiftInfo {
  font-size: var(--fontSize-12);
  margin-top: 2px;
}
.Booking_GiftCard .booking_GiftMsg {
  position: relative;
}
.Booking_GiftCard .booking_successMessage {
  position: absolute;
  top: -19px;
}
.Booking_GiftCard .booking_GiftWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
.Booking_GiftCard .booking_GiftWrapper .booking_GiftInputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
.Booking_GiftCard .booking_GiftWrapper .booking_GiftInputs .Booking_Label {
  width: 40%;
}
.Booking_GiftCard .booking_GiftWrapper .booking_GiftInputs .Booking_Label .MuiFormLabel-root {
  font-size: var(--fontSize-16);
}
.Booking_GiftCard .booking_GiftWrapper .booking_GiftInputs .Booking_SubmitButton {
  background-color: var(--main-primary-white);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid var(--main-primary-Button);
  color: var(--main-primary-Button);
  font-size: var(--fontSize-16);
  text-transform: capitalize;
  width: 122px;
  height: 40px;
}
.Booking_GiftCard .booking_GiftWrapper .booking_GiftInputs .Booking_SubmitButton:hover {
  background-color: var(--main-primary-Button);
  border: 1px solid var(--main-primary-branding);
  color: var(--main-primary-white);
}
.Booking_GiftCard .booking_giftcard_linkSection {
  text-align: center;
  padding: 10px;
}
.Booking_GiftCard .booking_giftcard_linkSection .booking_giftcard_link {
  font-size: var(--fontSize-14);
  color: var(--main-primary-deep-blue-rgb);
  text-decoration: underline;
  margin-top: 16px;
  margin-top: 1rem;
}

.FrequentFlyerCard .FreFlyerPro_Tips {
  font-size: var(--fontSize-12);
  color: var(--neutral-Black);
}

.Booking_ApplyPromoCode {
  margin: 16px 0;
  margin: 1rem 0;
  border-bottom: 1px solid var(--secondary-medium-grey);
  padding: 0 24px;
  padding: 0 1.5rem;
}
.Booking_ApplyPromoCode::first-child {
  margin-top: 0;
}
.Booking_ApplyPromoCode .Booking_SecondaryTitle {
  color: var(--main-primary-Black);
  font-size: var(--fontSize-16);
}
.Booking_ApplyPromoCode .Booking_CodeInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_ApplyPromoCode .Booking_CodeInput .Booking_CodeButton {
  background-color: var(--main-primary-white);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid var(--main-primary-Button);
  color: var(--main-primary-Button);
  font-size: var(--fontSize-16);
  text-transform: capitalize;
  width: 122px;
  height: 40px;
}
.Booking_ApplyPromoCode .Booking_CodeInput .Booking_CodeButton:hover {
  background-color: var(--main-primary-Button);
  border: 1px solid var(--main-primary-branding);
  color: var(--main-primary-white);
}
.Booking_ApplyPromoCode .Booking_CodeErroMsg {
  margin-top: -14px;
  margin-top: -0.875rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.Booking_ApplyPromoCode .Booking_Label {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  width: 100%;
}
.Booking_ApplyPromoCode .Booking_Label .MuiInputBase-root {
  width: 100%;
}

.Multipleflights_title {
  font-size: var(--fontSize-12) !important;
  text-decoration: underline;
  color: var(--Heading-Color);
}

.MultipleFlightDet_popover {
  padding: 16px;
  padding: 1rem;
  background: var(--secondary-light-blue);
}
.MultipleFlightDet_popover .MultipleFlightDet_title {
  color: var(--neutral-Black);
  font-size: var(--fontSize-12);
  font-weight: 700;
  margin-bottom: 15px;
}
.MultipleFlightDet_popover .MultipleFlightDet_subTitle {
  color: var(--neutral-Black);
  font-size: var(--fontSize-12);
  margin-bottom: 8px;
}
.MultipleFlightDet_popover .MultipleFlightDet_subTitle:last-child {
  margin-bottom: 0px;
}
.MultipleFlightDet_popover .MultipleFlightDet_subTitle .MultipleFlightDet_flights {
  font-weight: 600;
}

.Booking_FlightUpliftBox .Booking_payInFull {
  padding: 16px;
  padding: 1rem;
  background: var(--main-primary-white);
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.Booking_FlightUpliftBox .Tb_upliftBookingIcon {
  margin-left: 4px;
}
.Booking_FlightUpliftBox .UpLiftBooking_Iconhanddollar path {
  fill: var(--main-primary-branding);
}

.Booking_TermsCondHedaer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: var(--main-primary-branding);
  color: var(--main-primary-white);
}
.Booking_TermsCondHedaer .Booking_TermsCondTitle {
  font-size: var(--fontSize-16);
}
.Booking_TermsCondHedaer .Booking_TermsCondIcon {
  rotate: 90deg;
  margin: 0 8px;
}
.Booking_TermsCondHedaer .Booking_TermsCondLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.Booking_TermsCondBody .Booking_TermsCondBodyRule {
  font-size: var(--fontSize-16);
  font-weight: 600;
}
.Booking_TermsCondBody .Booking_TermsCondBodySubTitle {
  font-size: var(--fontSize-14);
  font-weight: 600;
}
.Booking_TermsCondBody .Booking_TermsCondBodyInfo {
  font-size: var(--fontSize-12);
  text-transform: lowercase;
}
.Booking_TermsCondBody .Booking_TermsCondClose {
  color: var(--main-primary-white);
}

@media screen and (max-width: 768px) {
  .Booking_paymentTab .Booking_payPopBtn {
    margin-top: 4px;
  }
  .Booking_paymentTab .Booking_payTitle {
    width: 70%;
  }
  .Booking_paymentTab .payUpliftTitleFr {
    width: 100%;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-size: var(--fontSize-12);
    margin-right: 4px;
  }
  .Booking_paymentTab .uplift-logo-2 {
    margin: 0;
  }
  #up-pay-monthly-container iframe {
    border: 0;
    border-top: 1px solid var(--secondary-medium-grey);
    position: relative;
    z-index: 1;
  }
  .Booking_TravellerCard {
    padding: 1rem;
    margin-bottom: 0;
  }
  .booking_headerBox .booking_headerTilte {
    font-size: var(--fontSize-16);
    margin-bottom: 10px;
  }
  .booking_headerBox .booking_headerSubTilte {
    font-size: var(--fontSize-14);
  }
  .Booking_paymentMsg {
    margin: 10px 0 !important;
  }
  .Booking_paymentCards {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .Booking_paymentHeader .Booking_paymentTitle {
    width: 50%;
  }
  .Booking_paymentCards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .booking_TermsandSubBtn {
    text-align: center;
    margin-top: 20px !important;
  }
  .booking_TermsandSubBtn .MuiFormControlLabel-root {
    text-align: left;
  }
  .booking_TermsandSubBtn .booking_SubmitBtn {
    margin: 30px auto;
  }
  .Booking_Trv_priceSection {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .Booking_Paymentoption {
    padding: 0;
    padding-bottom: 1rem;
    margin: 0.2rem;
  }
  .Booking_Paymentoption .Booking_paymentSection {
    padding: 1rem;
    margin: 1rem 0.4rem;
  }
  .Booking_Paymentoption .Booking_GiftCard {
    padding: 0 1rem;
  }
  .Booking_Paymentoption .Booking_GiftCard .booking_GiftInputs {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .Booking_Paymentoption .Booking_GiftCard .booking_GiftInputs .Booking_Label {
    width: 50% !important;
  }
  .Booking_Paymentoption .Booking_GiftCard .booking_GiftInputs .Booking_SubmitButton {
    margin: 15px 0;
  }
  .Booking_ApplyPromoCode {
    padding: 0 1rem;
  }
  .Booking_ApplyPromoCode .Booking_CodeInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 15px;
  }
  .Booking_paymentTab .Booking_payTabs {
    padding: 5px 20px;
    height: 85px;
  }
  .Booking_paymentTab .Booking_PayInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .booking_headerBox {
    margin-bottom: 8px;
  }
  .Booking_totalPriceMB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 4px;
    margin-bottom: 20px;
    background: var(--tooltipBgColor);
  }
  .Booking_totalPriceMB .Booking_totalTitle, .Booking_totalPriceMB .Booking_totalPrice {
    font-weight: 500;
    color: var(--neutral-Black);
  }
  .Booking_totalPriceMB .Booking_totalPrice {
    font-weight: 600;
  }
  .payUpliftTitle {
    padding: 8px 16px !important;
    margin-top: 8px !important;
  }
  .fareTypeSection.upgradeYourFlights .upgradeTab {
    width: 50% !important;
  }
  .fareTypeSection.upgradeYourFlights .fareType-terms {
    display: block !important;
  }
  .fareTypeSection.upgradeYourFlights .inOutSlider .slick-slider {
    height: 65vh;
  }
  .fareTypeSection.upgradeYourFlights .inOutSlider .slick-list {
    overflow: visible !important;
  }
  .Booking_InsuranceDetWraper .Booking_InsuLeftSide {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .Booking_InsuranceDetWraper .Booking_InsuLeftSide {
    width: 100%;
  }
}
.material-ui-phone-input {
  padding-top: 16px;
}
.material-ui-phone-input input {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: var(--lightBlack);
  font-size: var(--fontSize-12);
  line-height: 1.4375em;
  padding: 6px 0 7px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .42);
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  width: 100%;
  font-weight: 500;
}
.material-ui-phone-input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .42);
  color: var(--lightBlack);
  font-size: var(--fontSize-12);
}
.material-ui-phone-input input::-moz-placeholder {
  color: rgba(0, 0, 0, .42);
  color: var(--lightBlack);
  font-size: var(--fontSize-12);
}
.material-ui-phone-input input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .42);
  color: var(--lightBlack);
  font-size: var(--fontSize-12);
}
.material-ui-phone-input input::placeholder {
  color: rgba(0, 0, 0, .42);
  color: var(--lightBlack);
  font-size: var(--fontSize-12);
}
.material-ui-phone-input input:focus,
.material-ui-phone-input .material-ui-phone-input input:hover {
  border-bottom: 2px solid #3f51b5;
  outline: none;
  cursor: pointer;
}
.material-ui-phone-input.isError input {
  border-bottom: 1px solid red;
}
.material-ui-phone-input.isError input:focus, .material-ui-phone-input.isError input:hover {
  border-bottom: 1px solid red;
}
.material-ui-phone-input.isError input::-webkit-input-placeholder {
  border-bottom: 1px solid red;
}
.material-ui-phone-input.isError input::-moz-placeholder {
  border-bottom: 1px solid red;
}
.material-ui-phone-input.isError input::-ms-input-placeholder {
  border-bottom: 1px solid red;
}
.material-ui-phone-input.isError input::placeholder {
  border-bottom: 1px solid red;
}
.material-ui-phone-input .PhoneInputCountrySelect {
  font-size: var(--fontSize-12);
}

.PhoneInputCountryBox .PhoneInputInput {
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
  font-weight: 500;
  padding: 2px 0 7px;
  border-color: #ddd;
}
.PhoneInputCountryBox .PhoneInputInput::-webkit-input-placeholder {
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
}
.PhoneInputCountryBox .PhoneInputInput::-moz-placeholder {
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
}
.PhoneInputCountryBox .PhoneInputInput::-ms-input-placeholder {
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
}
.PhoneInputCountryBox .PhoneInputInput::placeholder {
  color: var(--lightBlack);
  font-size: var(--fontSize-16);
}

.flexPaymentOption .Booking_Flexibleoptions {
  margin-top: 0;
}

.PetroWidget {
  padding: 5px !important;
}
.PetroWidget .Petro-Account {
  margin-top: 16px !important;
  margin-left: 20px;
}
.PetroWidget .Petro-Options .petro-radio-group {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
}
.PetroWidget .Booking_SubmitButton {
  background-color: var(--main-primary-white);
  border: 1px solid var(--main-primary-Button);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--main-primary-Button);
  font-size: var(--fontSize-16);
  height: 40px;
  text-transform: capitalize;
  width: 122px;
  margin: 20px 0 5px 20px;
}
.PetroWidget .Booking_SubmitButton:hover {
  background-color: var(--main-primary-Button);
  border: 1px solid var(--main-primary-branding);
  color: var(--main-primary-white);
}
.PetroWidget .total_points_eanrned {
  margin: 10px 0 0 15px;
}
.PetroWidget .petro-icon-style {
  color: #ffffff;
  margin-right: 10px;
  font-size: var(--fontSize-24);
  width: 20px !important;
  height: 20px !important;
}
.PetroWidget .warning-icon {
  margin-right: 12px;
}
.PetroWidget .booking-apply-petro {
  border-bottom: 1px solid #ebebeb !important;
  padding-bottom: 16px !important;
  padding-bottom: 1rem !important;
  margin-bottom: 16px !important;
  margin-bottom: 1rem !important;
  color: var(--neutral-Black);
  padding-top: 15px;
}
.PetroWidget .amount-box {
  background-color: var(--secondary-medium-grey);
  margin-bottom: 16px !important;
  margin-bottom: 1rem !important;
  border: 1px solid #ebebeb !important;
}
.PetroWidget .amount-box-wrapper {
  text-align: center !important;
}
.PetroWidget .Booking_ApplyPromoCode {
  border: 0 !important;
}
.PetroWidget .Booking_ApplyPromoCode .Booking_CodeInput .Booking_CodeInputWrapper {
  width: 100%;
}
.PetroWidget .box-header {
  font-size: var(--fontSize-16) !important;
  padding: 16px !important;
  padding: 1rem !important;
  margin-bottom: 0 !important;
  background: var(--secondary-light-blue);
  color: var(--neutral-Black);
}
.PetroWidget .text-nowrap {
  padding-left: 16px !important;
  padding-left: 1rem !important;
  padding-right: 16px !important;
  padding-right: 1rem !important;
  margin-bottom: 8px !important;
  margin-bottom: 0.5rem !important;
  margin-top: 8px !important;
  margin-top: 0.5rem !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.PetroWidget .dollarBalance {
  float: right;
}
.PetroWidget .amounts-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
  font-size: 12.8px;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
.PetroWidget .point-box {
  border: 1px solid #ccc;
  padding: 12px;
  padding: 0.75rem;
  border-radius: 8px;
  min-width: 120px;
  text-align: center;
  background-color: #f9f9f9;
}
.PetroWidget .text-highlight {
  font-size: var(--fontSize-20) !important;
  color: #343a40;
}
.PetroWidget .slider-container {
  padding: 24px;
  border-radius: 8px;
  max-width: 550px;
  margin: 0 30px;
}
.PetroWidget .slider-container h6 {
  text-align: left;
}
.PetroWidget .slider-style {
  margin-top: 16px;
}
.PetroWidget .point-calculation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin: 0;
}
.PetroWidget .point-calculation p {
  font-size: var(--fontSize-16) !important;
}
.PetroWidget .total-price {
  padding-top: 15PX;
  border-top: solid 1px #d3d3d3;
  margin-top: 20px;
}
.PetroWidget .bg-white {
  text-align: center !important;
  padding: 24px 24px !important;
  padding: 1.5rem 1.5rem !important;
  background-color: var(--main-primary-white);
}
.PetroWidget .bg-white .border-responsive {
  border-left: none;
  border-right: none;
}
.PetroWidget .bg-white h6 {
  font-size: var(--fontSize-14) !important;
}
@media (min-width: 576px) {
  .PetroWidget .bg-white .border-responsive {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}
.PetroWidget .Petro-totals-container {
  font-size: var(--fontSize-16);
  max-width: 1140px;
}
.PetroWidget .Petro-totals {
  background-color: var(--main-primary-white);
  padding: 16px;
  padding: 1rem;
  border-radius: 8px;
  font-size: var(--fontSize-14);
  margin-top: 16px;
}
.PetroWidget .petro-points-used {
  font-size: var(--fontSize-16);
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.PetroWidget .new-total {
  margin-top: 12px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.PetroWidget .new-total .new-total-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--fontSize-24);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.PetroWidget .total-amount {
  font-size: var(--fontSize-24);
  font-weight: bold;
  color: var(--neutral-black);
  margin-top: 4px;
}
.PetroWidget .total-points-earned {
  font-size: var(--fontSize-16);
  color: #666;
  margin-top: 8px;
}
.PetroWidget .disclaimer {
  font-size: var(--fontSize-13);
  color: #555;
  margin-top: 12px;
  line-height: 1.4;
}
.PetroWidget .table-petro th {
  text-align: left;
  padding: 12px;
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #ebebeb;
}
.PetroWidget .table-petro td {
  padding: 12px;
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #ebebeb;
}
.PetroWidget .Booking_PetroCode {
  margin: 16px 0;
  margin: 1rem 0;
  padding: 0 24px;
  padding: 0 1.5rem;
}
.PetroWidget .Booking_PetroCode::first-child {
  margin-top: 0;
}
.PetroWidget .Booking_PetroCode .Booking_SecondaryTitle {
  color: var(--main-primary-Black);
  font-size: var(--fontSize-16);
}
.PetroWidget .Booking_PetroCode .Booking_CodeInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.PetroWidget .Booking_PetroCode .Booking_CodeInput .Booking_CodeInputWrapper {
  width: 100%;
}
.PetroWidget .Booking_PetroCode .Booking_CodeInput .Booking_CodeButton {
  background-color: var(--main-primary-white);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid var(--main-primary-Button);
  color: var(--main-primary-Button);
  font-size: var(--fontSize-16);
  text-transform: capitalize;
  width: 122px;
  height: 40px;
}
.PetroWidget .Booking_PetroCode .Booking_CodeInput .Booking_CodeButton:hover {
  background-color: var(--main-primary-Button);
  border: 1px solid var(--main-primary-branding);
  color: var(--main-primary-white);
}
.PetroWidget .Booking_PetroCode .Booking_CodeInput .Booking_CodeButton-disabled {
  background: var(--secondary-medium-grey) !important;
  color: var(--Button-Text-Color) !important;
  border: 1px solid var(--secondary-medium-grey) !important;
  cursor: not-allowed;
}
.PetroWidget .Booking_PetroCode .Booking_CodeErroMsg {
  margin-top: -14px;
  margin-top: -0.875rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.PetroWidget .Booking_PetroCode .Booking_Label {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  width: 100%;
}
.PetroWidget .Booking_PetroCode .Booking_Label .MuiInputBase-root {
  width: 100%;
}

.petro-fail .Booking_SummaryContent .bookingSum__card {
  width: 100% !important;
}
.petro-fail .Booking_SummaryContent .bookingSum__card .bookingSum_Title {
  width: 100% !important;
}
.petro-fail .Booking_SummaryContent .bookingSum__card .bookingSum_subTitle {
  float: left;
  text-transform: none;
}

/* overlay */
.stm-overlay {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(12, 18, 25, .6);
  z-index: 1200;
  padding: 16px;
  -webkit-overflow-scrolling: touch;
}

/* modal */
.stm-modal {
  width: 100%;
  max-width: 480px; /* desktop cap */
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
          box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
  padding: 18px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  max-height: 90vh;
}

/* close button */
.stm-close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  font-size: var(--fontSize-24);
  line-height: 1;
  cursor: pointer;
  border-radius: 8px;
  display: grid;
  place-items: center;
}

/* header pill */
.stm-header-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .04);
  margin-bottom: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.stm-info-icon {
  min-width: 28px;
  min-height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, .06);
  font-weight: 600;
  font-size: var(--fontSize-14);
}

/* title */
.stm-title {
  font-size: var(--fontSize-14);
  font-weight: 700;
  line-height: 1.1;
}

/* list */
.stm-list {
  margin: 0;
  padding-left: 18px;
  padding-right: 6px;
  list-style-type: disc;
  font-size: var(--fontSize-14);
  line-height: 1.4;
  color: #1b1b1b;
}

/* list items spacing */
.stm-list li {
  margin-bottom: 10px;
}

/* Larger screens slight polish */
.fareType-terms {
  font-weight: 100 !important;
  font-size: small !important;
}

.stm-seeMore {
  color: "#1976d2" !important;
  -webkit-text-decoration: "underline" !important;
          text-decoration: "underline" !important;
  cursor: "pointer" !important;
  font-weight: 500 !important;
}

.confirmation__Main {
  background-color: var(--SearchBackground);
  padding: 16px 0;
  padding: 1rem 0;
}

.conftion__wrapper {
  background-color: var(--main-primary-white);
  border-radius: 5px !important;
  padding: 16px 32px;
  padding: 1rem 2rem;
  margin-top: 16px;
  margin-top: 1rem;
}
.conftion__wrapper .conftionTitle {
  font-size: var(--fontSize-20);
  color: var(--main-primary-branding);
  font-weight: 700;
}
.conftion__wrapper .conftion_hr {
  margin: 10px 0;
  margin: 0.625rem 0;
  background: var(--lightBlack);
}
.conftion__wrapper .conftion__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.conftion__wrapper .conftion__header .conftion_title,
.conftion__wrapper .conftion__header .conftion_Subtitle {
  font-size: var(--fontSize-16);
}
.conftion__wrapper .conftion__header .conftion_title {
  margin-right: 6.4px;
  margin-right: 0.4rem;
}
.conftion__wrapper .conftion__header .conftion_Subtitle {
  font-weight: 600;
}
.conftion__wrapper .conftion_card {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 6px !important;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.conftion__wrapper .conftion_card .conftion_cardBody,
.conftion__wrapper .conftion_card .conftion_cardHeader {
  padding: 12px 24px;
}
.conftion__wrapper .conftion_card .conftion_cardHeader {
  border-bottom: 1px solid var(--secondary-medium-grey);
}
.conftion__wrapper .conftion_card .conftion_cardHeader .conftion_cardTitle {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  font-weight: 600;
}
.conftion__wrapper .conftion_card .conftion_cardBody .confition_bodyTitle {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  margin-right: 8px;
  font-weight: 600;
}
.conftion__wrapper .conftion_card .conftion_cardBody .confition_bodysubTitle {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
}

.ConfirmationBillingSubAddress {
  margin: 20px 0;
}
.ConfirmationBillingSubAddress .billingSubTitle {
  font-size: var(--fontSize-16);
  font-weight: 600 !important;
  margin-bottom: 10px;
}

.conftion__info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
.conftion__info-wrapper .info-box {
  background: var(--secondary-light-blue);
  padding: 10px 16px;
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  gap: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
}
.conftion__info-wrapper .info-box svg {
  color: var(--main-primary-branding);
  margin-right: 6.4px;
  margin-right: 0.4rem;
}
.conftion__info-wrapper .info-box .conftion_infoMainTitle {
  font-size: var(--fontSize-16);
  color: var(--main-primary-branding);
  font-weight: 600;
}

.conftion__infoTag {
  border-radius: 9px !important;
  border: 1px solid var(--secondary-medium-blue);
  padding: 16px;
  padding: 1rem;
  background: var(--secondary-light-blue);
}
.conftion__infoTag .conftion_infoheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 6.4px;
  margin-bottom: 0.4rem;
}
.conftion__infoTag .conftion_infoheader svg {
  color: var(--main-primary-branding);
  margin-right: 6.4px;
  margin-right: 0.4rem;
}
.conftion__infoTag .conftion_infoMainTitle {
  font-size: var(--fontSize-16);
  color: var(--main-primary-branding);
  font-weight: 600;
}
.conftion__infoTag .conftion_infoTitle {
  font-size: var(--fontSize-14);
  color: var(--main-primary-branding);
  margin-bottom: 8px;
}
.conftion__infoTag .conftion_infoTitle:last-child {
  margin-bottom: 0;
}

.thankYou__date {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
}

.thankYouSection .thankYou_body {
  text-align: center;
  padding: 32px 0;
  padding: 2rem 0;
}
.thankYouSection .thankYou_body .thankYou_title {
  font-size: var(--fontSize-24);
  font-weight: 700;
  color: var(--Heading-Color);
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}
.thankYouSection .thankYou_body .thankYou_title::after {
  content: "";
  height: 27px;
  position: absolute;
  top: -10px;
  width: 27px;
  margin-left: -14px;
}
.thankYouSection .thankYou_body .thankYou_SubTitle {
  font-size: var(--fontSize-16);
  margin-bottom: 6.4px;
  margin-bottom: 0.4rem;
}
.thankYouSection .thankYou_body .thankYou_SubStatus {
  color: var(--main-primary-Color);
  font-size: var(--fontSize-16);
}
.thankYouSection .thankYou_body .thankYou_SubClick {
  color: var(--main-primary-branding);
  font-size: var(--fontSize-16);
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.flightDetails {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 6px !important;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.flightDetails .flightDet_cardBody,
.flightDetails .flightDet_cardHeader {
  padding: 12px 24px;
}
.flightDetails .flightDet_cardHeader {
  border-bottom: 1px solid var(--secondary-medium-grey);
  border-top: 1px solid var(--secondary-medium-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flightDetails .flightDet_cardHeader .flightDet_cardTitle,
.flightDetails .flightDet_cardHeader .flightDet_cardCode {
  font-size: var(--fontSize-16);
  font-weight: 500;
}
.flightDetails .flightDet_cardHeader .flightDet_cardCode {
  color: var(--main-primary-branding);
}
.flightDetails .flight_IconSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 8px;
  margin-bottom: 29px;
}
.flightDetails .flight_IconSection .flightDet_Icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.flightDetails .flight_IconSection .flightDet_name {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.flightDetails .flightDetSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flightDetails .flightDetSection .flight_name {
  font-size: var(--fontSize-24);
  font-weight: 500;
  color: var(--lightBlack);
}
.flightDetails .flightDetSection .flightDet_timeInfo {
  text-align: center;
}
.flightDetails .flightDetSection .flightDet_timeInfo .timeInfo_time {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
}
.flightDetails .flightDetSection .flightDet_timeInfo .timeInfo_code {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
}
.flightDetails .flightDetSection .flightDet_dateTime {
  margin-bottom: 12px;
}
.flightDetails .flightDetSection .flightDet_dateTime .flightDet_Date {
  font-size: var(--fontSize-16);
  font-weight: 500;
  color: var(--lightBlack);
}
.flightDetails .flightDetSection .flightDet_dateTime .flightDet_Time {
  font-size: var(--fontSize-16);
  font-weight: 700;
  color: var(--lightBlack);
}
.flightDetails .flightDetSection .flightDet_Flights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 22px;
}
.flightDetails .flightDetSection .flightDet_Flights .flightDet_place {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
  max-width: 200px;
  margin-top: 4px;
}
.flightDetails .flightDetSection .flightDet_seats {
  text-align: right;
}
.flightDetails .flightDetSection .flightDet_seats .flightDet_seatTitle,
.flightDetails .flightDetSection .flightDet_seats .flightDet_code {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.flightDetails .flightDetSection .flightDet_code {
  font-weight: 500;
}
.flightDetails .flightDetSection .flightDet_opratBy {
  font-size: var(--fontSize-14);
  color: var(--softGreyColor);
}
.flightDetails .flightDetSection .flightSectionLeft .flight_name {
  margin-right: 16px;
  margin-right: 1rem;
}
.flightDetails .flightDetSection .flightSectionRight .flight_name {
  margin-left: 16px;
  margin-left: 1rem;
}
.flightDetails .flightDetSection .flightSectionRight .flightDet_Flights {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flightDetails .flightDetSection .flightSectionRight .flightDet_place,
.flightDetails .flightDetSection .flightSectionRight .flightDet_dateTime {
  text-align: right;
}
.flightDetails .filght_layover {
  text-align: center;
  position: relative;
}
.flightDetails .filght_layover .filght_Title {
  border: 1px dashed var(--secondary-medium-grey);
  border-radius: 50px;
  color: var(--main-secondary-color);
  padding: 8px 35px;
  position: relative;
  text-align: center;
  z-index: 1;
  background: var(--main-primary-white);
  width: 240px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  display: block;
}
.flightDetails .filght_layover .filght_Title .layover_time,
.flightDetails .filght_layover .filght_Title .layover_title,
.flightDetails .filght_layover .filght_Title .layover_code {
  font-size: var(--fontSize-14);
}
.flightDetails .filght_layover .filght_Title .layover_title {
  margin-left: 4px;
}
.flightDetails .filght_layover .filght_Title .layover_time {
  font-weight: 700;
  margin: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  white-space: nowrap;
}
.flightDetails .filght_layover .filght_Title .filght_layTech {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flightDetails .filght_layover .filght_Title .flight_layTechBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.flightDetails .filght_layover .filght_Title .plus_sign {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flightDetails .filght_layover .flight_border {
  border: 0;
  border-top: 1px solid var(--secondary-medium-grey);
  border-style: dashed;
  position: absolute;
  top: 21px;
  z-index: 0;
  width: 96%;
  z-index: 0;
  left: 20px;
}

.conftion__wrapper .flightDetails .flightDet_cardHeader {
  border-top: 0;
}

.Booking_SummaryContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 9px;
}
.Booking_SummaryContent .bookingSum__card {
  width: 50%;
}
.Booking_SummaryContent .bookingSum__card .bookingSum_Title {
  width: 40%;
  display: inline-block;
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.Booking_SummaryContent .bookingSum__card .bookingSum_subTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
  margin-left: 3px;
  text-transform: capitalize;
  font-weight: 600;
}
.Booking_SummaryContent .bookingSum__card .infoToolTip {
  vertical-align: middle;
  margin-left: 5px;
  height: 16px;
  width: 16px;
}
.Booking_SummaryContent.summary .bookingSum__card {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_SummaryContent.summary .bookingSum__card .bookingSum_Title {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Booking_SummaryContent.summary .bookingSum__card .bookingSum_Title:last-child {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.Booking_SummaryContent.summary .bookingSum__card .bookingSum_subTitle {
  display: none;
}
.Booking_SummaryContent:last-child {
  margin: 0;
}

.thankYou__Details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.thankYou__Details .thankYouDet__CodeTitle {
  font-size: var(--fontSize-16);
}
.thankYou__Details .thankYouDet__Codes {
  color: var(--main-primary-branding);
}
.thankYou__Details .thankYou_btnStatus {
  font-size: var(--fontSize-12);
  color: var(--main-secondary-color);
  border: var(--main-secondary-color) 1px solid;
  text-transform: capitalize;
}

.BillingDetails .Booking_SummaryContent .bookingSum_Title {
  width: auto;
}
.BillingDetails .billingSubTitle {
  font-size: var(--fontSize-16);
  font-weight: 600 !important;
  margin-bottom: 10px;
}

.PriceSummary .PriceSummary_Row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding: 0 10.4px;
  padding: 0 0.65rem;
}
.PriceSummary .priceSum_Total {
  background: var(--secondary-light-blue);
  padding: 10.4px;
  padding: 0.65rem;
}
.PriceSummary .priceSum_Title {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
}
.PriceSummary .priceSum_subTitle {
  font-size: var(--fontSize-12);
  color: var(--softGreyColor);
}
.PriceSummary .priceSum_TotalTitle {
  margin-right: 6.4px;
  margin-right: 0.4rem;
}
.PriceSummary .priceSum_TotalTitle,
.PriceSummary .priceSum_TotalPrice {
  font-size: var(--fontSize-16);
  font-weight: 700;
}

.travel_scetion {
  background-color: var(--secondary-Light-pink);
  border: 1px solid var(--secondary-yellow);
}
.travel_scetion .travelIns_AddBtn {
  background: var(--main-primary-branding);
  color: var(--main-primary-white);
  text-transform: capitalize;
  padding: 10.4px 24px;
  padding: 0.65rem 1.5rem;
  font-size: var(--fontSize-16);
}
.travel_scetion .travelIns_AddBtn:hover {
  background: var(--main-primary-branding);
}
.travel_scetion .travelIns_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 23px 0;
}
.travel_scetion .travelIns_content .travelIns_Title {
  margin-right: 6.4px;
  margin-right: 0.4rem;
}
.travel_scetion .travelIns_content .travelIns_Title,
.travel_scetion .travelIns_content .travelIns_status {
  font-size: var(--fontSize-16);
}
.travel_scetion .travelIns_content .travelIns_status {
  color: var(--main-secondary-color);
  font-weight: 600;
}

.termsOfBooking .termsOfBooking_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.termsOfBooking .termsOfBooking_list .MuiPaper-root.Mui-expanded {
  background: var(--main-primary-Button);
}
.termsOfBooking .termsOfBooking_list .MuiPaper-root.Mui-expanded .MuiButtonBase-root {
  min-height: 48px;
}
.termsOfBooking .termsOfBooking_list .MuiPaper-root.Mui-expanded .MuiAccordionSummary-content {
  margin: 0;
}
.termsOfBooking .termsOfBooking_list .MuiPaper-root.Mui-expanded .MuiAccordionDetails-root {
  background: var(--main-primary-white);
}
.termsOfBooking .termsOfBooking_list .MuiPaper-root.Mui-expanded .MuiAccordionSummary-content.Mui-expanded {
  color: var(--main-primary-white);
}
.termsOfBooking .termsOfBooking_list .termsOfBooking_tilte {
  font-size: var(--fontSize-16);
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.termsOfBooking .termsOfBooking_list .termsOfBooking_left {
  width: 49%;
}
.termsOfBooking .termsOfBooking_list .termsOfBooking_ul {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
}
.termsOfBooking .Terms_FooterTilte {
  font-size: var(--fontSize-14);
  color: var(--softGreyColor);
  margin-top: 16px;
  margin-top: 1rem;
}

.title-case {
  text-transform: capitalize;
}

.confirmation_Price .Booking_PriceSummary {
  padding: 0px 32px;
  padding: 0rem 2rem;
}
.confirmation_Price .Booking_PriceSummary .Booking_PriceHeader {
  padding: 16px 0;
  padding: 1rem 0;
}
.confirmation_Price .Booking_PriceSummary .Icon_flight {
  display: none;
}
.confirmation_Price .Booking_PriceSummary .Booking_PriceTitle {
  font-size: var(--fontSize-20);
  color: var(--main-primary-branding);
  font-weight: 700;
}
.confirmation_Price .Booking_PriceSummary .Booking_priceFooter {
  padding: 0 0 20px 0;
}
.confirmation_Price .Booking_PriceSummary .Booking_priceFooter .Booking_priceTotal {
  padding-right: 16px;
  padding-right: 1rem;
  padding-left: 13px;
}
.confirmation_Price .Booking_PriceSummary .Booking_GiftCardFooter {
  padding: 0;
}
.confirmation_Price .Booking_PriceSummary .MuiButtonBase-root,
.confirmation_Price .Booking_PriceSummary .MuiAccordionDetails-root {
  padding-left: 0;
}
.confirmation_Price .Booking_PriceSummary .booking_footer_warning .Booking_warningMsg {
  background-color: #fff3cd;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 10.4px;
  margin-bottom: 0.65rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.confirmation_Price .Booking_PriceSummary .booking_footer_warning .Booking_warningMsg img {
  margin-right: 10px;
}
.confirmation_Price .Booking_PriceSummary .booking_footer_warning .Booking_warningMsg a {
  color: var(--anchor-links);
}

.Confirm-insurance-wrapper .insurance-box {
  background: #fff;
  border-radius: 8px;
  padding: 20px 25px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
}
.Confirm-insurance-wrapper .insurance-title {
  font-weight: 600;
  color: #0078d4;
  margin-bottom: 16px;
}
.Confirm-insurance-wrapper .insurance-grid {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Confirm-insurance-wrapper .insurance-grid .no-insurance-text {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
  font-weight: 600;
}
.Confirm-insurance-wrapper .insurance-grid .Booking_warningMsg {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
  font-weight: 600;
  background-color: #fff3cd;
  padding: 10px 20px;
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10.4px;
  margin-bottom: 0.65rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-top: 10px;
}
.Confirm-insurance-wrapper .insurance-grid .Booking_warningMsg img {
  margin-right: 10px;
}
.Confirm-insurance-wrapper .insurance-grid .Booking_warningMsg a {
  color: var(--anchor-links);
}
.Confirm-insurance-wrapper .insurance-grid .Booking_warningMsg .highlight {
  font-size: var(--fontSize-14);
  color: var(--primary-red-color);
  margin-left: 3px;
}
.Confirm-insurance-wrapper .insurance-grid .Booking_warningMsg .phone {
  font-size: var(--fontSize-16);
  margin-left: 3px;
  margin-right: 3px;
}
.Confirm-insurance-wrapper .insurance-table {
  width: 100%;
}
.Confirm-insurance-wrapper .insurance-row td {
  border-bottom: none !important;
  padding: 6px 4px;
}
.Confirm-insurance-wrapper .insurance-name {
  width: 20%;
}
.Confirm-insurance-wrapper .ins-passenger-name {
  display: inline-block;
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.Confirm-insurance-wrapper .plan-text {
  font-weight: 600;
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.Confirm-insurance-wrapper .policy-number {
  font-weight: 600;
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.Confirm-insurance-wrapper .declined-text {
  color: #C92027;
  font-weight: 600;
  font-size: var(--fontSize-14);
}
.Confirm-insurance-wrapper .insurance-right {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Confirm-insurance-wrapper .policy-label {
  font-weight: 500;
  margin-bottom: 8px;
  font-size: var(--fontSize-14) !important;
}
.Confirm-insurance-wrapper .insurance-logo {
  width: 93px;
  height: 40px;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .thankYouSection .thankYou_body {
    padding-bottom: 1rem;
  }
  .thankYouSection .thankYou_body .thankYou_title::after {
    top: -15px;
    right: 31px;
  }
  .confirmation__Main .Booking_PriceSummary {
    padding: 0 1rem;
  }
  .confirmation__Main .conftion__wrapper {
    padding: 1rem;
  }
  .confirmation__Main .conftion__wrapper .conftion__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .confirmation__Main .conftion__infoTag {
    padding: 1rem;
    text-align: justify;
  }
  .confirmation__Main .MuiContainer-root {
    padding: 0;
  }
  .confirmation__Main .Booking_SummaryContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .confirmation__Main .Booking_SummaryContent .bookingSum__card {
    width: 100%;
  }
  .confirmation__Main .Booking_PriceSummary .MuiAccordionSummary-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .confirmation__Main .flightDet_timeInfo {
    margin-top: 1rem;
  }
  .confirmation__Main .flightDet_cardBody,
  .confirmation__Main .flightDet_cardHeader {
    padding: 1rem;
  }
  .confirmation__Main .flight_IconSection {
    margin: 0 0 1rem 0;
  }
  .confirmation__Main .flightDet_Flights {
    margin-bottom: 0px !important;
  }
  .confirmation__Main .flight_border {
    left: 5px !important;
  }
  .confirmation__Main .termsOfBooking .termsOfBooking_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .confirmation__Main .termsOfBooking .termsOfBooking_list .termsOfBooking_tilte {
    margin: 1rem 0;
  }
  .confirmation__Main .termsOfBooking .termsOfBooking_list .termsOfBooking_ul {
    padding: 0;
  }
  .confirmation__Main .termsOfBooking .termsOfBooking_left {
    width: 100%;
  }
  .confirmation__Main .conftion_cardHeader,
  .confirmation__Main .conftion_cardBody {
    padding: 1rem !important;
  }
  .confirmation__Main .flightDetails .flightDetSection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .confirmation__Main .flightDetails .flightDetSection .flightDet_place {
    font-size: var(--fontSize-20);
    margin-top: 1px;
  }
  .confirmation__Main .flightDetails .flightDet_timeInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    height: 100px;
  }
  .confirmation__Main .flightDetails .flightDet_timeInfo .timeInfo_time {
    margin-left: 1.6rem;
  }
  .confirmation__Main .flightDetails .flightDet_timeInfo .timeInfo_code {
    margin-top: 4px;
    margin-left: 5px;
  }
  .confirmation__Main .flightDetails .flightDet_dateTime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .confirmation__Main .flightDetails .flightSectionLeft {
    margin-bottom: -25px;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .confirmation__Main .flightDetails .flightSectionLeft .flightDet_dateTime {
    margin-bottom: 0;
  }
  .confirmation__Main .flightDetails .flightSectionLeft .flight_name {
    margin-right: 5px;
  }
  .confirmation__Main .flightDetails .flightSectionRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: -13px;
    margin-left: 16px;
  }
  .confirmation__Main .flightDetails .flightSectionRight .flight_name {
    margin-left: 2px;
    margin-right: 5px;
  }
  .confirmation__Main .flightDetails .flightSectionRight .flightDet_dateTime {
    text-align: left;
    margin-bottom: 0;
  }
  .confirmation__Main .flightDetails .flightSectionRight .flightDet_Flights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .confirmation__Main .flightDetails .flightDet_Icon {
    rotate: 90deg;
    position: absolute;
    left: -21px;
  }
  .Confirm-insurance-wrapper .insurance-right {
    text-align: left;
    margin-top: 10px;
  }
  .Confirm-insurance-wrapper .insurance-right .insurance-logo {
    margin-left: 0;
  }
  .Confirm-insurance-wrapper .insurance-grid {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
  }
  .Confirm-insurance-wrapper .insurance-grid .MuiGrid-item {
    padding: 0;
  }
  .Confirm-insurance-wrapper .insurance-grid .Booking_warningMsg {
    display: block;
  }
}
.wbwu-wrapper .wbwu-title {
  font-size: var(--fontSize-20);
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 15px;
}
.wbwu-wrapper .wbwu-title span {
  margin-left: 16px;
  font-weight: 500;
}
.wbwu-wrapper .wbwu-icon {
  width: 21px;
  margin-top: 3px;
}
.wbwu-wrapper .wbwu-subtitle {
  font-size: var(--fontSize-16);
}
.wbwu-wrapper .wbwu-desc {
  font-size: var(--fontSize-14);
  font-weight: lighter;
}

.fareTypeSection .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.fareTypeSection .inOutSlider .slick-slide {
  margin-right: 0 !important;
}
.fareTypeSection .inOutSlider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fareTypeSection .slick-slide {
  margin: 0 !important;
}

.fareTypeCrads {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .0901960784);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, .0901960784);
  border-radius: 5px !important;
  padding: 8px;
  width: 290px;
  width: 18.125rem;
  margin-right: 16px;
  margin-right: 1rem;
  position: relative;
  height: 384px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.fareTypeCrads::before {
  position: absolute;
  content: "";
  background: #F89520;
  width: 4px;
  height: 20px;
  left: 0;
  top: 18px;
}
.fareTypeCrads.firstactive::before {
  background: var(--main-primary-Color) !important;
}
.fareTypeCrads.fareTypeRecommended::before {
  background: var(--main-primary-branding) !important;
}
.fareTypeCrads .fareType_Content {
  overflow-y: auto;
  height: 40vh;
  padding-right: 5px;
  padding-left: 16px;
}
.fareTypeCrads .fareType_Content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #F5F5F5;
}
.fareTypeCrads .fareType_Content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.fareTypeCrads .fareType_Content::-webkit-scrollbar-thumb {
  background-color: var(--lightBlack);
}
.fareTypeCrads .MuiRadio-root.Mui-checked {
  color: var(--main-primary-Color);
}
.fareTypeCrads .fareType_Recommended {
  background-color: var(--secondary-blue);
  color: var(--main-primary-white);
  font-size: var(--fontSize-12);
  top: -23px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 5px 5px 0px 0px !important;
  padding: 2px 9px;
}
.fareTypeCrads .fareType_Recommended.cheapest {
  background-color: var(--main-primary-Color);
  top: -21px;
}
.fareTypeCrads .fareType_Top {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-radius: 5px !important;
  position: relative;
}
.fareTypeCrads .fareType_Top .fareType_cabin {
  font-size: var(--fontSize-14px);
}
.fareTypeCrads .fareType_Top .inOutTop_subTitle {
  font-size: var(--fontSize-12);
  color: var(--main-primary-branding);
}
.fareTypeCrads .fareType_Top .inOutTop_mainTitle {
  font-size: var(--fontSize-18) !important;
  color: var(--neutral-Black);
  font-weight: 600;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.fareTypeCrads .fareType_Top .fareTypePrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.fareTypeCrads .fareType_Top .fareTypePrice .serResult-seatInfo {
  position: absolute;
  right: 8px;
  top: 4px;
}
.fareTypeCrads .fareType_btnSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 46px;
  margin-bottom: 8px;
  overflow: visible;
}
.fareTypeCrads .fareType_btnSection .fareTypeBtn {
  background: var(--secondary-light-grey);
  color: var(--lightBlack);
  text-transform: capitalize;
  width: 165.008px;
  width: 10.313rem;
  height: 40px;
  font-size: var(--fontSize-16px);
}
.fareTypeCrads .fareType_Content .fareType_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.fareTypeCrads .fareType_Content .fareType_title {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  font-weight: 600;
  margin-right: 5px;
}
.fareTypeCrads .fareType_Content .fareType_cabin {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
}
.fareTypeCrads .fareType_Content .fareType_subTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
  font-weight: 600;
  margin-top: 11px;
  margin-bottom: 2px;
}
.fareTypeCrads .fareType_Content .fareType_IconWithTitle {
  padding: 0;
}
.fareTypeCrads .fareType_Content .fareType_IconWithTitle svg {
  width: 15px;
}
.fareTypeCrads .fareType_Content .fareType_IconWithTitle .checkIcon {
  color: var(--main-primary-Color);
}
.fareTypeCrads .fareType_Content .fareType_IconWithTitle .dollarIcon {
  color: var(--main-primary-branding);
}
.fareTypeCrads .fareType_Content .fareType_IconWithTitle .uncheckIcon {
  color: var(--main-secondary-color);
}
.fareTypeCrads .fareType_Content .fareType_IconWithTitle .MuiListItem-root {
  padding: 0;
}
.fareTypeCrads .fareType_Content .fareType_IconWithTitle .MuiListItem-root .MuiListItemAvatar-root {
  min-width: 20px;
}
.fareTypeCrads .fareType_Content .fareType_IconWithTitle .MuiListItem-root .MuiTypography-root {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
  font-weight: 500;
}

.fareTypeActive {
  border-color: var(--main-primary-Color);
}
.fareTypeActive .fareTypeBtnActive {
  background: var(--main-primary-branding) !important;
  color: var(--main-primary-white) !important;
}
.fareTypeActive.firstactive {
  background-color: var(--secondary-light-green);
  border: 1px solid var(--main-primary-Color) !important;
}
.fareTypeActive.firstactive .fareTypeBtnActive {
  background: var(--main-primary-Button) !important;
}
.fareTypeActive.firstactive .fareType_Top {
  background: none;
}

.fareTypeRecommended {
  border-color: var(--secondary-medium-blue);
  background: var(--primary-deep-blue-opacity-10) !important;
}
.fareTypeRecommended .fareType_Top .fareType_title, .fareTypeRecommended .fareType_Top .fareType_cabin {
  color: var(--main-primary-branding) !important;
}

.fareTypeSection .inOut_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 11px 30px;
  border-bottom: 1px solid var(--secondary-medium-grey);
}
.fareTypeSection .inOut_top .InOutDollarIcon {
  color: var(--main-primary-branding);
}
.fareTypeSection .inOut_top .inOutClose {
  font-size: 25.008px;
  font-size: 1.563rem;
  cursor: pointer;
}
.fareTypeSection .inOut_top .inOut_Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.fareTypeSection .inOut_top .fareType_mainTile {
  font-size: var(--fontSize-20);
  color: var(--main-primary-branding);
  font-weight: 600;
  margin: 0 8px;
}
.fareTypeSection .inOut_top .fareType_mainSub {
  font-size: var(--fontSize-14px) !important;
  color: var(--lightBlack);
}
.fareTypeSection .inOutContent {
  padding: 11px 30px;
  border-bottom: 1px solid var(--secondary-medium-grey);
}
.fareTypeSection .inOutContent .inOutContent_Title {
  font-size: var(--fontSize-20px) !important;
  color: var(--main-primary-branding);
  font-weight: 600;
}
.fareTypeSection .inOutContent .inOutContent_subTitle {
  font-size: var(--fontSize-14px) !important;
}
.fareTypeSection .inOutDropdown {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 6px !important;
  max-width: 400px;
  max-width: 25rem;
  margin: 16px;
  margin: 1rem;
  padding: 8px;
}
.fareTypeSection .inOutDropdown .dropDownLabel {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
}
.fareTypeSection .inOutDropdown .MuiInput-root::before {
  content: none;
}
.fareTypeSection .inOutSlider {
  padding-left: 35px;
  position: relative;
  min-height: 425px;
  overflow: visible;
  position: relative;
}
.fareTypeSection .inOutSlider .slick-list {
  padding-top: 25px;
}
.fareTypeSection .inOutSlider .slick-Hide {
  display: none;
}
.fareTypeSection .inOutSlider .fareType-arrowLeft.slick-disabled,
.fareTypeSection .inOutSlider .fareType-arrowRight.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.fareTypeSection .inOutSlider .fareType-arrowLeft,
.fareTypeSection .inOutSlider .fareType-arrowRight {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--main-primary-branding);
  z-index: 1;
  width: 25px;
  height: 25px;
  color: var(--main-primary-white);
}
.fareTypeSection .inOutSlider .fareType-arrowLeft svg,
.fareTypeSection .inOutSlider .fareType-arrowRight svg {
  font-size: var(--fontSize-20);
  position: relative;
}
.fareTypeSection .inOutSlider .fareType-arrowLeft {
  left: 9px;
}
.fareTypeSection .inOutSlider .fareType-arrowLeft svg {
  left: -1px;
}
.fareTypeSection .inOutSlider .fareType-arrowRight {
  right: 0;
}
.fareTypeSection .inOutSlider .fareType-arrowRight svg {
  left: 1px;
}

@media screen and (max-width: 768px) {
  .fareTypeSection .inOutSlider {
    padding: 30px 0 15px;
  }
  .fareTypeSection .inOut_top .fareType_mainTile {
    font-size: var(--fontSize-20px) !important;
  }
  .fareTypeSection .inOut_top .fareType_mainSub {
    font-size: var(--fontSize-14px) !important;
  }
  .fareTypeCrads {
    max-height: 60vh;
    min-height: 50vh;
  }
  .fareTypeCrads .fareType_Recommended {
    top: -19px;
  }
  .fareTypeCrads .fareType_Top .fareType_title {
    font-size: var(--fontSize-16px);
  }
  .fareTypeCrads .fareType_Top .fareType_cabin {
    font-size: var(--fontSize-14px);
  }
  .fareTypeCrads .fareType_Content {
    height: 53vh;
  }
  .fareTypeCrads .fareType_Content .fareType_IconWithTitle .MuiListItem-root .MuiTypography-root {
    font-size: var(--fontSize-14px);
  }
}
.fareType-terms {
  z-index: 50;
  background: var(--main-primary-white); /* or semi-transparent */
  display: inline-block;
  padding: 6px 8px;
}

.tb-login-wrapper {
  min-height: 100vh;
  background-color: #EEF0F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tb-login-wrapper .tb-login-form {
  background-color: #fff;
  padding: 24px;
  padding: 1.5rem;
  border-radius: 0.42rem;
  width: 400px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
}

.tb-login-wrapper .tb-login-input {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.tb-login-wrapper .tb-login-input label {
  display: block;
  margin-bottom: 5.008px;
  margin-bottom: 0.313rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.tb-login-wrapper .tb-login-input input {
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 4px 10px;
  padding: 0.25rem 0.625rem;
  height: 40px;
  height: 2.5rem;
}

.tb-login-wrapper button {
  background-color: #0055B8;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  border: 0;
  padding: 10px 30px;
  padding: 0.625rem 1.875rem;
  border-radius: 0.25rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.tb-login-wrapper button:hover {
  background-color: #3377C6;
}

.loader-list .center-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.loader-list .bg-card {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  padding: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 0px;
}
.loader-list .checkbox-left {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loader-list .placeholder {
  background-color: #e0e0e0;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  background-image: -webkit-gradient(linear, right top, left top, from(#eaeaea), color-stop(50%, #f5f5f5), to(#eaeaea));
  background-image: linear-gradient(-90deg, #eaeaea 0%, #f5f5f5 50%, #eaeaea 100%); /* Create horizontal stripes */
  background-size: 400px 20px; /* Adjust size based on element width and stripe height */
  -webkit-animation: shimmer 1.5s ease-in-out infinite;
          animation: shimmer 1.5s ease-in-out infinite;
}
.loader-list .placeholder::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
@-webkit-keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: 200px 0;
  }
}
@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: 200px 0;
  }
}
.loader-list .placeholder.short {
  width: 30%;
  height: 25px;
  margin-bottom: 10px;
}
.loader-list .placeholder.small {
  width: 25%;
  height: 25px;
  margin-bottom: 10px;
}
.loader-list .placeholder.medium {
  width: 50%;
  height: 20px;
  margin-bottom: 10px;
}
.loader-list .placeholder.long {
  width: 70%;
  height: 20px;
  margin-bottom: 10px;
}
.loader-list .placeholder.full {
  width: 100%;
  height: 25px;
  margin-bottom: 20px;
}
.loader-list .placeholder.checkbox {
  width: 12%;
  min-width: 15px;
  min-height: 15px;
  margin-right: 5%;
  height: 25px;
  margin-bottom: 10px;
}
.loader-list .placeholder.checkbox-text {
  width: 70%;
  height: 25px;
  margin-bottom: 10px;
}
.loader-list .placeholder.checkbox-full {
  width: 80%;
  height: 25px;
  margin-bottom: 20px;
}
.loader-list .placeholder.large {
  height: 30px;
}

.loader-searchList {
  margin-top: 32px;
  margin-top: 2rem;
}

.SearchFare_Loader {
  position: relative;
}

.SearchFare_Wrapper {
  background: rgba(255, 255, 255, .3294117647);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.SearchFare_Wrapper.searchFare_redtag_ca .searchFare_AgentBorder {
  display: none;
}
.SearchFare_Wrapper.searchFare_redtag_ca .searchFare_AgentDays {
  display: block;
  margin-top: 5px;
}
.SearchFare_Wrapper.searchFare_itravel2000_com .SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_LoaderTel {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.SearchFare_Wrapper.searchFare_itravel2000_com .Flight_window {
  background: var(--secondary-Light-Yellow);
  border: 5px solid var(--main-secondary-color);
}
.SearchFare_Wrapper.searchFare_itravel2000_com .progress-bar {
  background: #2980B9;
}
.SearchFare_Wrapper.searchFare_itravel2000_com .line {
  border: solid 1px var(--main-secondary-color);
}
.SearchFare_Wrapper.searchFare_itravel2000_com .search_Agent_avail {
  font-weight: 600;
}

.SearchFare_LoaderWarpper {
  width: 614px;
  padding: 30px 40px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .0901960784);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, .0901960784);
  background: var(--main-primary-white);
  border-radius: 5px;
  z-index: 99;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderCloseIcon {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: var(--fontSize-18);
  cursor: pointer;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_Icon {
  width: 112px;
  margin-right: 25px;
  height: auto;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_Icon .SearchFare_LoaderIcon {
  width: 100%;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_LoaderTitle {
  font-size: var(--fontSize-20) !important;
  font-weight: 500;
  color: var(--neutral-Black);
}
.SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_LoaderTitle .SearchFare_Num {
  color: red;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_LoaderTel {
  font-size: var(--fontSize-30px) !important;
  color: var(--anchor-links);
  margin: 5px 0;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_LoaderTel .iconTel {
  font-size: var(--fontSize-18);
  width: 20px;
  height: 20px;
  margin-right: 5px;
  color: var(--darkGreyColor);
}
.SearchFare_LoaderWarpper .SearchFare_LoaderInfo .searchFare_Agenttime {
  color: var(--primary-Black-opacity-60);
  font-size: var(--fontSize-14);
  text-align: center;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderDetails {
  background: var(--secondary-light-green);
  border-radius: 5px;
  padding: 20px;
  gap: 15px;
  margin-top: 32px;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.SearchFare_LoaderWarpper .SearchFare_LoaderDetails svg {
  font-size: var(--fontSize-20);
  color: var(--main-primary-Color);
}
.SearchFare_LoaderWarpper .SearchFare_LoaderDetails .SearchFare_SubTitle {
  font-size: var(--fontSize-16) !important;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 47%;
  gap: 10px;
  color: var(--neutral-Black);
}
@media screen and (max-width: 576px) {
  .SearchFare_LoaderWarpper {
    width: 100%;
    margin-left: 33px;
    margin-right: 33px;
    padding: 24px;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_Icon {
    width: 85px;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_header {
    width: 100%;
    text-align: center;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_header .SearchFare_LoaderTitle {
    font-size: var(--fontSize-16px) !important;
    font-weight: 500;
    color: var(--neutral-Black);
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_header .SearchFare_LoaderTel {
    font-size: var(--fontSize-30px) !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_header .SearchFare_LoaderTel .iconTel {
    font-size: var(--fontSize-30px) !important;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderDetails {
    width: 100%;
    padding: 26px;
    gap: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 15px;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderDetails .SearchFare_SubTitle {
    width: 100%;
    font-size: var(--fontSize-16px) !important;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding-bottom: 35px;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderDetails .SearchFare_SubTitle:last-child {
    padding-bottom: 0;
  }
  .SearchFare_LoaderWarpper .SearchFare_LoaderDetails .SearchFare_SubTitle .loader-icon {
    font-size: var(--fontSize-22) !important;
  }
}

/* Container for the flight image and lines */
.SearchFare_LoaderBox {
  position: relative;
  height: 100px;
  overflow: hidden;
}
.SearchFare_LoaderBox .SearchFare_flightImg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100px;
  height: auto;
  z-index: 2;
  width: 180px;
}
.SearchFare_LoaderBox .SearchFare_line {
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
}
.SearchFare_LoaderBox .SearchFare_line svg {
  color: var(--lightGrey);
}
.SearchFare_LoaderBox .SearchFare_line-1 {
  -webkit-animation: moveLine 4s linear infinite;
          animation: moveLine 4s linear infinite;
  top: 50%;
}
.SearchFare_LoaderBox .SearchFare_line-2 {
  -webkit-animation: moveLine 6s linear infinite;
          animation: moveLine 6s linear infinite;
  top: 60%;
  z-index: 3;
}
.SearchFare_LoaderBox .SearchFare_line-3 {
  -webkit-animation: moveLine 8s linear infinite;
          animation: moveLine 8s linear infinite;
  top: 65%;
}
.SearchFare_LoaderBox .SearchFare_line-4 {
  -webkit-animation: moveLine 10s linear infinite;
          animation: moveLine 10s linear infinite;
  top: 45%;
  z-index: 3;
}
.SearchFare_LoaderBox .SearchFare_line-5 {
  -webkit-animation: moveLine 12s linear infinite;
          animation: moveLine 12s linear infinite;
  top: 35%;
}

@-webkit-keyframes moveLine {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}

@keyframes moveLine {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
@media screen and (max-width: 768px) {
  .SearchFare_Wrapper {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.SearchFare_Working_Hours {
  text-align: center;
  font-size: var(--fontSize-12);
  color: var(--neutral-Black);
}

.SearchFare_Lang_Speaking {
  font-size: var(--fontSize-12);
  text-align: center;
  margin-top: 10px;
}
.SearchFare_Lang_Speaking small {
  display: block;
  margin-bottom: 5px;
  font-size: var(--fontSize-12);
  color: var(--neutral-Black);
}
.SearchFare_Lang_Speaking small strong {
  font-weight: 700;
}
.SearchFare_Lang_Speaking small span {
  font-weight: 500;
}

.SearchFare_HIS .SearchFare_LoaderDetails {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.SearchFare_HIS .SearchFare_LoaderWarpper .SearchFare_LoaderInfo {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.SearchFare_HIS .SearchFare_LoaderWarpper .SearchFare_Working_Hours {
  text-align: left;
}
.SearchFare_HIS .SearchFare_LoaderWarpper .SearchFare_LoaderDetails {
  border: 2px solid var(--main-primary-Color);
  background: none;
}
.SearchFare_HIS .SearchFare_LoaderWarpper .SearchFare_Lang_Speaking {
  text-align: left;
}

.SearchFare_HIS .SearchFare_LoaderInfo .SearchFare_LoaderTel {
  color: #005279;
}

.SearchFare_HIS .SearchFare_header {
  width: auto !important;
}

.SearchFare_HIS .SearchFare_LoaderWarpper .SearchFare_LoaderInfo .SearchFare_Icon {
  margin-right: 20px;
}

.SearchFare_HIS .SearchFare_LoaderInfo .SearchFare_LoaderTel img {
  margin-right: 8px;
}

.SearchFare_HIS .SearchFare_LoaderWarpper .SearchFare_LoaderDetails {
  gap: 25px;
}

.SearchFare_LoaderUpdated .Loader-text {
  font-size: var(--fontSize-20px) !important;
  color: var(--neutral-Black);
  text-align: center;
  font-weight: 500;
  margin-bottom: 24px;
}
.SearchFare_LoaderUpdated .progress-wrapper {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 20px;
  margin: 20px auto 15px;
  overflow: hidden;
  padding: 8px;
}
.SearchFare_LoaderUpdated .SearchFare_Icon {
  height: auto;
  margin-right: 25px;
  width: 112px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 112px;
          flex: 0 0 112px;
}
.SearchFare_LoaderUpdated .SearchFare_LoaderInfo .SearchFare_LoaderTel {
  color: #004b6e;
}
.SearchFare_LoaderUpdated .SearchFare_LoaderInfo .SearchFare_LoaderTel .iconTel {
  width: 18px;
  height: 25px !important;
}
.SearchFare_LoaderUpdated .Flight_window {
  width: 191px;
  height: 264px;
  margin: 0 auto;
  border: 5px solid #004B6E;
  border-radius: 96px;
  position: relative;
  overflow: hidden;
  background: #f2faff;
}
.SearchFare_LoaderUpdated .cloud {
  position: absolute;
  width: 151px;
  height: 89px;
  /* background: #fff;
  border-radius: 50%; */
  top: 50px;
  left: 100%;
  -webkit-animation: moveCloud 5s linear infinite;
          animation: moveCloud 5s linear infinite;
  /* box-shadow: -20px 0 0 #fff, 20px 0 0 #fff; */
}
.SearchFare_LoaderUpdated .cloud.cloud1 {
  top: auto;
  bottom: 10px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.SearchFare_LoaderUpdated .cloud svg {
  width: 100%;
  height: 100%;
}
.SearchFare_LoaderUpdated .line {
  position: absolute;
  height: 10px;
  background: #fff;
  top: 30px;
  border-radius: 5px;
  border: solid 1px #004B6E;
  -webkit-animation: moveLine 5s linear infinite;
          animation: moveLine 5s linear infinite;
  opacity: 0;
}
.SearchFare_LoaderUpdated .line1 {
  width: 57px;
  top: 30px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.SearchFare_LoaderUpdated .line2 {
  width: 57px;
  top: 60px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.SearchFare_LoaderUpdated .line3 {
  width: 57px;
  top: 90px;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}
.SearchFare_LoaderUpdated .wing {
  position: absolute;
  bottom: -14px;
  left: 67px;
  z-index: 1;
}
@-webkit-keyframes moveCloud {
  from {
    left: 100%;
  }
  to {
    left: -100px;
  }
}
@keyframes moveCloud {
  from {
    left: 100%;
  }
  to {
    left: -100px;
  }
}
@keyframes moveLine {
  0% {
    left: 100%;
    opacity: 1;
  }
  100% {
    left: -100px;
  }
}
.SearchFare_LoaderUpdated .progress-bar {
  height: 100%;
  background: #DDDDDD;
  width: 0%;
  height: 10px;
  border-radius: 20px;
  -webkit-animation: progressFill 6s linear infinite;
          animation: progressFill 6s linear infinite;
}
@-webkit-keyframes progressFill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes progressFill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.SearchFare_LoaderUpdated .support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  gap: 15px;
}
.SearchFare_LoaderUpdated .support-icon {
  width: 112px;
  height: 100px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--fontSize-14);
  position: relative;
}
.SearchFare_LoaderUpdated .support-info {
  text-align: left;
}
.SearchFare_LoaderUpdated .support-info span {
  font-weight: bold;
}
.SearchFare_LoaderUpdated .phone {
  font-size: 20px;
  color: #222;
  font-weight: bold;
  margin-top: 4px;
}
.SearchFare_LoaderUpdated .support-info .support-text {
  font-size: 20px;
  font-weight: 500;
}

.OutBoundFlightLoader .outBoundHeader {
  -webkit-box-align: center;
  margin-bottom: 16px;
  background-color: var(--secondary-light-green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 4px 35px 4px 50px;
  border-radius: 50px;
  justify-self: center;
  position: relative;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137);
}
.OutBoundFlightLoader .flightInfoBox {
  border: 1px solid var(--main-primary-Color);
  border-radius: 8px;
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 16px;
}
.OutBoundFlightLoader .flightInfoBox p {
  font-size: var(--fontSize-14) !important;
  color: var(--neutral-Black);
  font-weight: 400;
}
.OutBoundFlightLoader .flightInfoBox .Departure-text {
  font-size: var(--fontSize-14) !important;
  color: var(--neutral-Black);
  font-weight: 700;
}
.OutBoundFlightLoader .flightInfoBox .flightRightBoxLoader .Departure-stops {
  color: var(--primary-red-color);
  font-weight: 400;
}
.OutBoundFlightLoader .flightInfoBox img.searchResults_Icon {
  width: 16px;
  height: 16px;
}
.OutBoundFlightLoader .flightInfoWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.OutBoundFlightLoader .flightClassName {
  margin-left: 36px;
}
.OutBoundFlightLoader .LoaderCheckMark {
  position: absolute;
  left: -8px;
  width: 50px;
  top: -3px;
}
.OutBoundFlightLoader .searchResultsClass {
  background: var(--secondary-Light-Yellow);
  border-radius: 5px !important;
  padding: 4px 8px;
  font-weight: 500;
  font-size: var(--fontSize-10);
  height: 20px;
  color: var(--neutral-Black);
}

@media screen and (max-width: 576px) {
  .SearchFare_LoaderWarpper.SearchFare_LoaderUpdated .SearchFare_LoaderInfo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .SearchFare_LoaderWarpper.SearchFare_LoaderUpdated .SearchFare_LoaderInfo .SearchFare_Icon {
    margin-bottom: 0;
    margin-right: 10px;
    width: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .SearchFare_LoaderWarpper.SearchFare_LoaderUpdated .SearchFare_LoaderInfo .SearchFare_header {
    text-align: left;
  }
  .SearchFare_LoaderWarpper.SearchFare_LoaderUpdated .SearchFare_LoaderInfo .SearchFare_LoaderTel {
    font-size: var(--fontSize-24) !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .SearchFare_HIS .SearchFare_LoaderWarpper .SearchFare_Working_Hours {
    text-align: center;
  }
  .OutBoundFlightLoader .flightInfoWrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .OutBoundFlightLoader .flightRightBoxLoader {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .OutBoundFlightLoader .Loader-text {
    font-size: var(--fontSize-16px) !important;
  }
  .OutBoundFlightLoader .flightInfoBox {
    padding: 16px;
  }
  .OutBoundFlightLoader .flightLeftBox p {
    margin-bottom: 2px;
  }
}
.notFound_Wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100vh;
}
.notFound_Wrapper .notFound_Main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.notFound_Wrapper .notFound_Main .notFound_title {
  color: var(--main-secondary-color);
  margin-right: 30px;
  font-weight: 700;
}
.notFound_Wrapper .notFound_Main .notFound_subTitle {
  color: var(--softGreyColor);
  font-size: var(--fontSize-18);
}
.notFound_Wrapper .notFound_Main .notFound_mainTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.notFound_Wrapper .notFound_Main .notFound_mainTitle svg {
  color: var(--main-secondary-color);
}
.notFound_Wrapper .notFound_Main .notFound_rightSide {
  text-align: right;
}

.bookingLoader {
  height: 100vh;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.bookingLoader .bookingLoader_content {
  margin-top: 55px;
}
.bookingLoader .bookingLoader_title {
  font-size: 40px;
}
.bookingLoader .bookingLoader_subtitle {
  font-size: 30px;
}
.bookingLoader .container {
  position: relative;
  width: 125px;
}
.bookingLoader .gear {
  position: absolute;
  font-size: 100px !important;
  color: var(--main-secondary-color);
  -webkit-animation: rotate 2.8s linear infinite;
          animation: rotate 2.8s linear infinite;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.bookingLoader .gear2 {
  animation-direction: reverse;
  left: -52px;
  top: -52px;
}

.errorShow_Wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100vh;
}
.errorShow_Wrapper .errorShow_title {
  color: var(--main-secondary-color);
  font-weight: 700;
}
.errorShow_Wrapper .errorShow_subTitle {
  color: var(--softGreyColor);
  font-size: var(--fontSize-18);
}

.seatmap-header-container {
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 100;
  min-width: 450px;
}

.SeatMap_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 16px;
  padding: 1rem;
  border-bottom: 1px solid var(--secondary-medium-grey);
}
.SeatMap_header .SeatMap_Title {
  font-size: var(--fontSize-20);
  color: var(--main-primary-branding);
}
.SeatMap_header .SeatMap_titleContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.SeatMap_header .SeatMap_titleContent svg {
  color: var(--main-primary-branding);
}

.SeatMap_Wrapper {
  padding: 0px 16px 16px 16px;
  padding: 0rem 1rem 1rem 1rem;
  position: relative;
  height: 100%;
}
.SeatMap_Wrapper .SeatBody {
  max-height: 100%;
  padding: 0 16px 32px 16px;
}
.SeatMap_Wrapper .SeatBody .seat_header {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: white;
}
.SeatMap_Wrapper .SeatBody .seatMap_content {
  position: relative;
  border-left: 3px solid var(--secondary-medium-grey);
  border-right: 3px solid var(--secondary-medium-grey);
  padding: 0 16px;
  padding: 0 1rem;
}
.SeatMap_Wrapper .SeatBody .seatMap_content::after {
  content: "";
  width: 10px;
  height: 334px;
  background: var(--secondary-medium-grey);
  position: absolute;
  right: -10px;
  top: 40%;
  border-radius: 0 20px 0 0;
}
.SeatMap_Wrapper .SeatBody .seatMap_content::before {
  content: "";
  width: 10px;
  height: 334px;
  background: var(--secondary-medium-grey);
  position: absolute;
  left: -10px;
  top: 40%;
  border-radius: 20px 0 0 0;
}
.SeatMap_Wrapper .SeatBody .seat_DowerExit {
  position: relative;
}
.SeatMap_Wrapper .SeatBody .seat_DowerExit::before {
  border-right: 3px solid var(--lightBlack);
  color: var(--lightBlack);
  content: "Exit";
  font-size: var(--fontSize-12);
  left: -33px;
  position: absolute;
  -webkit-writing-mode: tb;
      -ms-writing-mode: tb;
          writing-mode: tb;
  z-index: 1;
  height: 27px;
  text-align: center;
}
.SeatMap_Wrapper .SeatBody .seat_DowerExit::after {
  border-left: 3px solid var(--lightBlack);
  color: var(--lightBlack);
  content: "Exit";
  font-size: var(--fontSize-12);
  right: -33px;
  position: absolute;
  -webkit-writing-mode: tb;
      -ms-writing-mode: tb;
          writing-mode: tb;
  z-index: 1;
  height: 27px;
  text-align: center;
}
.SeatMap_Wrapper .SeatBody .seats_Contentword {
  border-left: 3px solid var(-neutral-white);
  border-right: 3px solid var(-neutral-white);
}
.SeatMap_Wrapper .SeatBody .seat_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 8px;
}
.SeatMap_Wrapper .SeatBody .seats,
.SeatMap_Wrapper .SeatBody .seat_Space {
  min-width: 30px !important;
  max-width: 30px;
  height: 30px;
  border-radius: 5px 5px 0px 0px !important;
  margin-left: 5px;
  text-align: center;
}
.SeatMap_Wrapper .SeatBody .seats:first-child,
.SeatMap_Wrapper .SeatBody .seat_Space:first-child {
  margin-left: 0;
}
.SeatMap_Wrapper .SeatBody .seats {
  font-size: var(--fontSize-12);
}
.SeatMap_Wrapper .SeatBody .seats_word {
  font-size: var(--fontSize-14);
  text-align: center;
}
.SeatMap_Wrapper .SeatBody .seat_letter {
  font-size: var(--fontSize-14);
  min-width: 30px !important;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.SeatMap_Wrapper .SeatBody .seat_Number {
  font-size: var(--fontSize-14);
  min-width: 30px !important;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.SeatMap_Wrapper .SeatBody .seat_Emety {
  background: var(--secondary-medium-grey);
}
.SeatMap_Wrapper .SeatBody .seat_EmetyActive {
  background: #D4F1FE;
}
.SeatMap_Wrapper .SeatBody .seat_Disabled {
  background: #DDDDDD;
  cursor: default;
}
.SeatMap_Wrapper .SeatBody .seat_Yellow {
  border: solid #F89520;
  cursor: no-drop;
  border-width: 1px 1px 3px;
}
.SeatMap_Wrapper .SeatBody .seat_Blue {
  border: 1px solid var(--main-primary-branding);
  border-width: 1px 1px 3px;
}
.SeatMap_Wrapper .SeatBody .seat_SelectActive {
  background: var(--main-primary-Color);
  color: var(--main-primary-white);
}
.SeatMap_Wrapper .SeatBody .mapLegend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_titleRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_titleRow .mapLegend_title {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_alertBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0 0 0;
  width: 100%;
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_row.no-bottom-padding {
  padding-bottom: 0;
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_button {
  position: relative;
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_label {
  margin-left: 10px;
  margin: auto 0;
  padding-left: 8px;
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 16px;
}
.SeatMap_Wrapper .SeatBody .mapLegend .mapLegend_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: var(--fontSize-16);
  color: gray;
}

.SeatMap_tabHeader {
  height: 32px;
  margin-top: 16px;
  margin-top: 1rem;
}
.SeatMap_tabHeader .MuiTabs-root {
  min-height: 32px;
}
.SeatMap_tabHeader .SeatMap_tab.MuiButtonBase-root.MuiTab-root {
  font-size: var(--fontSize-14) !important;
  color: var(--softGreyColor) !important;
  border-radius: 5px 5px 0px 0px !important;
  padding: 5px 20px !important;
  height: 32px;
  min-height: 30px !important;
  text-transform: capitalize !important;
  border: 1px solid var(--secondary-medium-grey);
}
.SeatMap_tabHeader .SeatMap_tab.MuiButtonBase-root.MuiTab-root.Mui-selected {
  color: var(--main-primary-white) !important;
  background: var(--main-primary-branding) !important;
  border-radius: 5px 5px 0px 0px !important;
}

.SeatMap_dropdown {
  border: 1px solid var(--secondary-medium-grey);
  border-radius: 6px !important;
  padding: 5px 16px 8px 16px;
  margin: 16px;
}
.SeatMap_dropdown .MuiFormHelperText-root {
  color: var(--lightBlack);
  font-size: var(--fontSize-12);
}
.SeatMap_dropdown .MuiInputBase-root {
  color: var(--lightBlack);
  font-size: var(--fontSize-14);
}
.SeatMap_dropdown .MuiInputBase-root::before {
  border: none !important;
}

.SeatMap_footer {
  position: sticky;
  bottom: 0;
  width: 100%;
  bottom: 0;
  background: var(--main-primary-white);
  z-index: 1;
  border-top: 1px solid var(--primary-Black-opacity-10);
  padding: 25px 0px;
}
.SeatMap_footer .SeatMap_footerHeader {
  border: 1px solid var(--main-primary-Black);
  padding: 5px;
  position: absolute;
  top: -20px;
  left: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: var(--main-primary-white);
  border-radius: 5px !important;
}
.SeatMap_footer .SeatMap_footerHeader .SeatMap_footerTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.SeatMap_footer .SeatMap_footerHeader svg {
  margin-right: 4px;
  font-size: var(--fontSize-16);
}
.SeatMap_footer .SeatMap_footerTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.SeatMap_footer .SeatMap_footerSeatSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 20px;
}
.SeatMap_footer .SeatMap_footerSeatSet .SeatMap_footerSeatTitle {
  font-size: var(--fontSize-14);
  color: var(--lightBlack);
}
.SeatMap_footer .SeatMap_footerSeatSet .SeatMap_footerSubTitle {
  font-size: var(--fontSize-12);
  color: var(--lightBlack);
}
.SeatMap_footer .SeatMap_footerTotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.SeatMap_footer .SeatMap_footerTotal .SeatMap_TotalTitle {
  font-size: var(--fontSize-16);
  color: var(--lightBlack);
  margin-right: 4px;
}
.SeatMap_footer .SeatMap_footerTotal .SeatMap_TotalSubTitle {
  font-size: var(--fontSize-16);
  color: var(--main-primary-branding);
}
.SeatMap_footer .SeatMap_footerBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 16px;
  margin-top: 1rem;
}
.SeatMap_footer .SeatMap_footerBtn .SeatMap_footerAdd {
  font-size: var(--fontSize-16);
  color: var(--softGreyColor);
  background: var(--secondary-light-grey);
  width: 165px;
  height: 40px;
  text-transform: capitalize;
}
.SeatMap_footer .SeatMap_footerBtn .seat_footerAddActive {
  background: var(--main-primary-Button);
  color: var(--Button-Text-Color);
}
.SeatMap_footer .SeatMap_footerBtn .SeatMap_footerSkip {
  position: absolute;
  right: 0;
  font-size: var(--fontSize-16);
  text-decoration: underline;
  color: var(--main-primary-branding);
  text-transform: capitalize;
}

.Booking_TravelcardHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_TravelcardHeader .Booking_TravelHeaderTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Booking_TravelcardHeader .seatMap_showbtn {
  text-transform: capitalize;
  text-decoration: underline;
  font-size: var(--fontSize-16);
}

.seatMapInfoDetails {
  margin-left: 4.8px;
  margin-left: 0.3rem;
}
.seatMapInfoDetails .seatMapInfo_title {
  font-weight: 700;
}
.seatMapInfoDetails .seatMapInfo_list {
  padding-left: 16px;
  padding-left: 1rem;
  margin: 4px 0;
}
.seatMapInfoDetails .seatMapInfo_list .seatMapInfo_point {
  white-space: break-spaces;
}

.SeatMap_tooltips .MuiTooltip-tooltip {
  padding: 0;
  min-width: 300px;
  max-width: 300px;
  width: 300px;
  background-color: transparent;
}
.SeatMap_tooltips .SeatMapInfo_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: var(--main-primary-white);
  -webkit-box-shadow: 0px 3px 20px 0px rgba(97, 97, 97, .3);
          box-shadow: 0px 3px 20px 0px rgba(97, 97, 97, .3);
  color: var(--main-primary-Black);
  border-radius: 15px;
}
.SeatMap_tooltips .SeatMapInfo_wrapper .SeatMapInfo_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 10px;
}
.SeatMap_tooltips .SeatMapInfo_wrapper .seatMapInfo_details {
  padding: 10px;
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  .seatmap-header-container {
    min-width: 100%;
    position: fixed;
  }
  .SeatMapDrawer .MuiPaper-root {
    width: 100%;
  }
  .SeatMapDrawer .SeatMap_content {
    padding-top: 150px;
  }
  .SeatMapDrawer .SeatMap_footer {
    position: fixed;
    padding: 25px 10px;
    left: 0;
  }
  .SeatMapDrawer .SeatMap_footer .SeatMap_footerSeatSet .MuiBox-root {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 13px;
  }
  .container {
    padding: 0 !important;
  }
  #B2CHeader .container {
    padding: 8px !important;
    width: auto;
  }
  #B2CHeader .menu-toggle span {
    width: 35px;
    height: 6px;
    margin: 6px 0 0;
    color: var(--main-secondary-color);
  }
  #B2CHeader .menu-toggle span:first-of-type {
    margin-top: 0;
  }
  #B2CHeader .main-header .mobile-nav {
    position: fixed;
  }
  #B2CHeader .main-header .mobile-nav ul {
    gap: 0;
  }
  #B2CHeader .main-header .mobile-nav ul li {
    padding: 1.2rem 4.8rem;
  }
  #B2CHeader .main-header .mobile-nav ul li a {
    font-weight: 400;
    font-size: var(--fontSize-20);
  }
  #B2CHeader .main-header .mobile-nav ul li a.active {
    text-decoration: underline;
  }
  #B2CHeader .main-header .mobile-nav ul li:nth-child(4) a {
    text-decoration: underline;
  }
  #B2CHeader .main-header .menu-toggle .close:before, #B2CHeader .main-header .menu-toggle .close:after {
    content: "";
    position: absolute;
    top: -23px;
    left: 0px;
    width: 20px;
    height: 2px;
    background-color: rgb(147, 144, 144);
  }
  #B2CHeader .main-header .menu-toggle .close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #B2CHeader .main-header .menu-toggle .close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .footer-secondary {
    padding: 0 16px;
  }
  .footer-secondary .footer_logo_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer-secondary .footer_logo_section .footer_logo {
    max-width: 31.66667%;
  }
  .footer-secondary .footer_logo_section .footer_logo_address {
    text-align: right;
    width: 100%;
    font-size: 11px;
  }
  .footer-secondary .footer_logo_section .footer_logo_address .d-sm-inline-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-left: 41px;
  }
  .footer-secondary .footer_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .footer-secondary .footer_bottom .footer_bottom-left,
  .footer-secondary .footer_bottom .footer_bottom-right {
    max-width: 100%;
  }
  .footer-secondary .footer_bottom .footer_bottom-right {
    margin-top: 10px;
  }
}
@media screen and (max-width: 576px) {
  #B2CHeader .container {
    padding: 8px !important;
    width: auto;
  }
  #B2CHeader .menu-toggle span {
    width: 35px;
    height: 6px;
    margin: 6px 0 0;
  }
  #B2CHeader .menu-toggle span:first-of-type {
    margin-top: 0;
  }
}
h1 {
  font-size: var(--fontSize-12) !important;
}

p,
h2 {
  font-size: var(--fontSize-12) !important;
}

h3 {
  font-size: var(--fontSize-14) !important;
}

h4 {
  font-size: var(--fontSize-16) !important;
}

h5 {
  font-size: var(--fontSize-18) !important;
}

h6 {
  font-size: var(--fontSize-20) !important;
}
.rdrCalendarWrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
}

.rdrDateDisplay{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rdrDateDisplayItem{
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rdrMonthAndYearPickers{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rdrMonthsVertical{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rdrWeekDay {
  -ms-flex-preferred-size: 14.28571%;
      flex-basis: 14.28571%;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: 14.28571%;
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    -ms-flex-preferred-size: 14.285% !important;
        flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rdrInputRangeInput{}

.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 1px 2px 0 rgba(35, 57, 66, .21);
          box-shadow: 0 1px 2px 0 rgba(35, 57, 66, .21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0, 0, 0, .07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    -webkit-transform: translate(-3px, 0px);
            transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    -webkit-transform: translate(-3px, 0px);
            transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    -webkit-transform: translate(3px, 0px);
            transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, .85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, .09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feColorMatrix type=\"matrix\" color-interpolation-filters=\"sRGB\" values=\"0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0\" /><feComponentTransfer color-interpolation-filters=\"sRGB\"><feFuncA type=\"table\" tableValues=\"0 0.6\" /></feComponentTransfer></filter></svg>#filter");
    -webkit-filter: grayscale(100%) opacity(60%);
            filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

/* CSS variables. */

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: 1.5em;
	height: 1em;
}

.PhoneInputCountryIcon--square {
	width: 1em;
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: rgba(0, 0, 0, .1);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 0 0 1px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 0 0 1px rgba(0, 0, 0, .5);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: 0.8;
}

.PhoneInputInternationalIconGlobe {
	opacity: 0.65;
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-right: 0.35em;
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: 0.3em;
	height: 0.3em;
	margin-left: 0.35em;
	border-style: solid;
	border-color: currentColor;
	border-top-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 1px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	opacity: 0.45;
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: #03b2cb;
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	-webkit-box-shadow: 0 0 0 1px #03b2cb,
		inset 0 0 0 1px #03b2cb;
	        box-shadow: 0 0 0 1px #03b2cb,
		inset 0 0 0 1px #03b2cb;
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: #03b2cb;
}
@charset "UTF-8";
.seatMap-component {
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 0;
  clear: both;
  overflow: hidden;
}
.seatMap-component .legend-section,
.seatMap-component .seatMap-legend-section {
  width: 100%;
  position: relative;
}
.seatMap-component .legend-section .legend-container,
.seatMap-component .seatMap-legend-section .legend-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 12px;
  z-index: 60;
  background: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0 8px 24px rgba(6, 23, 49, .12);
          box-shadow: 0 8px 24px rgba(6, 23, 49, .12);
  border: 1px solid #E6E9EE;
  padding: 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  min-width: 320px;
  max-width: calc(100% - 32px);
}
.seatMap-component .legend-section .seat-guid-wrapper,
.seatMap-component .seatMap-legend-section .seat-guid-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
}
.seatMap-component .legend-section .legend-header,
.seatMap-component .seatMap-legend-section .legend-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #333;
  font-weight: 600;
  font-size: 14.4px;
  font-size: 0.9rem;
  padding-right: 6px;
  white-space: nowrap;
}
.seatMap-component .legend-section .legend-close-button,
.seatMap-component .seatMap-legend-section .legend-close-button {
  margin-left: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #666;
  font-size: 16px;
  font-size: 1rem;
  padding: 6px;
  border-radius: 6px;
}
.seatMap-component .legend-section .legend-close-button:hover,
.seatMap-component .seatMap-legend-section .legend-close-button:hover {
  color: #000;
  background: rgba(0, 0, 0, .04);
}
.seatMap-component .legend-section .seat-guid,
.seatMap-component .seatMap-legend-section .seat-guid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.seatMap-component .legend-section .seat-guid-item,
.seatMap-component .seatMap-legend-section .seat-guid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #444;
  font-size: 13.12px;
  font-size: 0.82rem;
  white-space: nowrap;
}
.seatMap-component .legend-section .seat-guid-item img.other-seat-legends,
.seatMap-component .seatMap-legend-section .seat-guid-item img.other-seat-legends {
  width: 18px;
  height: 18px;
}
.seatMap-component .legend-section .seat-guid-item span,
.seatMap-component .seatMap-legend-section .seat-guid-item span {
  display: inline-block;
  height: 18px;
  width: 18px;
  border-radius: 4px;
  background-color: #DADFE6;
  margin-right: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid transparent;
}
@media (max-width: 520px) {
  .seatMap-component .legend-section .legend-container,
  .seatMap-component .seatMap-legend-section .legend-container {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 8px;
    padding: 8px;
    min-width: 280px;
  }
  .seatMap-component .legend-section .seat-guid-item,
  .seatMap-component .seatMap-legend-section .seat-guid-item {
    font-size: 0.75rem;
  }
}
.seatMap-component .seat-guid-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
  padding: 16px 10px;
  padding: 1rem 0.625rem;
  width: 100%;
  position: relative;
  clear: both;
}
.seatMap-component .seat-guid-wrapper .legend-close-button {
  position: absolute;
  top: -8px;
  top: -0.5rem;
  left: -8px;
  left: -0.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  padding: 0.25rem;
  color: #666;
  font-size: 16px;
  font-size: 1rem;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.seatMap-component .seat-guid-wrapper .legend-close-button:hover {
  color: #000;
}
.seatMap-component .seat-guid-wrapper .legend-close-button i {
  font-size: 16px;
  font-size: 1rem;
}
.seatMap-component .seat-guid-wrapper .seat-guid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15.008px;
  gap: 0.938rem;
  width: 608px;
  width: 38rem;
  max-width: 100%;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 15.008px;
  margin-right: 0.938rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  white-space: nowrap;
  width: 20%;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span {
  display: inline-block;
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  border-radius: 0.25rem;
  background-color: #DADFE6;
  margin-right: 8px;
  margin-right: 0.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span.free {
  background-color: #74B257;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span.paid {
  background-color: #5DACD5;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span.occupied {
  background-color: white;
  border: 1px solid black;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span.exit {
  background-color: transparent;
  text-align: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #E2242A;
  font-size: 14px;
  font-size: 0.875rem;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span.not-available {
  text-align: center;
  color: #918F8F;
  font-weight: 500;
  background-color: #DADFE6;
  line-height: 20px;
  line-height: 1.25rem;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span.not-available::before {
  content: "X";
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred {
  text-align: center;
  color: white;
  font-weight: 500;
  background-color: #DADFE6;
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred::before {
  content: "★";
}
.seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item img.other-seat-legends {
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  margin-right: 8px;
  margin-right: 0.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.seatMap-component .seatView-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 0;
  overflow: visible;
  height: auto;
}
.seatMap-component .seatView-wrapper .seatView-char {
  padding-left: 16px;
  padding-left: 1rem;
  font-family: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 10px;
  margin: 0 auto 0.625rem;
  gap: 0;
}
.seatMap-component .seatView-wrapper .seatView-char span {
  display: inline-block;
  height: 25.008px;
  height: 1.563rem;
  width: 25.008px;
  width: 1.563rem;
  margin-right: 16px;
  margin-right: 1rem;
  text-align: center;
  font-weight: 600;
  color: #333;
}
.seatMap-component .seatView-wrapper .seatView-char span:last-child {
  margin-right: 0;
}
.seatMap-component .seatView-wrapper .seatView-body {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  overflow: visible;
}
.seatMap-component .seatView-wrapper .seatView-body .flyWings {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}
.seatMap-component .seatView-wrapper .seatView-body .flyWings::before {
  content: "";
  position: absolute;
  width: 30%;
  height: 100%;
  background-color: rgba(0, 0, 0, .168627451);
  opacity: 0.7;
  -webkit-transform: skewY(-10deg);
          transform: skewY(-10deg);
  top: 0;
  left: -4%;
}
.seatMap-component .seatView-wrapper .seatView-body .flyWings::after {
  content: "";
  position: absolute;
  width: 30%;
  height: 100%;
  background-color: rgba(0, 0, 0, .168627451);
  opacity: 0.7;
  -webkit-transform: skewY(10deg);
          transform: skewY(10deg);
  top: 0;
  right: -4%;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row {
  margin-bottom: 75px;
  font-family: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  background-color: #fff;
  z-index: 1;
  padding: 0 5.008px;
  padding: 0 0.313rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col {
  margin-right: 16px;
  margin-right: 1rem;
  width: 25.008px;
  width: 1.563rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col:last-child {
  margin-right: 16px;
  margin-right: 1rem;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col.row-number .seatView-item {
  background-color: transparent;
  font-weight: 600;
  color: #333;
  padding: 4px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item {
  display: block;
  height: 32px;
  height: 2rem;
  width: 32px;
  width: 2rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  text-align: center;
  border-radius: 0.25rem;
  position: relative;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.free {
  background-color: #74B257;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.paid {
  background-color: #5DACD5;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.preferred {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 25.008px;
  line-height: 1.563rem;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.preferred::before {
  content: "★";
  color: white;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.preferred.free {
  background-color: #74B257;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.preferred.paid {
  background-color: #5DACD5;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.not-available {
  text-align: center;
  color: #918F8F;
  font-weight: 500;
  background-color: #DADFE6;
  line-height: 25.008px;
  line-height: 1.563rem;
  cursor: not-allowed;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.not-available::before {
  content: "X";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.NO-SEAT {
  background-color: white;
  border: 1px solid black;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.Lavatory, .seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.Galley, .seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.Closet {
  background-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.Lavatory img, .seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.Galley img, .seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.Closet img {
  height: 24px;
  width: 24px;
  display: block;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.PaidContactCarrier {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.PaidContactCarrier img {
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  display: block;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.undefined-seat {
  display: block;
  height: 32px;
  height: 2rem;
  width: 32px;
  width: 2rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  text-align: center;
  border-radius: 0.25rem;
  background-color: transparent;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.flyingStart {
  position: relative;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item.flyingEnd {
  position: relative;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn:hover {
  opacity: 0.8;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox] {
  height: 32px;
  height: 2rem;
  width: 32px;
  width: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox][disabled] {
  z-index: -1;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn .seatView-item {
  position: relative;
  z-index: 1;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox].free + .seatView-item {
  background-color: #74B257;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox].paid + .seatView-item {
  background-color: #5DACD5;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox].preferred + .seatView-item::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 20px;
  font-size: 1.25rem;
  content: "★";
  line-height: 1;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox].preferred.free + .seatView-item,
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox][class*=preferred][class*=free] + .seatView-item {
  background-color: #74B257;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox].preferred.paid + .seatView-item,
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox][class*=preferred][class*=paid] + .seatView-item {
  background-color: #5DACD5;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox]:checked + .seatView-item {
  background-color: #EEB21E;
  line-height: 0;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox]:checked + .seatView-item::before {
  content: "";
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  height: 6px;
  height: 0.375rem;
  width: 10px;
  width: 0.625rem;
  display: inline-block;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  top: 8px;
  top: 0.5rem;
  left: 0;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox].not-available + .seatView-item,
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox][class*=not-available] + .seatView-item {
  background-color: #DADFE6;
  color: #918F8F;
  font-weight: 500;
  cursor: not-allowed;
  text-align: center;
  line-height: 25.008px;
  line-height: 1.563rem;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox].not-available + .seatView-item::before,
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .bf-popover-btn input[type=checkbox][class*=not-available] + .seatView-item::before {
  content: "X";
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .cabinType {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  position: absolute;
  right: -46px;
  right: -2.875rem;
  top: 8px;
  top: 0.5rem;
  font-size: 12px;
  font-size: 0.75rem;
  height: calc(100% - 2rem);
  text-align: center;
  border-left: 1px solid #ffe095;
  color: #4E4B4C;
  padding: 8px 4px;
  padding: 0.5rem 0.25rem;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .cabinType::before {
  content: "";
  width: 8px;
  height: 1px;
  background-color: #ffe095;
  position: absolute;
  top: 0;
  left: -8px;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .cabinType::after {
  content: "";
  width: 8px;
  height: 1px;
  background-color: #ffe095;
  position: absolute;
  bottom: 0;
  left: -8px;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-exit {
  position: absolute;
  left: 0;
  width: 100%;
  height: 25.008px;
  height: 1.563rem;
  pointer-events: none;
  z-index: 3;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-exit .exit-first {
  margin: 0;
  position: relative;
  height: 25.008px;
  height: 1.563rem;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-exit .exit-first i {
  position: absolute;
  z-index: 1;
  right: 48px;
  top: 4px;
  top: 0.25rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #E2242A;
  font-size: 14px;
  font-size: 0.875rem;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-exit .exit-last {
  margin: 0;
  position: relative;
  height: 25.008px;
  height: 1.563rem;
}
.seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-exit .exit-last i {
  position: absolute;
  z-index: 1;
  left: 26px;
  left: 1.625rem;
  top: 4px;
  top: 0.25rem;
  color: #E2242A;
  font-size: 14px;
  font-size: 0.875rem;
}
.seatMap-component .seatView-popover {
  font-size: 14px !important;
  font-size: 0.875rem !important;
  color: #333 !important;
  font-family: inherit !important;
  padding: 8px 0 12px !important;
  padding: 0.5rem 0 0.75rem !important;
  width: 190px !important;
  z-index: 10001 !important;
  position: absolute !important;
}
.seatMap-component .popover,
.seatMap-component .bs-popover-auto,
.seatMap-component .bs-popover-top,
.seatMap-component .bs-popover-bottom,
.seatMap-component .bs-popover-left,
.seatMap-component .bs-popover-right {
  z-index: 10001 !important;
  position: absolute !important;
}
.seatMap-component .popover-arrow,
.seatMap-component .popover .arrow {
  z-index: 10002 !important;
}
.seatMap-component .seat-error-msg-wrapper {
  height: 20vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px;
  margin: 2.5rem;
}
.seatMap-component .seat-error-msg-wrapper .seat-error-status {
  color: #B22625;
  position: relative;
  padding: 5.008px 0 0;
  padding: 0.313rem 0 0;
  padding-left: 24px;
  padding-left: 1.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  border-radius: 4px;
}
.seatMap-component .seat-error-msg-wrapper .seat-error-status i.fa-exclamation-circle {
  position: absolute;
  color: #B22625;
  top: 8px;
  top: 0.5rem;
  left: 5.008px;
  left: 0.313rem;
}
.seatMap-component .seat-error-msg-wrapper .seat-error-carrier-line {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-left: 24px;
  padding-left: 1.5rem;
}
.seatMap-component .seat-error-msg-wrapper .seat-error-carrier-contact {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-left: 24px;
  padding-left: 1.5rem;
  margin-top: 4px;
  margin-top: 0.25rem;
}
.seatMap-component .new-loader {
  position: relative;
  height: 120px;
  width: 120px;
  margin: 80px auto;
}
.seatMap-component .new-loader span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(calc(18deg * var(--i)));
          transform: rotate(calc(18deg * var(--i)));
}
.seatMap-component .new-loader span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #0055b8;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-box-shadow: 2px 4px 4px #ddd;
          box-shadow: 2px 4px 4px #ddd;
  -webkit-animation: dotBlink 2s linear infinite;
          animation: dotBlink 2s linear infinite;
  -webkit-animation-delay: calc(0.1s * var(--i));
          animation-delay: calc(0.1s * var(--i));
}
.seatMap-component .new-loader span.green::before {
  background-color: #64a944;
}
.seatMap-component .new-loader span.yellow::before {
  background-color: #eeb21e;
}
.seatMap-component .new-loader span.red::before {
  background-color: #b22625;
}
.seatMap-component .new-loader span.blue::before {
  background-color: #0082c6;
}
@-webkit-keyframes dotBlink {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  10% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes dotBlink {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  10% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.seatMap-component .new-loader .rocket {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-animation: planRotaing 2s linear infinite;
          animation: planRotaing 2s linear infinite;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.seatMap-component .new-loader .rocket i {
  position: absolute;
  top: 88px;
  left: 76px;
  color: #0055b8;
  font-size: 51px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  text-shadow: -3px -4px 8px #bdbdbd;
}
@-webkit-keyframes planRotaing {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(370deg);
            transform: rotate(370deg);
  }
}
@keyframes planRotaing {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(370deg);
            transform: rotate(370deg);
  }
}

@media screen and (max-width: 768px) {
  .seatMap-component .legend-section {
    margin-top: 1rem;
  }
  .seatMap-component .legend-section .legend-toggle-button {
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
  }
  .seatMap-component .legend-section .seat-guid-wrapper .legend-close-button {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .seatMap-component .legend-section .seat-guid-wrapper .legend-close-button i {
    font-size: 0.875rem;
  }
  .seatMap-component .legend-section .seat-guid-wrapper .seat-guid {
    width: 32rem;
  }
  .seatMap-component .seat-guid-wrapper {
    margin: 0;
    padding: 0.75rem 0.5rem;
  }
  .seatMap-component .seat-guid-wrapper .seat-guid .seat-guid-item {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
  }
  .seatMap-component .seatView-wrapper .seatView-char {
    padding-left: 0.5rem;
    font-size: 0.75rem;
    gap: 0.5rem;
  }
  .seatMap-component .seatView-wrapper .seatView-char span {
    height: 1.25rem;
    width: 1.25rem;
  }
  .seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col {
    margin-right: 0.5rem;
    width: 1.25rem;
  }
  .seatMap-component .seatView-wrapper .seatView-body .seatView-row .seatView-col .seatView-item {
    height: 1.25rem;
    width: 1.25rem;
  }
  .passenger-seat-list {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    border: 1px solid #DADFE6;
  }
  .passenger-seat-list .passenger-seat-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
  }
  .passenger-seat-list .passenger-seat-table thead {
    background-color: #f1f3f5;
  }
  .passenger-seat-list .passenger-seat-table thead th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    border-bottom: 2px solid #DADFE6;
  }
  .passenger-seat-list .passenger-seat-table tbody tr {
    border-bottom: 1px solid #e9ecef;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  .passenger-seat-list .passenger-seat-table tbody tr:hover {
    background-color: #f8f9fa;
  }
  .passenger-seat-list .passenger-seat-table tbody tr.active {
    background-color: #e7f3ff;
    border-left: 3px solid #0055B8;
  }
  .passenger-seat-list .passenger-seat-table tbody tr td {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #212529;
  }
  .passenger-seat-list .passenger-seat-table tbody tr td input[type=radio] {
    margin-right: 0.5rem;
    cursor: pointer;
  }
  .passenger-seat-list .passenger-seat-table tbody tr td label {
    cursor: pointer;
    margin: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .passenger-seat-list {
    padding: 0.5rem;
    overflow-x: auto;
  }
  .passenger-seat-list .passenger-seat-table {
    min-width: 500px;
  }
  .passenger-seat-list .passenger-seat-table thead th,
  .passenger-seat-list .passenger-seat-table tbody td {
    padding: 0.5rem;
    font-size: 0.75rem;
  }
}
.seatMap-modal-dialog .MuiDialog-paper {
  margin: 0 !important;
}

.bd-pi-modal {
  z-index: 10001 !important;
}
.bd-pi-modal .MuiDialog-paper {
  width: 440px;
  max-width: calc(100vw - 2rem);
  padding: 30px;
  padding: 1.875rem;
}
.bd-pi-modal .bd-pi-modal-title {
  font-size: 18px;
  font-size: 1.125rem;
  color: #212529;
}
.bd-pi-modal .bd-pi-modal-title span {
  display: block;
  color: #505050;
  font-size: 14px;
  margin-top: 15.008px;
  margin-top: 0.938rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.bd-pi-modal .bd-seat-msg {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  line-height: 27.2px;
  line-height: 1.7rem;
}
.bd-pi-modal .bd-pi-modal-btn button {
  background-color: #0055B8;
  border: 1px solid #0055B8;
  width: 90px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding: 6px 4px;
  padding: 0.375rem 0.25rem;
  text-align: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}
.bd-pi-modal .bd-pi-modal-btn button:hover {
  background-color: #004494;
  border-color: #004494;
}
.bd-pi-modal .bd-pi-modal-btn .seat-warning-msg {
  margin: 10px 0 0;
  margin: 0.625rem 0 0;
  font-weight: 500;
}
.bd-pi-modal .bd-pi-modal-btn button.btn-yes {
  width: 47%;
}
.bd-pi-modal .bd-pi-modal-btn button.btn-no-seat {
  background-color: #fff;
  color: #0055B8;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 49%;
}
.bd-pi-modal .bd-pi-modal-btn button.btn-no-seat:hover {
  background-color: #004494;
  border-color: #004494;
  color: #fff;
}

.seatMap-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
}
.seatMap-modal .seatMap-modal-header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #DADFE6;
  padding: 0;
  z-index: 10;
}
.seatMap-modal .seatMap-modal-header .seatMap-modal-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  padding: 1rem 1.5rem;
  position: relative;
}
.seatMap-modal .seatMap-modal-header .seatMap-modal-header-content .seatMap-close-button {
  position: fixed;
  right: 16px;
  right: 1rem;
  top: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  padding: 0.5rem;
  color: #666;
  font-size: 20px;
  font-size: 1.25rem;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 11;
}
.seatMap-modal .seatMap-modal-header .seatMap-modal-header-content .seatMap-close-button:hover {
  background-color: #f5f5f5;
  color: #000;
}
.seatMap-modal .seatMap-modal-header .seatMap-modal-header-content .seatMap-close-button i {
  font-size: 20px;
  font-size: 1.25rem;
}
.seatMap-modal .seatMap-modal-header .seatMap-modal-header-content .seatMap-tabs {
  width: 100%;
  margin-right: 48px;
  margin-right: 3rem;
}
.seatMap-modal .seatMap-modal-header .seatMap-modal-header-content .seatMap-tabs .nav-tabs {
  border-bottom: 1px solid #DADFE6;
}
.seatMap-modal .seatMap-modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  overflow: hidden;
  min-height: 0;
}
.seatMap-modal .seatMap-modal-body .seatMap-top-section {
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.seatMap-modal .seatMap-modal-body .seatMap-bottom-section {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: relative;
  background-color: #f8f9fa;
  border-top: 1px solid #DADFE6;
  max-height: 40vh;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #f8f9fa;
  padding: 0;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-header h4 {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #212529;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-header .seatMap-remove-seats-button {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #971e1e;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable {
  max-height: none;
  overflow-y: auto;
  overflow-x: auto;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  gap: 1rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card {
  background-color: #ffffff;
  border: 1px solid #E0E4E8;
  border-radius: 0.75rem;
  padding: 16px;
  padding: 1rem;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
  position: relative;
  overflow: hidden;
  min-width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card:hover {
  border-color: #0055B8;
  -webkit-box-shadow: 0 4px 12px rgba(0, 85, 184, .12);
          box-shadow: 0 4px 12px rgba(0, 85, 184, .12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card.active {
  border-color: #0055B8;
  background-color: #ecf4fc;
  -webkit-box-shadow: 0 4px 12px rgba(0, 85, 184, .15);
          box-shadow: 0 4px 12px rgba(0, 85, 184, .15);
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #0055B8;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card.active .passenger-card-header .passenger-radio-wrapper label {
  color: #0055B8;
  font-weight: 700;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card.active .passenger-card-header .passenger-radio-wrapper label i {
  color: #0055B8;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-header .passenger-radio-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-header .passenger-radio-wrapper input[type=radio] {
  margin-right: 12px;
  margin-right: 0.75rem;
  cursor: pointer;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-header .passenger-radio-wrapper label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
  cursor: pointer;
  margin: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #212529;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-header .passenger-radio-wrapper label i {
  font-size: 16px;
  font-size: 1rem;
  color: #6c757d;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-header .passenger-radio-wrapper label .passenger-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-body .passenger-seat-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  gap: 0.5rem;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-body .passenger-seat-info .seat-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-body .passenger-seat-info .seat-info-item .seat-label {
  color: #6c757d;
  font-weight: 500;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-body .passenger-seat-info .seat-info-item .seat-value {
  font-weight: 600;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-body .passenger-seat-info .seat-info-item .seat-value.has-seat {
  color: #0055B8;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-body .passenger-seat-info .seat-info-item .seat-value.no-seat {
  color: #6c757d;
  font-style: italic;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card .passenger-card-body .passenger-seat-info .seat-info-item .seat-price {
  color: #28a745;
  font-weight: 600;
}
.seatMap-modal .seatMap-modal-body .seatMap-scrollable-area {
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  background-color: #ffffff;
  position: relative;
}
.seatMap-modal .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar {
  width: 8px;
}
.seatMap-modal .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.seatMap-modal .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.seatMap-modal .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.seatMap-modal .seatMap-modal-body .seatMap-scrollable-area .seatMap-component {
  padding: 16px;
  padding: 1rem;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  padding: 1rem;
  background-color: #f8f9fa;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-wrapper::-webkit-scrollbar {
  width: 6px;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
.seatMap-modal .seatMap-modal-body .seatMap-passenger-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: visible !important;
  z-index: 1;
  background-color: #ffffff;
  padding: 16px;
  padding: 1rem;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-wrapper::-webkit-scrollbar {
  width: 6px;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-section {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: transparent;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-section .legend-toggle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  gap: 0.5rem;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  background-color: #ffffff;
  border: 1px solid #DADFE6;
  border-radius: 1.5rem;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #0055B8;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-section .legend-toggle-button:hover {
  background-color: #f5f5f5;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-section .legend-toggle-button i.fa-info-circle {
  color: #0055B8;
  font-size: 14px;
  font-size: 0.875rem;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-section .legend-toggle-button span {
  color: #0055B8;
  font-weight: 600;
}
.seatMap-modal .seatMap-modal-body .seatMap-legend-section .legend-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.seatMap-modal .seatMap-modal-body .seatMap-modal-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 16px;
  padding: 1rem;
  background-color: #f8f9fa;
  border-top: 1px solid #DADFE6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.seatMap-modal .seatMap-modal-body .seatMap-modal-footer .seatMap-next-flight-button {
  padding: 10px 24px;
  padding: 0.625rem 1.5rem;
  background-color: #0055B8;
  color: #ffffff;
  border: none;
  border-radius: 0.375rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  max-width: 300px;
  width: 100%;
}
.seatMap-modal .seatMap-modal-body .seatMap-modal-footer .seatMap-next-flight-button:hover {
  background-color: #004494;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(0, 85, 184, .3);
          box-shadow: 0 2px 4px rgba(0, 85, 184, .3);
}
.seatMap-modal .seatMap-modal-body .seatMap-modal-footer .seatMap-next-flight-button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 768px) {
  .seatMap-modal .seatMap-modal-header .seatMap-modal-header-content {
    padding: 0.75rem 1rem;
  }
  .seatMap-modal .seatMap-modal-header .seatMap-modal-header-content .seatMap-close-button {
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
  }
  .seatMap-modal .seatMap-modal-body .seatMap-bottom-section {
    max-height: 35vh;
  }
  .seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list {
    padding: 0.75rem 1rem;
  }
  .seatMap-modal .seatMap-modal-body .seatMap-passenger-section .passenger-seat-list .passenger-seat-scrollable .passenger-seat-cards .passenger-seat-card {
    min-width: 240px;
  }
  .seatMap-modal .seatMap-modal-body .seatMap-legend-section {
    padding: 0.75rem 1rem;
  }
  .seatMap-modal .seatMap-modal-body .seatMap-legend-wrapper {
    padding: 0.75rem 1rem;
  }
  .seatMap-modal .seatMap-modal-body .seatMap-modal-footer {
    padding: 0.75rem 1rem;
  }
  .floating-legend-btn {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
  .floating-legend-btn i.fa-info-circle {
    font-size: 1rem;
  }
  .floating-legend-btn span {
    display: none;
  }
}
.seatMap-modal-body {
  position: relative;
}

.seatMap-modal .seatMapContainer-common,
.seatMapContainer-common {
  height: 100% !important;
  min-height: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: hidden !important;
  position: relative !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs,
.seatMapContainer-common .seatMap-tabs {
  width: 100% !important;
  margin-right: 48px !important;
  margin-right: 3rem !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs,
.seatMapContainer-common .seatMap-tabs .nav-tabs {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  list-style: none !important;
  border-bottom: 1px solid #DADFE6 !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs .nav-item,
.seatMapContainer-common .seatMap-tabs .nav-tabs .nav-item {
  margin-bottom: -1px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link,
.seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link {
  display: block !important;
  padding: 8px 16px !important;
  padding: 0.5rem 1rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  border-top-left-radius: 4px !important;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 4px !important;
  border-top-right-radius: 0.25rem !important;
  color: #666 !important;
  background-color: transparent !important;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
  font-size: 14px !important;
  margin-bottom: -1px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:link, .seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:visited,
.seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:link,
.seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:visited {
  color: #666 !important;
  text-decoration: none !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:hover,
.seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6 !important;
  color: #0055B8 !important;
  text-decoration: none !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:focus,
.seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:focus {
  outline: none !important;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link.active,
.seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link.active {
  color: var(--neutral-white) !important;
  background-color: #0055b8 !important;
  border-color: #DADFE6 #DADFE6 #fff !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:disabled,
.seatMapContainer-common .seatMap-tabs .nav-tabs .nav-link:disabled {
  color: #6c757d !important;
  background-color: transparent !important;
  border-color: transparent !important;
  cursor: default !important;
  pointer-events: none !important;
  opacity: 0.65 !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tab-content-container,
.seatMapContainer-common .seatMap-tab-content-container {
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: hidden !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  position: relative !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tab-content-container .tab-content,
.seatMapContainer-common .seatMap-tab-content-container .tab-content {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .tab-pane,
.seatMapContainer-common .tab-pane {
  display: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .tab-pane.active,
.seatMapContainer-common .tab-pane.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.seatMap-modal .seatMapContainer-common .tab-pane.fade,
.seatMapContainer-common .tab-pane.fade {
  display: none !important;
}
.seatMap-modal .seatMapContainer-common .tab-pane.fade.active.show,
.seatMapContainer-common .tab-pane.fade.active.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tab-pane,
.seatMapContainer-common .seatMap-tab-pane {
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  display: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: hidden !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  position: relative !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tab-pane.active,
.seatMapContainer-common .seatMap-tab-pane.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tab-pane.fade,
.seatMapContainer-common .seatMap-tab-pane.fade {
  display: none !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-tab-pane.fade.active.show,
.seatMapContainer-common .seatMap-tab-pane.fade.active.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.seatMap-modal .seatMapContainer-common .tab-pane.seatMap-tab-pane,
.seatMapContainer-common .tab-pane.seatMap-tab-pane {
  display: none !important;
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: hidden !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  position: relative !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .tab-pane.seatMap-tab-pane.active,
.seatMapContainer-common .tab-pane.seatMap-tab-pane.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.seatMap-modal .seatMapContainer-common .tab-pane.seatMap-tab-pane.fade,
.seatMapContainer-common .tab-pane.seatMap-tab-pane.fade {
  display: none !important;
}
.seatMap-modal .seatMapContainer-common .tab-pane.seatMap-tab-pane.fade.active.show,
.seatMapContainer-common .tab-pane.seatMap-tab-pane.fade.active.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-content-wrapper,
.seatMapContainer-common .seatMap-content-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area,
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area,
.seatMap-modal .seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area,
.seatMap-modal .seatMapContainer-common .seatMap-scrollable-area,
.seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area,
.seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area,
.seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area,
.seatMapContainer-common .seatMap-scrollable-area {
  position: relative !important;
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 0 !important;
  max-height: 100% !important;
  background-color: #ffffff !important;
  height: auto !important;
  width: 100% !important;
  isolation: auto !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar,
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar,
.seatMap-modal .seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar,
.seatMap-modal .seatMapContainer-common .seatMap-scrollable-area::-webkit-scrollbar,
.seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar,
.seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar,
.seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar,
.seatMapContainer-common .seatMap-scrollable-area::-webkit-scrollbar {
  width: 8px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-track,
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-track,
.seatMap-modal .seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-track,
.seatMap-modal .seatMapContainer-common .seatMap-scrollable-area::-webkit-scrollbar-track,
.seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-track,
.seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-track,
.seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-track,
.seatMapContainer-common .seatMap-scrollable-area::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-thumb,
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-thumb,
.seatMap-modal .seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-thumb,
.seatMap-modal .seatMapContainer-common .seatMap-scrollable-area::-webkit-scrollbar-thumb,
.seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-thumb,
.seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-thumb,
.seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-thumb,
.seatMapContainer-common .seatMap-scrollable-area::-webkit-scrollbar-thumb {
  background: #888 !important;
  border-radius: 4px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover,
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover,
.seatMap-modal .seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover,
.seatMap-modal .seatMapContainer-common .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover,
.seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover,
.seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover,
.seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover,
.seatMapContainer-common .seatMap-scrollable-area::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area .seatMap-component,
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area .seatMap-component,
.seatMap-modal .seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area .seatMap-component,
.seatMap-modal .seatMapContainer-common .seatMap-scrollable-area .seatMap-component,
.seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area .seatMap-component,
.seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area .seatMap-component,
.seatMapContainer-common .seatMap-top-section .seatMap-scrollable-area .seatMap-component,
.seatMapContainer-common .seatMap-scrollable-area .seatMap-component {
  padding: 16px !important;
  padding: 1rem !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-passenger-wrapper,
.seatMapContainer-common .seatMap-passenger-wrapper {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 16px !important;
  padding: 1rem !important;
  background-color: #f8f9fa !important;
  min-height: 0 !important;
  max-height: 100% !important;
  height: auto !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-passenger-wrapper::-webkit-scrollbar,
.seatMapContainer-common .seatMap-passenger-wrapper::-webkit-scrollbar {
  width: 6px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-passenger-wrapper::-webkit-scrollbar-track,
.seatMapContainer-common .seatMap-passenger-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 3px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-passenger-wrapper::-webkit-scrollbar-thumb,
.seatMapContainer-common .seatMap-passenger-wrapper::-webkit-scrollbar-thumb {
  background: #888 !important;
  border-radius: 3px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-passenger-wrapper::-webkit-scrollbar-thumb:hover,
.seatMapContainer-common .seatMap-passenger-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body,
.seatMapContainer-common .seatMap-modal-body {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  overflow: hidden !important;
  min-height: 0 !important;
  max-height: 100% !important;
  height: auto !important;
  position: relative !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-top-section,
.seatMap-modal .seatMapContainer-common .seatMap-top-section,
.seatMapContainer-common .seatMap-modal-body .seatMap-top-section,
.seatMapContainer-common .seatMap-top-section {
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: hidden !important;
  min-height: 0 !important;
  max-height: 100% !important;
  height: auto !important;
  position: relative !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-bottom-section,
.seatMap-modal .seatMapContainer-common .seatMap-bottom-section,
.seatMapContainer-common .seatMap-modal-body .seatMap-bottom-section,
.seatMapContainer-common .seatMap-bottom-section {
  flex-shrink: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex-negative: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: visible !important;
  position: relative !important;
  background-color: #f8f9fa !important;
  border-top: 1px solid #DADFE6 !important;
  max-height: 40vh !important;
  min-height: 0 !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-legend-wrapper,
.seatMapContainer-common .seatMap-legend-wrapper {
  flex: 1 !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  background-color: #ffffff !important;
  padding: 16px !important;
  padding: 1rem !important;
  min-height: 0 !important;
  max-height: 100% !important;
  height: auto !important;
  position: relative !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-legend-wrapper::-webkit-scrollbar,
.seatMapContainer-common .seatMap-legend-wrapper::-webkit-scrollbar {
  width: 6px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-legend-wrapper::-webkit-scrollbar-track,
.seatMapContainer-common .seatMap-legend-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 3px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-legend-wrapper::-webkit-scrollbar-thumb,
.seatMapContainer-common .seatMap-legend-wrapper::-webkit-scrollbar-thumb {
  background: #888 !important;
  border-radius: 3px !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-legend-wrapper::-webkit-scrollbar-thumb:hover,
.seatMapContainer-common .seatMap-legend-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}
.seatMap-modal .seatMapContainer-common .floating-legend-btn,
.seatMapContainer-common .floating-legend-btn {
  position: absolute !important;
  bottom: 7px !important;
  left: 20% !important;
  right: 0 !important;
  margin: 0 auto !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  z-index: 9999 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 8px !important;
  gap: 0.5rem !important;
  padding: 12px 20px !important;
  padding: 0.75rem 1.25rem !important;
  background-color: #ffffff !important;
  border: 1px solid #DADFE6 !important;
  border-radius: 2rem !important;
  cursor: pointer !important;
  font-size: 15px !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: #0055B8 !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15) !important;
          box-shadow: 0 4px 12px rgba(0, 0, 0, .15) !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.seatMap-modal .seatMapContainer-common .floating-legend-btn i.fa-info-circle,
.seatMapContainer-common .floating-legend-btn i.fa-info-circle {
  color: #0055B8 !important;
  font-size: 15px !important;
  font-size: 0.9375rem !important;
}
.seatMap-modal .seatMapContainer-common .floating-legend-btn span,
.seatMapContainer-common .floating-legend-btn span {
  color: #0055B8 !important;
  font-weight: 600 !important;
}
.seatMap-modal .seatMapContainer-common .floating-legend-btn:hover,
.seatMapContainer-common .floating-legend-btn:hover {
  background-color: #f5f5f5 !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal,
.seatMapContainer-common .seatMap-modal {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  height: 100vh !important;
  width: 100% !important;
  background-color: #ffffff !important;
  overflow: hidden !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-header,
.seatMapContainer-common .seatMap-modal-header {
  flex-shrink: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex-negative: 0 !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #DADFE6 !important;
  padding: 0 !important;
  z-index: 10 !important;
  position: relative !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-modal-header .seatMap-modal-header-content,
.seatMapContainer-common .seatMap-modal-header .seatMap-modal-header-content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 16px 24px 0 24px !important;
  padding: 1rem 1.5rem 0 1.5rem !important;
  position: relative !important;
  width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-component,
.seatMapContainer-common .seatMap-component {
  width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  padding: 1rem !important;
  min-height: 0 !important;
  clear: both !important;
  overflow: hidden !important;
  position: relative !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper,
.seatMapContainer-common .seat-guid-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  font-size: 14px !important;
  font-size: 0.875rem !important;
  margin: 0 !important;
  padding: 16px 10px !important;
  padding: 1rem 0.625rem !important;
  width: 100% !important;
  position: relative !important;
  clear: both !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .legend-close-button,
.seatMapContainer-common .seat-guid-wrapper .legend-close-button {
  right: 50px;
  border-radius: 50px;
  left: auto !important;
  top: -12px !important;
  position: absolute !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px !important;
  padding: 0.25rem !important;
  color: #666 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  z-index: 10 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 40px !important;
  width: 2.5rem !important;
  height: 40px !important;
  height: 2.5rem !important;
  -webkit-transition: color 0.2s ease !important;
  transition: color 0.2s ease !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .legend-close-button:hover,
.seatMapContainer-common .seat-guid-wrapper .legend-close-button:hover {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .legend-close-button i,
.seatMapContainer-common .seat-guid-wrapper .legend-close-button i {
  font-size: 16px !important;
  font-size: 1rem !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid,
.seatMapContainer-common .seat-guid-wrapper .seat-guid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 15.008px !important;
  gap: 0.938rem !important;
  width: 608px !important;
  width: 38rem !important;
  max-width: 100% !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item {
  width: 20%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-right: 15.008px !important;
  margin-right: 0.938rem !important;
  margin-bottom: 10px !important;
  margin-bottom: 0.625rem !important;
  font-size: 14px !important;
  font-size: 0.875rem !important;
  color: #333 !important;
  white-space: nowrap !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span {
  display: inline-block !important;
  height: 20px !important;
  height: 1.25rem !important;
  width: 20px !important;
  width: 1.25rem !important;
  border-radius: 0.25rem !important;
  background-color: #DADFE6 !important;
  margin-right: 8px !important;
  margin-right: 0.5rem !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.free,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.free {
  background-color: #74B257 !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.paid,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.paid {
  background-color: #5DACD5 !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.occupied,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.occupied {
  background-color: white !important;
  border: 1px solid black !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.exit,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.exit {
  background-color: transparent !important;
  text-align: center !important;
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
  color: #E2242A !important;
  font-size: 14px !important;
  font-size: 0.875rem !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.not-available,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.not-available {
  text-align: center !important;
  color: #918F8F !important;
  font-weight: 500 !important;
  background-color: #DADFE6 !important;
  line-height: 20px !important;
  line-height: 1.25rem !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.not-available::before,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.not-available::before {
  content: "X" !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred {
  text-align: center !important;
  color: white !important;
  font-weight: 500 !important;
  background-color: #DADFE6 !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred::before,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred::before {
  content: "★" !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred.free,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred.free {
  background-color: #74B257 !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred.paid,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item span.preferred.paid {
  background-color: #5DACD5 !important;
}
.seatMap-modal .seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item img.other-seat-legends,
.seatMapContainer-common .seat-guid-wrapper .seat-guid .seat-guid-item img.other-seat-legends {
  height: 20px !important;
  height: 1.25rem !important;
  width: 20px !important;
  width: 1.25rem !important;
  margin-right: 8px !important;
  margin-right: 0.5rem !important;
  display: inline-block !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-legend-section,
.seatMapContainer-common .seatMap-legend-section {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.seatMap-modal .seatMapContainer-common .seatMap-legend-section .legend-container,
.seatMapContainer-common .seatMap-legend-section .legend-container {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
}
.seatMap-modal .seatMapContainer-common .popover,
.seatMap-modal .seatMapContainer-common .bs-popover-auto,
.seatMap-modal .seatMapContainer-common .bs-popover-top,
.seatMap-modal .seatMapContainer-common .bs-popover-bottom,
.seatMap-modal .seatMapContainer-common .bs-popover-left,
.seatMap-modal .seatMapContainer-common .bs-popover-right,
.seatMap-modal .seatMapContainer-common .seatView-popover,
.seatMapContainer-common .popover,
.seatMapContainer-common .bs-popover-auto,
.seatMapContainer-common .bs-popover-top,
.seatMapContainer-common .bs-popover-bottom,
.seatMapContainer-common .bs-popover-left,
.seatMapContainer-common .bs-popover-right,
.seatMapContainer-common .seatView-popover {
  z-index: 10001 !important;
}
.seatMap-modal .seatMapContainer-common .popover-arrow,
.seatMap-modal .seatMapContainer-common .popover .arrow,
.seatMapContainer-common .popover-arrow,
.seatMapContainer-common .popover .arrow {
  z-index: 10002 !important;
}

.seatMap-tab-content-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  height: 100%;
  position: relative;
  max-height: 100%;
}
.seatMap-tab-content-container .tab-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

.seatMap-tab-pane {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  height: 100%;
  position: relative;
  max-height: 100%;
}
.seatMap-tab-pane.active, .seatMap-tab-pane.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.seatMap-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-top-section .seatMap-scrollable-area,
.seatMap-modal .seatMapContainer-common .seatMap-modal-body .seatMap-scrollable-area {
  position: relative !important;
  flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 0 !important;
  max-height: 100% !important;
  background-color: #ffffff !important;
  height: auto !important;
  width: 100% !important;
}

.seatMap-scrollable-area {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
}

.popover,
.bs-popover-auto,
.bs-popover-top,
.bs-popover-bottom,
.bs-popover-left,
.bs-popover-right {
  z-index: 10001 !important;
  position: absolute !important;
  max-width: 276px !important;
}

.popover-arrow,
.popover .arrow {
  z-index: 10002 !important;
}

.popover-body {
  padding: 8px 12px !important;
  padding: 0.5rem 0.75rem !important;
}

.seatView-popover {
  font-size: 14px !important;
  font-size: 0.875rem !important;
  color: #333 !important;
  font-family: inherit !important;
  padding: 8px 0 12px !important;
  padding: 0.5rem 0 0.75rem !important;
  width: 190px !important;
  z-index: 10001 !important;
  position: absolute !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, .2) !important;
  border-radius: 0.25rem !important;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
  max-width: 276px !important;
}

.seatView-popover-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  padding: 0 8px !important;
  padding: 0 0.5rem !important;
  margin-bottom: 4px !important;
  margin-bottom: 0.25rem !important;
  line-height: 1.5 !important;
}
.seatView-popover-row.seatView-popover-amount {
  font-family: inherit !important;
  color: #0055B8 !important;
  font-weight: 600 !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 4px !important;
  gap: 0.25rem !important;
  width: 100% !important;
}
.seatView-popover-row.seatView-popover-amount > * {
  display: block !important;
  width: 100% !important;
  margin-bottom: 4px !important;
  margin-bottom: 0.25rem !important;
}
.seatView-popover-row.seatView-popover-amount > div:first-child {
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  margin-bottom: 0.5rem !important;
}
.seatView-popover-row.seatView-popover-amount span {
  font-weight: 500 !important;
  margin-left: 0 !important;
  display: block !important;
  margin-top: 4px !important;
  margin-top: 0.25rem !important;
  width: 100% !important;
}

.seatView-popover-body {
  padding: 0 8px !important;
  padding: 0 0.5rem !important;
  margin-top: 8px !important;
  margin-top: 0.5rem !important;
}
.seatView-popover-body .svpb-head {
  margin-bottom: 5.008px !important;
  margin-bottom: 0.313rem !important;
  font-weight: 500 !important;
  display: block !important;
  line-height: 1.5 !important;
}
.seatView-popover-body ul {
  padding-left: 16px !important;
  margin-bottom: 8px !important;
  margin-bottom: 0.5rem !important;
  list-style-type: disc !important;
}
.seatView-popover-body ul li {
  margin-bottom: 4px !important;
  margin-bottom: 0.25rem !important;
  line-height: 1.5 !important;
  display: block !important;
}
.seatView-popover-body div {
  margin-top: 8px !important;
  margin-top: 0.5rem !important;
}

.seatView-popover hr {
  margin: 10px 0 !important;
  margin: 0.625rem 0 !important;
  border-top: 1px solid #DADFE6 !important;
  border-bottom: none !important;
  width: 100% !important;
}

.seatView-popover-noSeat {
  display: none !important;
}

.seat-guid-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  font-size: 14px !important;
  font-size: 0.875rem !important;
  margin: 0 !important;
  padding: 16px 10px !important;
  padding: 1rem 0.625rem !important;
  width: 100% !important;
  position: relative !important;
  clear: both !important;
}
.seat-guid-wrapper .legend-header {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -39px;
  z-index: 9999;
  padding: 15px;
  border: 1px solid rgba(238, 238, 238, .9333333333);
  max-width: 140px;
  border-radius: 10px;
  background: white;
  text-align: center;
}
.seat-guid-wrapper .legend-close-button {
  position: absolute !important;
  top: -8px !important;
  top: -0.5rem !important;
  left: -8px !important;
  left: -0.5rem !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px !important;
  padding: 0.25rem !important;
  color: #666 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  z-index: 10 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 24px !important;
  width: 1.5rem !important;
  height: 24px !important;
  height: 1.5rem !important;
  -webkit-transition: color 0.2s ease !important;
  transition: color 0.2s ease !important;
}
.seat-guid-wrapper .legend-close-button:hover {
  color: #000 !important;
}
.seat-guid-wrapper .legend-close-button i {
  font-size: 16px !important;
  font-size: 1rem !important;
}
.seat-guid-wrapper .seat-guid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 15.008px !important;
  gap: 0.938rem !important;
  width: 608px !important;
  width: 38rem !important;
  max-width: 100% !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-right: 15.008px !important;
  margin-right: 0.938rem !important;
  margin-bottom: 10px !important;
  margin-bottom: 0.625rem !important;
  font-size: 14px !important;
  font-size: 0.875rem !important;
  color: #333 !important;
  white-space: nowrap !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span {
  display: inline-block !important;
  height: 20px !important;
  height: 1.25rem !important;
  width: 20px !important;
  width: 1.25rem !important;
  border-radius: 0.25rem !important;
  background-color: #DADFE6 !important;
  margin-right: 8px !important;
  margin-right: 0.5rem !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.free {
  background-color: #74B257 !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.paid {
  background-color: #5DACD5 !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.occupied {
  background-color: white !important;
  border: 1px solid black !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.exit {
  background-color: transparent !important;
  text-align: center !important;
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
  color: #E2242A !important;
  font-size: 14px !important;
  font-size: 0.875rem !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.not-available {
  text-align: center !important;
  color: #918F8F !important;
  font-weight: 500 !important;
  background-color: #DADFE6 !important;
  line-height: 20px !important;
  line-height: 1.25rem !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.not-available::before {
  content: "X" !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.preferred {
  text-align: center !important;
  color: white !important;
  font-weight: 500 !important;
  background-color: #DADFE6 !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.preferred::before {
  content: "★" !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.preferred.free {
  background-color: #74B257 !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item span.preferred.paid {
  background-color: #5DACD5 !important;
}
.seat-guid-wrapper .seat-guid .seat-guid-item img.other-seat-legends {
  height: 20px !important;
  height: 1.25rem !important;
  width: 20px !important;
  width: 1.25rem !important;
  margin-right: 8px !important;
  margin-right: 0.5rem !important;
  display: inline-block !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.seatMap-legend-section {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.seatMap-legend-section .legend-container {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
}

.floating-legend-btn {
  position: absolute;
  bottom: 7px;
  left: 20%;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  gap: 0.5rem;
  padding: 12px 20px;
  padding: 0.75rem 1.25rem;
  background-color: #ffffff;
  border: 1px solid #DADFE6;
  border-radius: 2rem;
  cursor: pointer;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #0055B8;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.seatAmount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.giftcard_link {
  margin-top: 16px;
  display: block;
  cursor: pointer;
}

/*# sourceMappingURL=main.css.map*/