Dupe.com Dupe.com .webNewContent .add-ons-section p.text-xxxl {
  font-size: 4.5rem !important;
  line-height: 1.3 !important;
}

.webNewContent .add-ons-section p.text-xxl {
  font-size: 1.5rem !important;
  line-height: 1.3 !important;
}

.webNewContent .add-ons-section p.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.5;
}

.webNewContent .add-ons-section p.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.2;
}

.webNewContent .add-ons-section p.text-md {
  font-size: 1rem !important;
  line-height: normal;
}

.webNewContent .add-ons-section p.text-sm {
  font-size: 0.875rem !important;
}

.webNewContent .add-ons-section p.text-xs {
  font-size: 0.75rem !important;
  line-height: normal;
}

.iconSize-16 {
  width: 16px;
  height: 16px;
}

.iconSize-18 {
  width: 18px;
  height: 18px;
}

.select-Flight-mode {
  color: var(--color-white-same);
  font-size: 1.1rem;
  width: auto;
  display: inline-block;
}

select.select-Flight-mode:focus-visible {
  border: 0;
  box-shadow: none;
  outline: none;
}

.booking-dropdown .show-booking-button,
.travel-class-value span,
.collapse-fields-font,
.total-travellers,
.childValue,
.travelClassValue {
  font-size: 1.2rem
}

.swap-location-button svg {
  transition: transform .3s;
}

.swap-location-button svg.rotate {
  transform: rotate(180deg);
}

.collapse-fields-font {
  height: 30px !important;
}

.airport-code {
  width: 50px;
  height: 50px;
}

/*============ FILTER IN SEARCH RESULT ===================*/
.filter-buttons.btnColor-first-outline,
.filter-checkbox-buttons .radio-label-button,
.filter-checkbox-buttons .btn,
.filter-checkbox-filled-buttons:hover {
  border-color: var(--color-gray-2);
  border-width: 1px;
  background-color: var(--color-white);
}

.filter-buttons.btnColor-first-outline:hover,
.filter-buttons.btnColor-first-outline.active,
.filter-checkbox-buttons .btn:hover,
.filter-checkbox-buttons .btn-check+.btn:hover,
.filter-checkbox-buttons .btn-check:checked+.btn,
.filter-checkbox-buttons .btn.active,
.filter-checkbox-buttons .btn.show,
.filter-checkbox-buttons .btn:first-child:active,
.filter-checkbox-buttons :not(.btn-check)+.btn:active {
  background-color: #fdf2f8;
  border: 1px solid var(--color-second);
}

.filter-buttons.btnColor-first-outline:hover p.text-sm,
.filter-buttons.btnColor-first-outline.active p.text-sm {
  color: var(--color-second);
}

.airlines-code-filter {
  width: 25px;
  height: 25px;
  font-size: 0.6rem
}

.filter-flight-accordion .card {
  max-height: 250px;
  overflow-y: auto !important;
  scrollbar-width: thin;
}

.filterDetails .refundable-button .form-check-input {
  width: 2em;
}

.filter-buttons.btnColor-first-outline:hover svg {
  background-color: transparent;
}

#filterFlightModal .nav-pills .nav-link {
  color: var(--color-black);
}

#filterFlightModal .nav-pills .nav-link.active,
#filterFlightModal .nav-pills .show>.nav-link {
  background-color: var(--color-first-same);
  color: var(--color-white-same);
}

.filter-checkbox-filled-buttons .btn-check:checked+.btn,
.filter-checkbox-filled-buttons .btn.active,
.filter-checkbox-filled-buttons .btn.show,
.filter-checkbox-filled-buttons .btn:first-child:active,
.filter-checkbox-filled-buttons :not(.btn-check)+.btn:active {
  background-color: var(--color-second);
  color: var(--color-white-same);
}

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

  .location-blocks,
  .location-blocks .swap-location-button,
  .date-traveller-block .collapseDepartDate,
  .date-traveller-block .collapseReturnDate {
    border-right: 0 !important
  }

  .location-blocks .leaving-location-block,
  .location-blocks .swap-location-button,
  .location-blocks .going-location-block,
  .date-traveller-block .collapseDepartDate,
  .date-traveller-block .collapseReturnDate {
    border-bottom: 1px solid var(--color-gray-2) !important
  }
}

@media screen and (max-width:576px) {
  .appended-form-row .collapseDepartDate {
    border-right: 0 !important;
    border-bottom: 1px solid var(--color-gray-2) !important
  }
}

@media screen and (max-width:475px) {
  .location-blocks .leaving-location-block {
    border-right: 0 !important
  }
}

.checked-checkbox-icon {
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  display: none;
  opacity: 0
}

.filter-buttons.btnColor-first-outline.active .checked-checkbox-icon,
.filter-checkbox-buttons .btn-check:checked+.btn .checked-checkbox-icon,
.filter-checkbox-buttons .btn.active .checked-checkbox-icon,
.filter-checkbox-buttons .btn.show .checked-checkbox-icon,
.filter-checkbox-buttons .btn:first-child:active .checked-checkbox-icon,
.filter-checkbox-buttons :not(.btn-check)+.btn:active .checked-checkbox-icon {
  opacity: 1;
  display: block;
}

.filter-radio-buttons label.filter-radio-label {
  border: 1px solid var(--color-gray-2);
}

.filter-radio-buttons input[type="radio"] {
  accent-color: var(--color-second);
}

.filter-radio-buttons label.filter-radio-label:has(input:checked),
.filter-radio-buttons label.filter-radio-label:hover {
  border-color: var(--color-second);
  background-color: #fdf2f8;
}

.other-checkbox-buttons svg {
  stroke: var(--color-grey);
}

.other-checkbox-buttons .btn-check:checked+.btn svg {
  stroke: var(--color-second);
}

.other-checkbox-buttons label:has(input:checked) .checked-checkbox-icon {
  opacity: 1;
  display: block;
}

.add-ons-section .review-flight-pill {
  background: rgba(0, 0, 0, 0.18);
}

/* ================ SEAT SELECTION IN REVIEW FLIGHT ========= */
.full-seat-block {
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.passenger {
  background-color: var(--bg-body-color);
}

.passenger.active {
  background: var(--color-second);
  color: var(--color-white-same);
}

.seat-legend span {
  font-size: 0.7rem
}

.seat-type {
  width: 15px;
  height: 15px;
  display: block;
  display: inline-block;
}

.seat-type.occupied,
.seat.occupied {
  border: 1px solid #bfc5cc;
  background: #bfc5cc;
}

.seat-type.free,
.seat.free {
  border: 1px solid #ccc;
  background-color: #fff;
}

.seat-type.window,
.seat.window {
  border: 1px solid #5aa2ff;
  background-color: #dbeafe;
}

.seat-type.legroom,
.seat.legroom {
  border: 1px solid #c68aff;
  background-color: #f3e8ff;
}

.seat-type.emergency,
.seat.emergency {
  border: 1px solid #ffc400;
  background-color: #fef3c6;
}

.seat-type.selected,
.seat.selected {
  border: 1px solid var(--color-second);
  background: var(--color-second);
  color: #fff;
}

.seat-header,
.seat-row {
  display: grid;
  grid-template-columns: 40px repeat(3, 40px) 40px repeat(3, 40px);
  align-items: center;
  text-align: center;
  gap: 7px;
}

.seat {
  border: 1px solid var(--color-gray-2);
  padding: 6px;
  cursor: pointer;
  width: 40px;
  height: 30px;
  color: var(--color-black-same);
}

.seat.occupied {
  cursor: not-allowed;
  pointer-events: none;
}

.all-categories-type-tab.nav-pills .nav-link {
  color: var(--color-first);
  background-color: var(--color-white);
}

.all-categories-type-tab.nav-pills .nav-link.active,
.all-categories-type-tab.nav-pills .show>.nav-link {
  background-color: var(--color-first);
  color: var(--color-white);
}

.all-categories-type-tab.nav-pills .nav-link.active svg.stroke-first,
.all-categories-type-tab.nav-pills .show>.nav-link svg.stroke-first {
  stroke: var(--color-white) !important;
}

.all-categories-type-tab.nav-pills .nav-link.active svg.fill-first,
.all-categories-type-tab.nav-pills .show>.nav-link svg.fill-first {
  fill: var(--color-white) !important;
}

.flight-switch-line small {
  z-index: 2
}

.flight-switch-line:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  top: 45%;
  left: 0;
  background-color: var(--color-gray-2);
  z-index: 1;
}

@media (max-width:768px) {

  .seat-header,
  .seat-row {
    grid-template-columns: 20px repeat(3, 30px) 30px repeat(3, 30px);
  }

  .seat {
    padding: 4px;
    width: 30px;
    height: 25px;
    font-size: 0.65rem !important;
  }

  .checked-checkbox-icon {
    width: 15px;
    height: 15px;
  }
}

@media (max-width:768px) {

  .seat-header,
  .seat-row {
    grid-template-columns: 15px repeat(3, 30px) 0px repeat(3, 30px);
  }
}

.refund-steps.flight-timeline {
  padding-left: 45px;
}

.refund-steps.flight-timeline .flight-timeline-item::before {
  width: 40px;
  height: 40px;
  left: -55px;
  top: 0;
  background: var(--color-green-50);
}

.refund-steps.flight-timeline .flight-timeline-item::after {
  width: 20px;
  height: 20px;
  top: 10px;
  left: -45px;
  position: absolute;
}

.refund-steps.flight-timeline .flight-timeline-item.refund-steps-1::after {
  content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22iconSize-10%20stroke-black%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.refund-steps.flight-timeline .flight-timeline-item.refund-steps-2::after {
  content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22iconSize-15%20stroke-black%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%209H8%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%2013H8%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%2017H8%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.refund-steps.flight-timeline .flight-timeline-item.refund-steps-3::after {
  content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20class%3D%22iconSize-15%20stroke-black%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E');
}

.refund-steps.flight-timeline .flight-timeline-item.refund-steps-4::after {
  content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22iconSize-15%20stroke-black%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2210%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');
}

html[data-bs-theme="dark"] .filter-buttons.btnColor-first-outline:hover,
html[data-bs-theme="dark"] .filter-buttons.btnColor-first-outline.active,
html[data-bs-theme="dark"] .filter-checkbox-buttons .btn:hover,
html[data-bs-theme="dark"] .filter-checkbox-buttons .btn-check+.btn:hover,
html[data-bs-theme="dark"] .filter-checkbox-buttons .btn-check:checked+.btn,
html[data-bs-theme="dark"] .filter-checkbox-buttons .btn.active,
html[data-bs-theme="dark"] .filter-checkbox-buttons .btn.show,
html[data-bs-theme="dark"] .filter-checkbox-buttons .btn:first-child:active,
html[data-bs-theme="dark"] .filter-checkbox-buttons :not(.btn-check)+.btn:active {
  background-color: #424141;
}

html[data-bs-theme="dark"] .filter-radio-buttons label.filter-radio-label:has(input:checked),
html[data-bs-theme="dark"] .filter-radio-buttons label.filter-radio-label:hover {
  background-color: var(--color-white);
}

html[data-bs-theme="dark"] .seat-type.occupied,
html[data-bs-theme="dark"] .seat.occupied {
  border: 1px solid #6a6a6a;
  background: #6a6a6a;
}