:root {
    --flight-color-primary: #0c0791;
    --flight-color-primary-hover: #2022cf;
    --flight-color-secondary: #00afef;
    --flight-color-secondary-hover: #0095cc;
    --flight-color-success: #28a745;
    --flight-color-error: #dc3545;
    --flight-color-warning: #ffc107;
    --flight-text-primary: #000000;
    --flight-text-secondary: #333333;
    --flight-text-muted: #666666;
    --flight-surface-base: #ffffff;
    --flight-surface-subtle: #f8f9fb;
    --flight-surface-soft: #f2f4f8;
    --flight-border-soft: #dde3ea;
    --flight-border-strong: #c2c6d7;
    --flight-shadow-soft: 0 16px 36px rgba(25, 28, 30, 0.08);
    --flight-shadow-card: 0 10px 24px rgba(12, 7, 145, 0.08);
    --flight-radius-panel: 16px;
    --flight-radius-control: 12px;
    --flight-radius-pill: 999px;
    --flight-font-family: Poppins, Manrope, "Segoe UI", Arial, sans-serif;
}

.flight-search-filter-main-box,
.apply-filter-result-box,
.flight-review-page,
.flight-review-data,
.flight-details,
.flight-search-shell,
.main-content-holder,
.flight-sort-list,
.result-main-box,
.multi-city-tabs,
.box-detail,
.box-title,
.box-body {
    font-family: var(--flight-font-family);
    color: var(--flight-text-primary);
}

.flight-search-filter-main-box,
.flight-search-shell,
.box-detail,
.view-details-div {
    background: var(--flight-surface-base);
    border-color: var(--flight-border-soft);
}

.flight-search-filter-main-box .filter-label,
.box-detail .text-muted,
.view-details-div .text-muted {
    color: var(--flight-text-muted);
}

.flight-search-filter-main-box .filter-value,
.box-title,
.view-details-div .title {
    color: var(--flight-text-primary);
}

.flight-search-filter-main-box .btn-primary,
.flight-review-page .btn-primary,
.flight-review-page .btn-success,
.apply-filter-result-box .btn-primary,
.apply-filter-result-box .btn-success {
    border-radius: 20px;
    font-family: var(--flight-font-family);
}

.flight-search-filter-main-box .btn-primary,
.flight-review-page .btn-primary,
.apply-filter-result-box .btn-primary {
    background: var(--flight-color-primary);
    border-color: var(--flight-color-primary);
}

.flight-search-filter-main-box .btn-primary:hover,
.flight-review-page .btn-primary:hover,
.apply-filter-result-box .btn-primary:hover {
    background: var(--flight-color-primary-hover);
    border-color: var(--flight-color-primary-hover);
}

.flight-review-page .btn-success,
.apply-filter-result-box .btn-success {
    background: var(--flight-color-primary);
    border-color: var(--flight-color-primary);
}

.flight-search-filter-main-box .form-control,
.flight-review-page .form-control,
.apply-filter-result-box .form-control,
.flight-search-filter-main-box .form-select,
.flight-review-page .form-select,
.apply-filter-result-box .form-select {
    min-height: 44px;
    border: 1px solid var(--flight-border-soft);
    border-radius: var(--flight-radius-control);
    box-shadow: none;
    font-family: var(--flight-font-family);
}

.flight-search-filter-main-box .form-control:focus,
.flight-review-page .form-control:focus,
.apply-filter-result-box .form-control:focus,
.flight-search-filter-main-box .form-select:focus,
.flight-review-page .form-select:focus,
.apply-filter-result-box .form-select:focus {
    border-color: var(--flight-color-secondary);
    box-shadow: 0 0 0 3px rgba(0, 175, 239, 0.12);
}

.flight-review-page .nav-link,
.apply-filter-result-box .nav-link,
.multi-city-tabs .nav-link {
    color: var(--flight-text-secondary);
}

.flight-review-page .nav-link.active,
.apply-filter-result-box .nav-link.active,
.multi-city-tabs .nav-link.active {
    background: var(--flight-color-primary);
    color: #ffffff;
}

.flight-review-page .table,
.apply-filter-result-box .table {
    color: var(--flight-text-primary);
}

.flight-review-page .table th,
.flight-review-page .table td,
.apply-filter-result-box .table th,
.apply-filter-result-box .table td {
    border-color: var(--flight-border-soft);
}

.flight-ds-section-title {
    margin: 0 0 12px;
    color: var(--flight-color-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.flight-ds-panel {
    background: var(--flight-surface-base);
    border: 1px solid var(--flight-border-soft);
    border-radius: var(--flight-radius-panel);
    box-shadow: var(--flight-shadow-soft);
}

.flight-ds-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 14px;
    background: var(--flight-surface-soft);
    border: 1px solid var(--flight-border-soft);
    border-radius: var(--flight-radius-pill);
    color: var(--flight-text-secondary);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.flight-ds-link {
    color: var(--flight-color-secondary);
    font-weight: 600;
    text-decoration: none;
}

.flight-ds-link:hover {
    color: var(--flight-color-secondary-hover);
}

.flight-ds-status-success {
    color: var(--flight-color-success);
}

.flight-ds-status-error {
    color: var(--flight-color-error);
}

.flight-ds-status-warning {
    color: var(--flight-color-warning);
}

/* Flight search shell */
.daterangepicker {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12);
    font-family: var(--flight-font-family);
    margin-top: 10px;
}

.daterangepicker .drp-calendar {
    padding: 15px 20px !important;
}

.daterangepicker .calendar-table {
    border: none !important;
}

.daterangepicker td.available:hover {
    background-color: #ffe9d6 !important;
    color: #ff6600 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #ff6600 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

.daterangepicker .calendar-table th {
    color: #888888;
    font-size: 13px;
    font-weight: 500;
}

.daterangepicker .calendar-table td {
    border-radius: 8px !important;
    font-size: 14px;
    transition: 0.2s;
}

.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right {
    width: 260px !important;
}

.daterangepicker .drp-calendar.right {
    display: block !important;
}

.daterangepicker.openscenter .drp-calendar.left {
    float: left;
    margin-right: 15px;
}

.daterangepicker.openscenter .drp-calendar.right {
    float: right;
    margin-left: 15px;
}

.drp-buttons,
.drp-selected,
.left-sidebar-main-div {
    display: none !important;
}

.flight-filter-title {
    font-weight: 600;
}


/* Round-trip results */
.apply-filter-result-box.round-trip .left-filter-box {
    z-index: 1;
}

.apply-filter-result-box.round-trip .result-main-box .sort-div {
    top: 247px;
}

.apply-filter-result-box.round-trip .flex-grow-1.w-100 {
    position: sticky;
    top: 182px;
    z-index: 99;
}

.apply-filter-result-box.round-trip .price {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.apply-filter-result-box.round-trip .price-scroll-container {
    align-items: center;
    display: flex;
    margin: 1px 40px;
    max-width: 300px;
    position: relative;
}

.apply-filter-result-box.round-trip .price-list-box::-webkit-scrollbar {
    display: none;
}

.apply-filter-result-box.round-trip .price-list-box {
    display: flex;
    gap: 2px;
    min-width: 0;
    overflow-x: auto;
    padding: 0 5px;
    scroll-behavior: smooth;
}

.apply-filter-result-box.round-trip .price-list-box .form-check {
    flex-shrink: 0;
}

.apply-filter-result-box.round-trip .scroll-arrow {
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #000000;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 35px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
    width: 35px;
    z-index: 10;
}

.apply-filter-result-box.round-trip .scroll-arrow:hover {
    background: rgba(0, 0, 0, 0.25);
}

.apply-filter-result-box.round-trip .scroll-left {
    left: -35px;
}

.apply-filter-result-box.round-trip .scroll-right {
    right: -38px;
}

.apply-filter-result-box.round-trip .price-desc {
    align-items: center;
    background: #f8f9fa;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 3px 0;
    text-align: center;
}

.apply-filter-result-box.round-trip .ndc-flight {
    color: #007bff;
    font-size: 13px;
}

.apply-filter-result-box.round-trip .airline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

.apply-filter-result-box.round-trip .airline > div:first-child {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 6px;
    min-width: 0;
}

.apply-filter-result-box.round-trip .airline .form-check-input {
    flex-shrink: 0;
}

.apply-filter-result-box.round-trip .airline img {
    flex-shrink: 0;
    height: 18px;
    margin-right: 4px;
    object-fit: contain;
    width: 18px;
}

.apply-filter-result-box.round-trip .airline .al-name {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .airline .d-flex span {
    font-weight: 500;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-search-filter-main-box {
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 40px;
    padding: 15px;
    position: relative;
    top: 0;
    z-index: 99;
}

.apply-filter-result-box.round-trip .flight-search-filter-main-box .filter-box {
    background-color: #efefef;
    padding: 8px 30px;
}

.apply-filter-result-box.round-trip .flight-search-filter-main-box .filter-label {
    color: #757682;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
}

.apply-filter-result-box.round-trip .flight-search-filter-main-box .filter-value {
    color: #000000;
    font-family: Manrope, "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.apply-filter-result-box.round-trip .cust-btn-p {
    background-color: #0c0791 !important;
    border-color: #0c0791 !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    padding: 7px 25px !important;
}

.apply-filter-result-box.round-trip .label-icon {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 8px;
}

.apply-filter-result-box.round-trip .left-fight > .fight-city,
.apply-filter-result-box.round-trip .right-fight > .fight-city {
    align-items: center;
    background: #f2f4f8 !important;
    border: 0 !important;
    border-bottom: 1px solid #c2c6d7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #181c1f !important;
    display: flex !important;
    font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    gap: 11px;
    justify-content: center;
    line-height: 25.6px !important;
    margin: 0 !important;
    min-height: 42.59px;
    padding: 8px 14px !important;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

.apply-filter-result-box.round-trip .left-fight > .fight-city i,
.apply-filter-result-box.round-trip .right-fight > .fight-city i {
    align-items: center;
    color: #0057c2 !important;
    display: inline-flex;
    font-size: 10.67px;
    height: 8px;
    justify-content: center;
    line-height: 1;
    min-width: 10.67px;
    width: 10.67px;
}

.apply-filter-result-box.round-trip .left-fight > .sort-div,
.apply-filter-result-box.round-trip .right-fight > .sort-div {
    align-items: center;
    background: #04006d !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: 1.3fr 0.9fr 0.9fr 0.9fr 0.75fr;
    margin-top: 0 !important;
    min-height: 30px;
    padding: 0 18px !important;
}

.apply-filter-result-box.round-trip .sort-div .sort-item {
    color: #ffffff !important;
    cursor: pointer;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px;
    line-height: 14px !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .sort-div .sort-item.price {
    background: transparent !important;
    text-align: right;
}

.apply-filter-result-box.round-trip .sort-div .sort-icon {
    color: #ffffff !important;
    font-size: 10px;
}

.apply-filter-result-box.round-trip .flight-sort-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

.apply-filter-result-box.round-trip .flight-box {
    background: #ffffff !important;
    border: 1px solid #e0e3e6 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0, 87, 194, 0.08) !important;
    overflow: hidden;
}

.apply-filter-result-box.round-trip .flight-box .flight-desc {
    padding: 18px 18px 12px !important;
}

.apply-filter-result-box.round-trip .flight-box .flight-normal-data {
    align-items: center;
    display: grid !important;
    gap: 8px;
    grid-template-columns: minmax(104px, 1fr) minmax(74px, 0.85fr) minmax(86px, 0.9fr) minmax(74px, 0.85fr) 18px;
}

.apply-filter-result-box.round-trip .flight-box .item-data {
    min-width: 0;
}

.apply-filter-result-box.round-trip .flight-box .company {
    align-items: center;
    display: flex !important;
    gap: 8px;
    min-width: 0;
}

.apply-filter-result-box.round-trip .flight-box .company img {
    flex: 0 0 auto;
    height: 24px !important;
    object-fit: contain;
    width: 34px !important;
}

.apply-filter-result-box.round-trip .flight-box .cm-desc {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.apply-filter-result-box.round-trip .flight-box .cm-name {
    color: #181c1f !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-box .cm-fN {
    color: #424754 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
}

.apply-filter-result-box.round-trip .flight-box .airport-desc {
    color: #424754 !important;
    display: flex;
    flex-direction: column;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    gap: 2px;
    line-height: 15px !important;
}

.apply-filter-result-box.round-trip .flight-box .airport-desc .time {
    color: #181c1f !important;
    font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 21px !important;
    order: -1;
}

.apply-filter-result-box.round-trip .flight-box .airport-desc span:first-child {
    color: #424754 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}

.apply-filter-result-box.round-trip .flight-box .airport-desc .dote-line-text {
    color: #626a79 !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-box .duration-box {
    align-items: center;
    color: #424754 !important;
    display: flex !important;
    flex-direction: column;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    gap: 4px;
    justify-content: center;
    line-height: 15px !important;
    position: relative;
    text-align: center;
}

.apply-filter-result-box.round-trip .flight-box .duration-box::before {
    background: #c2c6d7;
    content: "";
    height: 1px;
    left: -8px;
    position: absolute;
    right: -8px;
    top: 50%;
}

.apply-filter-result-box.round-trip .flight-box .duration-box .duration {
    background: #ffffff;
    padding: 0 6px;
    position: relative;
    z-index: 1;
}

.apply-filter-result-box.round-trip .flight-box .share-booking-check-box {
    display: flex;
    justify-content: flex-end;
}

.apply-filter-result-box.round-trip .flight-box .share-booking-check-box .form-check {
    margin: 0;
    min-height: 0;
    padding: 0;
}

.apply-filter-result-box.round-trip .flight-box .share-booking-check-box .form-check-input {
    border-color: #c2c6d7;
    height: 16px;
    margin: 0;
    width: 16px;
}

.apply-filter-result-box.round-trip .flight-box .other-details-btn-div {
    align-items: center;
    border-top: 1px solid #e0e3e6 !important;
    display: grid !important;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 12px 18px 18px !important;
}

.apply-filter-result-box.round-trip .flight-box .other-details-btn-div > .text-primary {
    color: #0057c2 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 15px !important;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-box .extra-info {
    color: #424754 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    gap: 10px;
    justify-content: flex-end !important;
    line-height: 15px !important;
}

.apply-filter-result-box.round-trip .flight-box .refundable {
    align-items: center;
    background: #e8f5e9 !important;
    border-radius: 999px;
    color: #2e7d32 !important;
    display: inline-flex;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.4px;
    line-height: 1 !important;
    min-height: 22px;
    padding: 4px 8px;
    text-transform: uppercase;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-box .refundable.text-danger {
    background: #fff1f1 !important;
    color: #c62828 !important;
}

.apply-filter-result-box.round-trip .flight-box .price-scroll-container {
    grid-column: 1 / -1;
    margin: 0 !important;
    max-width: none;
    padding: 0 26px;
    width: 100%;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box {
    gap: 8px;
    padding: 0;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #e0e3e6;
    border-radius: 7px;
    display: flex;
    gap: 6px;
    margin: 0;
    min-height: 58px;
    padding: 7px 6px;
    width: 84px;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check.selected {
    border-color: #0058be;
    box-shadow: inset 0 0 0 1px #0058be;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check-input {
    border-color: #c2c6d7;
    flex: 0 0 auto;
    height: 13px;
    margin: 2px 0 0;
    width: 13px;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check-input:checked {
    background-color: #0058be;
    border-color: #0058be;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check-label {
    margin: 0 !important;
    min-width: 0;
}

.apply-filter-result-box.round-trip .flight-box .price-desc {
    align-items: flex-start;
    background: transparent;
    border-radius: 0;
    gap: 4px;
    padding: 0;
}

.apply-filter-result-box.round-trip .flight-box .price-desc .price {
    color: #181c1f !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .selected .price {
    color: #0058be !important;
}

.apply-filter-result-box.round-trip .flight-box .price-desc span:last-child {
    background: rgba(5, 150, 105, 0.15);
    border-radius: 999px;
    color: #057a55 !important;
    display: inline-flex;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px;
    line-height: 1.1 !important;
    max-width: 56px;
    padding: 3px 5px;
    text-transform: uppercase;
}

.apply-filter-result-box.round-trip .flight-box .scroll-arrow {
    background: #ffffff;
    border: 1px solid #d9dee6;
    border-radius: 6px;
    color: #0057c2;
    font-size: 18px;
    height: 32px;
    width: 22px;
}

.apply-filter-result-box.round-trip .flight-box .scroll-left {
    left: 0;
}

.apply-filter-result-box.round-trip .flight-box .scroll-right {
    right: 0;
}

/* Multi-city results */
.apply-filter-result-box.mc-main-box .result-main-box .sort-div {
    top: 286px;
}

.apply-filter-result-box.mc-main-box .left-filter-box {
    position: sticky;
    top: 198px;
    z-index: 1;
}

.apply-filter-result-box.mc-main-box .price-scroll-container {
    align-items: center;
    display: flex;
    margin: 1px 40px;
    max-width: 300px;
    position: relative;
}

.apply-filter-result-box.mc-main-box .price-list-box::-webkit-scrollbar {
    display: none;
}

.apply-filter-result-box.mc-main-box .price-list-box {
    display: flex;
    gap: 2px;
    min-width: 0;
    overflow-x: auto;
    padding: 0 5px;
    scroll-behavior: smooth;
}

.apply-filter-result-box.mc-main-box .price-list-box .form-check {
    flex-shrink: 0;
}

.apply-filter-result-box.mc-main-box .scroll-arrow {
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #000000;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 35px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
    width: 35px;
    z-index: 10;
}

.apply-filter-result-box.mc-main-box .scroll-arrow:hover {
    background: rgba(0, 0, 0, 0.25);
}

.apply-filter-result-box.mc-main-box .scroll-left {
    left: -35px;
}

.apply-filter-result-box.mc-main-box .scroll-right {
    right: -38px;
}

.apply-filter-result-box.mc-main-box .price-desc {
    align-items: center;
    background: #f8f9fa;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 3px 0;
    text-align: center;
}

.apply-filter-result-box.mc-main-box .price {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.apply-filter-result-box.mc-main-box .ndc-flight {
    color: #007bff;
    font-size: 13px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box {
    background: #ffffff;
    border: 1px solid #e0e3e6;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 87, 194, 0.08);
    overflow: hidden;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .flight-desc {
    padding: 18px 18px 12px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .flight-normal-data {
    display: grid !important;
    grid-template-columns: minmax(112px, 0.92fr) minmax(110px, 1fr) minmax(104px, 0.8fr) minmax(110px, 1fr) minmax(120px, 0.82fr);
    gap: 10px;
    align-items: center;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .company {
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .company img {
    width: 34px !important;
    height: 24px !important;
    object-fit: contain;
    flex: 0 0 auto;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .cm-desc {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .cm-name {
    color: #181c1f;
    font-family: Manrope, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .cm-fN {
    color: #424754;
    font-family: Manrope, Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .airport-desc {
    color: #424754;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-family: Manrope, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 15px;
    min-width: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .airport-desc span:first-child {
    color: #424754;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .airport-desc .time {
    color: #181c1f;
    font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    order: -1;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .airport-desc .dote-line-text,
.apply-filter-result-box.mc-main-box .result-main-box .flight-box .airport-desc span:last-child {
    color: #626a79;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .duration-box {
    align-items: center;
    color: #424754;
    display: flex !important;
    flex-direction: column;
    font-family: Manrope, Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    gap: 4px;
    justify-content: center;
    line-height: 15px;
    position: relative;
    text-align: center;
    width: auto !important;
    margin: 0 auto;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .duration-box::before {
    background: #c2c6d7;
    content: "";
    height: 1px;
    left: -8px;
    position: absolute;
    right: -8px;
    top: 50%;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .duration-box::after {
    content: none;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .duration-box .duration {
    background: #ffffff;
    padding: 0 6px;
    position: relative;
    z-index: 1;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .duration-box span {
    margin-top: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .book-btn-div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .item-with-icon {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    text-align: right;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .item-with-icon .price {
    color: #181c1f;
    font-family: Manrope, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .share-booking-check-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .share-booking-check-box .form-check {
    margin: 0;
    min-height: 0;
    padding: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .share-booking-check-box .form-check-input {
    border-color: #c2c6d7;
    height: 16px;
    margin: 0;
    width: 16px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .other-details-btn-div {
    align-items: center;
    border-top: 1px solid #e0e3e6;
    display: grid !important;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px 18px 18px !important;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .other-details-btn-div > div:first-child,
.apply-filter-result-box.mc-main-box .result-main-box .flight-box .other-details-btn-div > span:first-child {
    min-width: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-scroll-container {
    grid-column: auto;
    margin: 0 !important;
    max-width: 320px;
    padding: 0 26px;
    width: 100%;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-list-box {
    gap: 8px;
    padding: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-list-box .form-check {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #e0e3e6;
    border-radius: 7px;
    display: flex;
    gap: 6px;
    margin: 0;
    min-height: 58px;
    padding: 7px 6px;
    width: 84px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-list-box .form-check.selected {
    border-color: #0058be;
    box-shadow: inset 0 0 0 1px #0058be;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-list-box .form-check-input {
    border-color: #c2c6d7;
    flex: 0 0 auto;
    height: 13px;
    margin: 2px 0 0;
    width: 13px;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-list-box .form-check-input:checked {
    background-color: #0058be;
    border-color: #0058be;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-list-box .form-check-label {
    margin: 0 !important;
    min-width: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-desc {
    align-items: flex-start;
    background: transparent;
    border-radius: 0;
    gap: 4px;
    padding: 0;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-desc .price {
    color: #181c1f !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-list-box .selected .price {
    color: #0058be !important;
}

.apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-desc span:last-child {
    background: rgba(5, 150, 105, 0.15);
    border-radius: 999px;
    color: #057a55 !important;
    display: inline-flex;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px;
    line-height: 1.1 !important;
    max-width: 56px;
    padding: 3px 5px;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .flight-normal-data {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .book-btn-div {
        grid-column: 1 / -1;
        align-items: flex-start;
    }

    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .item-with-icon {
        align-items: flex-start;
        text-align: left;
    }

    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .other-details-btn-div {
        grid-template-columns: 1fr;
    }

    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .price-scroll-container {
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .flight-desc {
        padding: 18px 16px 14px;
    }

    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .flight-normal-data {
        grid-template-columns: 1fr;
    }

    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .book-btn-div,
    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .item-with-icon {
        align-items: flex-start;
        text-align: left;
    }

    .apply-filter-result-box.mc-main-box .result-main-box .flight-box .share-booking-check-box {
        justify-content: flex-start;
    }
}

.flight-multicity-toolbar {
    position: sticky;
    top: 192px;
    z-index: 99;
}

.flight-multicity-tabs {
    margin-left: 0;
}

.flight-multicity-setting-box {
    top: 236px;
}

/* Combo results */
.apply-filter-result-box.combo-flow .result-main-box .sort-div {
    top: 247px;
}

.apply-filter-result-box.combo-flow .left-filter-box {
    top: 198px;
}

.apply-filter-result-box.combo-flow .price-scroll-container {
    align-items: center;
    display: flex;
    margin: 1px 40px;
    max-width: 300px;
    position: relative;
}

.apply-filter-result-box.combo-flow .price-list-box::-webkit-scrollbar {
    display: none;
}

.apply-filter-result-box.combo-flow .price-list-box {
    display: flex;
    gap: 2px;
    min-width: 0;
    overflow-x: auto;
    padding: 0 5px;
    scroll-behavior: smooth;
}

.apply-filter-result-box.combo-flow .price-list-box .form-check {
    flex-shrink: 0;
}

.apply-filter-result-box.combo-flow .scroll-arrow {
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #000000;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 35px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
    width: 35px;
    z-index: 10;
}

.apply-filter-result-box.combo-flow .scroll-arrow:hover {
    background: rgba(0, 0, 0, 0.25);
}

.apply-filter-result-box.combo-flow .scroll-left {
    left: -35px;
}

.apply-filter-result-box.combo-flow .scroll-right {
    right: -38px;
}

.apply-filter-result-box.combo-flow .price-desc {
    align-items: center;
    background: #f8f9fa;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 3px 0;
    text-align: center;
}

.apply-filter-result-box.combo-flow .price {
    font-size: 16px;
    font-weight: bold;
}

.apply-filter-result-box.combo-flow .ndc-flight {
    color: #007bff;
    font-size: 13px;
}

.apply-filter-result-box.combo-flow .airline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

.apply-filter-result-box.combo-flow .airline > div:first-child {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 6px;
    min-width: 0;
}

.apply-filter-result-box.combo-flow .airline .form-check-input {
    flex-shrink: 0;
}

.apply-filter-result-box.combo-flow .airline img {
    flex-shrink: 0;
    height: 18px;
    margin-right: 4px;
    object-fit: contain;
    width: 18px;
}

.apply-filter-result-box.combo-flow .airline .al-name {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.apply-filter-result-box.combo-flow .airline .d-flex span {
    font-weight: 500;
    white-space: nowrap;
}

.flight-combo-setting-box {
    top: 197px;
}

.flight-filter-sticky {
    position: sticky;
}

.apply-filter-result-box.combo-multicity-flow .result-main-box .sort-div {
    top: 247px;
}

.apply-filter-result-box.combo-multicity-flow .left-filter-box {
    top: 199px;
}

.apply-filter-result-box.combo-multicity-flow .price-scroll-container {
    align-items: center;
    display: flex;
    margin: 1px 40px;
    max-width: 300px;
    position: relative;
}

.apply-filter-result-box.combo-multicity-flow .price-list-box::-webkit-scrollbar {
    display: none;
}

.apply-filter-result-box.combo-multicity-flow .price-list-box {
    display: flex;
    gap: 2px;
    min-width: 0;
    overflow-x: auto;
    padding: 0 5px;
    scroll-behavior: smooth;
}

.apply-filter-result-box.combo-multicity-flow .price-list-box .form-check {
    flex-shrink: 0;
}

.apply-filter-result-box.combo-multicity-flow .scroll-arrow {
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #000000;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 35px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
    width: 35px;
    z-index: 10;
}

.apply-filter-result-box.combo-multicity-flow .scroll-arrow:hover {
    background: rgba(0, 0, 0, 0.25);
}

.apply-filter-result-box.combo-multicity-flow .scroll-left {
    left: -35px;
}

.apply-filter-result-box.combo-multicity-flow .scroll-right {
    right: -38px;
}

.apply-filter-result-box.combo-multicity-flow .price-desc {
    align-items: center;
    background: #f8f9fa;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 3px 0;
    text-align: center;
}

.apply-filter-result-box.combo-multicity-flow .price {
    font-size: 16px;
    font-weight: bold;
}

.apply-filter-result-box.combo-multicity-flow .ndc-flight {
    color: #007bff;
    font-size: 13px;
}

.apply-filter-result-box.combo-multicity-flow .airline-box .airline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 2px 0;
}

.apply-filter-result-box.combo-multicity-flow .airline-box .airline > div:first-child {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 6px;
    min-width: 0;
}

.apply-filter-result-box.combo-multicity-flow .airline-box .form-check-input {
    cursor: pointer;
    flex-shrink: 0;
    margin-right: 4px;
}

.apply-filter-result-box.combo-multicity-flow .airline-box .form-check-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    gap: 4px;
    min-width: 0;
}

.apply-filter-result-box.combo-multicity-flow .airline-box .form-check-label img {
    flex-shrink: 0;
    height: 18px;
    object-fit: contain;
    width: 18px;
}

.apply-filter-result-box.combo-multicity-flow .airline-box .al-name {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.apply-filter-result-box.combo-multicity-flow .airline-box .d-flex span {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
}

.highlight-match {
    background-color: #d4edda !important;
    color: #155724 !important;
    font-weight: 600;
}

.ui-autocomplete .autocomplate-airport-name {
    padding: 8px 10px;
}

.main-content-holder {
    background-image:
        linear-gradient(180deg, rgba(11, 20, 38, 0.18) 0%, rgba(11, 20, 38, 0.34) 45%, rgba(11, 20, 38, 0.52) 100%),
        url("/images/Untitled design (18) 1.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 860px;
    overflow: hidden;
    padding: 70px 0 120px;
    position: relative;
    width: 100%;
}

.main-content-holder .container {
    max-width: 1280px;
    position: relative;
    z-index: 2;
}

.main-content-holder .filter-box {
    margin: 0 auto;
    max-width: 1220px;
}

.flight-tab-content-transparent {
    background-color: transparent !important;
}

.hero-copy {
    margin-bottom: 34px;
    max-width: 620px;
    padding-left: 8px;
}

.hero-copy h1 {
    color: #ffffff;
    font-size: 76px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 0.96;
    margin: 0 0 16px;
    text-shadow: 0 4px 22px rgba(0, 0, 0, 0.18);
}

.hero-copy p {
    color: rgba(255, 255, 255, 0.92);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.42;
    margin: 0;
    max-width: 560px;
}

.flight-search-shell {
    /* backdrop-filter: blur(8px); */
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    box-shadow: 0 39.285px 78.57px 0 rgba(25, 28, 30, 0.19);
    max-width: 1220px;
    overflow: visible !important;
    padding: 90px 28px 26px;
}

.trip-type-div {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin: 0 0 22px !important;
    padding: 0;
}

.trip-type {
    align-items: center;
    background: #f6f5f5;
    border-radius: 999px;
    box-shadow: none !important;
    display: inline-flex;
    flex: 0 0 auto !important;
    gap: 6px;
    padding: 4px;
    width: auto !important;
}

.trip-type .form-check {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.trip-type .form-check-input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.trip-type .form-check-label {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px;
    box-shadow: none !important;
    color: #454650;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    height: 34px;
    justify-content: center;
    margin-left: 0 !important;
    min-width: 106px;
    padding: 0 16px;
    transition: all 0.18s ease;
    white-space: nowrap;
}

.trip-type .form-check.active .form-check-label,
.trip-type .form-check-input:checked + .form-check-label {
    background: #ffffff !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05) !important;
    color: #181c1f !important;
}

.trip-type .form-check::before,
.trip-type .form-check::after,
.trip-type .form-check-label::before,
.trip-type .form-check-label::after {
    content: none !important;
    display: none !important;
}

.top-direct-flight {
    align-items: center;
    color: #626a78;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 10px;
    margin-left: auto;
    white-space: nowrap;
}

.top-direct-flight input {
    box-shadow: none !important;
    height: 17px;
    margin: 0;
    width: 17px;
}

.filter-box .trip-type .form-check {
    padding: 0;
}

.flight-filter-box.flight.oneway,
.flight-filter-box.flight.round_trip {
    align-items: stretch;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: 18px !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    overflow: visible !important;
    padding: 0;
    position: relative;
}

.form-city-display,
.to-city-display,
.departure-date-display,
.return-date-display,
.traveler-display,
.travel-airline-display {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 29.464px;
    min-height: 108px;
    overflow: visible !important;
    padding: 18px 18px 16px;
    position: relative;
}

.form-city-display,
.to-city-display,
.departure-date-display,
.return-date-display,
.traveler-display,
.travel-airline-display {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
}

.flight-filter-box.flight.oneway .travel-airline-display,
.flight-filter-box.flight.round_trip .travel-airline-display {
    display: block !important;
    max-width: 100% !important;
}

.form-city-display .ui-widget > span:first-child,
.to-city-display .ui-widget > span:first-child,
.departure-date-display .ui-widget > span:first-child,
.return-date-display .ui-widget > div:first-child,
.traveler-display .traveler > span:first-child,
.travel-airline-display .ui-widget > span:first-child {
    color: #6c7384;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.form-city-display .city_name,
.to-city-display .city_name,
.departure-date-display .show_startdate,
.return-date-display .show_startdate,
.traveler-display .traveler_count,
.travel-airline-display .airline_name {
    color: #152852;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    line-height: 1.22;
    margin-bottom: 6px !important;
}

.form-city-display .city_place_name,
.to-city-display .city_place_name,
.departure-date-display .show_startdate_week_name,
.return-date-display .show_startdate_week_name,
.traveler-display .travel_class_label,
.return-date-display .return_des,
.travel-airline-display .airline_code {
    color: #8690a7;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.swap-div {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(30, 52, 91, 0.08);
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(13, 33, 69, 0.08);
    display: flex;
    height: 56px;
    justify-content: center;
    left: calc((100% / 6) - 9px) !important;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    z-index: 5;
}

.swap-div i {
    color: #16305c;
    font-size: 18px;
}

.flight-bottom-row {
    align-items: center !important;
    display: flex !important;
    gap: 28px !important;
    justify-content: space-between !important;
    margin-top: 18px !important;
    overflow: visible !important;
    padding-top: 6px !important;
}

.fares-type {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex: 1 1 auto !important;
    gap: 24px !important;
    justify-content: space-between !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}

.fares-type > .d-flex {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

.fares-type .me-3 {
    color: #13254b !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
}

.fares-type .flex-wrap.d-flex.align-items-center {
    gap: 18px !important;
}

.fares-type .form-check {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    gap: 10px !important;
    margin: 0 !important;
    min-height: auto !important;
    padding: 0 !important;
}

.fares-type .btn_faretype {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.fares-type .form-check-input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    cursor: pointer !important;
    height: 18px !important;
    margin: 0 !important;
    position: relative !important;
    width: 18px !important;
}

.fares-type .form-check-input[type="radio"]:checked {
    background: #ffffff !important;
    border-color: #0d7fc2 !important;
}

.fares-type .form-check-input[type="radio"]:checked::after {
    background: #0d7fc2 !important;
    border-radius: 50% !important;
    content: "" !important;
    height: 8px !important;
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 8px !important;
}

.fares-type .form-check-label {
    color: #555f73 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.fares-type .form-check.active .form-check-label,
.fares-type .form-check-input:checked ~ .btn_faretype .form-check-label {
    color: #555f73 !important;
}

.fares-type .form-check::before,
.fares-type .form-check::after,
.fares-type .btn_faretype::before,
.fares-type .btn_faretype::after,
.fares-type .form-check-label::before,
.fares-type .form-check-label::after {
    content: none !important;
    display: none !important;
}

.direct-flight-wrap {
    align-items: center !important;
    display: flex !important;
    gap: 22px !important;
    white-space: nowrap !important;
}

.bottom-airline-wrap {
    align-items: center !important;
    color: #555f73 !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    gap: 8px !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
}

.bottom-airline-wrap i {
    color: #1387d9 !important;
    font-size: 16px !important;
}

.direct-flight-wrap .form-check {
    gap: 10px !important;
}

.direct-flight-wrap .form-check-input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    border: 1.5px solid #b8c2d1 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    height: 18px !important;
    margin: 0 !important;
    position: relative !important;
    width: 18px !important;
}

.direct-flight-wrap .form-check-input[type="checkbox"]:checked::after {
    background: #0d7fc2 !important;
    border-radius: 2px !important;
    content: "" !important;
    inset: 3px !important;
    position: absolute !important;
}

#isDirectFlight + label {
    color: #555f73 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.search-btn-div {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    padding: 16px 42px !important;
    position: static !important;
}

.search-btn {
    background: #0a0674 !important;
    border: 0 !important;
    border-radius: 66px !important;
    box-shadow: 0 14px 30px rgba(3, 26, 99, 0.18) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    height: 60px !important;
}

.from-search-box,
.to-search-box {
    margin-top: 10px;
}

.from-search-box .search,
.to-search-box .search {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #e5ebf3;
    border-radius: 12px;
    display: flex;
    gap: 10px;
    padding: 10px 12px;
}

.from-search-box input,
.to-search-box input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #172548;
    outline: none !important;
    width: 100%;
}

.traveler-display {
    overflow: visible !important;
    z-index: 20;
}

.traveler-menu {
    background: #ffffff;
    border: 1px solid #edf1f7;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(14, 30, 70, 0.18);
    left: 0;
    padding: 16px;
    position: absolute;
    top: calc(100% + 10px);
    width: 350px !important;
    z-index: 9999;
}

.traveler-menu .item-menu {
    align-items: center;
    border-bottom: 1px solid #eef2f8;
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
}

.traveler-menu .item-menu:last-child {
    border-bottom: 0;
}

.traveler-menu .traveler-type span:first-child {
    color: #0d1b42;
    font-weight: 600;
    margin-bottom: 3px;
}

.traveler-menu .traveler-type span:last-child {
    color: #7b87a4;
    font-size: 13px;
}

.traveler-menu .traveler-count {
    align-items: center;
    display: flex;
    gap: 8px;
}

.traveler-menu .traveler-count .btn {
    background: #eff5fb;
    border: 0;
    border-radius: 50%;
    color: #0d1b42;
    font-weight: 700;
    height: 34px;
    padding: 0;
    width: 34px;
}

.traveler-menu .traveler-count input {
    background: transparent;
    border: 0;
    font-weight: 700;
    text-align: center;
    width: 46px;
}

.trav-class {
    border-top: 1px solid #eef2f8;
    margin-top: 14px;
    padding-top: 14px;
}

.travel-airline-display .fa-close {
    color: #8491ad;
    position: absolute;
    right: 14px;
    top: 16px;
}

.small-dote-line-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab-content#pills-tabContent {
    background: transparent !important;
}

.ui-autocomplete {
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 40px rgba(18, 37, 77, 0.16) !important;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px !important;
    z-index: 10000 !important;
}

.travel_airline_main_div,
.travel_airline_main_div_round_trip,
.travel_airline_main_div_0 {
    overflow: visible !important;
    z-index: 60 !important;
}

.travel_airline_search_main_div,
.travel_airline_search_main_div_round_trip,
.travel_airline_search_main_div_0 {
    left: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    width: 320px !important;
    z-index: 9999 !important;
}

.travel_airline_search_main_div .search,
.travel_airline_search_main_div_round_trip .search,
.travel_airline_search_main_div_0 .search {
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #d9dfeb !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    gap: 10px !important;
    padding: 10px 12px !important;
}

.travel_airline_search_main_div input,
.travel_airline_search_main_div_round_trip input,
.travel_airline_search_main_div_0 input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
}

.flight-filter-box.flight.multi_city {
    background: transparent;
    display: grid;
    gap: 18px !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.flight-filter-box.flight.multi_city .form-city-display,
.flight-filter-box.flight.multi_city .to-city-display,
.flight-filter-box.flight.multi_city .departure-date-display,
.flight-filter-box.flight.multi_city .traveler-display,
.flight-filter-box.flight.multi_city .travel-airline-display {
    display: block;
    height: 115px;
    margin-bottom: 12px;
    min-height: auto;
}

.add-another-city .btn {
    border-radius: 10px;
}

.card-nav-menu {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #f6f6f6;
    border-radius: 16px;
    bottom: -45px;
    box-shadow: 0 -4px 28.3px 0 rgba(173, 173, 173, 0.27);
    display: flex;
    justify-content: space-between;
    left: 5%;
    padding: 22px 39px 12px 39px;
    position: relative;
    width: 90%;
    z-index: 3;
}

.card-nav-menu .menu-item-img {
    aspect-ratio: 18 / 19;
    height: 41.497px;
    opacity: 0.82;
    width: 39.312px;
}

.card-nav-menu .menu-item-text {
    color: #484848;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 17.742px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.277px;
}

.card-menu-item.active .menu-item-text {
    color: #0058be;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 17.742px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.277px;
}

.div_custom_tabs {
    background: #f8fafc;
}

.figma-tabs-panel {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.05);
    display: flex;
    flex-direction: column;
    gap: 32px;
    overflow: hidden;
    padding: 22px;
    width: 100%;
}

.figma-tabs-panel #nav-tab {
    align-items: center;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 !important;
    width: 100%;
}

.figma-tabs-panel #nav-tab .nav-link {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9999px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    color: #475569 !important;
    display: inline-flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    line-height: 24px;
    min-height: 40px;
    padding: 12px 24px;
    white-space: nowrap;
}

.figma-tabs-panel #nav-tab .nav-link.active,
.figma-tabs-panel #nav-tab .nav-link:hover,
.figma-tabs-panel #nav-tab .nav-link:focus {
    background: #f0f5fb !important;
    border-color: #071d66 !important;
    color: #071d66 !important;
}

.figma-tabs-panel #nav-tabContent {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.figma-tabs-panel #booking_table_container {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin: 0 !important;
    overflow: hidden;
    width: 100%;
}

.figma-tabs-panel #bookingTable,
.figma-tabs-panel #bookingTable_wrapper table {
    border: 0 !important;
    border-collapse: collapse !important;
    color: #181c1f;
    font-family: Inter, sans-serif;
    margin: 0 !important;
    width: 100% !important;
}

.figma-tabs-panel #bookingTable thead th,
.figma-tabs-panel #bookingTable_wrapper .dataTables_scrollHead th {
    background: #f2f4f8 !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    color: #564146 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    padding: 16px !important;
    vertical-align: middle;
    white-space: normal;
}

.figma-tabs-panel #bookingTable tbody td,
.figma-tabs-panel #bookingTable_wrapper .dataTables_scrollBody td {
    border: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    color: #181c1f !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    padding: 16px !important;
    vertical-align: middle;
}

.figma-tabs-panel #bookingTable tbody tr:last-child td {
    border-bottom: 0 !important;
}

.figma-tabs-panel .dataTables_scroll,
.figma-tabs-panel .dataTables_scrollHead,
.figma-tabs-panel .dataTables_scrollBody {
    border: 0 !important;
}

.figma-tabs-panel .dataTables_scrollBody {
    min-height: 0 !important;
}

.figma-tabs-panel #bookingTable_length,
.figma-tabs-panel #bookingTable_filter,
.figma-tabs-panel #bookingTable_info,
.figma-tabs-panel #bookingTable_wrapper > .row:first-child {
    display: none !important;
}

.figma-tabs-panel #bookingTable_wrapper > .row {
    margin: 0 !important;
}

.figma-tabs-panel #bookingTable_wrapper > .row > [class*="col-"] {
    padding: 0 !important;
}

.figma-tabs-panel .status-success,
.figma-tabs-panel .status-warning,
.figma-tabs-panel .status-danger {
    align-items: center;
    border-radius: 16px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    line-height: 16px;
    min-height: 24px;
    padding: 4px 12px;
    white-space: nowrap;
}

.figma-tabs-panel .status-success {
    background: #e6f4ea;
    color: #1e8e3e;
}

.figma-tabs-panel .status-warning {
    background: #fff4de;
    color: #9a5b00;
}

.figma-tabs-panel .status-danger {
    background: #fde8e8;
    color: #c5221f;
}

.figma-tabs-panel #bookingTable .action {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.figma-tabs-panel #bookingTable .action a {
    align-items: center;
    color: #1a73e8 !important;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    text-decoration: none;
    width: 24px;
}

.figma-tabs-panel #bookingTable .action i {
    font-size: 13px;
    margin: 0 !important;
}

.figma-tabs-panel #bookingTable_wrapper .row:last-child {
    background: #ffffff;
    border-top: 1px solid #e0e0e0;
    margin: 0 !important;
    padding: 13px 16px 16px;
}

.figma-tabs-panel #bookingTable_wrapper .dataTables_paginate {
    display: flex;
    justify-content: flex-end;
    padding: 0 !important;
    width: 100%;
}

.figma-tabs-panel #bookingTable_wrapper .pagination {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    margin: 0 !important;
}

.figma-tabs-panel #bookingTable_wrapper .page-item .page-link {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: none;
    color: #181c1f;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    line-height: 20px;
    min-width: 32px;
    padding: 0 8px;
}

.figma-tabs-panel #bookingTable_wrapper .page-item.active .page-link {
    background: #1a73e8;
    border-color: #1a73e8;
    color: #ffffff;
}

.figma-tabs-panel #bookingTable_wrapper .page-item.disabled .page-link {
    opacity: 0.5;
}

.figma-tabs-panel #last-search-container {
    padding: 0 !important;
}

.figma-tabs-panel .last-search-grid {
    display: grid !important;
    gap: 25px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
}

.figma-tabs-panel .figma-search-card {
    -webkit-appearance: none;
    appearance: none;
    align-items: center;
    background: #ffffff;
    border: 1.042px solid #e2e8f0;
    border-radius: 12.5px;
    box-shadow: 0 10.417px 15.625px rgba(120, 0, 55, 0.04);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 146px;
    padding: 29px 22px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    width: 100%;
}

.figma-tabs-panel .figma-search-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 12px 20px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.figma-tabs-panel .figma-search-route {
    align-items: center;
    color: #1e293b;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 20.833px;
    font-weight: 600;
    gap: 16px;
    justify-content: center;
    line-height: 29.167px;
    margin-bottom: 12px;
}

.figma-tabs-panel .figma-search-code {
    min-width: 48px;
    text-align: center;
}

.figma-tabs-panel .figma-search-plane {
    color: #64748b;
    font-size: 18px;
    height: 21px;
    line-height: 21px;
    transform: rotate(90deg);
    width: 21px;
}

.figma-tabs-panel .figma-search-date {
    color: #181c1f;
    font-family: Inter, sans-serif;
    font-size: 14.583px;
    font-weight: 600;
    line-height: 20.833px;
    margin-bottom: 4px;
    text-align: center;
}

.figma-tabs-panel .figma-search-type {
    color: #181c1f;
    font-family: Inter, sans-serif;
    font-size: 14.583px;
    font-weight: 500;
    line-height: 16.667px;
    text-align: center;
}

.figma-tabs-panel .last-search-empty {
    color: #475569;
    font-size: 14px;
    margin: 0;
    padding: 28px 16px;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .apply-filter-result-box.mc-main-box .price-scroll-container {
        max-width: 216px;
    }

    .tab-content > .active {
        overflow-x: auto;
    }

    .apply-filter-result-box .left-filter-box .filter-scroll {
        width: 100%;
    }

    .flight-search-filter-main-box {
        display: flex;
        flex-wrap: wrap;
    }

    .flight-multicity-tabs {
        margin-left: 0;
    }

    .apply-filter-result-box.combo-flow .price-scroll-container {
        max-width: 216px;
    }

    .apply-filter-result-box.combo-multicity-flow .price-scroll-container {
        max-width: 216px;
    }

    .hero-copy {
        margin-bottom: 24px;
    }

    .hero-copy h1 {
        font-size: 40px;
    }

    .hero-copy p {
        font-size: 16px;
    }

    .main-content-holder {
        min-height: auto;
        padding: 40px 0 70px;
    }

    .flight-search-shell {
        border-radius: 20px;
        padding: 18px;
    }

    .trip-type-div {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .trip-type {
        overflow-x: auto;
        padding: 6px;
        width: 100%;
    }

    .trip-type .form-check-label {
        font-size: 14px;
        height: 36px;
        min-width: 104px;
    }

    .flight-filter-box.flight.oneway,
    .flight-filter-box.flight.round_trip {
        grid-template-columns: 1fr !important;
    }

    .form-city-display,
    .to-city-display,
    .departure-date-display,
    .return-date-display,
    .traveler-display,
    .travel-airline-display {
        min-height: auto;
    }

    .search-btn {
        min-width: 100%;
    }

    .traveler-menu {
        width: 100% !important;
    }

    .travel_airline_search_main_div,
    .travel_airline_search_main_div_round_trip,
    .travel_airline_search_main_div_0 {
        left: 0 !important;
        width: 100% !important;
    }

    .figma-tabs-panel {
        gap: 18px;
        padding: 16px;
    }

    .figma-tabs-panel #nav-tab {
        gap: 10px;
    }

    .figma-tabs-panel #nav-tab .nav-link {
        font-size: 14px;
        padding: 10px 16px;
        width: 100%;
    }

    .figma-tabs-panel .last-search-grid {
        gap: 16px !important;
        grid-template-columns: 1fr;
    }

    .figma-tabs-panel #bookingTable_wrapper .row:last-child {
        padding: 12px;
    }

    .figma-tabs-panel #bookingTable_wrapper .dataTables_paginate,
    .figma-tabs-panel #bookingTable_wrapper .pagination {
        justify-content: center;
    }
}

@media (max-width: 1199px) {
    .hero-copy h1 {
        font-size: 58px;
    }

    .hero-copy p {
        font-size: 18px;
    }

    .flight-filter-box.flight.oneway,
    .flight-filter-box.flight.round_trip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .swap-div {
        display: none;
    }

    .flight-bottom-row {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 18px !important;
    }

    .fares-type {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .search-btn {
        width: 100% !important;
    }
}

/* PNR verification page */
.pnr-page.main-content-holder {
    min-height: 100vh;
    padding: 28px 0 40px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}

.pnr-page.main-content-holder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(246, 248, 252, 0.78) 0%, rgba(246, 248, 252, 0.88) 100%);
    pointer-events: none;
}

.pnr-page .container {
    position: relative;
    z-index: 2;
    max-width: 1280px;
}

.pnr-page .filter-box {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 26px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 18px 24px 24px;
    overflow: hidden;
}

.pnr-page .nav.nav-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 22px !important;
    padding-bottom: 18px;
    border-bottom: 1px solid #e8edf4;
    flex-wrap: wrap;
}

.pnr-page .nav-pills .nav-item {
    margin: 0;
}

.pnr-page .nav-pills .nav-link {
    border: 0;
    background: transparent;
    padding: 0;
    border-radius: 999px;
    color: #4b5565;
    transition: all 0.22s ease;
}

.pnr-page .nav-pills .nav-link .title {
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.pnr-page .nav-pills .nav-link:hover {
    color: #0f2b74;
    background: #f4f7fb;
}

.pnr-page .nav-pills .nav-link.active {
    background: linear-gradient(135deg, #081d66 0%, #102d8c 100%) !important;
    box-shadow: 0 10px 24px rgba(12, 38, 121, 0.2) !important;
    color: #fff !important;
}

.pnr-page .tab-content {
    padding-top: 6px;
}

.pnr-form-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 420px;
}

.pnr-card {
    width: 100%;
    max-width: 560px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #edf2f8;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(18, 33, 68, 0.08);
    padding: 36px 34px 30px;
}

.pnr-card-title {
    margin: 0 0 26px;
    color: #0b3d8d;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-align: center;
}

.pnr-form-group {
    margin-bottom: 22px;
}

.pnr-form-group .form-label {
    display: inline-block;
    margin-bottom: 10px;
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
}

.pnr-form-group .input-group {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #dbe5f1;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
    overflow: hidden;
    transition: all 0.2s ease;
}

.pnr-form-group .input-group:focus-within {
    border-color: #2d6cdf;
    box-shadow: 0 0 0 4px rgba(45, 108, 223, 0.1);
}

.pnr-form-group .input-group-text {
    display: inline-flex;
    align-items: center;
    height: 56px;
    padding: 0 16px;
    background: #fff !important;
    border: 0 !important;
    color: #1b74c9 !important;
    font-size: 18px;
}

.pnr-form-group .form-control {
    height: 56px;
    padding: 0 18px 0 4px;
    background: transparent;
    border: 0 !important;
    box-shadow: none !important;
    color: #1f2937;
    font-size: 16px;
}

.pnr-form-group .form-control::placeholder {
    color: #8a94a6;
    font-weight: 500;
}

.pnr-submit-btn {
    width: 100%;
    height: 54px;
    background: linear-gradient(90deg, #0b5fb6 0%, #12b8d4 100%) !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 30px rgba(11, 95, 182, 0.18);
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.pnr-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 20px 34px rgba(11, 95, 182, 0.22);
    color: #fff !important;
}

.pnr-submit-btn:focus,
.pnr-submit-btn:active {
    box-shadow: none !important;
    color: #fff !important;
}

.flight-table .table-separator hr {
    margin: 10px 0;
    border: 0;
    border-top: 2px solid #ddd;
}

.pnr-page .error {
    margin-top: 8px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .pnr-page .filter-box {
        padding: 16px 14px 18px;
        border-radius: 20px;
    }

    .pnr-page .nav.nav-pills {
        gap: 10px;
        justify-content: flex-start;
    }

    .pnr-page .nav-pills .nav-link .title {
        padding: 12px 16px;
        font-size: 13px;
    }

    .pnr-form-wrap {
        min-height: 360px;
    }
}

@media (max-width: 767.98px) {
    .pnr-page.main-content-holder {
        padding: 16px 0 24px;
    }

    .pnr-card {
        padding: 24px 18px 20px;
        border-radius: 18px;
    }

    .pnr-card-title {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .pnr-form-group .input-group-text,
    .pnr-form-group .form-control {
        height: 50px;
    }

    .pnr-submit-btn {
        height: 50px;
        border-radius: 12px !important;
        font-size: 18px !important;
    }
}

/* Legacy oneway and review styles */
.left-filter-box {
    width: 100%;
    max-width: 300px; 
}

.filter-scroll {
    max-height: 80vh; 
    overflow-y: auto;  
    padding-right: 5px; 
}


.filter-scroll::-webkit-scrollbar {
    width: 6px;
}

.filter-scroll::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 10px;
}

.filter-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}



.price-scroll-container {
    position: relative;
    display: flex;
    align-items: center;
    margin: 1px 30px;
    max-width: 260px;
}


.price-list-box::-webkit-scrollbar {
    display: none;
}


.price-list-box {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 0 5px;
    min-width: 0;
}


.price-list-box .form-check {
    flex-shrink: 0; 
}

.scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    /*background: rgba(0, 0, 0, 0.1);*/
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: 0.2s;
}

.scroll-arrow:hover {
    background: rgba(0, 0, 0, 0.25);
}


.scroll-left {
    left: -30px;
}

.scroll-right {
    right: -30px;
}


.price-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f8f9fa;
    border-radius: 10px;
    padding: 3px 0px;
    /* min-width: 38px; */
    text-align: center;
}

.price {
    font-weight: bold;
    font-size: 16px;
    /*color: white;*/
}

.ndc-flight {
    color: #007bff;
    font-size: 13px;
}



.airline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.airline > div:first-child {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1; 
  min-width: 0; 
}

.airline .form-check-input {
  /*margin-right: 4px;*/
  flex-shrink: 0;
}

.airline img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  margin-right: 4px;
  flex-shrink: 0;
}

.airline .al-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 130px; 
  vertical-align: middle;
}

.airline .d-flex span {
  white-space: nowrap;
  font-weight: 500;
}


@media only screen and (max-width: 600px) {
.price-scroll-container{
    max-width: 216px;
}


.tab-content>.active {
    overflow-x: auto;
}

.apply-filter-result-box .left-filter-box .filter-scroll {
        width: 100%;
    }
}

/* Round-trip results */
.apply-filter-result-box.round-trip .left-filter-box {
    z-index: 1;
}

.apply-filter-result-box.round-trip .result-main-box .sort-div {
    top: 247px;
}

.apply-filter-result-box.round-trip .flex-grow-1.w-100 {
    position: sticky;
    top: 182px;
    z-index: 99;
}

.apply-filter-result-box.round-trip .price {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.apply-filter-result-box.round-trip .price-scroll-container {
    align-items: center;
    display: flex;
    margin: 1px 40px;
    max-width: 300px;
    position: relative;
}

.apply-filter-result-box.round-trip .price-list-box::-webkit-scrollbar {
    display: none;
}

.apply-filter-result-box.round-trip .price-list-box {
    display: flex;
    gap: 2px;
    min-width: 0;
    overflow-x: auto;
    padding: 0 5px;
    scroll-behavior: smooth;
}

.apply-filter-result-box.round-trip .price-list-box .form-check {
    flex-shrink: 0;
}

.apply-filter-result-box.round-trip .scroll-arrow {
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #000000;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 35px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
    width: 35px;
    z-index: 10;
}

.apply-filter-result-box.round-trip .scroll-arrow:hover {
    background: rgba(0, 0, 0, 0.25);
}

.apply-filter-result-box.round-trip .scroll-left {
    left: -35px;
}

.apply-filter-result-box.round-trip .scroll-right {
    right: -38px;
}

.apply-filter-result-box.round-trip .price-desc {
    align-items: center;
    background: #f8f9fa;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 3px 0;
    text-align: center;
}

.apply-filter-result-box.round-trip .ndc-flight {
    color: #007bff;
    font-size: 13px;
}

.apply-filter-result-box.round-trip .airline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

.apply-filter-result-box.round-trip .airline > div:first-child {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 6px;
    min-width: 0;
}

.apply-filter-result-box.round-trip .airline .form-check-input {
    flex-shrink: 0;
}

.apply-filter-result-box.round-trip .airline img {
    flex-shrink: 0;
    height: 18px;
    margin-right: 4px;
    object-fit: contain;
    width: 18px;
}

.apply-filter-result-box.round-trip .airline .al-name {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .airline .d-flex span {
    font-weight: 500;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-search-filter-main-box {
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 40px;
    padding: 15px;
    position: relative;
    top: 0;
    z-index: 99;
}

.apply-filter-result-box.round-trip .flight-search-filter-main-box .filter-box {
    background-color: #efefef;
    padding: 8px 30px;
}

.apply-filter-result-box.round-trip .flight-search-filter-main-box .filter-label {
    color: #757682;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
}

.apply-filter-result-box.round-trip .flight-search-filter-main-box .filter-value {
    color: #000000;
    font-family: Manrope, "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.apply-filter-result-box.round-trip .cust-btn-p {
    background-color: #0c0791 !important;
    border-color: #0c0791 !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    padding: 7px 25px !important;
}

.apply-filter-result-box.round-trip .label-icon {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 8px;
}

.apply-filter-result-box.round-trip .left-fight > .fight-city,
.apply-filter-result-box.round-trip .right-fight > .fight-city {
    align-items: center;
    background: #f2f4f8 !important;
    border: 0 !important;
    border-bottom: 1px solid #c2c6d7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #181c1f !important;
    display: flex !important;
    font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    gap: 11px;
    justify-content: center;
    line-height: 25.6px !important;
    margin: 0 !important;
    min-height: 42.59px;
    padding: 8px 14px !important;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

.apply-filter-result-box.round-trip .left-fight > .fight-city i,
.apply-filter-result-box.round-trip .right-fight > .fight-city i {
    align-items: center;
    color: #0057c2 !important;
    display: inline-flex;
    font-size: 10.67px;
    height: 8px;
    justify-content: center;
    line-height: 1;
    min-width: 10.67px;
    width: 10.67px;
}

.apply-filter-result-box.round-trip .left-fight > .sort-div,
.apply-filter-result-box.round-trip .right-fight > .sort-div {
    align-items: center;
    background: #04006d !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: 1.3fr 0.9fr 0.9fr 0.9fr 0.75fr;
    margin-top: 0 !important;
    min-height: 30px;
    padding: 0 18px !important;
}

.apply-filter-result-box.round-trip .sort-div .sort-item {
    color: #ffffff !important;
    cursor: pointer;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px;
    line-height: 14px !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .sort-div .sort-item.price {
    background: transparent !important;
    text-align: right;
}

.apply-filter-result-box.round-trip .sort-div .sort-icon {
    color: #ffffff !important;
    font-size: 10px;
}

.apply-filter-result-box.round-trip .flight-sort-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

.apply-filter-result-box.round-trip .flight-box {
    background: #ffffff !important;
    border: 1px solid #e0e3e6 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0, 87, 194, 0.08) !important;
    overflow: hidden;
}

.apply-filter-result-box.round-trip .flight-box .flight-desc {
    padding: 18px 18px 12px !important;
}

.apply-filter-result-box.round-trip .flight-box .flight-normal-data {
    align-items: center;
    display: grid !important;
    gap: 8px;
    grid-template-columns: minmax(104px, 1fr) minmax(74px, 0.85fr) minmax(86px, 0.9fr) minmax(74px, 0.85fr) 18px;
}

.apply-filter-result-box.round-trip .flight-box .item-data {
    min-width: 0;
}

.apply-filter-result-box.round-trip .flight-box .company {
    align-items: center;
    display: flex !important;
    gap: 8px;
    min-width: 0;
}

.apply-filter-result-box.round-trip .flight-box .company img {
    flex: 0 0 auto;
    height: 24px !important;
    object-fit: contain;
    width: 34px !important;
}

.apply-filter-result-box.round-trip .flight-box .cm-desc {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.apply-filter-result-box.round-trip .flight-box .cm-name {
    color: #181c1f !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-box .cm-fN {
    color: #424754 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
}

.apply-filter-result-box.round-trip .flight-box .airport-desc {
    color: #424754 !important;
    display: flex;
    flex-direction: column;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    gap: 2px;
    line-height: 15px !important;
}

.apply-filter-result-box.round-trip .flight-box .airport-desc .time {
    color: #181c1f !important;
    font-family: "Plus Jakarta Sans", "Manrope", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 21px !important;
    order: -1;
}

.apply-filter-result-box.round-trip .flight-box .airport-desc span:first-child {
    color: #424754 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}

.apply-filter-result-box.round-trip .flight-box .airport-desc .dote-line-text {
    color: #626a79 !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-box .duration-box {
    align-items: center;
    color: #424754 !important;
    display: flex !important;
    flex-direction: column;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    gap: 4px;
    justify-content: center;
    line-height: 15px !important;
    position: relative;
    text-align: center;
}

.apply-filter-result-box.round-trip .flight-box .duration-box::before {
    background: #c2c6d7;
    content: "";
    height: 1px;
    left: -8px;
    position: absolute;
    right: -8px;
    top: 50%;
}

.apply-filter-result-box.round-trip .flight-box .duration-box .duration {
    background: #ffffff;
    padding: 0 6px;
    position: relative;
    z-index: 1;
}

.apply-filter-result-box.round-trip .flight-box .share-booking-check-box {
    display: flex;
    justify-content: flex-end;
}

.apply-filter-result-box.round-trip .flight-box .share-booking-check-box .form-check {
    margin: 0;
    min-height: 0;
    padding: 0;
}

.apply-filter-result-box.round-trip .flight-box .share-booking-check-box .form-check-input {
    border-color: #c2c6d7;
    height: 16px;
    margin: 0;
    width: 16px;
}

.apply-filter-result-box.round-trip .flight-box .other-details-btn-div {
    align-items: center;
    border-top: 1px solid #e0e3e6 !important;
    display: grid !important;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 12px 18px 18px !important;
}

.apply-filter-result-box.round-trip .flight-box .other-details-btn-div > .text-primary {
    color: #0057c2 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 15px !important;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-box .extra-info {
    color: #424754 !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    gap: 10px;
    justify-content: flex-end !important;
    line-height: 15px !important;
}

.apply-filter-result-box.round-trip .flight-box .refundable {
    align-items: center;
    background: #e8f5e9 !important;
    border-radius: 999px;
    color: #2e7d32 !important;
    display: inline-flex;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.4px;
    line-height: 1 !important;
    min-height: 22px;
    padding: 4px 8px;
    text-transform: uppercase;
    white-space: nowrap;
}

.apply-filter-result-box.round-trip .flight-box .refundable.text-danger {
    background: #fff1f1 !important;
    color: #c62828 !important;
}

.apply-filter-result-box.round-trip .flight-box .price-scroll-container {
    grid-column: 1 / -1;
    margin: 0 !important;
    max-width: none;
    padding: 0 26px;
    width: 100%;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box {
    gap: 8px;
    padding: 0;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #e0e3e6;
    border-radius: 7px;
    display: flex;
    gap: 6px;
    margin: 0;
    min-height: 58px;
    padding: 7px 6px;
    width: 84px;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check.selected {
    border-color: #0058be;
    box-shadow: inset 0 0 0 1px #0058be;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check-input {
    border-color: #c2c6d7;
    flex: 0 0 auto;
    height: 13px;
    margin: 2px 0 0;
    width: 13px;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check-input:checked {
    background-color: #0058be;
    border-color: #0058be;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .form-check-label {
    margin: 0 !important;
    min-width: 0;
}

.apply-filter-result-box.round-trip .flight-box .price-desc {
    align-items: flex-start;
    background: transparent;
    border-radius: 0;
    gap: 4px;
    padding: 0;
}

.apply-filter-result-box.round-trip .flight-box .price-desc .price {
    color: #181c1f !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
}

.apply-filter-result-box.round-trip .flight-box .price-list-box .selected .price {
    color: #0058be !important;
}

.apply-filter-result-box.round-trip .flight-box .price-desc span:last-child {
    background: rgba(5, 150, 105, 0.15);
    border-radius: 999px;
    color: #057a55 !important;
    display: inline-flex;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px;
    line-height: 1.1 !important;
    max-width: 56px;
    padding: 3px 5px;
    text-transform: uppercase;
}

.apply-filter-result-box.round-trip .flight-box .scroll-arrow {
    background: #ffffff;
    border: 1px solid #d9dee6;
    border-radius: 6px;
    color: #0057c2;
    font-size: 18px;
    height: 32px;
    width: 22px;
}

.apply-filter-result-box.round-trip .flight-box .scroll-left {
    left: 0;
}

.apply-filter-result-box.round-trip .flight-box .scroll-right {
    right: 0;
}

.apply-filter-result-box .result-main-box .flight-box .other-details-btn-div {
    padding: 10px !important;
}
.share-booking-check-box .btn-success {
    background: #0c0791;
    border-radius: 20px;
    font-size: 13px;
    padding: 6px 20px;
}

.view-details-div {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    /*padding: 15px;*/
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', sans-serif;
    margin-top: 15px;
}

.roundtrip-navpills {
     margin-top: 0px; 
}

.view-details-div {
     padding: 0px; 
}


.flight-box {
    border: 1px solid #e7edf5;
    border-radius: 16px;
    padding: 16px;
}

.duration-box {
    position: relative;
    width: 150px !important;
    margin: 20px auto;
    text-align: center;
    font-size: 12px;
    color: #333;
}

/* Line */
.duration-box::before {
    content: '';
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    height: 2px;
    background: #9999ff;
}

/* Left + Right + Center dots */
.duration-box::after {
    content: '';
    position: absolute;
    top: 25px;
    left: -10px;
    width: 8px;
    height: 8px;
    background: #0c0791;
    border-radius: 50%;

    box-shadow: 162px 0 #0c0791;
}
.duration-box .center-dot {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%;
    border: 1px solid white;
}
/* Bottom text */
.duration-box span {
    display: block;
    font-size: 11px;
    margin-top: 8px;
}
.duration {
    border-bottom: none !important;
}

.flight-search-filter-main-box {
    padding: 15px;
    background-color: #ffffff;
    /* color: white; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
    position: relative;
     top: 0; 
    z-index: 99;
    border-radius: 10px;
}
.setting-box {
    position: relative;
    top: 0;
}
.flight-search-filter-main-box .filter-box {
    background-color: #efefef;
    padding: 8px 30px;
}
.flight-search-filter-main-box .filter-value {
    font-family: var(--body-font) !important;
    font-size: 16px;
    font-weight: 600;
    color: #212529;
}
.flight-search-filter-main-box .filter-label {
    color: #828282;
    font-family: var(--body-font) !important;
    font-weight: 400;
}
.cust-btn-p {
    background-color: #0c0791 !important;
    border-color: #0c0791 !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    padding: 7px 25px !important;
}
.ui-slider-horizontal {
    height: .4em !important;
}
.ui-widget-header {
    background: #0c0791 !important;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.43em !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    border: 2px solid #0c0791 !important;
    background: #f6f6f6 !important;
    font-weight: normal !important;
    color: #454545 !important;
    border-radius: 50% !important;
}
.cust-stop-btn {
    width: 100px !important;
    width: 100px !important;
    height: auto;
    justify-content: center;
    border-radius: 20px !important;
    padding: 7px 20px !important;
    margin-top: 10px !important;
}
.left-filter-box .filter-box.chechked-filter input[type=checkbox] + label {
    background: #f4f4f4;
    padding: 7px 12px !important;
    width: auto !important;
    margin-top: 10px !important;
}
.left-filter-box .filter-box.chechked-filter img {
    max-width: 16px !important;
    max-height: 16px !important;
    margin-bottom: 3px !important;
}
.left-filter-box .filter-box.chechked-filter input[type=checkbox]:checked + label {
     background-color: #0c0791 !important;
 }

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-sort-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box {
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(18, 36, 88, 0.06);
    overflow: hidden;
    padding: 0;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-desc {
    padding: 20px 22px 16px;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-normal-data {
    display: grid !important;
    grid-template-columns: minmax(110px, 0.78fr) minmax(180px, 1.08fr) minmax(120px, 0.72fr) minmax(180px, 1.08fr) minmax(170px, 0.88fr);
    gap: 18px;
    align-items: center;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .company {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .company img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    flex: 0 0 auto;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .cm-desc {
    min-width: 0;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .cm-name {
    display: block;
    color: #13214b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .cm-fN {
    display: block;
    margin-top: 4px;
    color: #6a7691;
    font-size: 12px;
    line-height: 1.3;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc > span:first-child {
    color: #243d97;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    word-break: break-word;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc .time {
    margin: 2px 0;
    color: #13214b;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.05;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc > span:not(.time):not(:first-child) {
    color: #6a7691;
    font-size: 12px;
    line-height: 1.35;
    word-break: break-word;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .book-btn-div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 12px;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .item-with-icon {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    text-align: right;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .item-with-icon .price {
    color: #13214b;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .share-booking-check-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .share-booking-check-box .form-check {
    margin: 0;
    min-height: 0;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 14px 22px 18px !important;
    border-top: 1px solid #e7edf5;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div > .text-primary {
    font-size: 14px;
    font-weight: 700;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-scroll-container {
    margin: 0;
    max-width: 320px;
    width: 100%;
}

@media only screen and (max-width: 1199px) {
    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-normal-data {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .book-btn-div {
        grid-column: 1 / -1;
        align-items: flex-start;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .item-with-icon {
        align-items: flex-start;
        text-align: left;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 767.98px) {
    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-desc {
        padding: 18px 16px 14px;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-normal-data {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc .time {
        font-size: 24px;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .book-btn-div,
    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .item-with-icon {
        align-items: flex-start;
        text-align: left;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .share-booking-check-box {
        justify-content: flex-start;
    }
}

.flight-filter-column {
    position: sticky;
}

.flight-filter-title {
    font-weight: 600;
}

/* Oneway search results refresh - rem based */
.flight-search-filter-main-box.small-frm,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) {
    --ow-primary: #0759ff;
    --ow-primary-dark: #0b13b4;
    --ow-ink: #07164b;
    --ow-muted: #5f6f96;
    --ow-soft: #f5f8ff;
    --ow-border: #dbe6f8;
    --ow-shadow: 0 0.5rem 1.5rem rgba(7, 22, 75, 0.07);
    color: var(--ow-ink);
}

.flight-search-filter-main-box.small-frm {
    background: #ffffff !important;
    border: 0.0625rem solid #edf2fb !important;
    border-radius: 0.75rem !important;
    box-shadow: var(--ow-shadow) !important;
    display: block !important;
    margin: 2.5rem auto 1rem !important;
    max-width: 88.75rem !important;
    padding: 1rem 1.25rem !important;
    position: relative !important;
    top: auto !important;
}

.flight-search-filter-main-box.small-frm .row {
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: 1fr 1fr 0.25fr 1.35fr 1.6fr 0.95fr 1.05fr 0.8fr 1.1fr !important;
}

.flight-search-filter-main-box.small-frm .filter-box {
    background: transparent !important;
    border-right: 0.0625rem solid #dfe7f5 !important;
    min-height: 3.75rem !important;
    padding: 0.35rem 1rem !important;
}

.flight-search-filter-main-box.small-frm .filter-box.icon {
    align-items: center !important;
    border-right: 0 !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
}

.flight-search-filter-main-box.small-frm .filter-box.icon i {
    align-items: center;
    background: #f6f9ff;
    border: 0.0625rem solid #e4ecfb;
    border-radius: 999rem;
    color: var(--ow-primary);
    display: inline-flex;
    font-size: 1rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.flight-search-filter-main-box.small-frm .filter-label {
    color: var(--ow-muted) !important;
    font-size: 0.6875rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    margin-bottom: 0.45rem !important;
    text-transform: none !important;
}

.flight-search-filter-main-box.small-frm .filter-value {
    color: var(--ow-ink) !important;
    font-size: 0.95rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.flight-search-filter-main-box.small-frm .cust-btn-p {
    align-items: center !important;
    background: #ffffff !important;
    border: 0.0625rem solid var(--ow-primary) !important;
    border-radius: 0.25rem !important;
    color: var(--ow-primary) !important;
    display: inline-flex !important;
    font-size: 0.75rem !important;
    font-weight: 900 !important;
    gap: 0.45rem !important;
    justify-content: center !important;
    min-height: 2.375rem !important;
    padding: 0 1rem !important;
    width: auto !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) {
    background: transparent !important;
    max-width: 88.75rem !important;
    padding: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) > .row {
    align-items: flex-start !important;
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: minmax(15.5rem, 18%) minmax(0, 1fr) !important;
    margin: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) > .row > [class*="col-"] {
    max-width: none !important;
    padding: 0 !important;
    width: auto !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box {
    background: #ffffff !important;
    border: 0.0625rem solid #edf2fb !important;
    border-radius: 0.75rem !important;
    box-shadow: var(--ow-shadow) !important;
    max-width: none !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .filter-scroll {
    max-height: calc(100vh - 8rem) !important;
    overflow-y: auto !important;
    padding: 1rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .filter-box {
    border-bottom: 0.0625rem solid #edf2fb !important;
    margin: 0 !important;
    padding: 0.95rem 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .filter-box:first-child {
    padding-top: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .flight-filter-title,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .title {
    color: var(--ow-ink) !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box a {
    color: var(--ow-primary) !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box label,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box span {
    color: var(--ow-ink);
    font-size: 0.75rem;
    line-height: 1.35;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .form-check-input {
    border: 0.0625rem solid #b9c9e5 !important;
    border-radius: 0.1875rem !important;
    box-shadow: none !important;
    height: 0.875rem !important;
    width: 0.875rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .form-check-input:checked {
    background-color: var(--ow-primary) !important;
    border-color: var(--ow-primary) !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .cust-stop-btn,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .filter-box.chechked-filter input[type=checkbox] + label {
    align-items: center !important;
    background: #ffffff !important;
    border: 0.0625rem solid #dce6f7 !important;
    border-radius: 999rem !important;
    display: inline-flex !important;
    gap: 0.25rem !important;
    justify-content: center !important;
    margin: 0.5rem 0.35rem 0 0 !important;
    min-height: 2rem !important;
    padding: 0 0.8rem !important;
    width: auto !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .filter-box.chechked-filter input[type=checkbox]:checked + label {
    background: var(--ow-primary) !important;
    border-color: var(--ow-primary) !important;
    color: #ffffff !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .airline {
    gap: 0.5rem !important;
    margin-bottom: 0.55rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .airline img {
    height: 1rem !important;
    width: 1rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .airline .al-name {
    max-width: 8rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box {
    min-width: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-box {
    background: #ffffff !important;
    border: 0.0625rem solid #edf2fb !important;
    border-radius: 0.5rem !important;
    box-shadow: var(--ow-shadow) !important;
    margin: 0 0 1rem !important;
    padding: 0 !important;
    top: auto !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-div {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    min-height: 3.25rem !important;
    padding: 0 1rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-nav {
    align-items: center !important;
    display: contents !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-nav > .cursor-pointer {
    color: #000000 !important;
    font-size: 0.95rem !important;
    font-weight: 900 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-nav > .cursor-pointer:last-child {
    text-align: right !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-icons {
    align-items: center !important;
    display: flex !important;
    gap: 1rem !important;
    justify-content: center !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-icons i {
    color: #3d3d3d !important;
    font-size: 1rem !important;
    margin: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-sort-list {
    gap: 0.75rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box {
    background: #ffffff !important;
    border: 0.0625rem solid #edf2fb !important;
    border-radius: 0.75rem !important;
    box-shadow: var(--ow-shadow) !important;
    padding: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-desc {
    padding: 1rem 1.15rem 0.75rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-normal-data {
    align-items: center !important;
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: minmax(6.25rem, 0.7fr) minmax(6.75rem, 0.85fr) minmax(8.75rem, 0.85fr) minmax(6.75rem, 0.85fr) minmax(8rem, 0.75fr) !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .company {
    gap: 0.65rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .company img {
    height: 2rem !important;
    width: 2rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .cm-name {
    color: var(--ow-ink) !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .cm-fN {
    color: var(--ow-muted) !important;
    font-size: 0.7rem !important;
    margin-top: 0.25rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc {
    gap: 0.2rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc > span:first-child {
    color: var(--ow-primary-dark) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    word-break: normal !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc .time {
    color: var(--ow-ink) !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin: 0.15rem 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc > span:not(.time):not(:first-child) {
    color: var(--ow-muted) !important;
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
    max-width: 8rem !important;
    overflow-wrap: anywhere !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .duration-box {
    color: var(--ow-muted) !important;
    font-size: 0.72rem !important;
    margin: 0 auto !important;
    min-height: 2.75rem !important;
    width: 8.75rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .duration-box::before {
    background: #7b7cff !important;
    height: 0.125rem !important;
    top: 1.7rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .duration-box::after {
    box-shadow: 8.9rem 0 #0c0791 !important;
    height: 0.5rem !important;
    left: -0.35rem !important;
    top: 1.5rem !important;
    width: 0.5rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .duration-box .center-dot {
    height: 0.5rem !important;
    top: 1.5rem !important;
    width: 0.5rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .duration-box span {
    font-size: 0.7rem !important;
    margin-top: 0.35rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .book-btn-div {
    align-items: flex-end !important;
    gap: 0.75rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .item-with-icon .price {
    color: var(--ow-ink) !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .share-booking-check-box {
    gap: 0.75rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .btn-success {
    background: #0500a8 !important;
    border: 0 !important;
    border-radius: 999rem !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    min-height: 2.1rem !important;
    min-width: 6.25rem !important;
    padding: 0 1rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div {
    border-top: 0.0625rem solid #edf2fb !important;
    display: grid !important;
    gap: 0.85rem !important;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 21rem) !important;
    padding: 0.65rem 1.15rem 0.85rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div span,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div div {
    color: var(--ow-primary-dark);
    font-size: 0.72rem;
    font-weight: 800;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-scroll-container {
    margin: 0 !important;
    max-width: 21rem !important;
    width: 100% !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-list-box {
    gap: 0.35rem !important;
    padding: 0 0.15rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-desc {
    background: var(--ow-soft) !important;
    border: 0.0625rem solid #dfe8f8 !important;
    border-radius: 0.35rem !important;
    min-width: 5.4rem !important;
    padding: 0.35rem 0.5rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-desc .price {
    color: var(--ow-ink) !important;
    font-size: 0.8rem !important;
    font-weight: 900 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-desc span:last-child {
    color: var(--ow-muted) !important;
    font-size: 0.65rem !important;
    font-weight: 800 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .scroll-arrow {
    background: #ffffff !important;
    border: 0.0625rem solid #dce6f7 !important;
    color: var(--ow-primary) !important;
    font-size: 1rem !important;
    height: 1.6rem !important;
    width: 1.6rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .scroll-left {
    left: -1.9rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .scroll-right {
    right: -1.9rem !important;
}

/* Oneway result density corrections */
.flight-search-filter-main-box.small-frm {
    margin-top: 1.875rem !important;
}

.flight-search-filter-main-box.small-frm .row {
    grid-template-columns: 1fr 1fr 0.3fr 1.45fr 1.45fr 0.8fr 0.9fr 0.8fr 0.95fr !important;
}

.flight-search-filter-main-box.small-frm .filter-box {
    min-height: 3.25rem !important;
    padding: 0.2rem 0.9rem !important;
}

.flight-search-filter-main-box.small-frm .filter-value {
    font-size: 0.9rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) > .row {
    grid-template-columns: minmax(13.75rem, 17%) minmax(0, 1fr) !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .filter-scroll {
    padding: 0.9rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .filter-box {
    padding: 0.75rem 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .title,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .flight-filter-title {
    font-size: 0.78rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box label,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box span {
    font-size: 0.68rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .cust-stop-btn,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .left-filter-box .filter-box.chechked-filter input[type=checkbox] + label {
    min-height: 1.8rem !important;
    padding: 0 0.65rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-div {
    min-height: 3rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-nav > .cursor-pointer {
    font-size: 0.9rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-desc {
    padding: 0.9rem 1.1rem 0.75rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-normal-data {
    gap: 0.85rem !important;
    grid-template-columns: minmax(6.8rem, 0.68fr) minmax(6.2rem, 0.66fr) minmax(10.25rem, 0.9fr) minmax(6.2rem, 0.66fr) minmax(9rem, 0.72fr) !important;
    min-height: 7.6rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .company {
    align-items: center !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .company img {
    height: 1.7rem !important;
    width: 1.7rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .cm-name {
    font-size: 0.74rem !important;
    max-width: 5.6rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .cm-fN {
    font-size: 0.65rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc {
    align-self: center !important;
    min-width: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc > span:first-child {
    display: block !important;
    font-size: 0.78rem !important;
    max-width: 4.5rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: normal !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc .time {
    font-size: 1.3rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc > span:nth-child(3),
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .airport-desc > span:nth-child(4) {
    display: none !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .duration-box {
    width: 9.75rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .duration-box::after {
    box-shadow: 9.9rem 0 #0c0791 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .book-btn-div {
    align-items: flex-end !important;
    justify-content: center !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .item-with-icon {
    margin: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .item-with-icon .price {
    font-size: 1.25rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .share-booking-check-box {
    align-items: center !important;
    flex-direction: column !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .share-booking-check-box .form-check {
    height: 0.875rem !important;
    line-height: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div {
    align-items: center !important;
    background: #ffffff !important;
    grid-template-columns: minmax(0, 1fr) minmax(11.5rem, 15rem) !important;
    min-height: 3.2rem !important;
    padding: 0.55rem 1.1rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div > div:first-child > .d-flex {
    align-items: center !important;
    gap: 1.15rem !important;
    margin: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div span,
.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div div {
    font-size: 0.68rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .extra-info {
    margin: 0 !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .refundable {
    color: #00844f !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-scroll-container {
    max-width: 15rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-desc {
    min-width: 5rem !important;
    padding: 0.3rem 0.45rem !important;
}

.apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .price-desc .price {
    font-size: 0.76rem !important;
}

/* Reference-style oneway table */
.oneway-reference-results {
    --ref-blue: #0759ff;
    --ref-blue-dark: #0500a8;
    --ref-text: #06164a;
    --ref-muted: #52638b;
    --ref-border: #dfe8f8;
    --ref-soft: #f7faff;
    max-width: 88.75rem !important;
}

.oneway-reference-results .result-main-box {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.oneway-reference-results .oneway-results-topbar,
.oneway-reference-results .oneway-date-strip,
.oneway-reference-results .oneway-results-head,
.oneway-reference-results .flight-box {
    background: #ffffff;
    border: 0.0625rem solid #e8eef8;
    border-radius: 0.45rem;
    box-shadow: 0 0.35rem 1rem rgba(7, 22, 75, 0.045);
}

.oneway-reference-results .oneway-results-topbar {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto auto minmax(0, 1fr);
    min-height: 2.8rem;
    padding: 0 1rem;
}

.oneway-reference-results .oneway-results-topbar,
.oneway-reference-results .oneway-results-topbar button,
.oneway-reference-results .oneway-results-topbar label {
    color: var(--ref-text);
    font-size: 0.72rem;
    font-weight: 800;
}

.oneway-reference-results .oneway-sort {
    color: var(--ref-muted);
}

.oneway-reference-results .oneway-top-actions {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    justify-content: flex-end;
    min-width: 0;
}

.oneway-reference-results .oneway-top-actions button,
.oneway-reference-results .oneway-top-actions label {
    align-items: center;
    background: #ffffff;
    border: 0.0625rem solid #dfe8f8;
    border-radius: 0.3rem;
    display: inline-flex;
    gap: 0.35rem;
    height: 2rem;
    margin: 0;
    padding: 0 0.65rem;
    white-space: nowrap;
}

.oneway-reference-results .oneway-top-actions label {
    border: 0;
    padding: 0;
}

.oneway-reference-results .oneway-top-actions input {
    height: 0.8rem;
    margin: 0;
    width: 0.8rem;
}

.oneway-reference-results .oneway-date-strip {
    align-items: stretch;
    display: grid;
    gap: 0.45rem;
    grid-template-columns: 2rem repeat(7, minmax(0, 1fr)) 2rem;
    padding: 0.55rem;
}

.oneway-reference-results .oneway-date-card,
.oneway-reference-results .oneway-date-arrow {
    background: #ffffff;
    border: 0.0625rem solid #e1e9f7;
    border-radius: 0.35rem;
    color: var(--ref-text);
    min-height: 3.05rem;
}

.oneway-reference-results .oneway-date-card {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    justify-content: center;
    padding: 0.25rem 0.4rem;
    text-align: center;
}

.oneway-reference-results .oneway-date-card span {
    color: var(--ref-muted);
    font-size: 0.68rem;
    font-weight: 800;
}

.oneway-reference-results .oneway-date-card strong {
    color: var(--ref-text);
    font-size: 0.78rem;
    font-weight: 900;
}

.oneway-reference-results .oneway-date-card.active {
    background: var(--ref-blue);
    border-color: var(--ref-blue);
}

.oneway-reference-results .oneway-date-card.active span,
.oneway-reference-results .oneway-date-card.active strong {
    color: #ffffff;
}

.oneway-reference-results .setting-box {
    display: none !important;
}

.oneway-reference-results .oneway-results-head {
    align-items: center;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: 0.9fr 0.72fr 0.9fr 0.72fr 0.72fr 0.72fr 0.72fr 0.7fr 0.62fr 1.1fr;
    min-height: 2.2rem;
    padding: 0 0.9rem;
}

.oneway-reference-results .oneway-results-head span {
    color: #34415f;
    font-size: 0.62rem;
    font-weight: 900;
}

.oneway-reference-results .flight-sort-list {
    gap: 0.55rem !important;
}

.oneway-reference-results .flight-box {
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    min-height: 5.5rem !important;
    overflow: visible !important;
}

.oneway-reference-results .flight-box .flight-desc {
    padding: 0.75rem 0.9rem 0.35rem !important;
}

.oneway-reference-results .flight-box .flight-normal-data {
    display: grid !important;
    gap: 0.6rem !important;
    grid-template-columns: 0.9fr 0.72fr 0.9fr 0.72fr 1.3fr !important;
    min-height: 4.6rem !important;
}

.oneway-reference-results .flight-box .company {
    align-items: center !important;
    gap: 0.55rem !important;
}

.oneway-reference-results .flight-box .company img {
    height: 1.75rem !important;
    width: 1.75rem !important;
}

.oneway-reference-results .flight-box .cm-name {
    color: var(--ref-text) !important;
    font-size: 0.76rem !important;
    font-weight: 900 !important;
    max-width: 5.2rem !important;
}

.oneway-reference-results .flight-box .cm-fN {
    color: var(--ref-muted) !important;
    font-size: 0.65rem !important;
    line-height: 1.15 !important;
}

.oneway-reference-results .flight-box .airport-desc > span:first-child {
    color: var(--ref-blue-dark) !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    max-width: 3.25rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.oneway-reference-results .flight-box .airport-desc .time {
    color: var(--ref-text) !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
}

.oneway-reference-results .flight-box .airport-desc > span:nth-child(3),
.oneway-reference-results .flight-box .airport-desc > span:nth-child(4) {
    display: none !important;
}

.oneway-reference-results .flight-box .duration-box {
    margin: 0.35rem auto 0 !important;
    width: 8.25rem !important;
}

.oneway-reference-results .flight-box .duration-box::before {
    top: 1.55rem !important;
}

.oneway-reference-results .flight-box .duration-box::after {
    box-shadow: 8.4rem 0 var(--ref-blue-dark) !important;
    top: 1.35rem !important;
}

.oneway-reference-results .flight-box .duration-box .center-dot {
    top: 1.35rem !important;
}

.oneway-reference-results .flight-box .duration-box span {
    font-size: 0.66rem !important;
}

.oneway-reference-results .flight-box .book-btn-div {
    align-items: flex-end !important;
    justify-content: center !important;
}

.oneway-reference-results .flight-box .share-booking-check-box {
    flex-direction: column !important;
    gap: 0.5rem !important;
}

.oneway-reference-results .flight-box .item-with-icon .price {
    color: var(--ref-text) !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
}

.oneway-reference-results .flight-box .btn-success {
    background: var(--ref-blue-dark) !important;
    border-radius: 999rem !important;
    font-size: 0.68rem !important;
    min-height: 1.9rem !important;
    min-width: 5.9rem !important;
}

.oneway-reference-results .flight-box .other-details-btn-div {
    background: #ffffff !important;
    border-top: 0.0625rem solid #edf2fb !important;
    grid-template-columns: minmax(0, 1fr) minmax(11.5rem, 13.5rem) !important;
    min-height: 2.45rem !important;
    padding: 0.35rem 0.9rem !important;
}

.oneway-reference-results .flight-box .other-details-btn-div > div:first-child > .d-flex {
    gap: 0.85rem !important;
    margin: 0 !important;
}

.oneway-reference-results .flight-box .other-details-btn-div,
.oneway-reference-results .flight-box .other-details-btn-div span,
.oneway-reference-results .flight-box .other-details-btn-div div {
    font-size: 0.62rem !important;
    font-weight: 900 !important;
}

.oneway-reference-results .flight-box .price-scroll-container {
    max-width: 13.5rem !important;
}

.oneway-reference-results .flight-box .price-desc {
    border-color: #b8dcff !important;
    min-width: 4.85rem !important;
    padding: 0.22rem 0.35rem !important;
}

.oneway-reference-results .flight-box .price-desc .price {
    color: var(--ref-text) !important;
    font-size: 0.7rem !important;
}

.oneway-reference-results {
    max-width: calc(100vw - 2rem) !important;
    overflow-x: hidden !important;
}

.oneway-reference-results > .row {
    gap: 0.75rem !important;
    grid-template-columns: 13.25rem minmax(0, 1fr) !important;
}

.oneway-reference-results .oneway-results-head {
    grid-template-columns: 0.9fr 0.62fr 0.9fr 0.62fr 0.68fr 0.7fr 0.72fr 0.72fr 0.6fr 1.05fr !important;
}

.oneway-reference-results .flight-box > .flight-desc,
.oneway-reference-results .flight-box > .other-details-btn-div {
    display: none !important;
}

.oneway-reference-results .flight-box {
    min-width: 0 !important;
}

.oneway-reference-results .oneway-ref-flight-row {
    align-items: center;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: 0.9fr 0.62fr 0.9fr 0.62fr 0.68fr 0.7fr 0.72fr 0.72fr 0.6fr 1.05fr;
    min-height: 5.25rem;
    padding: 0.65rem 0.9rem;
}

.oneway-reference-results .oneway-ref-airline {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    min-width: 0;
}

.oneway-reference-results .oneway-ref-airline img {
    flex: 0 0 auto;
    height: 1.8rem;
    object-fit: contain;
    width: 1.8rem;
}

.oneway-reference-results .oneway-ref-airline strong,
.oneway-reference-results .oneway-ref-airline span,
.oneway-reference-results .oneway-ref-time strong,
.oneway-reference-results .oneway-ref-time span,
.oneway-reference-results .oneway-ref-price strong,
.oneway-reference-results .oneway-ref-price span,
.oneway-reference-results .oneway-ref-baggage span,
.oneway-reference-results .oneway-ref-seats,
.oneway-reference-results .oneway-ref-actions button {
    line-height: 1.15;
}

.oneway-reference-results .oneway-ref-airline strong {
    color: var(--ref-text);
    display: block;
    font-size: 0.72rem;
    font-weight: 900;
    max-width: 4.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oneway-reference-results .oneway-ref-airline span {
    color: var(--ref-muted);
    display: block;
    font-size: 0.62rem;
    font-weight: 800;
    margin-top: 0.18rem;
}

.oneway-reference-results .oneway-ref-time strong {
    color: var(--ref-text);
    display: block;
    font-size: 1.05rem;
    font-weight: 900;
}

.oneway-reference-results .oneway-ref-time span {
    color: var(--ref-blue-dark);
    display: block;
    font-size: 0.68rem;
    font-weight: 900;
    margin-top: 0.25rem;
}

.oneway-reference-results .oneway-ref-duration {
    align-self: center;
    text-align: center;
}

.oneway-reference-results .oneway-ref-duration > span {
    color: #06154b;
    display: block;
    font-size: 0.55rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.18rem;
}

.oneway-reference-results .oneway-ref-duration div {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 4.9rem;
    position: relative;
}

.oneway-reference-results .oneway-ref-duration i,
.oneway-reference-results .oneway-ref-duration b {
    display: block;
}

.oneway-reference-results .oneway-ref-duration i {
    display: none;
}

.oneway-reference-results .oneway-ref-duration b {
    background: repeating-linear-gradient(
        to right,
        #06154b 0,
        #06154b 0.08rem,
        transparent 0.08rem,
        transparent 0.22rem
    );
    height: 0.0625rem;
    position: relative;
    width: 4.65rem;
}

.oneway-reference-results .oneway-ref-duration b::after {
    border-right: 0.0625rem solid #06154b;
    border-top: 0.0625rem solid #06154b;
    content: "";
    height: 0.32rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.32rem;
}

.oneway-reference-results .oneway-ref-duration small {
    color: #53648c;
    display: block;
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 0.22rem;
}

.oneway-reference-results .oneway-ref-price strong {
    color: var(--ref-text);
    display: block;
    font-size: 0.82rem;
    font-weight: 900;
}

.oneway-reference-results .oneway-ref-price.nf-price strong {
    color: #0a9d4d;
}

.oneway-reference-results .oneway-ref-price.aj-commission strong {
    color: #00853c;
}

.oneway-reference-results .oneway-ref-price span {
    color: var(--ref-muted);
    display: block;
    font-size: 0.55rem;
    font-weight: 800;
    margin-top: 0.2rem;
}

.oneway-reference-results .oneway-ref-baggage span {
    color: var(--ref-text);
    display: flex;
    font-size: 0.62rem;
    font-weight: 800;
    gap: 0.28rem;
    margin-bottom: 0.25rem;
}

.oneway-reference-results .oneway-ref-seats {
    color: var(--ref-text);
    font-size: 0.62rem;
    font-weight: 800;
}

.oneway-reference-results .oneway-ref-actions {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.oneway-reference-results .oneway-ref-actions .btn-success {
    background: var(--ref-blue) !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    color: #ffffff !important;
    font-size: 0.62rem !important;
    font-weight: 900 !important;
    min-height: 1.8rem !important;
    min-width: 4.85rem !important;
    padding: 0 0.65rem !important;
}

.oneway-reference-results .oneway-ref-actions button:not(.btn-success) {
    background: #ffffff;
    border: 0.0625rem solid var(--ref-blue);
    border-radius: 0.25rem;
    color: var(--ref-blue);
    font-size: 0.58rem;
    font-weight: 900;
    min-height: 1.6rem;
    padding: 0 0.45rem;
}

.oneway-reference-results .oneway-ref-flight-meta {
    align-items: center;
    border-top: 0.0625rem solid #edf2fb;
    display: flex;
    gap: 1rem;
    min-height: 2rem;
    padding: 0 0.9rem;
}

.oneway-reference-results .oneway-ref-flight-meta button {
    background: transparent;
    border: 0;
    color: var(--ref-blue);
    font-size: 0.62rem;
    font-weight: 900;
    padding: 0;
}

/* Final reference alignment and overflow guard */
.oneway-reference-results,
.oneway-reference-results * {
    box-sizing: border-box;
}

.oneway-reference-results {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: min(87.5rem, calc(100vw - 1rem)) !important;
}

.oneway-reference-results > .row,
.oneway-reference-results .result-main-box,
.oneway-reference-results .flight-sort-list,
.oneway-reference-results .flight-box,
.oneway-reference-results .oneway-results-topbar,
.oneway-reference-results .oneway-date-strip,
.oneway-reference-results .oneway-results-head {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.oneway-reference-results .legacy-oneway-details {
    display: none !important;
}

.oneway-reference-results .oneway-results-topbar {
    grid-template-columns: auto auto minmax(0, 1fr) !important;
}

.oneway-reference-results .oneway-top-actions {
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

.oneway-reference-results .oneway-top-actions button,
.oneway-reference-results .oneway-top-actions label {
    flex: 0 0 auto !important;
}

.oneway-reference-results .oneway-date-strip {
    grid-template-columns: 2rem repeat(7, minmax(5.55rem, 1fr)) 2rem !important;
}

.oneway-reference-results .oneway-results-head,
.oneway-reference-results .oneway-ref-flight-row {
    grid-template-columns:
        minmax(6.7rem, 0.95fr)
        minmax(4.4rem, 0.62fr)
        minmax(8.5rem, 0.9fr)
        minmax(4.4rem, 0.62fr)
        minmax(4.8rem, 0.66fr)
        minmax(4.8rem, 0.66fr)
        minmax(5rem, 0.68fr)
        minmax(4.5rem, 0.64fr)
        minmax(4.4rem, 0.58fr)
        minmax(6.2rem, 0.88fr) !important;
}

.oneway-reference-results .oneway-results-head {
    border-radius: 0.45rem !important;
    min-height: 2rem !important;
}

.oneway-reference-results .oneway-ref-flight-row {
    min-height: 4.9rem !important;
}

.oneway-reference-results .oneway-ref-flight-meta {
    min-height: 1.8rem !important;
}

.oneway-reference-results .oneway-ref-airline strong {
    white-space: normal !important;
}

/* Compact reference toolbar and date strip */
.oneway-reference-results .result-main-box {
    gap: 0.62rem !important;
}

.oneway-reference-results .oneway-results-topbar,
.oneway-reference-results .oneway-date-strip {
    box-shadow: none !important;
}

.oneway-reference-results .oneway-results-topbar {
    border: 0.0625rem solid #e7eefb !important;
    border-bottom: 0 !important;
    border-radius: 0.28rem 0.28rem 0 0 !important;
    gap: 0.82rem !important;
    min-height: 2.55rem !important;
    padding: 0 0.75rem !important;
}

.oneway-reference-results .oneway-results-topbar,
.oneway-reference-results .oneway-results-topbar button,
.oneway-reference-results .oneway-results-topbar label {
    font-size: 0.62rem !important;
    line-height: 1 !important;
}

.oneway-reference-results .oneway-results-topbar > div:first-child {
    min-width: 6.7rem;
}

.oneway-reference-results .oneway-sort {
    min-width: 5.6rem;
}

.oneway-reference-results .oneway-top-actions {
    gap: 0.62rem !important;
}

.oneway-reference-results .oneway-top-actions button {
    border-radius: 0.18rem !important;
    height: 1.62rem !important;
    padding: 0 0.58rem !important;
}

.oneway-reference-results .oneway-top-actions label {
    gap: 0.28rem !important;
    height: 1.62rem !important;
}

.oneway-reference-results .oneway-top-actions input {
    height: 0.65rem !important;
    width: 0.65rem !important;
}

.oneway-reference-results .oneway-date-strip {
    border: 0.0625rem solid #e7eefb !important;
    border-radius: 0 0 0.28rem 0.28rem !important;
    border-top: 0 !important;
    gap: 0.42rem !important;
    grid-template-columns: 1.65rem repeat(7, minmax(0, 1fr)) 1.65rem !important;
    margin-top: -0.62rem !important;
    padding: 0.48rem 0.5rem !important;
    position: relative;
}

.oneway-reference-results .oneway-date-strip::before {
    background: #eef4ff;
    content: "";
    height: 0.0625rem;
    left: 0.75rem;
    position: absolute;
    right: 0.75rem;
    top: 0;
}

.oneway-reference-results .oneway-date-arrow {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #06154b !important;
    min-height: 2.85rem !important;
}

.oneway-reference-results .oneway-date-card {
    border: 0.0625rem solid #dfe7f5 !important;
    border-radius: 0.22rem !important;
    gap: 0.22rem !important;
    min-height: 2.85rem !important;
    padding: 0.22rem 0.28rem !important;
}

.oneway-reference-results .oneway-date-card span {
    font-size: 0.58rem !important;
    line-height: 1.1 !important;
}

.oneway-reference-results .oneway-date-card strong {
    font-size: 0.68rem !important;
    line-height: 1.1 !important;
}

/* Make the full result list one card like the reference */
.oneway-reference-results .result-main-box {
    background: #ffffff !important;
    border: 0.0625rem solid #e7eefb !important;
    border-radius: 0.35rem !important;
    box-shadow: 0 0.35rem 1rem rgba(7, 22, 75, 0.035) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: hidden !important;
}

.oneway-reference-results .oneway-results-topbar,
.oneway-reference-results .oneway-date-strip,
.oneway-reference-results .oneway-results-head,
.oneway-reference-results .flight-box {
    background: #ffffff !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.oneway-reference-results .oneway-results-topbar {
    border-top: 0 !important;
    border-bottom: 0.0625rem solid #eef4ff !important;
}

.oneway-reference-results .oneway-date-strip {
    border-top: 0 !important;
    border-bottom: 0.0625rem solid #eef4ff !important;
    margin-top: 0 !important;
}

.oneway-reference-results .oneway-date-strip::before {
    content: none !important;
}

.oneway-reference-results .oneway-results-head {
    border-top: 0 !important;
    border-bottom: 0.0625rem solid #eef4ff !important;
}

.oneway-reference-results .flight-sort-list {
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.oneway-reference-results .flight-box {
    border-bottom: 0.0625rem solid #eef4ff !important;
    border-top: 0 !important;
}

.oneway-reference-results .flight-box:last-child {
    border-bottom: 0 !important;
}

.oneway-reference-results .oneway-ref-flight-row {
    min-height: 5.2rem !important;
}

/* Reference typography weight tuning */
.flight-ref-search-summary .flight-ref-summary-item span,
.flight-ref-search-summary .flight-ref-summary-item small,
.oneway-reference-results .oneway-results-topbar,
.oneway-reference-results .oneway-results-topbar button,
.oneway-reference-results .oneway-results-topbar label,
.oneway-reference-results .oneway-date-card span,
.oneway-reference-results .oneway-results-head span,
.oneway-reference-results .left-filter-box label,
.oneway-reference-results .left-filter-box span,
.oneway-reference-results .flight-pricing-filter .form-check-label,
.oneway-reference-results .airline-box .airline .al-name,
.oneway-reference-results .airline-box .airline > .d-flex span,
.oneway-reference-results .oneway-ref-airline small,
.oneway-reference-results .oneway-ref-price small,
.oneway-reference-results .oneway-ref-baggage,
.oneway-reference-results .oneway-ref-seats,
.oneway-reference-results .oneway-ref-flight-meta,
.oneway-reference-results .oneway-ref-flight-meta button {
    font-weight: 600 !important;
}

.flight-ref-search-summary .flight-ref-summary-item strong,
.flight-ref-search-summary .flight-ref-summary-value span,
.flight-ref-search-summary .flight-ref-modify-btn,
.oneway-reference-results .flight-filter-title,
.oneway-reference-results .left-filter-box .title,
.oneway-reference-results .left-filter-box .title button,
.oneway-reference-results .oneway-results-topbar strong,
.oneway-reference-results .oneway-sort strong,
.oneway-reference-results .oneway-date-card strong,
.oneway-reference-results .oneway-ref-airline strong,
.oneway-reference-results .oneway-ref-time strong,
.oneway-reference-results .oneway-ref-price strong,
.oneway-reference-results .oneway-ref-book,
.oneway-reference-results .flight-price-minmax strong,
.oneway-reference-results .flight-more-filter-btn {
    font-weight: 700 !important;
}

.oneway-reference-results .oneway-ref-price.nf-price strong,
.oneway-reference-results .oneway-ref-price.aj-commission strong {
    font-weight: 700 !important;
}

/* Flight details modal */
.flight-details-modal .modal-dialog {
    max-width: 48rem;
}

.flight-details-modal .modal-content {
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 1rem 3rem rgba(7, 22, 75, 0.18);
    overflow: hidden;
}

.flight-details-modal .modal-header {
    border-bottom: 0.0625rem solid #edf2fb;
    min-height: 3.2rem;
    padding: 0.85rem 1.25rem;
}

.flight-details-modal .modal-title {
    color: #06154b;
    font-size: 0.95rem;
    font-weight: 700;
}

.flight-details-modal .modal-body {
    padding: 1rem 1.25rem;
}

.flight-details-modal .modal-footer {
    border-top: 0.0625rem solid #edf2fb;
    padding: 0.85rem 1.25rem;
}

.flight-details-modal .view-details-div {
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
    padding: 0 !important;
}

.flight-details-modal .view-details-div .nav-pills {
    border-bottom: 0.0625rem solid #edf2fb;
    gap: 0.4rem;
    margin-bottom: 0.9rem;
    padding-bottom: 0.65rem;
}

.flight-details-modal .view-details-div .nav-link {
    border: 0.0625rem solid #dfe8f8;
    border-radius: 0.25rem;
    color: #06154b;
    padding: 0.45rem 0.8rem;
}

.flight-details-modal .view-details-div .nav-link.active {
    background: #0759ff;
    border-color: #0759ff;
    color: #ffffff;
}

.flight-details-modal .view-details-div .flight-data {
    align-items: center;
    border-bottom: 0.0625rem solid #edf2fb;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(8rem, 1fr) minmax(7rem, 0.9fr) minmax(8rem, 1fr) minmax(7rem, 0.9fr);
    padding: 0.8rem 0;
}

.flight-details-modal .view-details-div .flight-data:first-child {
    padding-top: 0;
}

.flight-details-modal .view-details-div .company {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.flight-details-modal .view-details-div .company img {
    height: 2rem;
    object-fit: contain;
    width: 2rem;
}

.flight-details-modal .view-details-div .cm-name,
.flight-details-modal .view-details-div .airport-desc .time {
    color: #06154b;
    font-weight: 700;
}

.flight-details-modal .view-details-div .cm-fN,
.flight-details-modal .view-details-div .airport-desc span,
.flight-details-modal .view-details-div .duration-box span {
    color: #53648c;
    font-size: 0.72rem;
    font-weight: 600;
}

.flight-details-modal .flight-modal-limited-details {
    display: grid;
    gap: 1rem;
}

.flight-details-modal .flight-modal-section {
    border-bottom: 0.0625rem solid #edf2fb;
    padding-bottom: 1rem;
}

.flight-details-modal .flight-modal-section:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.flight-details-modal .flight-modal-section h6 {
    color: #06154b;
    font-size: 0.82rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.flight-details-modal .flight-modal-limited-details .flight-data {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(8rem, 1fr) minmax(7rem, 0.9fr) minmax(8rem, 1fr) minmax(7rem, 0.9fr);
    padding: 0.7rem 0;
}

.flight-details-modal .flight-modal-limited-details .flight-data:first-child {
    padding-top: 0;
}

.flight-details-modal .flight-modal-limited-details .flight-data + .layover-div {
    margin: 0.25rem 0;
}

.flight-details-modal .flight-modal-baggage-section .flight-table {
    border-collapse: separate;
    border-spacing: 0 0.5rem;
    margin: 0;
}

.flight-details-modal .flight-modal-baggage-section .flight-table thead {
    display: none;
}

.flight-details-modal .flight-modal-baggage-section .flight-table tr.other-price {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flight-details-modal .flight-modal-baggage-section .flight-table td {
    background: #ffffff;
    border: 0.0625rem solid #e1e9f7;
    border-radius: 0.35rem;
    color: #06154b;
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.85rem 1rem;
}

.flight-details-modal .modal-dialog {
    max-width: 43rem !important;
}

.flight-details-modal .modal-header {
    padding: 0.8rem 1.35rem !important;
}

.flight-details-modal .modal-body {
    padding: 0 !important;
}

.flight-details-modal .modal-footer {
    padding: 0.75rem 1.35rem !important;
}

.flight-modal-reference {
    color: #06154b;
}

.flight-modal-airline-row {
    align-items: center;
    border-bottom: 0.0625rem solid #edf2fb;
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.35rem 0.85rem;
}

.flight-modal-airline-row img {
    height: 2rem;
    object-fit: contain;
    width: 2rem;
}

.flight-modal-airline-row strong {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
}

.flight-modal-airline-row span {
    color: #53648c;
    display: block;
    font-size: 0.66rem;
    font-weight: 600;
    margin-top: 0.15rem;
}

.flight-modal-route-row {
    align-items: center;
    border-bottom: 0.0625rem solid #edf2fb;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(8rem, 1fr) minmax(12rem, 1.2fr) minmax(8rem, 1fr);
    padding: 1rem 1.35rem;
}

.flight-modal-airport strong {
    display: block;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.1;
}

.flight-modal-airport span {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: 0.28rem;
}

.flight-modal-airport small {
    color: #53648c;
    display: block;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1.25;
    margin-top: 0.28rem;
}

.flight-modal-duration {
    text-align: center;
}

.flight-modal-duration span {
    display: block;
    font-size: 0.64rem;
    font-weight: 700;
    margin-bottom: 0.28rem;
}

.flight-modal-duration b {
    background: repeating-linear-gradient(to right, #06154b 0, #06154b 0.08rem, transparent 0.08rem, transparent 0.22rem);
    display: block;
    height: 0.0625rem;
    margin: 0 auto;
    position: relative;
    width: 8rem;
}

.flight-modal-duration b::after {
    border-right: 0.0625rem solid #06154b;
    border-top: 0.0625rem solid #06154b;
    content: "";
    height: 0.32rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.32rem;
}

.flight-modal-duration small {
    color: #53648c;
    display: block;
    font-size: 0.62rem;
    font-weight: 600;
    margin-top: 0.32rem;
}

.flight-modal-timeline-section {
    border-bottom: 0.0625rem solid #edf2fb;
    padding: 1rem 1.35rem;
}

.flight-modal-timeline-section h6,
.flight-modal-baggage-cards h6 {
    color: #06154b;
    font-size: 0.75rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.flight-modal-timeline {
    display: grid;
    gap: 0.15rem 0.85rem;
    grid-template-columns: 0.75rem 3.6rem minmax(0, 1fr) 5.5rem;
    position: relative;
}

.flight-modal-timeline-rail {
    grid-row: 1 / span 3;
    position: relative;
}

.flight-modal-timeline-rail::before {
    background: #9ba9c5;
    bottom: 0.35rem;
    content: "";
    left: 0.32rem;
    position: absolute;
    top: 0.35rem;
    width: 0.0625rem;
}

.flight-modal-timeline-rail i {
    background: #07164b;
    border-radius: 999rem;
    display: block;
    height: 0.34rem;
    left: 0.17rem;
    position: absolute;
    width: 0.34rem;
}

.flight-modal-timeline-rail i:nth-child(1) { top: 0.1rem; }
.flight-modal-timeline-rail i:nth-child(2) { top: 50%; transform: translateY(-50%); }
.flight-modal-timeline-rail i:nth-child(3) { bottom: 0.1rem; }

.flight-modal-timeline-time {
    color: #06154b;
    font-size: 0.72rem;
    font-weight: 700;
}

.flight-modal-timeline-main strong {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
}

.flight-modal-timeline-main span,
.flight-modal-timeline-main small,
.flight-modal-timeline-terminal,
.flight-modal-timeline-duration {
    color: #53648c;
    display: block;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 0.18rem;
}

.flight-modal-timeline-terminal {
    margin-top: 0;
    text-align: right;
}

.flight-modal-timeline-duration {
    align-self: center;
    grid-column: 4;
    grid-row: 2;
    text-align: left;
}

.flight-modal-baggage-cards {
    padding: 1rem 1.35rem 1.2rem;
}

.flight-modal-baggage-grid {
    display: grid;
    gap: 2.4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flight-modal-baggage-card {
    align-items: center;
    border: 0.0625rem solid #e1e9f7;
    border-radius: 0.32rem;
    display: flex;
    gap: 0.85rem;
    min-height: 4rem;
    padding: 0.85rem 1rem;
}

.flight-modal-baggage-card > i {
    color: #0759ff;
    font-size: 1.55rem;
}

.flight-modal-baggage-card strong,
.flight-modal-baggage-card span,
.flight-modal-baggage-card small {
    display: block;
}

.flight-modal-baggage-card strong {
    color: #06154b;
    font-size: 0.72rem;
    font-weight: 700;
}

.flight-modal-baggage-card span,
.flight-modal-baggage-card small {
    color: #53648c;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1.35;
}

.oneway-reference-results .oneway-ref-actions {
    align-items: stretch !important;
}

.oneway-reference-results .oneway-ref-actions .btn-success,
.oneway-reference-results .oneway-ref-actions button:not(.btn-success) {
    width: 100% !important;
}

.oneway-reference-results .view-details-div {
    border-top: 0.0625rem solid #edf2fb !important;
    padding: 0.75rem 0.9rem !important;
}

/* Reference search summary bar */
.flight-search-filter-main-box.small-frm.flight-ref-search-summary {
    background: #ffffff !important;
    border: 0.0625rem solid #edf3ff !important;
    border-radius: 0.35rem !important;
    box-shadow: 0 0.35rem 1rem rgba(7, 22, 75, 0.04) !important;
    display: block !important;
    margin: 0.75rem auto 1rem !important;
    max-width: min(87.5rem, calc(100vw - 1rem)) !important;
    padding: 0 !important;
    top: auto !important;
}

.flight-ref-search-summary .flight-ref-summary-grid {
    align-items: stretch;
    display: grid;
    grid-template-columns:
        minmax(11rem, 1.35fr)
        2.75rem
        minmax(11rem, 1.35fr)
        minmax(9rem, 1fr)
        minmax(7rem, 0.8fr)
        minmax(12rem, 1.35fr)
        9rem;
    min-height: 3.65rem;
}

.flight-ref-search-summary .flight-ref-summary-item {
    align-content: center;
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.5rem 1rem;
    position: relative;
}

.flight-ref-search-summary .flight-ref-summary-item:first-child {
    padding-right: 1rem;
}

.flight-ref-search-summary .flight-ref-swap + .flight-ref-summary-item {
    padding-left: 1rem;
}

.flight-ref-search-summary .flight-ref-summary-item::after,
.flight-ref-search-summary .flight-ref-swap::after {
    content: none !important;
}

.flight-ref-search-summary .flight-ref-summary-item::before {
    background: #dfe7f5;
    content: "";
    position: absolute;
    right: 0;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 0.0625rem;
}

.flight-ref-search-summary .flight-ref-summary-item:first-child::before,
.flight-ref-search-summary .flight-ref-swap + .flight-ref-summary-item::before {
    content: none;
}

.flight-ref-search-summary .flight-ref-summary-item span {
    color: #53648c;
    font-size: 0.6rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
}

.flight-ref-search-summary .flight-ref-summary-item strong {
    color: #07164b;
    display: block;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flight-ref-search-summary .flight-ref-summary-item small {
    color: #526690;
    display: block;
    font-size: 0.55rem;
    font-weight: 800;
    line-height: 1.1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flight-ref-search-summary .flight-ref-swap {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    overflow: visible;
    position: relative;
    width: auto;
    z-index: 2;
}

.flight-ref-search-summary .flight-ref-swap-icon {
    align-items: center;
    background: #ffffff;
    border: 0.0625rem solid #dce8ff;
    border-radius: 999rem;
    box-shadow: 0 0.2rem 0.65rem rgba(7, 89, 255, 0.1);
    color: #0759ff;
    display: inline-flex;
    flex-direction: column;
    font-size: 0.58rem;
    gap: 0.05rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.flight-ref-search-summary .flight-ref-swap-icon i {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: inherit;
    display: block;
    font-size: inherit;
    height: auto;
    line-height: 0.72;
    width: auto;
}

.flight-ref-search-summary .flight-ref-swap-icon i:first-child {
    transform: translateX(0.08rem);
}

.flight-ref-search-summary .flight-ref-swap-icon i:last-child {
    transform: translateX(-0.08rem);
}

.flight-ref-search-summary .flight-ref-swap::after {
    content: none !important;
}

.flight-ref-search-summary .flight-ref-summary-item::after {
    content: none !important;
}

.flight-ref-search-summary .flight-ref-summary-item::before {
    top: 0.7rem;
    bottom: 0.7rem;
}

.flight-ref-search-summary .flight-ref-summary-value {
    align-items: center;
    display: flex !important;
    gap: 0.75rem;
    justify-content: space-between;
    min-width: 0;
}

.flight-ref-search-summary .flight-ref-summary-value span {
    color: #07164b;
    display: block;
    flex: 1 1 auto;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flight-ref-search-summary .flight-ref-cell-icon {
    color: #07164b;
    flex: 0 0 auto;
    font-size: 0.82rem;
    line-height: 1;
}

.flight-ref-search-summary .flight-ref-modify-btn {
    align-items: center;
    align-self: center;
    background: #ffffff;
    border: 0.0625rem solid #0759ff;
    border-radius: 0.25rem;
    color: #0759ff;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 900;
    gap: 0.5rem;
    height: 2rem;
    justify-content: center;
    justify-self: center;
    padding: 0 0.9rem;
    white-space: nowrap;
}

@media (max-width: 74.99rem) {
    .flight-ref-search-summary .flight-ref-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .flight-ref-search-summary .flight-ref-swap {
        display: none;
    }

    .flight-ref-search-summary .flight-ref-modify-btn {
        margin: 0.65rem;
        justify-self: stretch;
    }
}

/* Reference-style one-way filter sidebar */
.oneway-reference-results .flight-filter-column {
    padding-right: 0.62rem !important;
}

.oneway-reference-results .left-filter-box {
    border: 0.0625rem solid #edf3ff !important;
    border-radius: 0.35rem !important;
    box-shadow: 0 0.45rem 1rem rgba(9, 36, 96, 0.04) !important;
}

.oneway-reference-results .filter-scroll {
    display: flex;
    flex-direction: column;
    padding: 0.8rem 0.75rem !important;
}

.oneway-reference-results .left-filter-box .filter-box {
    border-bottom: 0.0625rem solid #e8eefb !important;
    padding: 0.72rem 0 !important;
}

.oneway-reference-results .left-filter-box .price-filter-box {
    padding-top: 0 !important;
}

.oneway-reference-results .flight-filter-title {
    color: #06154b !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    letter-spacing: 0;
}

.oneway-reference-results .left-filter-box a {
    color: #0759ff !important;
    font-size: 0.58rem !important;
    font-weight: 900 !important;
}

.oneway-reference-results .slider-box label,
.oneway-reference-results .flight-filter-subtitle {
    color: #06154b !important;
    font-size: 0.58rem !important;
    font-weight: 850 !important;
}

.oneway-reference-results #priceRange {
    color: #06154b !important;
    font-size: 0.6rem !important;
    font-weight: 900 !important;
}

.oneway-reference-results #price-range {
    height: 0.25rem !important;
    margin: 0.7rem 0 0.65rem !important;
}

.oneway-reference-results #price-range.ui-slider {
    background: #d9e6ff !important;
    border: 0 !important;
    border-radius: 999rem !important;
}

.oneway-reference-results #price-range .ui-slider-range {
    background: #0759ff !important;
    border-radius: 999rem !important;
}

.oneway-reference-results #price-range .ui-slider-handle {
    background: #0759ff !important;
    border: 0.125rem solid #0759ff !important;
    border-radius: 999rem !important;
    height: 0.72rem !important;
    top: -0.24rem !important;
    width: 0.72rem !important;
}

.oneway-reference-results .flight-price-bars {
    align-items: end;
    display: grid;
    gap: 0.09rem;
    grid-template-columns: repeat(32, 1fr);
    height: 1.15rem;
    margin: 0.25rem 0 0.45rem;
}

.oneway-reference-results .flight-price-bars span {
    background: #b9ccff !important;
    border-radius: 999rem 999rem 0 0;
    display: block;
    min-height: 0.18rem;
}

.oneway-reference-results .flight-price-minmax {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.oneway-reference-results .flight-price-minmax div {
    border: 0.0625rem solid #e4ebf8;
    border-radius: 0.18rem;
    padding: 0.32rem 0.42rem;
}

.oneway-reference-results .flight-price-minmax span {
    color: #53648c !important;
    display: block;
    font-size: 0.48rem !important;
    font-weight: 850;
}

.oneway-reference-results .flight-price-minmax strong {
    color: #06154b;
    display: block;
    font-size: 0.58rem;
    font-weight: 900;
    line-height: 1.15;
    margin-top: 0.12rem;
}

.oneway-reference-results .flight-pricing-filter {
    border-bottom: 0.0625rem solid #e8eefb;
    display: grid !important;
    gap: 0.38rem;
    padding: 0.72rem 0 !important;
}

.oneway-reference-results .price-filter-box {
    order: 1;
}

.oneway-reference-results .flight-pricing-filter {
    order: 2;
}

.oneway-reference-results .stop-filter {
    order: 3;
}

.oneway-reference-results .airline-box {
    order: 4;
}

.oneway-reference-results .departure-time {
    order: 5;
}

.oneway-reference-results .arrival-time {
    order: 6;
}

.oneway-reference-results .duration-filter {
    order: 7;
}

.oneway-reference-results .flight-more-filter-btn {
    order: 8;
}

.oneway-reference-results .flight-pricing-filter .form-check {
    align-items: center;
    display: flex;
    gap: 0.35rem;
    margin: 0 !important;
    min-height: auto;
    padding-left: 0 !important;
}

.oneway-reference-results .flight-pricing-filter .form-check-input {
    margin: 0 !important;
}

.oneway-reference-results .flight-pricing-filter .form-check-label {
    color: #06154b !important;
    font-size: 0.56rem !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
}

.oneway-reference-results .left-filter-box .title {
    align-items: center;
    color: #06154b !important;
    display: flex;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    justify-content: space-between;
    margin-bottom: 0.45rem !important;
}

.oneway-reference-results .left-filter-box .title button {
    background: transparent;
    border: 0;
    color: #0759ff;
    font-size: 0.5rem;
    font-weight: 900;
    padding: 0;
    white-space: nowrap;
}

.oneway-reference-results .flight-collapsed-filter .title {
    margin-bottom: 0 !important;
}

.oneway-reference-results .flight-collapsed-filter > .d-flex {
    display: none !important;
}

.oneway-reference-results .stop-filter > .d-flex,
.oneway-reference-results .departure-time > .d-flex,
.oneway-reference-results .arrival-time > .d-flex {
    gap: 0.32rem !important;
}

.oneway-reference-results .stop-filter > .d-flex {
    display: grid !important;
    gap: 0.32rem !important;
}

.oneway-reference-results .stop-filter input[type=checkbox] {
    display: inline-block !important;
    height: 0.68rem !important;
    margin: 0 !important;
    position: static !important;
    width: 0.68rem !important;
}

.oneway-reference-results .stop-filter input[type=checkbox] + label {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    justify-content: flex-start !important;
    margin: -1.02rem 0 0 1.1rem !important;
    min-height: auto !important;
    padding: 0 !important;
}

.oneway-reference-results .stop-filter input[type=checkbox] + label span {
    color: #06154b !important;
    font-size: 0.54rem !important;
    font-weight: 800 !important;
}

.oneway-reference-results .left-filter-box .filter-box.chechked-filter input[type=checkbox] + label,
.oneway-reference-results .cust-stop-btn {
    border: 0.0625rem solid #d8e3f8 !important;
    border-radius: 0.2rem !important;
    min-height: 1.45rem !important;
    padding: 0.18rem 0.42rem !important;
}

.oneway-reference-results .stop-filter input[type=checkbox] + label {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: flex-start !important;
    margin: -1.02rem 0 0 1.1rem !important;
    min-height: auto !important;
    padding: 0 !important;
}

.oneway-reference-results .departure-time input[type=checkbox] + label,
.oneway-reference-results .arrival-time input[type=checkbox] + label {
    flex-direction: column !important;
    gap: 0.08rem !important;
    min-width: 2.65rem !important;
}

.oneway-reference-results .departure-time label img,
.oneway-reference-results .arrival-time label img {
    height: 0.82rem !important;
    object-fit: contain;
    width: 0.82rem !important;
}

.oneway-reference-results .airline-box .airline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.34rem !important;
}

.oneway-reference-results .airline-box .airline label {
    align-items: center;
    display: inline-flex;
    gap: 0.34rem;
    margin: 0 !important;
}

.oneway-reference-results .airline-box .airline .form-check-input {
    margin: 0 !important;
}

.oneway-reference-results .airline-box .airline img {
    height: 0.75rem !important;
    object-fit: contain;
    width: 0.75rem !important;
}

.oneway-reference-results .airline-box .airline .al-name {
    color: #06154b !important;
    font-size: 0.54rem !important;
    font-weight: 850 !important;
    max-width: 5.8rem !important;
}

.oneway-reference-results .airline-box .airline > .d-flex span {
    color: #06154b !important;
    font-size: 0.52rem !important;
    font-weight: 850 !important;
}

.oneway-reference-results .flight-more-filter-btn {
    align-items: center;
    background: #ffffff;
    border: 0.0625rem solid #0759ff;
    border-radius: 0.18rem;
    color: #0759ff;
    display: inline-flex;
    font-size: 0.52rem;
    font-weight: 900;
    gap: 0.45rem;
    height: 1.7rem;
    justify-content: center;
    margin-top: 0.72rem;
    width: 100%;
}

@media (max-width: 74.99rem) {
    .flight-search-filter-main-box.small-frm .row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) > .row {
        grid-template-columns: 1fr !important;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .filter-scroll {
        max-height: none !important;
    }
}

@media (max-width: 61.99rem) {
    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-normal-data {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .book-btn-div {
        align-items: flex-start !important;
        grid-column: 1 / -1 !important;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .other-details-btn-div {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 47.99rem) {
    .flight-search-filter-main-box.small-frm .row,
    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .result-main-box .flight-box .flight-normal-data {
        grid-template-columns: 1fr !important;
    }

    .flight-search-filter-main-box.small-frm .filter-box {
        border-right: 0 !important;
        border-bottom: 0.0625rem solid #edf2fb !important;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-div {
        gap: 0.75rem !important;
        grid-template-columns: 1fr !important;
        padding: 0.9rem 1rem !important;
    }

    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-icons,
    .apply-filter-result-box:not(.round-trip):not(.mc-main-box):not(.combo-flow):not(.combo-multicity-flow) .setting-nav > .cursor-pointer:last-child {
        justify-content: flex-start !important;
        text-align: left !important;
    }
}

.setting-nav-contents {
    display: contents;
}

.flight-print-body {
    margin: 20px;
}

.flight-print-card {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

.flight-print-title {
    margin-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

@media print {
    .flight-print-card {
        border: 1px dashed #999 !important;
    }
}

/* Review flight page styles */
:root{
        --fz-bg: #edf3ff;
        --fz-card: #ffffff;
        --fz-card-soft: #f8fbff;
        --fz-border: #dfe7f3;
        --fz-text: #13214b;
        --fz-muted: #7c88a2;
        --fz-primary: #243d97;
        --fz-accent: #1aa7e6;
        --fz-pill: #eaf5ff;
        --fz-danger-bg: #fff1ea;
        --fz-danger: #e25542;
        --fz-shadow: 0 10px 28px rgba(18, 36, 88, 0.07);
        --fz-shadow-sm: 0 6px 18px rgba(18, 36, 88, 0.05);
        --fz-radius-xl: 20px;
        --fz-radius-lg: 16px;
        --fz-radius-md: 12px;
        --fz-radius-sm: 10px;
    }

    body,
    .main-content,
    .page-content,
    .content-wrapper{
        background: var(--fz-bg) !important;
    }

    .left-sidebar-main-div{
        display: none !important;
    }

    /* .container{
        max-width: 1380px !important;
    } */

    .flight-review-data{
        --bs-gutter-x: 24px;
        padding: 12px 0 30px;
        align-items: flex-start;
    }

    .flight-review-data > .col-lg-8{ width: 68%; }
    .flight-review-data > .col-lg-4{ width: 32%; }

    .flight-details{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .box-detail,
    .flight-summary{
        background: var(--fz-card);
        border: 1px solid var(--fz-border);
        border-radius: 18px;
        box-shadow: var(--fz-shadow);
        overflow: hidden;
        margin-bottom: 20px;
    }

    .box-title,
    .flight-summary .title{
        /*background: linear-gradient(90deg, #1aa7e6 0%, #179fdc 100%);*/
        color: black !important;
        padding: 14px 18px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 0;
    }

    .box-title .p-0,
    .box-title .fw-bold,
    .flight-summary .title{
        color: black !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .box-body,
    .flight-summary .body{
        padding: 18px;
    }

    /*.flight-box{*/
    /*    background: #ffffff;*/
    /*    border: 1px solid var(--fz-border);*/
    /*    border-radius: 18px;*/
    /*    padding: 18px;*/
    /*    box-shadow: none;*/
    /*    margin-bottom: 14px;*/
    /*}*/

    .flight-normal-data{
        display: block !important;
    }

    .flight-card-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 18px;
    }

    .flight-brand{
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    .flight-brand img{
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 12px;
        object-fit: contain;
        background: #f2f6ff;
        border: 1px solid var(--fz-border);
        padding: 7px;
    }

    .flight-brand-meta{
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .flight-brand-name{
        font-size: 16px;
        line-height: 1.2;
        font-weight: 700;
        color: var(--fz-text);
    }

    .flight-brand-sub{
        font-size: 12px;
        color: var(--fz-muted);
        line-height: 1.35;
    }

    .flight-date-badge{
        background: #cfeeff;
        color: #245a8b;
        font-size: 11px;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 999px;
        text-transform: uppercase;
        letter-spacing: .04em;
        white-space: nowrap;
    }

    .flight-card-middle{
        display: grid;
        grid-template-columns: 1fr 1.2fr 1fr;
        gap: 18px;
        align-items: center;
        padding: 4px 0 18px;
        border-bottom: 1px solid #e8eef8;
    }

    .flight-side{
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .flight-time{
        font-size: 18px;
        font-weight: 900;
        line-height: 1.05;
        color: var(--fz-text);
    }

    .flight-code{
        font-size: 13px;
        font-weight: 700;
        color: var(--fz-primary);
        line-height: 1.2;
    }

    .flight-city{
        font-size: 12px;
        color: var(--fz-muted);
        line-height: 1.35;
    }

    .flight-center{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        text-align: center;
    }

    .flight-route-line{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .flight-route-line::before,
    .flight-route-line::after{
        content: "";
        flex: 1;
        height: 1px;
        background: #d9e2f0;
    }

    .flight-route-arrow{
        color: #b7c2d8;
        font-size: 13px;
        line-height: 1;
    }

    .flight-duration{
        font-size: 13px;
        font-weight: 700;
        color: var(--fz-muted);
    }

    .flight-stop{
        font-size: 12px;
        color: var(--fz-text);
    }

    .flight-card-bottom{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding-top: 14px;
        flex-wrap: wrap;
    }

    .flight-meta-row{
        display: flex;
        align-items: center;
        gap: 22px;
        flex-wrap: wrap;
    }

    .flight-meta-item{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: var(--fz-text);
        font-weight: 600;
    }

    .flight-meta-item i{
        color: #5e74a8;
        font-size: 13px;
    }

    .flight-price-wrap{
        display: inline-flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .flight-main-price{
        font-size: 18px;
        font-weight: 900;
        color: var(--fz-primary);
        line-height: 1;
    }

    .flight-view-link{
        font-size: 12px;
        font-weight: 700;
        color: var(--fz-primary) !important;
        cursor: pointer;
        white-space: nowrap;
    }

    .flight-review-page .view-details-div{
        background: #fbfcff !important;
        border: 1px solid var(--fz-border) !important;
        border-radius: 16px !important;
        padding: 16px !important;
        margin-top: 14px !important;
        box-shadow: none !important;
    }

    .flight-review-page .view-details-div .nav-pills{
        gap: 8px;
        margin-bottom: 14px;
        flex-wrap: wrap;
    }

    .flight-review-page .view-details-div .nav-pills .nav-link{
        background: #edf2fb !important;
        color: #4f5f7d !important;
        border-radius: 999px !important;
        padding: 8px 14px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        border: 0 !important;
        margin-right: 0 !important;
    }

    .flight-review-page .view-details-div .nav-pills .nav-link.active{
        background: var(--fz-primary) !important;
        color: #fff !important;
    }

    .flight-review-page .flight-data{
        display: grid !important;
        grid-template-columns: 1.05fr 1fr .75fr 1fr !important;
        gap: 12px;
        align-items: center;
        padding: 12px 0 !important;
        border-bottom: 1px solid #e7edf8 !important;
    }

    .flight-review-page .flight-data:last-child{
        border-bottom: 0 !important;
    }

    .flight-review-page .flight-data .company{
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .flight-review-page .flight-data .company img{
        width: 34px !important;
        height: 34px !important;
        margin-bottom: 0 !important;
        border-radius: 10px;
        background: #f3f7ff;
        padding: 6px;
        border: 1px solid var(--fz-border);
    }

    .flight-review-page .cm-name{
        font-size: 16px;
        font-weight: 700;
        color: var(--fz-text);
        line-height: 1.2;
    }

    .flight-review-page .cm-fN{
        font-size: 12px;
        color: var(--fz-muted);
        line-height: 1.35;
    }

    .flight-review-page .airport-desc{
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .flight-review-page .airport-desc > span:first-child{
        font-size: 12px;
        font-weight: 700;
        color: var(--fz-primary);
        line-height: 1.25;
    }

    .flight-review-page .airport-desc .time{
        font-size: 18px;
        line-height: 1.1;
        font-weight: 700;
        color: var(--fz-text);
        margin: 6px 0 3px;
    }

    .flight-review-page .airport-desc > span:not(.time):not(:first-child){
        font-size: 12px;
        line-height: 1.35;
        color: var(--fz-muted);
    }

    .flight-review-page .duration-box{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 6px;
        min-height: auto;
        position: relative;
    }

    .flight-review-page .duration-box::before,
    .flight-review-page .duration-box::after{
        content: "";
        position: absolute;
        top: 10px;
        width: 40px;
        height: 1px;
        background: #dbe3f1;
    }

    .flight-review-page .duration-box::before{ left: calc(50% - 58px); }
    .flight-review-page .duration-box::after{ right: calc(50% - 58px); }

    .flight-review-page .duration-box .duration{
        background: #fbfcff;
        padding: 0 8px;
        position: relative;
        z-index: 1;
        font-size: 12px;
        font-weight: 700;
        color: var(--fz-muted);
    }

    .flight-review-page .duration-box span:last-child{
        font-size: 12px;
        color: var(--fz-text);
    }

    .flight-review-page .layover-div{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 10px 0 !important;
        color: var(--fz-muted) !important;
        font-size: 12px !important;
    }

    .flight-review-page .layover-div .dots{
        width: 36px;
        height: 1px;
        background: #dbe3f1;
        border-radius: 0;
        margin: 0;
    }

    .flight-review-page .fare-price-table,
    .flight-review-page .flight-table{
        width: 100%;
        border-radius: 14px;
        overflow: hidden;
    }

    .flight-review-page .fare-price-table td,
    .flight-review-page .flight-table th,
    .flight-review-page .flight-table td{
        padding: 12px 14px !important;
        font-size: 13px !important;
        border-color: var(--fz-border) !important;
    }

    .flight-review-page .flight-table th{
        background: #f7f9fd !important;
        color: var(--fz-text);
        font-weight: 700;
    }

    .flight-review-data .flight-summary{
        position: sticky;
        top: 16px;
        max-height: fit-content !important;
    }

    .details-box,
    .sub-details-box,
    .total-details-box{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 12px;
    }

    .details-box{
        padding: 12px 0;
        font-size: 14px;
        color: var(--fz-text);
        border-bottom: 1px solid #e7edf8;
    }

    .sub-details-box{
        padding: 8px 0 8px 14px;
        font-size: 12px;
        color: var(--fz-muted);
        border-bottom: 1px solid #eef3fb;
    }

    .total-details-box{
        margin-top: 10px;
        padding-top: 14px;
        border-top: 1px solid #1c1c1c;
        font-size: 15px;
        font-weight: 700;
        color: var(--fz-text);
    }

    .total-details-box .total{
        font-size: 34px;
        line-height: 1;
        color: var(--fz-primary);
        font-weight: 900;
    }

    #timer{
        background: var(--fz-danger-bg);
        color: var(--fz-danger);
        border-radius: 14px;
        padding: 12px 16px;
        margin-top: 14px !important;
        font-size: 12px;
        font-weight: 700;
        width: 100%;
        text-align: center !important;
    }

    .pax-details{
        display: grid;
        grid-template-columns: auto repeat(4, minmax(0, 1fr));
        gap: 14px;
        align-items: end;
        margin-bottom: 16px;
    }

    .pax-label{
        min-width: 92px;
        font-size: 13px;
        font-weight: 700;
        color: var(--fz-text);
        background: #f5f8fe;
        border: 1px solid var(--fz-border);
        border-radius: 12px;
        padding: 12px 15px;
        line-height: 1.2;
    }

    .passport-fields{
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding-left: 106px;
    }

    .form-group,
    .passport-ddl,
    .pax-details .ps-3.pe-1{
        margin: 0;
    }

    .form-label{
        margin-bottom: 6px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: var(--fz-muted) !important;
    }

    .form-control,
    .select2-container--default .select2-selection--single,
    .input-group-text{
        min-height: 44px;
        border-radius: 12px !important;
        border: 1px solid #d9e1ee !important;
        background: #f9fbff !important;
        box-shadow: none !important;
        color: var(--fz-text) !important;
        font-size: 14px !important;
    }

    .form-control{
        padding: 10px 14px;
    }

    .input-group{
        border-radius: 12px;
        overflow: hidden;
    }

    .input-group-prepend{
        min-width: 180px;
    }

    .input-group-prepend .select2-container{
        width: 100% !important;
    }

    .select2-container--default .select2-selection--single{
        display: flex;
        align-items: center;
        padding: 0 14px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 42px !important;
        padding-left: 0 !important;
        color: var(--fz-text) !important;
        font-size: 14px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: 42px !important;
        right: 10px !important;
    }

    .form-check-input{
        box-shadow: none !important;
        border-color: #b9c5dc !important;
    }

    .form-check-label{
        color: var(--fz-text);
        font-size: 14px;
    }

    .error{
        color: #d92d20;
        font-size: 12px;
        margin-top: 6px;
    }

    .seat-select-box .table,
    .box-detail .table{
        margin-bottom: 0;
    }

    .seat-select-box .table tr td,
    .seat-select-box .table tr th{
        padding: 14px 10px;
        vertical-align: middle;
        border-color: var(--fz-border);
    }

    .ssr-tab-box{
        gap: 8px;
        flex-wrap: wrap;
    }

    .ssr-tab-box .nav-link{
        border-radius: 999px !important;
        background: #edf2fb;
        padding: 8px 14px;
        border: 0;
    }

    .ssr-tab-box .nav-link.active{
        background: var(--fz-primary) !important;
    }

    .ssr-tab-box .nav-link.active .title{
        color: #fff !important;
    }

    .meal-tab-box{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
    }

    .meal-data + .select2-container{
        width: 100% !important;
    }

    .box-detail .box-body br{
        content: "";
    }

    .bake-to-search-btn,
    .show-prevue-btn,
    .bake-to-frm-btn,
    .bake-to-prevue-btn,
    .pay-btn,
    .block-booking-btn,
    .btn-primary,
    .btn-secondary{
        border-radius: 999px !important;
        min-height: 46px;
        padding: 11px 22px;
        font-weight: 700;
        box-shadow: none !important;
    }

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

    .btn-primary:hover{
        background: #1d317c !important;
        border-color: #1d317c !important;
    }

    .btn-secondary{
        background: #eef3fb !important;
        border-color: #eef3fb !important;
        color: var(--fz-text) !important;
    }

    .show-prevue-btn,
    .pay-btn{
        min-width: 170px;
    }

    .block-booking-btn{
        background: #fff !important;
        color: var(--fz-primary) !important;
        border: 1px solid var(--fz-border) !important;
    }

    .modal-content{
        border: 1px solid var(--fz-border);
        border-radius: 20px;
        box-shadow: 0 24px 60px rgba(15, 27, 64, 0.18);
        overflow: hidden;
    }

    .modal-header,
    .modal-body,
    .modal-footer{
        padding-left: 22px;
        padding-right: 22px;
    }

    .modal-header{
        border-bottom: 1px solid var(--fz-border);
    }

    .modal-footer{
        border-top: 1px solid var(--fz-border);
    }

    #selectSeatModal .modal-dialog{
        max-width: 1180px;
    }

    .select-seat-main-div{
        display: grid;
        grid-template-columns: 330px 1fr;
        gap: 20px;
    }

    .select-seat-details{
        background: #f8faff;
        border: 1px solid var(--fz-border);
        border-radius: 18px;
        padding: 18px;
    }

    .select-seat-plan{
        background: #fff;
        border: 1px solid var(--fz-border);
        border-radius: 18px;
        padding: 18px;
        min-height: 300px;
    }

    .pax-details-table th,
    .pax-details-table td{
        border-color: var(--fz-border) !important;
        padding: 10px 8px !important;
        font-size: 13px;
    }

.travel-prevue,
.prevue-agent-balance{
    display: block;
    margin-bottom: 20px;
    width: 100%;
}

    @media (max-width: 1199px){
        .flight-review-data > .col-lg-8,
        .flight-review-data > .col-lg-4{
            width: 100%;
        }

        .flight-review-data .flight-summary{
            position: static;
            margin-top: 6px;
        }

        .flight-card-middle,
        .flight-data{
            grid-template-columns: 1fr !important;
        }

        .pax-details{
            grid-template-columns: 1fr 1fr;
        }

        .passport-fields{
            grid-template-columns: 1fr 1fr;
            padding-left: 0;
        }

        .pax-label{
            min-width: 0;
            grid-column: 1 / -1;
        }

        .select-seat-main-div{
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 767px){
        .container{
            padding-left: 14px;
            padding-right: 14px;
        }

        .box-title,
        .flight-summary .title{
            padding: 14px 16px;
            font-size: 14px;
        }

        .box-body,
        .flight-summary .body{
            padding: 16px;
        }

        .flight-card-top{
            flex-direction: column;
            align-items: flex-start;
        }

        .flight-card-middle{
            grid-template-columns: 1fr !important;
            gap: 12px;
        }

        .flight-card-bottom{
            flex-direction: column;
            align-items: flex-start;
        }

        .flight-data{
            grid-template-columns: 1fr !important;
        }

        .pax-details,
        .passport-fields{
            grid-template-columns: 1fr;
        }

        .input-group{
            flex-direction: column;
            overflow: visible;
        }

        .input-group-prepend{
            min-width: 100%;
            width: 100%;
            margin-bottom: 10px;
        }

        .show-prevue-btn,
        .pay-btn,
        .block-booking-btn,
        .bake-to-search-btn,
        .bake-to-frm-btn,
        .bake-to-prevue-btn{
            width: 100%;
            float: none !important;
            margin: 10px 0 0 !important;
        }
    }
    
    .head-title{
        background:none !important;
        color:black !important;
    }
    
    .flight-review-data .box-detail {
        border-radius: 12px !important;
         border: 1px solid #E0E3E6 !important;
    }

    .flight-review-page{
        max-width: 1440px !important;
        padding: 32px 32px 80px;
        background: #f7f9fb;
    }

    .review-page-heading{
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 48px;
    }

    .review-page-heading h1{
        margin: 0;
        color: #000a34;
        font-family: Manrope, Inter, sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -2.4px;
    }

    .review-page-heading p{
        margin: 0;
        color: #454650;
        font-family: Inter, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
    }

    body,
    .main-content,
    .page-content,
    .content-wrapper{
        background: #f7f9fb !important;
    }

    .flight-review-page .flight-review-data{
        --bs-gutter-x: 32px;
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        gap: 32px;
        padding: 0;
        align-items: flex-start;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .flight-review-page .flight-review-data > .col-lg-8{
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .flight-review-page .flight-review-data > .col-lg-4{
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .flight-review-page .flight-details{
        gap: 12px;
    }

    .flight-review-page .box-detail,
    .flight-review-page .flight-summary{
        background: #ffffff !important;
        border: 1px solid #e0e3e6 !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 15px rgba(120, 0, 55, .04) !important;
        margin-bottom: 12px !important;
        overflow: visible !important;
    }

    .flight-review-page .flight-details > .box-detail:first-child{
        padding: 32px !important;
        box-shadow: none !important;
    }

    .flight-review-page .flight-details > .box-detail:first-child > .box-body{
        padding: 0 !important;
    }

    .flight-review-page .flight-details > .box-detail:first-child .flight-box{
        margin-bottom: 0 !important;
    }

    .flight-review-page .flight-details > .box-detail:not(:first-child){
        padding: 25px !important;
    }

    .flight-review-page .flight-details > .box-detail:not(:first-child) > .box-body{
        padding: 0 !important;
        color: #454650;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    .flight-review-page .box-title,
    .flight-review-page .flight-summary .title{
        width: 100%;
        min-height: auto;
        margin: 0 0 16px;
        padding: 0 0 9px !important;
        background: transparent !important;
        border-bottom: 1px solid #e0e3e6 !important;
        color: #191c1e !important;
        font-family: Manrope, Inter, sans-serif;
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 34px !important;
    }

    .flight-review-page .box-title .box-title,
    .flight-review-page .box-title .fw-bold{
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 0 !important;
        font: inherit !important;
        color: inherit !important;
    }

    .flight-review-page .box-title > .d-flex,
    .flight-review-page .box-title .mb-1.d-flex{
        width: 100%;
        margin: 0 !important;
        gap: 20px;
    }

    .flight-review-page .box-title .form-check{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-left: auto !important;
        white-space: nowrap;
    }

    .flight-review-page .head-title{
        display: none !important;
    }

    .flight-review-page .flight-card-top{
        height: 48px;
        margin-bottom: 22px;
    }

    .flight-review-page .flight-brand{
        gap: 16px;
    }

    .flight-review-page .flight-brand img{
        width: 48px !important;
        height: 48px !important;
        min-width: 48px;
        padding: 10px;
        border: 0 !important;
        border-radius: 16px;
        background: #f2f4f6;
    }

    .flight-review-page .flight-brand-name,
    .flight-review-page .cm-name{
        color: #191c1e;
        font-family: Manrope, Inter, sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
    }

    .flight-review-page .flight-brand-sub,
    .flight-review-page .cm-fN{
        color: #454650;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .flight-review-page .flight-date-badge{
        background: #c4e7ff;
        color: #001e2c;
        border-radius: 9999px;
        padding: 4px 16px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: .6px;
    }

    .flight-review-page .flight-card-middle{
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1.2fr 1fr;
        min-height: 136px;
        padding: 0;
        border-bottom: 0;
        align-items: center;
    }

    .flight-review-page .flight-card-middle::before{
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 2px;
        background: #eceef0;
        transform: translateY(-50%);
    }

    .flight-review-page .flight-side{
        position: relative;
        z-index: 1;
        width: fit-content;
        max-width: 180px;
        background: #ffffff;
        padding-right: 24px;
    }

    .flight-review-page .flight-side.text-end{
        justify-self: end;
        align-items: flex-end;
        padding-right: 0;
        padding-left: 24px;
    }

    .flight-review-page .flight-side .time{
        color: #000a34;
        font-family: Manrope, Inter, sans-serif;
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
        margin: 0;
    }

    .flight-review-page .flight-code{
        color: #4059aa;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        padding-top: 4px;
    }

    .flight-review-page .flight-city{
        color: #454650;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .flight-review-page .flight-center{
        position: relative;
        z-index: 2;
        gap: 14px;
    }

    .flight-review-page .flight-route-line{
        justify-content: center;
    }

    .flight-review-page .flight-route-line::before,
    .flight-review-page .flight-route-line::after{
        display: none;
    }

    .flight-review-page .flight-route-arrow{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 14px;
        color: #03396c;
        background: #ffffff;
        font-size: 16px;
    }

    .flight-review-page .flight-duration{
        color: #191c1e;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .flight-review-page .flight-card-bottom{
        padding-top: 18px;
        border-top: 1px solid #eceef0;
    }

    .flight-review-page .flight-meta-item,
    .flight-review-page .flight-view-link{
        color: #454650 !important;
        font-size: 14px;
        font-weight: 500;
    }

    .flight-review-page .flight-main-price{
        color: #000a34;
        font-family: Manrope, Inter, sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }

    .flight-review-page .pax-details{
        grid-template-columns: auto 100px minmax(0, 1fr) minmax(0, 1fr);
        gap: 16px;
        align-items: end;
        margin-bottom: 16px;
    }

    .flight-review-page .box-detail:nth-of-type(2) .pax-details{
        grid-template-columns: 190px minmax(0, 1fr) minmax(0, 1fr);
    }

    .flight-review-page .box-detail:nth-of-type(2) .pax-details .form-group:first-child{
        grid-column: 1 / span 2;
    }

    .flight-review-page .pax-details .form-group,
    .flight-review-page .pax-details .passport-ddl,
    .flight-review-page .pax-details .ps-3.pe-1{
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .flight-review-page .pax-label{
        background: transparent;
        border: 0;
        color: #191c1e;
        font-family: Manrope, Inter, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        padding: 0;
        align-self: center;
    }

    .flight-review-page .form-label{
        margin: 0;
        color: #1e293b !important;
        font-size: 12px;
        font-weight: 600;
        line-height: 12px;
        letter-spacing: .6px;
        text-transform: none;
    }

    .flight-review-page .form-control,
    .flight-review-page .select2-container--default .select2-selection--single{
        min-height: 46px;
        border: 1px solid #e0e3e6 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #191c1e !important;
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 10px 9px !important;
    }

    .flight-review-page .input-group{
        gap: 16px;
        overflow: visible;
        border-radius: 0;
    }

    .flight-review-page .input-group-prepend{
        min-width: 190px;
    }

    .flight-review-page .seat-select-box,
    .flight-review-page .box-detail:has(.meal-tab-box){
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

    .flight-review-page .seat-select-box .box-title,
    .flight-review-page .box-detail:has(.meal-tab-box) .box-title{
        width: auto;
        margin: 0;
        padding: 0 !important;
        border-bottom: 0 !important;
    }

    .flight-review-page .seat-select-box .box-title::after{
        content: "Choose your preferred seat.";
        display: block;
        color: #1e293b;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        margin-top: 8px;
    }

    .flight-review-page .seat-select-box .box-body{
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .flight-review-page .seat-select-box table{
        width: auto;
    }

    .flight-review-page .seat-select-box table th,
    .flight-review-page .seat-select-box table td:first-child{
        display: none;
    }

    .flight-review-page .seat-select-box .selected-seat{
        color: #454650;
        font-size: 14px;
        margin-right: 16px;
    }

    .flight-review-page .seat-select-box .btn,
    .flight-review-page .box-detail:has(.meal-tab-box) .btn,
    .flight-review-page .pay-btn,
    .flight-review-page .block-booking-btn{
        border-radius: 8px !important;
        min-height: 38px;
        padding: 9px 17px;
        background: #ffffff !important;
        border: 1px solid #0058be !important;
        color: #03396c !important;
        font-size: 15px;
        font-weight: 600;
        line-height: 15px;
    }

    .flight-review-page .bake-to-search-btn,
    .flight-review-page .bake-to-frm-btn,
    .flight-review-page .bake-to-prevue-btn{
        border-radius: 8px !important;
        min-height: 38px;
        padding: 9px 17px;
        background: #ffffff !important;
        border: 1px solid #0058be !important;
        color: #03396c !important;
        font-size: 15px;
        font-weight: 600;
    }

    .flight-review-page .flight-summary{
        position: sticky;
        top: 24px;
        align-self: start;
        overflow: hidden !important;
        padding: 32px !important;
        border: 0 !important;
        border-radius: 24px !important;
        box-shadow: none !important;
    }

    .flight-review-page .flight-summary::before{
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        border-radius: 24px;
        background: rgba(255,255,255,0);
        box-shadow: 0 32px 64px -12px rgba(11,30,91,.08);
        pointer-events: none;
    }

    .flight-review-page .flight-summary .title,
    .flight-review-page .flight-summary .body{
        position: relative;
        z-index: 1;
    }
    .flight-review-page .flight-summary .title{
        margin-bottom: 24px;
        border-bottom: 0 !important;
        color: #000a34 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 28px !important;
    }

    .flight-review-page .flight-summary .body{
        padding: 0 !important;
    }

    .flight-review-page .details-box,
    .flight-review-page .sub-details-box{
        padding: 0 0 16px;
        border-bottom: 0 !important;
        color: #454650;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

    .flight-review-page .details-box > div:last-child,
    .flight-review-page .sub-details-box > div:last-child{
        color: #191c1e;
        font-weight: 500;
    }

    .flight-review-page .total-details-box{
        margin-top: 0;
        padding-top: 17px;
        border-top: 1px solid #eceef0;
        color: #000a34;
        font-family: Manrope, Inter, sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
    }

    .flight-review-page .total-details-box .total{
        color: #000a34;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }

    .flight-review-page #timer{
        display: flex;
        align-items: center;
        width: 100%;
        margin: 24px 0 0 !important;
        padding: 12px;
        border-radius: 16px;
        background: rgba(255,218,214,.2);
        color: #93000a;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: left !important;
    }

    .flight-review-page .flight-summary .show-prevue-btn{
        width: 100%;
        min-height: 68px;
        margin-top: 24px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: #03396c !important;
        color: #ffffff !important;
        font-size: 18px;
        line-height: 28px;
        text-align: left;
    }

    .flight-review-page .flight-details > div:last-child{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 12px;
    }

    .flight-review-page .flight-details > div:last-child .show-prevue-btn{
        display: none !important;
    }

    .flight-review-page .flight-details > .box-detail:not(:first-child) .box-body br{
        display: block;
        margin-bottom: 8px;
    }

    @media (max-width: 991px){
        .flight-review-page{
            padding: 24px 16px 56px;
        }

        .review-page-heading{
            margin-bottom: 32px;
        }

        .review-page-heading h1{
            font-size: 36px;
            line-height: 40px;
            letter-spacing: -1px;
        }

        .flight-review-page .flight-review-data > .col-lg-8,
        .flight-review-page .flight-review-data > .col-lg-4{
            width: 100%;
        }

        .flight-review-page .flight-review-data{
            grid-template-columns: 1fr;
        }

        .flight-review-page .flight-card-middle,
        .flight-review-page .pax-details,
        .flight-review-page .passport-fields{
            grid-template-columns: 1fr;
        }

        .flight-review-page .flight-card-middle::before{
            display: none;
        }

        .flight-review-page .flight-side,
        .flight-review-page .flight-side.text-end{
            justify-self: stretch;
            align-items: flex-start;
            max-width: none;
            padding: 0;
            text-align: left !important;
        }

        .flight-review-page .seat-select-box,
        .flight-review-page .box-detail:has(.meal-tab-box){
            display: block;
        }
    }

/* Agent dashboard home */
.agent-dashboard-page {
        background: linear-gradient(180deg, #f5f9ff 0%, #f3f7fc 100%);
        color: var(--flight-text-primary);
        font-family: var(--flight-font-family);
        min-height: 100vh;
        padding: 14px 42px 32px;
    }

    .dashboard-shell {
        margin: 0 auto;
        max-width: none;
        width: 100%;
    }

    .dashboard-hero-card {
        background: #eaf4ff;
        border: 1px solid rgba(207, 222, 246, 0.95);
        border-radius: 8px 8px 18px 18px;
        box-shadow: 0 16px 42px rgba(16, 62, 130, 0.12);
        margin: 0 0 18px;
        overflow: hidden;
        margin-top: 18px;
    }

    .dashboard-service-strip,
    .dashboard-panel-row,
    .section-heading-row,
    .offers-layout,
    .deals-layout,
    .why-strip {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 36px);
    }

    .hero-slider-wrapper,
    .dashboard-slider,
    .hero-slide-card {
        border-radius: 8px 8px 18px 18px;
        overflow: hidden;
    }

    .hero-slide-card {
        background: linear-gradient(105deg, #eef7ff 0%, #dcecff 48%, #fff0e6 100%);
        min-height: 340px;
        position: relative;
    }

    .hero-slide-card img {
        display: block;
        height: 340px;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }

    /* .hero-slide-overlay {
        background:
            linear-gradient(90deg, rgba(238, 247, 255, 0.96) 0%, rgba(227, 239, 255, 0.76) 34%, rgba(226, 237, 255, 0.18) 58%, rgba(255, 237, 222, 0.52) 100%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(207, 222, 255, 0.28) 100%);
        inset: 0;
        position: absolute;
    } */

    .hero-slide-content {
        align-items: center;
        display: flex;
        inset: 0;
        justify-content: space-between;
        padding: 34px 48px 48px;
        position: absolute;
        z-index: 2;
    }

    .hero-copy {
        max-width: 510px;
    }

    .hero-kicker {
        background: rgba(220, 239, 255, 0.92);
        border: 1px solid rgba(196, 225, 255, 0.9);
        border-radius: var(--flight-radius-pill);
        color: #0068ff;
        display: inline-flex;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 16px;
        padding: 8px 14px;
    }

    .hero-copy h1 {
        color: #08164c;
        font-family: var(--flight-font-family);
        font-size: 40px;
        font-weight: 700;
        line-height: 1.16;
        margin: 0 0 14px;
    }

    .hero-copy h1 span {
        color: var(--flight-color-secondary);
        display: block;
    }

    .hero-copy p {
        color: #10255d;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.7;
        margin: 0 0 24px;
    }

    .hero-cta-btn {
        align-items: center;
        background: var(--flight-color-secondary);
        border-radius: 5px;
        box-shadow: 0 10px 22px rgba(0, 104, 255, 0.2);
        color: #ffffff;
        display: inline-flex;
        font-size: 13px;
        font-weight: 700;
        gap: 8px;
        justify-content: center;
        min-height: 42px;
        padding: 0 18px;
        text-decoration: none;
        transition: 0.2s ease;
    }

    .hero-cta-btn:hover {
        background: #0057dc;
        color: #ffffff;
        transform: translateY(-1px);
    }

    .hero-offer-card {
        align-self: flex-end;
        background: linear-gradient(135deg, rgba(9, 36, 122, 0.98) 0%, rgba(13, 67, 164, 0.96) 100%);
        border: 1px solid rgba(112, 151, 230, 0.42);
        border-radius: 7px;
        box-shadow: 0 18px 42px rgba(9, 36, 122, 0.24);
        color: #ffffff;
        min-width: 310px;
        overflow: hidden;
        padding: 20px 90px 20px 22px;
        position: relative;
    }

    .hero-offer-card::before {
        background: rgba(255, 255, 255, 0.2);
        content: "";
        height: calc(100% - 28px);
        position: absolute;
        right: 72px;
        top: 14px;
        width: 1px;
    }

    .hero-offer-card::after {
        color: rgba(255, 255, 255, 0.14);
        content: "\f295";
        font-family: "Font Awesome 5 Free";
        font-size: 40px;
        font-weight: 900;
        line-height: 1;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
    }

    .hero-offer-card span {
        display: block;
        font-size: 12px;
        font-weight: 700;
        opacity: 0.88;
    }

    .hero-offer-card strong {
        color: #ffffff;
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.15;
        margin-top: 8px;
    }

    .hero-offer-card strong span {
        color: #ffeb00;
        display: inline;
        font-size: inherit;
        font-weight: 700;
        opacity: 1;
    }

    .hero-offer-card small {
        color: #ffeb00;
        font-size: 12px;
        font-weight: 700;
    }

    .dashboard-slider .swiper-pagination {
        bottom: 38px !important;
    }

    .dashboard-slider .swiper-pagination-bullet {
        background: rgba(255, 255, 255, 0.7);
        height: 8px;
        opacity: 1;
        width: 8px;
    }

    .dashboard-slider .swiper-pagination-bullet-active {
        background: var(--flight-color-secondary);
    }

    .dashboard-slider .swiper-button-prev,
    .dashboard-slider .swiper-button-next {
        display: none;
    }

    .dashboard-service-strip,
    .dashboard-panel-row,
    .why-strip {
        background: var(--flight-surface-base);
        border: 1px solid rgba(213, 223, 237, 0.92);
        border-radius: 8px;
        box-shadow: 0 14px 36px rgba(11, 44, 94, 0.1);
    }

    .dashboard-service-strip {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        margin-top: -28px;
        margin-bottom: 12px;
        padding: 26px 28px;
        position: relative;
        z-index: 3;
    }

    .service-tile {
        align-items: center;
        border-right: 1px solid var(--flight-border-soft);
        color: var(--flight-text-primary);
        display: flex;
        gap: 18px;
        min-height: 44px;
        padding: 0 30px;
        text-decoration: none;
    }

    .service-tile:last-child {
        border-right: 0;
    }

    .service-icon {
        align-items: center;
        color: var(--flight-color-primary);
        display: inline-flex;
        font-size: 34px;
        justify-content: center;
        width: 38px;
    }

    .service-copy strong {
        color: #08164c;
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 5px;
    }

    .service-copy span,
    .mini-link {
        color: #0068ff;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
    }

    .dashboard-panel-row {
        display: grid;
        gap: 22px;
        grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
        margin-bottom: 26px;
        padding: 18px 22px;
    }

    .panel-heading {
        color: var(--flight-text-primary);
        font-size: 13px;
        font-weight: 700;
        margin: 0 0 14px;
    }

    .overview-grid {
        display: grid;
        gap: 14px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .overview-card {
        align-items: center;
        background: var(--flight-surface-subtle);
        border: 1px solid var(--flight-border-soft);
        border-radius: 8px;
        display: flex;
        gap: 12px;
        min-height: 70px;
        padding: 12px;
    }

    .overview-icon,
    .shortcut-icon {
        align-items: center;
        background: rgba(0, 175, 239, 0.12);
        border-radius: 8px;
        color: var(--flight-color-primary);
        display: inline-flex;
        flex: 0 0 auto;
        height: 36px;
        justify-content: center;
        width: 36px;
    }

    .overview-content span,
    .quick-info-content span {
        color: var(--flight-text-muted);
        display: block;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 2px;
    }

    .overview-content strong,
    .quick-info-content h4 {
        color: var(--flight-text-primary);
        display: block;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.25;
        margin: 0 0 4px;
    }

    .recharge-pill {
        background: var(--flight-color-secondary);
        border-radius: 6px;
        color: #ffffff;
        display: inline-flex;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        padding: 7px 10px;
        text-decoration: none;
    }

    .shortcut-grid {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .shortcut-tile {
        align-items: center;
        color: var(--flight-text-primary);
        display: flex;
        flex-direction: column;
        gap: 7px;
        justify-content: center;
        min-height: 76px;
        text-align: center;
        text-decoration: none;
    }

    .shortcut-tile span {
        color: var(--flight-text-secondary);
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
    }

    .section-heading-row {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 14px;
    }

    .section-title {
        align-items: center;
        color: var(--flight-text-primary);
        display: flex;
        font-size: 18px;
        font-weight: 700;
        gap: 8px;
        line-height: 1.2;
        margin: 0;
    }

    .section-title i {
        color: var(--flight-color-secondary);
    }

    .view-all-link {
        color: var(--flight-color-primary);
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }

    .offers-layout {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        margin-bottom: 26px;
    }

    .offer-card {
        border: 1px solid rgba(221, 227, 234, 0.7);
        border-radius: 8px;
        box-shadow: var(--flight-shadow-card);
        min-height: 168px;
        overflow: hidden;
        padding: 18px 16px;
        position: relative;
    }

    .offer-card::after {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        bottom: -48px;
        content: "";
        height: 112px;
        position: absolute;
        right: -36px;
        width: 112px;
    }

.offer-card > i {
    bottom: 18px;
    color: rgba(12, 7, 145, 0.88);
    font-size: 48px;
    position: absolute;
    right: 18px;
        z-index: 1;
    }

    .offer-card small {
        color: var(--flight-color-primary);
        display: block;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.02em;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    .offer-card h3 {
        color: var(--flight-text-primary);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.35;
        margin: 0 0 8px;
        max-width: 150px;
    }

    .offer-card p {
        color: var(--flight-text-secondary);
        font-size: 11px;
        font-weight: 700;
        line-height: 1.55;
        margin: 0 0 16px;
        max-width: 150px;
    }

.offer-card .mini-link {
    align-items: center;
    background: rgba(255, 255, 255, 0.76);
    border-radius: 6px;
    display: inline-flex;
    gap: 5px;
    min-height: 28px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    z-index: 2;
}

.offer-card .mini-link i {
    color: currentColor;
    font-size: 10px;
    position: static;
}

    .offer-flight {
        background: linear-gradient(135deg, #eaf5ff 0%, #cceaff 100%);
    }

    .offer-hotel {
        background: linear-gradient(135deg, #e8f9ec 0%, #c9efd3 100%);
    }

    .offer-visa {
        background: linear-gradient(135deg, #f1edff 0%, #ddd5ff 100%);
    }

    .offer-holiday {
        background: linear-gradient(135deg, #fff2df 0%, #ffd5a4 100%);
    }

    .offer-insurance {
        background: linear-gradient(135deg, #edf7ff 0%, #d4ebff 100%);
    }

    .deals-layout {
        display: grid;
        gap: 18px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-bottom: 26px;
    }

    .deal-card {
        background: var(--flight-surface-base);
        border: 1px solid var(--flight-border-soft);
        border-radius: 8px;
        box-shadow: var(--flight-shadow-card);
        overflow: hidden;
    }

    .deal-image-wrap {
        background: var(--flight-surface-soft);
        height: 170px;
        overflow: hidden;
        position: relative;
    }

    .deal-card .deal-image-wrap img {
        display: block;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.3s ease;
        width: 100% !important;
    }

    .deal-card:hover .deal-image-wrap img {
        transform: scale(1.035);
    }

    .deal-badge {
        align-items: center;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid var(--flight-border-soft);
        border-radius: var(--flight-radius-pill);
        color: var(--flight-color-secondary);
        display: inline-flex;
        font-size: 11px;
        font-weight: 700;
        justify-content: center;
        padding: 7px 12px;
        position: absolute;
        right: 12px;
        top: 12px;
    }

    .deal-card-body {
        padding: 16px;
    }

    .deal-meta {
        align-items: center;
        display: flex;
        gap: 9px;
        margin-bottom: 10px;
    }

    .trip-chip {
        background: var(--flight-color-secondary);
        border-radius: 6px;
        color: #ffffff;
        font-size: 10px;
        font-weight: 700;
        padding: 5px 8px;
    }

    .trip-type,
    .deal-subtitle,
    .deal-price-box span {
        color: var(--flight-text-muted);
        font-size: 12px;
        font-weight: 600;
    }

    .deal-card h3 {
        color: var(--flight-text-primary);
        font-size: 16px;
        font-weight: 700;
        line-height: 1.35;
        margin: 0 0 6px;
    }

    .deal-subtitle {
        margin: 0 0 16px;
    }

    .deal-bottom-row {
        align-items: flex-end;
        display: flex;
        gap: 14px;
        justify-content: space-between;
    }

    .deal-price-box strong {
        color: var(--flight-color-primary);
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.1;
        margin-top: 3px;
    }

    .deal-btn {
        align-items: center;
        background: var(--flight-color-primary);
        border-radius: 8px;
        color: #ffffff;
        display: inline-flex;
        font-size: 12px;
        font-weight: 700;
        justify-content: center;
        min-height: 36px;
        min-width: 116px;
        padding: 0 14px;
        text-decoration: none;
        white-space: nowrap;
    }

    .deal-btn:hover {
        background: var(--flight-color-primary-hover);
        color: #ffffff;
    }

    .why-strip {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding: 18px 10px;
    }

    .why-item {
        align-items: center;
        border-right: 1px solid var(--flight-border-soft);
        display: flex;
        gap: 12px;
        padding: 0 18px;
    }

    .why-item:last-child {
        border-right: 0;
    }

    .why-item i {
        color: var(--flight-color-primary);
        font-size: 30px;
    }

    .why-item strong {
        color: var(--flight-text-primary);
        display: block;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 4px;
    }

    .why-item span {
        color: var(--flight-text-muted);
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
    }

    @media (max-width: 1320px) {
        .offers-layout {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .dashboard-service-strip,
        .why-strip {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            row-gap: 14px;
        }

        .service-tile:nth-child(3),
        .why-item:nth-child(3) {
            border-right: 0;
        }
    }

    @media (max-width: 1199px) {
        .dashboard-panel-row,
        .deals-layout {
            grid-template-columns: 1fr;
        }

        .overview-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 991px) {
        .agent-dashboard-page {
            padding: 18px 14px 28px;
        }

        .dashboard-service-strip,
        .dashboard-panel-row,
        .section-heading-row,
        .offers-layout,
        .deals-layout,
        .why-strip {
            width: 100%;
        }

        .hero-slide-content {
            align-items: flex-start;
            flex-direction: column;
            gap: 22px;
            justify-content: center;
            padding: 28px 22px;
        }

        .hero-copy h1 {
            font-size: 34px;
        }

        .hero-offer-card {
            min-width: 260px;
        }

        .dashboard-service-strip,
        .overview-grid,
        .shortcut-grid,
        .offers-layout,
        .why-strip {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .service-tile,
        .why-item {
            border-right: 0;
            padding: 0 14px;
        }
    }

    @media (max-width: 640px) {
        .agent-dashboard-page {
            padding: 10px 12px 24px;
        }

        .dashboard-hero-card {
            margin-top: 10px;
            margin-bottom: 12px;
        }

        .hero-slide-card,
        .hero-slide-card img {
            height: auto;
            min-height: 0;
        }

        .hero-slide-card img {
            height: 100%;
            inset: 0;
            object-position: 62% center;
            position: absolute;
        }

        .hero-slide-content {
            background: linear-gradient(90deg, rgba(238, 247, 255, 0.96) 0%, rgba(227, 239, 255, 0.82) 48%, rgba(227, 239, 255, 0.38) 100%);
            gap: 16px;
            inset: auto;
            justify-content: flex-start;
            min-height: 390px;
            padding: 18px 18px 26px;
            position: relative;
        }

        .hero-kicker {
            display: none;
        }

        .hero-copy h1 {
            font-size: 27px;
            line-height: 1.12;
            margin-bottom: 12px;
        }

        .hero-copy p {
            font-size: 13px;
            line-height: 1.55;
            margin-bottom: 18px;
            max-width: 265px;
        }

        .hero-cta-btn {
            min-height: 40px;
            padding: 0 17px;
        }

        .hero-offer-card {
            align-self: stretch;
            margin-top: auto;
            min-width: 0;
            padding: 14px 66px 14px 16px;
        }

        .hero-offer-card::before {
            right: 54px;
        }

        .hero-offer-card::after {
            font-size: 34px;
            right: 16px;
        }

        .hero-offer-card strong {
            font-size: 16px;
        }

        .dashboard-service-strip,
        .overview-grid,
        .offers-layout,
        .why-strip {
            grid-template-columns: 1fr;
        }

        .shortcut-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px 10px;
        }

        .shortcut-tile {
            min-height: 72px;
        }

        .dashboard-service-strip {
            gap: 0;
            margin-top: 0;
            margin-bottom: 14px;
            padding: 6px 0;
        }

        .service-tile {
            border-bottom: 1px solid var(--flight-border-soft);
            gap: 16px;
            min-height: 64px;
            padding: 10px 18px;
        }

        .service-tile:last-child {
            border-bottom: 0;
        }

        .service-icon {
            font-size: 32px;
            width: 44px;
        }

        .service-copy strong {
            font-size: 14px;
            margin-bottom: 6px;
        }

        .dashboard-panel-row {
            padding: 16px;
        }

        .deal-bottom-row {
            align-items: stretch;
            flex-direction: column;
        }

        .deal-btn {
            width: 100%;
        }
    }
/* End agent dashboard home */

/* Frontend about page */
body:has(.about-modern-page),
.main-content-with-header:has(.about-modern-page) {
    background: var(--flight-surface-base);
}

.main-content-with-header:has(.about-modern-page) {
    margin-top: 0;
    max-width: none;
    width: 100%;
}

.about-modern-page {
    background: var(--flight-surface-base);
    color: var(--flight-text-primary);
    font-family: var(--flight-font-family);
    overflow: hidden;
    width: 100%;
}

.about-modern-page img {
    display: block;
    max-width: 100%;
}

.about-page-shell {
    margin: 0 auto;
    max-width: none;
    padding-left: 72px;
    padding-right: 72px;
    width: 100%;
}

.about-breadcrumb {
    align-items: center;
    color: #08164c;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    gap: 8px;
    line-height: 1;
    margin-bottom: 28px;
}

.about-breadcrumb a {
    color: #08164c;
    text-decoration: none;
}

.about-breadcrumb span::before {
    color: var(--flight-text-muted);
    content: ">";
    margin-right: 8px;
}

.about-hero-section {
    background-image: url("/images/planes2.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding: 22px 0 0;
    position: relative;
    width: 100%;
    height:600px;
}

.about-hero-section > .about-page-shell {
    position: relative;
    z-index: 3;
}

.about-hero-section::after {
    display: none;
}

.about-hero-grid {
    align-items: center;
    display: block;
    min-height: 430px;
    position: static;
    z-index: 1;
}

.about-hero-copy {
    padding-top: 20px;
}

.about-eyebrow {
    color: #0057dc;
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.about-hero-copy h1 {
    color: #08164c;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 20px;
    max-width: 420px;
    position: relative;
    z-index: 2;
}

.about-hero-copy h1 span {
    color: #0057dc;
}

.about-hero-copy p {
    color: #10255d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
    margin: 0 0 22px;
    max-width: 390px;
    position: relative;
    z-index: 2;
}

.about-primary-btn {
    align-items: center;
    background: #0057dc;
    border-radius: 6px;
    color: #ffffff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    position: relative;
    z-index: 2;
    text-decoration: none;
}

.about-primary-btn:hover {
    background: var(--flight-color-primary);
    color: #ffffff;
}

.about-hero-media {
    display: none;
}

.about-story-section {
    margin-top: 0;
    padding: 0 0 18px;
    position: relative;
    z-index: 3;
}

.about-story-grid {
    align-items: center;
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.about-story-copy h2,
.about-section-head h2 {
    color: #08164c;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.14;
    margin: 0;
}

.about-story-copy p {
    color: #10255d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
    margin: 14px 0 22px;
}

.about-stats-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.about-stat-card,
.about-feature-card {
    background: var(--flight-surface-base);
    border: 1px solid var(--flight-border-soft);
    border-radius: 8px;
    box-shadow: var(--flight-shadow-card);
    text-align: center;
}

.about-stat-card {
    min-height: 116px;
    padding: 18px 10px 14px;
}

.about-stat-card i,
.about-feature-card i {
    color: #0057dc;
    display: block;
}

.about-stat-card i {
    font-size: 26px;
    margin-bottom: 12px;
}

.about-stat-card strong {
    color: #08164c;
    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 6px;
}

.about-stat-card span {
    color: #10255d;
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

.about-story-media {
    border-radius: 12px;
    min-height: 330px;
    position: relative;
}

.about-story-media > img {
    border-radius: 12px;
    height: 330px;
    object-fit: cover;
    width: 100%;
}

.about-trust-card {
    align-items: center;
    background: #0057dc;
    border-radius: 8px;
    bottom: -26px;
    box-shadow: 0 18px 40px rgba(0, 87, 220, 0.22);
    color: #ffffff;
    display: flex;
    gap: 18px;
    left: 28px;
    max-width: 430px;
    padding: 22px 24px;
    position: absolute;
}

.about-trust-card i {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.64);
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 22px;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.about-trust-card strong,
.about-trust-card span {
    display: block;
}

.about-trust-card strong {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 7px;
}

.about-trust-card span {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    opacity: 0.92;
}

.about-choose-section {
    padding: 42px 0 34px;
}

.about-section-head {
    margin: 0 auto 30px;
    max-width: 680px;
    text-align: center;
}

.about-section-head .about-eyebrow {
    margin-bottom: 10px;
}

.about-section-head h2::after {
    background: #0057dc;
    border-radius: 999px;
    content: "";
    display: block;
    height: 3px;
    margin: 12px auto 0;
    width: 54px;
}

.about-feature-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.about-feature-card {
    min-height: 164px;
    padding: 20px 12px 16px;
}

.about-feature-card i {
    font-size: 28px;
    margin-bottom: 16px;
}

.about-feature-card h3 {
    color: #08164c;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 9px;
}

.about-feature-card p {
    color: #10255d;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    margin: 0;
}

.about-purpose-section {
    background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
    padding: 18px 0 24px;
}

.about-purpose-grid {
    align-items: stretch;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(260px, 1.2fr) repeat(3, minmax(0, 1fr));
}

.about-purpose-image {
    border-radius: 0 36px 0 0;
    overflow: hidden;
}

.about-purpose-image img {
    height: 210px;
    object-fit: cover;
    width: 100%;
}

.about-purpose-card {
    background: transparent;
    border-left: 1px solid var(--flight-border-soft);
    padding: 18px 8px 18px 28px;
}

.about-purpose-card > i {
    align-items: center;
    background: #0057dc;
    border-radius: 50%;
    color: #ffffff;
    display: inline-flex;
    font-size: 24px;
    height: 48px;
    justify-content: center;
    margin-bottom: 14px;
    width: 48px;
}

.about-purpose-card h3 {
    color: #08164c;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 12px;
}

.about-purpose-card p,
.about-values-card li {
    color: #10255d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.65;
}

.about-purpose-card p {
    margin: 0;
}

.about-values-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.about-values-card li {
    align-items: center;
    display: flex;
    gap: 9px;
    margin-bottom: 6px;
}

.about-values-card li::before {
    align-items: center;
    background: #23b14d;
    border-radius: 50%;
    color: #ffffff;
    content: "\f00c";
    display: inline-flex;
    flex: 0 0 auto;
    font-family: "Font Awesome 5 Free";
    font-size: 8px;
    font-weight: 900;
    height: 16px;
    justify-content: center;
    width: 16px;
}

.about-partners-section {
    background: #f5f9ff;
    padding: 4px 0 34px;
    text-align: center;
}

.about-partners-section h2 {
    color: #10255d;
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 16px;
}

.about-partner-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.about-partner-grid span {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--flight-border-soft);
    border-radius: 6px;
    color: #0057dc;
    display: inline-flex;
    font-size: 17px;
    font-weight: 800;
    justify-content: center;
    min-height: 44px;
    padding: 8px 12px;
}

.main-content-with-header {
    margin-top: none !important;
    max-width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
}

@media (max-width: 1199px) {
    .about-hero-copy h1 {
        font-size: 46px;
    }

    .about-feature-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .about-purpose-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .about-purpose-image {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991px) {
    .about-hero-grid,
    .about-story-grid {
        grid-template-columns: 1fr;
    }

    .about-hero-media {
        margin-right: 0;
    }

    .about-hero-section {
        padding-bottom: 52px;
    }

    .about-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-partner-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .about-page-shell {
        padding-left: 16px;
        padding-right: 16px;
    }

    .about-hero-section {
        padding-top: 22px;
    }

    .about-breadcrumb {
        margin-bottom: 26px;
    }

    .about-hero-copy h1 {
        font-size: 38px;
    }

    .about-hero-copy p,
    .about-story-copy p {
        font-size: 13px;
    }

    .about-hero-media img {
        height: 250px;
    }

    .about-story-section,
    .about-choose-section {
        padding-top: 34px;
    }

    .about-story-copy h2,
    .about-section-head h2 {
        font-size: 28px;
    }

    .about-story-media,
    .about-story-media > img {
        min-height: 290px;
    }

    .about-story-media > img {
        height: 290px;
    }

    .about-trust-card {
        left: 16px;
        right: 16px;
        max-width: none;
        padding: 18px;
    }

    .about-feature-grid,
    .about-purpose-grid {
        grid-template-columns: 1fr;
    }

    .about-purpose-card {
        border-left: 0;
        border-top: 1px solid var(--flight-border-soft);
        padding: 22px 0 0;
    }
}

@media (max-width: 575px) {
    .about-hero-copy h1 {
        font-size: 32px;
    }

    .about-stats-grid,
    .about-partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-feature-grid {
        grid-template-columns: 1fr;
    }

    .about-feature-card {
        min-height: auto;
    }
}

/* Agent flight booking reference layout */
body:has(.flight-booking-hero) {
    background: #f5f9ff;
}

.main-content-holder:has(.flight-booking-hero) {
    background: #f3f8ff url("/images/search-plane.png") center top / 100% 520px no-repeat !important;
    min-height: auto;
    padding: 18px 0 18px;
}

.main-content-holder:has(.flight-booking-hero)::before,
.main-content-holder:has(.flight-booking-hero)::after {
    display: none;
}

.main-content-holder:has(.flight-booking-hero) .container {
    max-width: none !important;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 80px);
}

.flight-booking-hero {
    align-items: flex-start;
    color: #08164c;
    display: flex;
    min-height: 86px;
    padding: 26px 42px;
    position: relative;
    z-index: 2;
}

.flight-booking-hero h1 {
    color: #08164c;
    font-family: var(--flight-font-family);
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0 0 5px;
}

.flight-booking-hero p {
    color: #5b6682;
    font-family: var(--flight-font-family);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 0 2px;
    max-width: 620px;
}

.main-content-holder:has(.flight-booking-hero) .filter-box {
    max-width: none;
}

.main-content-holder:has(.flight-booking-hero) .card-nav-menu {
    display: none;
}

.main-content-holder:has(.flight-booking-hero) .flight-search-shell {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    max-width: none;
    padding: 0;
}

.main-content-holder:has(.flight-booking-hero) .trip-type-div {
    justify-content: flex-start;
    margin: 0 0 12px !important;
    padding-left: 14px;
    position: relative;
    z-index: 4;
}

.main-content-holder:has(.flight-booking-hero) .trip-type {
    background: #ffffff;
    border: 1px solid #e4ebf5;
    border-radius: 6px;
    box-shadow: 0 10px 26px rgba(21, 47, 92, 0.1) !important;
    gap: 0;
    overflow: hidden;
    padding: 0;
}

.main-content-holder:has(.flight-booking-hero) .trip-type .form-check {
    cursor: pointer;
}

.main-content-holder:has(.flight-booking-hero) .trip-type .form-check-label {
    border-radius: 0;
    color: #1c2b56;
    cursor: pointer;
    gap: 10px;
    height: 42px;
    min-width: 145px;
    pointer-events: auto;
    position: relative;
    z-index: 2;
}

.main-content-holder:has(.flight-booking-hero) .trip-type .form-check-input:checked + .form-check-label,
.main-content-holder:has(.flight-booking-hero) .trip-type .form-check:has(.form-check-input:checked) .form-check-label {
    background: linear-gradient(135deg, #0759ff 0%, #0546d9 100%) !important;
    box-shadow: 0 9px 20px rgba(5, 70, 217, 0.22) !important;
    color: #ffffff !important;
}

.main-content-holder:has(.flight-booking-hero) .top-direct-flight {
    display: none;
}

.main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.oneway,
.main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.round_trip {
    background: #ffffff;
    border: 1px solid #e5edf7;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(16, 42, 84, 0.08);
    gap: 0 !important;
    grid-template-columns: 1.4fr 1.4fr 1fr 1fr 1.22fr 1.05fr !important;
    padding: 20px 14px;
}

.main-content-holder:has(.flight-booking-hero) .form-city-display,
.main-content-holder:has(.flight-booking-hero) .to-city-display,
.main-content-holder:has(.flight-booking-hero) .departure-date-display,
.main-content-holder:has(.flight-booking-hero) .return-date-display,
.main-content-holder:has(.flight-booking-hero) .traveler-display,
.main-content-holder:has(.flight-booking-hero) .travel-airline-display {
    border: 0;
    border-left: 1px solid #e7edf6;
    border-radius: 0;
    min-height: 130px;
    padding: 12px 22px 9px;
}

.main-content-holder:has(.flight-booking-hero) .form-city-display {
    border-left: 0;
}

.main-content-holder:has(.flight-booking-hero) .form-city-display .ui-widget > span:first-child,
.main-content-holder:has(.flight-booking-hero) .to-city-display .ui-widget > span:first-child,
.main-content-holder:has(.flight-booking-hero) .departure-date-display .ui-widget > span:first-child,
.main-content-holder:has(.flight-booking-hero) .return-date-display .ui-widget > div:first-child,
.main-content-holder:has(.flight-booking-hero) .traveler-display .traveler > span:first-child,
.main-content-holder:has(.flight-booking-hero) .travel-airline-display .ui-widget > span:first-child {
    color: #34405f;
    font-size: 12px;
    margin-bottom: 12px;
}

.main-content-holder:has(.flight-booking-hero) .form-city-display .city_name,
.main-content-holder:has(.flight-booking-hero) .to-city-display .city_name,
.main-content-holder:has(.flight-booking-hero) .departure-date-display .show_startdate,
.main-content-holder:has(.flight-booking-hero) .return-date-display .show_startdate,
.main-content-holder:has(.flight-booking-hero) .traveler-display .traveler_count,
.main-content-holder:has(.flight-booking-hero) .travel-airline-display .airline_name {
    color: #111b45;
    font-size: 18px !important;
}

.main-content-holder:has(.flight-booking-hero) .form-city-display .city_place_name,
.main-content-holder:has(.flight-booking-hero) .to-city-display .city_place_name {
    background: #eef8f0;
    border: 1px solid #d8eedc;
    border-radius: 6px;
    color: #445672;
    font-size: 14px;
    line-height: 1.25;
    margin-top: 10px;
    max-width: 100%;
    overflow: hidden;
    padding: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-content-holder:has(.flight-booking-hero) .swap-div {
    border-color: #e6edf7;
    box-shadow: 0 10px 26px rgba(25, 64, 128, 0.13);
    height: 44px;
    left: calc(100% / 6.05) !important;
    top: 50%;
    width: 44px;
}

.main-content-holder:has(.flight-booking-hero) .flight-bottom-row {
    display: none !important;
}

.main-content-holder:has(.flight-booking-hero) .fares-type {
    align-items: flex-start !important;
}

.main-content-holder:has(.flight-booking-hero) .direct-flight-wrap {
    display: none !important;
}

.main-content-holder:has(.flight-booking-hero) .search-btn-div {
    align-self: center;
    justify-self: center;
    padding: 0 !important;
    width: 100%;
}

.main-content-holder:has(.flight-booking-hero) .search-btn {
    background: linear-gradient(135deg, #0759ff 0%, #0644d4 100%) !important;
    border-radius: 6px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    height: 62px !important;
    max-width: 360px;
    text-transform: uppercase;
    width: 100%;
}

.main-content-holder:has(.flight-booking-hero) .search-btn::before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 12px;
}

.flight-reference-row,
.flight-deal-banner,
.flight-trust-strip {
    background: #ffffff;
    border: 1px solid #e5edf7;
    border-radius: 10px;
    box-shadow: 0 12px 34px rgba(16, 42, 84, 0.08);
    margin-top: 0;
}

.flight-search-meta-row {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) minmax(230px, 0.72fr);
    padding: 22px 24px;
}

.flight-meta-search {
    align-items: center;
    display: flex;
    justify-content: center;
}

.flight-meta-group {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.flight-popular-searches,
.flight-recent-searches {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.flight-meta-title {
    color: #354160;
    display: block;
    flex: 0 0 100%;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.flight-meta-group button {
    background: #ffffff;
    border: 1px solid #e0e7f1;
    border-radius: 6px;
    color: #26365f;
    font-family: var(--flight-font-family);
    font-size: 12px;
    font-weight: 700;
    min-height: 32px;
    padding: 0 12px;
}

.flight-empty-recent {
    color: #7c89a4;
    font-family: var(--flight-font-family);
    font-size: 12px;
    font-weight: 700;
}

.flight-meta-group button i {
    color: #0759ff;
    font-size: 10px;
    margin: 0 4px;
}

.flight-recent-group {
    justify-self: end;
    min-width: 280px;
}

.flight-meta-group .flight-clear-btn {
    border-color: transparent;
    color: #0759ff;
}

.flight-filter-chip-row {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    padding: 22px 24px;
}

.flight-filter-chip-row > .flight-meta-title {
    grid-column: 1 / -1;
}

.flight-filter-chip {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e0e7f1;
    border-radius: 7px;
    color: #1f2f5a;
    cursor: pointer;
    display: flex;
    font-family: var(--flight-font-family);
    gap: 14px;
    min-height: 54px;
    padding: 10px 14px;
    text-align: left;
    text-decoration: none;
}

.flight-filter-chip:hover {
    border-color: #b9c8df;
    color: #0759ff;
}

.flight-filter-chip i {
    color: #0759ff;
    flex: 0 0 24px;
    font-size: 20px;
    text-align: center;
}

.flight-filter-chip strong,
.flight-filter-chip small {
    display: block;
}

.flight-filter-chip strong {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.flight-filter-chip small {
    color: #62708e;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    margin-top: 2px;
}

.flight-deal-banner {
    align-items: center;
    background:
        linear-gradient(90deg, rgba(0, 86, 190, 0.98) 0%, rgba(0, 86, 190, 0.9) 55%, rgba(0, 86, 190, 0.72) 100%),
        url("/images/search-plane1.png") right center / auto 100% no-repeat;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    min-height: 170px;
    overflow: hidden;
    padding: 24px 36px;
    position: relative;
}

.flight-deal-banner h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 8px;
}

.flight-deal-banner p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 14px;
    max-width: 360px;
}

.flight-deal-banner a {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 5px;
    color: #ffffff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 10px;
    min-height: 40px;
    padding: 0 16px;
    text-decoration: none;
}

.flight-deal-plane {
    color: #ffffff;
    font-size: 34px;
    margin-right: 38%;
    transform: rotate(-28deg);
}

.flight-trust-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 22px 18px;
}

.flight-trust-strip > div {
    align-items: center;
    border-right: 1px solid #dfe7f2;
    display: flex;
    gap: 18px;
    padding: 0 30px;
}

.flight-trust-strip > div:last-child {
    border-right: 0;
}

.flight-trust-strip i {
    color: #0759ff;
    flex: 0 0 44px;
    font-size: 34px;
    text-align: center;
}

.flight-trust-strip strong,
.flight-trust-strip small {
    display: block;
}

.flight-trust-strip strong {
    color: #152852;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 5px;
}

.flight-trust-strip small {
    color: #5b6682;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.multi_city {
    background: #ffffff;
    border: 1px solid #e5edf7;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(16, 42, 84, 0.08);
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    padding: 18px 14px;
}

@media (max-width: 1320px) {
    .main-content-holder:has(.flight-booking-hero)::after {
        opacity: 0.7;
        right: 20px;
        width: 360px;
    }

    .flight-filter-chip-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .flight-trust-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 18px;
    }

    .flight-trust-strip > div:nth-child(2) {
        border-right: 0;
    }
}

@media (max-width: 991px) {
    .main-content-holder:has(.flight-booking-hero) {
        padding-top: 24px;
    }

    .main-content-holder:has(.flight-booking-hero)::after {
        display: none;
    }

    .flight-booking-hero {
        min-height: 104px;
    }

    .flight-booking-hero h1 {
        font-size: 34px;
    }

    .main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.oneway,
    .main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.round_trip,
    .main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.multi_city {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .main-content-holder:has(.flight-booking-hero) .form-city-display,
    .main-content-holder:has(.flight-booking-hero) .to-city-display,
    .main-content-holder:has(.flight-booking-hero) .departure-date-display,
    .main-content-holder:has(.flight-booking-hero) .return-date-display,
    .main-content-holder:has(.flight-booking-hero) .traveler-display,
    .main-content-holder:has(.flight-booking-hero) .travel-airline-display {
        border-left: 0;
        border-top: 1px solid #e7edf6;
    }

    .main-content-holder:has(.flight-booking-hero) .form-city-display,
    .main-content-holder:has(.flight-booking-hero) .to-city-display {
        border-top: 0;
    }

    .main-content-holder:has(.flight-booking-hero) .swap-div {
        left: 50% !important;
        top: 72px;
    }

    .main-content-holder:has(.flight-booking-hero) .flight-bottom-row,
    .flight-search-meta-row {
        grid-template-columns: 1fr;
    }

    .flight-search-meta-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .flight-filter-chip-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .flight-booking-hero {
        padding: 0;
    }

    .flight-booking-hero h1 {
        font-size: 30px;
    }

    .flight-booking-hero p {
        font-size: 13px;
    }

    .main-content-holder:has(.flight-booking-hero) .trip-type-div {
        overflow-x: auto;
        padding-left: 0;
    }

    .main-content-holder:has(.flight-booking-hero) .trip-type .form-check-label {
        min-width: 132px;
    }

    .main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.oneway,
    .main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.round_trip,
    .main-content-holder:has(.flight-booking-hero) .flight-filter-box.flight.multi_city,
    .flight-filter-chip-row,
    .flight-trust-strip {
        grid-template-columns: 1fr !important;
    }

    .main-content-holder:has(.flight-booking-hero) .form-city-display,
    .main-content-holder:has(.flight-booking-hero) .to-city-display,
    .main-content-holder:has(.flight-booking-hero) .departure-date-display,
    .main-content-holder:has(.flight-booking-hero) .return-date-display,
    .main-content-holder:has(.flight-booking-hero) .traveler-display,
    .main-content-holder:has(.flight-booking-hero) .travel-airline-display {
        min-height: 104px;
        padding: 14px 16px;
    }

    .main-content-holder:has(.flight-booking-hero) .swap-div {
        right: 18px;
        left: auto !important;
        top: 112px;
        transform: none;
    }

    .flight-reference-row,
    .flight-deal-banner,
    .flight-trust-strip {
        border-radius: 10px;
    }

    .flight-search-meta-row,
    .flight-filter-chip-row,
    .flight-trust-strip {
        padding: 16px;
    }

    .flight-deal-banner {
        min-height: 0;
        padding: 22px;
    }

    .flight-deal-plane {
        display: none;
    }

    .flight-trust-strip > div {
        border-bottom: 1px solid #dfe7f2;
        border-right: 0;
        padding: 0 0 16px;
    }

    .flight-trust-strip > div:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }
}

/* Flight booking visual refinements */
.main-content-holder:has(.flight-booking-hero) {
    background: #f3f8ff url("/images/search-plane.png") center top / 100% 520px no-repeat !important;
}

.flight-deal-banner {
    background: #0759bf url("/images/search-plane1.png") center / cover no-repeat !important;
}

.flight-deal-plane {
    display: none;
}

.main-content-holder:has(.flight-booking-hero) .form-city-display,
.main-content-holder:has(.flight-booking-hero) .to-city-display,
.main-content-holder:has(.flight-booking-hero) .travel-airline-display {
    z-index: 80;
}

.main-content-holder:has(.flight-booking-hero) .from-search-box:not(.travel_airline_search_main_div):not(.travel_airline_search_main_div_round_trip):not(.travel_airline_search_main_div_0),
.main-content-holder:has(.flight-booking-hero) .to-search-box {
   background: #ffffff;
    border: 1px solid #dfe7f2;
    border-radius: 6px;
    box-shadow: 0 18px 42px rgba(16, 42, 84, 0.16);
    margin-top: 12px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10020;
}

.main-content-holder:has(.flight-booking-hero) .from-search-box:not(.travel_airline_search_main_div):not(.travel_airline_search_main_div_round_trip):not(.travel_airline_search_main_div_0) .search,
.main-content-holder:has(.flight-booking-hero) .to-search-box .search {
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #e6edf7;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    grid-template-columns: 20px minmax(0, 1fr);
    min-height: 50px;
    padding: 0 14px 0 0;
    position: relative;
    width: 100%;
}

.main-content-holder:has(.flight-booking-hero) .from-search-box:not(.travel_airline_search_main_div):not(.travel_airline_search_main_div_round_trip):not(.travel_airline_search_main_div_0) .search .fa-search,
.main-content-holder:has(.flight-booking-hero) .to-search-box .search .fa-search {
    color: #5e6b8a;
    display: inline-flex;
    font-size: 14px;
    justify-content: center;
    line-height: 1;
    position: static !important;
    width: auto;
}

.main-content-holder:has(.flight-booking-hero) .from-search-box:not(.travel_airline_search_main_div):not(.travel_airline_search_main_div_round_trip):not(.travel_airline_search_main_div_0) input,
.main-content-holder:has(.flight-booking-hero) .to-search-box input {
    color: #17244d;
    font-family: var(--flight-font-family);
    font-size: 13px;
    font-weight: 600;
    height: 50px;
    min-width: 0;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
}

.main-content-holder:has(.flight-booking-hero) .from-search-box:not(.travel_airline_search_main_div):not(.travel_airline_search_main_div_round_trip):not(.travel_airline_search_main_div_0) input::placeholder,
.main-content-holder:has(.flight-booking-hero) .to-search-box input::placeholder {
    color: #7c89a4;
}

.ui-autocomplete.flight-city-autocomplete {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--flight-font-family) !important;
    left: auto !important;
    max-height: 292px;
    overflow-y: auto;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    width: 100% !important;
    z-index: 10030 !important;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.ui-autocomplete.flight-city-autocomplete::-webkit-scrollbar {
    display: none;
}

.ui-autocomplete.flight-city-autocomplete::before {
    color: #17244d;
    content: "Popular Cities";
    display: block;
    font-size: 11px;
    font-weight: 800;
    padding: 13px 16px 7px;
}

.ui-autocomplete.flight-city-autocomplete::after {
    background: #ffffff;
    border-top: 1px solid #e6edf7;
    color: #0759ff;
    content: "View all cities";
    display: block;
    font-size: 11px;
    font-weight: 800;
    padding: 11px 16px 12px;
    position: static;
}

.ui-autocomplete.flight-city-autocomplete li {
    border: 0 !important;
    margin: 0 !important;
}

.ui-autocomplete.flight-city-autocomplete .ui-menu-item-wrapper {
    padding: 0 !important;
}

.ui-autocomplete.flight-city-autocomplete .autocomplate-airport-name {
    align-items: center;
    background: #ffffff !important;
    color: #17244d !important;
    display: grid;
    gap: 10px;
    grid-template-columns: 22px minmax(0, 1fr) 38px;
    min-height: 48px;
    padding: 8px 16px !important;
}

.ui-autocomplete.flight-city-autocomplete .autocomplate-airport-name:hover,
.ui-autocomplete.flight-city-autocomplete .ui-state-active .autocomplate-airport-name {
    background: #f3f7ff !important;
}

.ui-autocomplete.flight-city-autocomplete .autocomplate-airport-name i {
    color: #0759ff;
    font-size: 15px;
    text-align: center;
}

.ui-autocomplete.flight-city-autocomplete .airport-desc span:first-child {
    color: #152852;
    display: block;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.ui-autocomplete.flight-city-autocomplete .airport-desc .other-text {
    color: #5e6b8a;
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 3px;
}

.ui-autocomplete.flight-city-autocomplete .autocomplate-airport-name > .other-text {
    color: #7c89a4;
    font-size: 11px;
    font-weight: 800;
    text-align: right;
}

/* Flight booking calendar dropdown */
.daterangepicker.flight-reference-calendar {
    background: #ffffff !important;
    border: 1px solid #dfe7f2 !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 46px rgba(16, 42, 84, 0.16) !important;
    color: #111b45 !important;
    font-family: var(--flight-font-family) !important;
    margin-top: 12px !important;
    padding: 20px 18px 18px !important;
    width: 310px !important;
    z-index: 10040 !important;
}

.daterangepicker.flight-reference-calendar::before,
.daterangepicker.flight-reference-calendar::after {
    display: none !important;
}

.daterangepicker.flight-reference-calendar .ranges,
.daterangepicker.flight-reference-calendar .drp-buttons,
.daterangepicker.flight-reference-calendar .drp-selected,
.daterangepicker.flight-reference-calendar .calendar-time,
.daterangepicker.flight-reference-calendar .drp-calendar.right {
    display: none !important;
}

.daterangepicker.flight-reference-calendar .drp-calendar.left {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

.daterangepicker.flight-reference-calendar .calendar-table {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.daterangepicker.flight-reference-calendar .calendar-table table {
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
    table-layout: fixed !important;
    width: 100% !important;
}

.daterangepicker.flight-reference-calendar .calendar-table th {
    color: #5e6b8a !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    height: 28px !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
}

.daterangepicker.flight-reference-calendar .calendar-table th.month {
    color: #111b45 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    height: 34px !important;
    line-height: 34px !important;
    text-transform: none !important;
}

.daterangepicker.flight-reference-calendar .calendar-table th.prev,
.daterangepicker.flight-reference-calendar .calendar-table th.next {
    border-radius: 50% !important;
    color: #111b45 !important;
    height: 34px !important;
    line-height: 34px !important;
    width: 34px !important;
}

.daterangepicker.flight-reference-calendar .calendar-table th.prev:hover,
.daterangepicker.flight-reference-calendar .calendar-table th.next:hover {
    background: #eef4ff !important;
}

.daterangepicker.flight-reference-calendar .calendar-table th.prev span,
.daterangepicker.flight-reference-calendar .calendar-table th.next span {
    border-color: #111b45 !important;
    padding: 4px !important;
}

.daterangepicker.flight-reference-calendar .calendar-table td {
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #111b45 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 34px !important;
}

.daterangepicker.flight-reference-calendar .calendar-table td.off,
.daterangepicker.flight-reference-calendar .calendar-table td.disabled {
    color: #b6bfd0 !important;
    font-weight: 700 !important;
}

.daterangepicker.flight-reference-calendar .calendar-table td.available:hover {
    background: #eef4ff !important;
    color: #0759ff !important;
}

.daterangepicker.flight-reference-calendar .calendar-table td.active,
.daterangepicker.flight-reference-calendar .calendar-table td.active:hover {
    background: #0759ff !important;
    box-shadow: 0 8px 18px rgba(7, 89, 255, 0.24) !important;
    color: #ffffff !important;
}

.flight-calendar-actions {
    border-top: 1px solid #e7edf6;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 12px;
    padding-top: 14px;
}

.flight-calendar-actions button {
    background: #ffffff;
    border: 1px solid #cfe0ff;
    border-radius: 6px;
    color: #0759ff;
    font-family: var(--flight-font-family);
    font-size: 11px;
    font-weight: 800;
    min-height: 36px;
    padding: 0 6px;
    white-space: nowrap;
}

.flight-calendar-actions button:hover {
    background: #eef4ff;
    border-color: #0759ff;
}

/* Frontend header */
.main-header {
    background: #ffffff;
    border-bottom: 1px solid #eef2f7;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.navbar {
    align-items: center;
    display: flex;
    height: 64px;
    justify-content: center;
    padding: 0 44px;
    width: 100%;
}

.navbar-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1620px;
    transition: all 0.3s ease;
    width: 100%;
}

.navbar-logo img {
    display: block;
    height: 46px;
    object-fit: contain;
}

.navbar-menu {
    align-items: center;
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.navbar-menu li {
    position: relative;
}

.navbar-menu a {
    align-items: center;
    color: #233049;
    display: inline-flex;
    font-size: 13px;
    font-weight: 500;
    gap: 6px;
    line-height: 1;
    padding: 7px 0 10px;
    text-decoration: none;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.navbar-menu a i {
    color: #233049;
    font-size: 14px;
    line-height: 1;
    transition: color 0.2s ease;
}

.navbar-menu a:hover,
.navbar-menu a.active {
    color: #00afef;
}

.navbar-menu a:hover i,
.navbar-menu a.active i {
    color: #00afef;
}

.navbar-menu a.active::after,
.navbar-menu a:hover::after {
    background-color: #00afef;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.header-enquiry-phone {
    align-items: center;
    display: flex;
    gap: 22px;
}

.header-enquiry-phone .phone {
    align-items: center;
    color: #13215c;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.header-enquiry-phone .phone img {
    height: 14px;
    margin-right: 7px;
    width: 14px;
}

.enquiry-btn {
    background-color: #0c0791;
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    min-width: 116px;
    padding: 15px 20px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.enquiry-btn:hover {
    background-color: #0759ff;
    color: #ffffff;
}

.navbar-toggler {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: none;
    flex-direction: column;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.navbar-toggler span {
    background: #101626;
    height: 2px;
    margin: 3px 0;
    transition: 0.3s;
    width: 24px;
}

.mobile-only {
    display: none;
}

@media (max-width: 1199px) {
    .navbar {
        padding-left: 24px;
        padding-right: 24px;
    }

    .navbar-menu {
        gap: 22px;
    }

    .header-enquiry-phone {
        gap: 16px;
    }
}

@media (max-width: 991px) {
    .navbar {
        height: 66px;
        padding: 0 18px;
    }

    .navbar-container {
        position: relative;
    }

    .navbar-logo img {
        height: 44px;
    }

    .navbar-toggler {
        display: inline-flex;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: flex;
    }

    .navbar-menu {
        align-items: flex-start;
        animation: slideDown 0.2s ease;
        background: #ffffff;
        border: 1px solid #e8edf5;
        border-radius: 8px;
        box-shadow: 0 16px 34px rgba(17, 24, 39, 0.1);
        display: none;
        flex-direction: column;
        gap: 0;
        left: 0;
        padding: 10px 14px 14px;
        position: absolute;
        right: 0;
        top: calc(100% + 10px);
    }

    .navbar-menu.open {
        display: flex;
    }

    .navbar-menu li {
        width: 100%;
    }

    .navbar-menu a {
        font-size: 14px;
        padding: 13px 0;
        width: 100%;
    }

    .navbar-menu a.active::after,
    .navbar-menu a:hover::after {
        bottom: 5px;
        width: 46px;
    }

    .navbar-menu .header-enquiry-phone {
        align-items: flex-start;
        border-top: 1px solid #eef2f7;
        flex-direction: column;
        gap: 12px;
        margin-top: 6px;
        padding-top: 14px;
    }

    .navbar-menu .enquiry-btn {
        width: 100%;
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Agent markup management */
.markup-management-page {
    background: #f4f8ff;
    color: #101b4d;
    font-family: var(--flight-font-family);
    min-height: calc(100vh - 82px);
    padding: 26px 34px 40px;
}

.markup-page-container {
    margin: 0 auto;
    max-width: 1840px;
}

.markup-page-heading {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.markup-breadcrumb {
    align-items: center;
    color: #496190;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 12px;
    line-height: 1;
    margin-bottom: 18px;
}

.markup-breadcrumb i {
    color: #4076c8;
    font-size: 13px;
}

.markup-breadcrumb .fa-chevron-right {
    color: #8aa0c4;
    font-size: 10px;
}

.markup-page-heading h1 {
    color: #101b4d;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 0 0 8px;
}

.markup-page-heading p {
    color: #22315f;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.markup-heading-actions {
    align-items: center;
    display: flex;
    gap: 20px;
    padding-top: 44px;
}

.markup-btn {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    min-height: 50px;
    padding: 0 24px;
    white-space: nowrap;
}

.markup-btn-primary {
    background: #0759ff;
    border: 1px solid #0759ff;
    box-shadow: 0 12px 24px rgba(7, 89, 255, 0.16);
    color: #ffffff;
}

.markup-btn-primary:hover {
    background: #004ee2;
    border-color: #004ee2;
    color: #ffffff;
}

.markup-btn-outline,
.markup-btn-light,
.markup-sort-btn {
    background: #ffffff;
    border: 1px solid #d9e5f6;
    color: #0759ff;
}

.markup-btn-outline:hover,
.markup-btn-light:hover,
.markup-sort-btn:hover {
    background: #eef5ff;
    color: #0759ff;
}

.markup-page-grid {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) 380px;
}

.markup-main-column,
.markup-side-column {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.markup-panel {
    background: #ffffff;
    border: 1px solid #e3ebf7;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(18, 45, 93, 0.08);
}

.markup-filter-panel {
    padding: 26px 24px;
}

.markup-filter-grid {
    display: grid;
    gap: 22px 34px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.markup-field label {
    color: #101b4d;
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 12px;
}

.markup-field .form-select,
.markup-field .form-control,
.markup-date-control,
.markup-field .select2-container--bootstrap-5 .select2-selection {
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #d7e3f4;
    border-radius: 6px;
    box-shadow: none;
    color: #122154;
    display: flex;
    font-family: var(--flight-font-family);
    font-size: 13px;
    font-weight: 700;
    min-height: 50px;
    padding: 0 16px;
}

.markup-field .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #122154;
    font-size: 13px;
    font-weight: 700;
    line-height: 48px;
    padding: 0;
}

.markup-field .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.markup-search-field .input-group {
    flex-wrap: nowrap;
}

.markup-search-field .form-control {
    border-right: 0;
}

.markup-search-field .input-group-text {
    background: #ffffff;
    border: 1px solid #d7e3f4;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    color: #8aa0c4;
    min-height: 50px;
}

.markup-date-field {
    grid-column: span 2;
}

.markup-date-control {
    gap: 12px;
    max-width: 390px;
}

.markup-date-control i {
    color: #315593;
}

.markup-filter-actions {
    align-items: end;
    display: flex;
    gap: 22px;
    grid-column: 4 / span 2;
    justify-content: flex-end;
}

.markup-list-panel {
    overflow: hidden;
    padding: 22px 24px 18px;
}

.markup-list-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.markup-list-header h2,
.markup-summary-panel h2,
.markup-quick-panel h2 {
    color: #101b4d;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
}

.markup-table-tools {
    display: none;
}

.markup-table-responsive {
    overflow-x: auto;
}

.markup-table {
    border-collapse: separate;
    border-spacing: 0;
    color: #152852;
    margin: 0 !important;
    min-width: 980px;
}

.markup-table thead th {
    background: #f6f9fe;
    border: 0;
    color: #152852;
    font-size: 12px;
    font-weight: 800;
    height: 50px;
    padding: 0 20px;
    vertical-align: middle;
}

.markup-table tbody td {
    border-color: #e4ebf4;
    color: #122154;
    font-size: 13px;
    font-weight: 600;
    height: 54px;
    padding: 0 20px;
    vertical-align: middle;
}

.markup-service-cell {
    align-items: center;
    display: inline-flex;
    gap: 12px;
}

.markup-service-cell i {
    align-items: center;
    background: #eef5ff;
    border-radius: 5px;
    color: #0759ff;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.markup-status {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    min-height: 26px;
    padding: 0 13px;
}

.markup-status-active {
    background: #d9f6ea;
    color: #008b55;
}

.markup-action-list {
    align-items: center;
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.markup-action-list a,
.markup-action-list i {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dce8fa;
    border-radius: 5px;
    color: #0759ff;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    text-decoration: none;
    width: 30px;
}

.markup-action-list .fa-trash {
    border-color: #ffd6d6;
    color: #ff3b3b;
}

.markup-datatable-footer {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding-top: 24px;
}

.markup-datatable-footer .dataTables_info {
    color: #122154;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
}

.markup-datatable-footer .pagination {
    gap: 12px;
    margin: 0;
}

.markup-datatable-footer .page-link {
    align-items: center;
    border: 1px solid #d7e3f4;
    border-radius: 5px;
    color: #122154;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    min-width: 38px;
    padding: 0 12px;
}

.markup-datatable-footer .page-item.active .page-link {
    background: #0759ff;
    border-color: #0759ff;
    color: #ffffff;
}

.markup-side-column .markup-panel {
    padding: 24px;
}

.markup-summary-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 22px;
}

.markup-summary-card {
    border: 1px solid #dfe8f6;
    border-radius: 7px;
    display: grid;
    gap: 2px 12px;
    grid-template-columns: 40px minmax(0, 1fr);
    min-height: 88px;
    padding: 18px 14px;
}

.markup-summary-card span {
    align-items: center;
    background: #eef5ff;
    border-radius: 6px;
    color: #0759ff;
    display: inline-flex;
    grid-row: span 2;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.markup-summary-card strong {
    color: #152852;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.markup-summary-card small {
    color: #4c5f89;
    font-size: 11px;
    font-weight: 700;
}

.markup-quick-panel button {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e4ebf4;
    color: #122154;
    display: flex;
    justify-content: space-between;
    min-height: 78px;
    padding: 0;
    text-align: left;
    width: 100%;
}

.markup-quick-panel button:last-child {
    border-bottom: 0;
}

.markup-quick-panel strong,
.markup-quick-panel small {
    display: block;
}

.markup-quick-panel strong {
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 5px;
}

.markup-quick-panel small {
    color: #40527c;
    font-size: 12px;
    font-weight: 600;
}

.markup-quick-panel button > i {
    color: #0759ff;
    font-size: 20px;
}

.markup-note-panel {
    background: #fff6e9;
    border: 1px solid #ffe7bf;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(175, 110, 0, 0.08);
    padding: 22px 24px;
}

.markup-note-panel h2 {
    align-items: center;
    color: #101b4d;
    display: flex;
    font-size: 15px;
    font-weight: 800;
    gap: 9px;
    margin: 0 0 20px;
}

.markup-note-panel h2 i {
    color: #ffb12b;
}

.markup-note-panel p {
    color: #253866;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
    margin: 0 0 12px;
}

.markup-note-panel a {
    color: #0759ff;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 1320px) {
    .markup-page-grid {
        grid-template-columns: 1fr;
    }

    .markup-side-column {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .markup-note-panel {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991px) {
    .markup-management-page {
        padding: 22px 18px 34px;
    }

    .markup-page-heading {
        flex-direction: column;
    }

    .markup-heading-actions {
        padding-top: 0;
    }

    .markup-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .markup-date-field,
    .markup-filter-actions {
        grid-column: span 2;
    }

    .markup-side-column {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .markup-heading-actions,
    .markup-filter-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .markup-filter-grid,
    .markup-summary-grid {
        grid-template-columns: 1fr;
    }

    .markup-date-field,
    .markup-filter-actions {
        grid-column: span 1;
    }

    .markup-datatable-footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Markup reference refresh */
.markup-management-page {
    background: #f4f8ff;
    min-height: calc(100vh - 82px);
    padding: 22px 32px 36px;
}

.markup-page-container {
    max-width: 1880px;
}

.markup-page-heading {
    align-items: flex-end;
    margin-bottom: 26px;
}

.markup-breadcrumb {
    color: #345292;
    font-size: 12px;
    gap: 9px;
    margin-bottom: 22px;
}

.markup-page-heading h1 {
    color: #08164c;
    font-size: 31px;
    font-weight: 900;
    line-height: 1.08;
    margin-bottom: 10px;
}

.markup-page-heading p {
    color: #08164c;
    font-size: 15px;
    font-weight: 800;
}

.markup-heading-actions {
    gap: 20px;
    padding-top: 0;
}

.markup-btn {
    border-radius: 7px;
    font-size: 14px;
    font-weight: 900;
    gap: 12px;
    min-height: 50px;
    padding: 0 26px;
}

.markup-btn-outline {
    border-color: #d7e4f7;
    box-shadow: 0 8px 18px rgba(18, 45, 93, 0.04);
}

.markup-btn-primary {
    background: #0759ff;
    border-color: #0759ff;
    box-shadow: 0 14px 26px rgba(7, 89, 255, 0.18);
}

.markup-page-grid {
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) 380px;
}

.markup-main-column,
.markup-side-column {
    gap: 22px;
}

.markup-panel {
    border: 1px solid #dfe9f7;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(18, 45, 93, 0.07);
}

.markup-filter-panel {
    padding: 28px 24px 26px;
}

.markup-filter-grid {
    align-items: end;
    gap: 24px 34px;
    grid-template-columns: 250px 250px 250px 250px minmax(240px, 1fr);
}

.markup-field label {
    color: #06164b;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 12px;
}

.markup-field .form-select,
.markup-field .form-control,
.markup-date-control,
.markup-field .select2-container--bootstrap-5 .select2-selection {
    border-color: #d4e1f3;
    border-radius: 6px;
    color: #06164b;
    font-size: 13px;
    font-weight: 800;
    min-height: 50px;
}

.markup-search-field {
    min-width: 0;
}

.markup-search-field .form-control {
    min-width: 0;
}

.markup-search-field .input-group-text {
    border-color: #d4e1f3;
    color: #06164b;
    min-width: 52px;
}

.markup-date-field {
    grid-column: span 2;
}

.markup-date-control {
    max-width: 390px;
}

.markup-filter-actions {
    grid-column: 4 / span 2;
    justify-content: flex-end;
}

.markup-list-panel {
    padding: 24px 24px 18px;
}

.markup-list-header {
    margin-bottom: 22px;
}

.markup-list-header h2,
.markup-summary-panel h2,
.markup-quick-panel h2 {
    color: #08164c;
    font-size: 20px;
    font-weight: 900;
}

.markup-table thead th {
    background: #f4f8fd;
    color: #07164b;
    font-size: 12px;
    font-weight: 900;
    height: 50px;
}

.markup-table tbody td {
    color: #07164b;
    font-size: 13px;
    font-weight: 700;
    height: 54px;
}

.markup-service-cell i {
    background: #eef5ff;
    color: #0759ff;
}

.markup-status-active {
    background: #d8f6e9;
    color: #008f56;
}

.markup-side-column .markup-panel {
    padding: 26px 24px;
}

.markup-summary-grid {
    gap: 14px;
    margin-top: 22px;
}

.markup-summary-card {
    align-items: center;
    border-color: #dce8f7;
    gap: 0 14px;
    min-height: 94px;
    padding: 18px 16px;
}

.markup-summary-card span {
    background: #eef5ff;
    color: #0759ff;
}

.markup-summary-card strong {
    color: #07164b;
    font-size: 22px;
    font-weight: 900;
}

.markup-summary-card small {
    color: #203565;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
}

.markup-quick-panel button {
    min-height: 78px;
}

.markup-quick-panel strong {
    color: #07164b;
    font-size: 14px;
    font-weight: 900;
}

.markup-quick-panel small {
    color: #203565;
    font-size: 12px;
    font-weight: 700;
}

.markup-quick-panel button > i {
    color: #0759ff;
}

.markup-note-panel {
    background: #fff7e8;
    border-color: #ffe5b8;
}

.markup-kpi-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.markup-kpi-card {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e4edf8;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(18, 45, 93, 0.07);
    display: grid;
    gap: 14px;
    grid-template-columns: 52px minmax(0, 1fr);
    min-height: 78px;
    padding: 14px 20px;
}

.markup-kpi-icon {
    align-items: center;
    background: #eaf3ff;
    border-radius: 50%;
    color: #0759ff;
    display: inline-flex;
    font-size: 21px;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.markup-kpi-card small,
.markup-kpi-card strong,
.markup-kpi-card em {
    display: block;
    font-style: normal;
    line-height: 1.15;
}

.markup-kpi-card small {
    color: #07164b;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 6px;
}

.markup-kpi-card strong {
    color: #07164b;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 6px;
}

.markup-kpi-card em {
    color: #08a66a;
    font-size: 11px;
    font-weight: 800;
}

.markup-kpi-percent .markup-kpi-icon {
    background: #eaf3ff;
    color: #0759ff;
}

.markup-kpi-fixed .markup-kpi-icon {
    background: #fff4df;
    color: #ffae26;
}

.markup-kpi-active .markup-kpi-icon {
    background: #e6fbf3;
    color: #11b978;
}

.markup-kpi-inactive .markup-kpi-icon {
    background: #fff0f0;
    color: #ff4a4a;
}

.markup-table-tools {
    align-items: center;
    display: flex;
    gap: 14px;
}

.markup-table-tools .markup-btn {
    font-size: 12px;
    min-height: 40px;
    padding: 0 16px;
}

.markup-table {
    border-collapse: collapse;
    min-width: 1260px;
}

.markup-table thead th {
    background: #f4f8fd;
    border: 0;
    color: #07164b;
    font-size: 11px;
    height: 44px;
    padding: 0 14px;
}

.markup-table thead th:first-child {
    border-radius: 7px 0 0 7px;
    width: 34px;
}

.markup-table thead th:last-child {
    border-radius: 0 7px 7px 0;
}

.markup-table tbody td {
    border-bottom: 1px solid #e2ebf6;
    color: #07164b;
    font-size: 12px;
    font-weight: 800;
    height: 54px;
    padding: 0 14px;
}

.markup-drag-handle {
    color: #8fa3c3;
    cursor: grab;
    display: inline-flex;
    font-size: 14px;
}

.markup-priority-badge {
    align-items: center;
    background: #e8f2ff;
    border-radius: 5px;
    color: #0759ff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    min-width: 22px;
    padding: 0 6px;
}

.markup-service-cell {
    gap: 10px;
}

.markup-service-cell i {
    border-radius: 5px;
    height: 24px;
    width: 24px;
}

.markup-type-pill {
    align-items: center;
    background: #dcecff;
    border-radius: 999px;
    color: #0759ff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    min-height: 22px;
    padding: 0 10px;
}

.markup-value {
    color: #07164b;
    font-size: 12px;
    font-weight: 900;
}

.markup-status {
    background: transparent;
    gap: 6px;
    min-height: 0;
    padding: 0;
}

.markup-status i {
    background: currentColor;
    border-radius: 50%;
    display: inline-flex;
    height: 6px;
    width: 6px;
}

.markup-action-list {
    gap: 12px;
}

.markup-action-list a,
.markup-action-list i,
.markup-row-toggle {
    border-radius: 5px;
    height: 24px;
    width: 24px;
}

.markup-action-list a,
.markup-action-list i {
    background: #eaf3ff;
    border: 0;
    color: #0759ff;
    font-size: 12px;
}

.markup-action-list .fa-copy {
    background: #f0f6ff;
    color: #7aa0dc;
}

.markup-action-list .fa-trash {
    background: #fff0f0;
    border: 0;
    color: #ff4a4a;
}

.markup-row-toggle {
    background: #0759ff;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    width: 32px;
}

.markup-row-toggle::after {
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(8, 22, 76, 0.2);
    content: "";
    height: 14px;
    position: absolute;
    right: 4px;
    top: 5px;
    width: 14px;
}

.markup-datatable-footer {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
    padding-top: 20px;
}

.markup-datatable-footer .dataTables_info {
    font-size: 12px;
    font-weight: 800;
}

.markup-datatable-footer .dataTables_paginate {
    justify-self: center;
}

.markup-datatable-footer .pagination {
    gap: 10px;
}

.markup-datatable-footer .page-link {
    border-radius: 5px;
    font-size: 12px;
    height: 34px;
    min-width: 34px;
}

.markup-datatable-footer .dataTables_length {
    color: #07164b;
    font-size: 12px;
    font-weight: 800;
    justify-self: end;
}

.markup-datatable-footer .dataTables_length label {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    margin: 0;
}

.markup-datatable-footer .dataTables_length select {
    border: 1px solid #d7e3f4;
    border-radius: 6px;
    color: #07164b;
    font-size: 12px;
    font-weight: 800;
    height: 36px;
    min-width: 70px;
    padding: 0 26px 0 12px;
}

.markup-rule-modal {
    max-width: 960px;
}

.markup-rule-modal .modal-content {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 24px 70px rgba(8, 22, 76, 0.26);
}

.markup-rule-modal .modal-header {
    border-bottom: 0;
    padding: 26px 30px 0;
}

.markup-rule-modal .modal-title {
    color: #08164c;
    font-size: 22px;
    font-weight: 900;
}

.markup-rule-modal .btn-close {
    box-shadow: none;
}

.markup-rule-modal .modal-body {
    padding: 6px 30px 22px;
}

.markup-rule-modal .modal-footer {
    border-top: 1px solid #e1e9f5;
    padding: 18px 30px;
}

.markup-rule-modal .modal-footer .btn {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    min-width: 118px;
}

.markup-rule-modal .modal-footer .btn-secondary {
    background: #ffffff;
    border-color: #d7e3f4;
    color: #07164b;
}

.markup-rule-modal .modal-footer .btn-primary {
    background: #0759ff;
    border-color: #0759ff;
    box-shadow: 0 10px 22px rgba(7, 89, 255, 0.18);
}

.markup-rule-subtitle {
    color: #344977;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 22px;
}

.markup-type-tabs {
    border-bottom: 1px solid #dfe8f5;
    display: flex;
    gap: 4px;
    margin-bottom: 24px;
}

.markup-type-tab {
    cursor: pointer;
    margin: 0;
}

.markup-type-tab input {
    position: absolute;
    opacity: 0;
}

.markup-type-tab span {
    align-items: center;
    border-bottom: 3px solid transparent;
    color: #07164b;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 10px;
    min-height: 44px;
    padding: 0 22px;
}

.markup-type-tab input:checked + span {
    background: #eaf3ff;
    border-bottom-color: #0759ff;
    color: #0759ff;
}

.markup-rule-grid {
    display: grid;
    gap: 20px 28px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.markup-rule-field label {
    color: #07164b;
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 9px;
}

.markup-rule-field sup {
    color: #e31f45;
    font-size: 12px;
    top: -0.1em;
}

.markup-rule-field .form-control,
.markup-rule-field .form-select,
.markup-rule-field .select2-container--bootstrap-5 .select2-selection {
    border: 1px solid #d4e1f3;
    border-radius: 5px;
    box-shadow: none;
    color: #07164b;
    font-size: 12px;
    font-weight: 800;
    min-height: 42px;
}

.markup-rule-field .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #07164b;
    font-size: 12px;
    font-weight: 800;
    line-height: 40px;
    padding-left: 12px;
}

.markup-rule-field small {
    color: #53668e;
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 7px;
}

.markup-input-addon {
    align-items: stretch;
    display: flex;
}

.markup-input-addon span {
    align-items: center;
    background: #f4f7fc;
    border: 1px solid #d4e1f3;
    border-radius: 5px 0 0 5px;
    border-right: 0;
    color: #07164b;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    min-width: 44px;
}

.markup-input-addon .form-control {
    border-radius: 0 5px 5px 0;
}

.markup-rule-span {
    grid-column: 1 / -1;
}

.markup-enable-toggle {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 2px 10px;
    grid-template-columns: 42px minmax(0, 1fr);
    margin: 20px 0 0;
}

.markup-enable-toggle input {
    position: absolute;
    opacity: 0;
}

.markup-enable-toggle span {
    background: #cbd6e8;
    border-radius: 999px;
    display: block;
    grid-row: span 2;
    height: 24px;
    position: relative;
    transition: background 0.2s ease;
    width: 42px;
}

.markup-enable-toggle span::after {
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 7px rgba(8, 22, 76, 0.18);
    content: "";
    height: 18px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: transform 0.2s ease;
    width: 18px;
}

.markup-enable-toggle input:checked + span {
    background: #0759ff;
}

.markup-enable-toggle input:checked + span::after {
    transform: translateX(18px);
}

.markup-enable-toggle strong {
    color: #07164b;
    font-size: 12px;
    font-weight: 900;
}

.markup-enable-toggle small {
    color: #53668e;
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 1500px) {
    .markup-filter-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .markup-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .markup-search-field,
    .markup-date-field {
        grid-column: span 2;
    }

    .markup-filter-actions {
        grid-column: span 2;
    }
}

@media (max-width: 1199px) {
    .markup-page-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .markup-management-page {
        padding: 18px 14px 28px;
    }

    .markup-page-heading {
        align-items: stretch;
    }

    .markup-filter-grid,
    .markup-rule-grid,
    .markup-kpi-grid {
        grid-template-columns: 1fr;
    }

    .markup-search-field,
    .markup-date-field,
    .markup-filter-actions {
        grid-column: span 1;
    }

    .markup-rule-modal .modal-header,
    .markup-rule-modal .modal-body,
    .markup-rule-modal .modal-footer {
        padding-left: 18px;
        padding-right: 18px;
    }

    .markup-datatable-footer {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
    }

    .markup-datatable-footer .dataTables_paginate,
    .markup-datatable-footer .dataTables_length {
        justify-self: start;
    }
}
.ui-autocomplete-input:focus {
    border: none !important;
}

/* Transaction report alignment/detail refinements */
.transaction-report-page {
    padding-top: 34px;
}

.tr-topbar {
    align-items: flex-end;
    gap: 24px;
    min-height: 92px;
}

.tr-header-actions {
    align-self: flex-start;
    padding-top: 28px;
}

.tr-topbar p {
    line-height: 1.35;
}

.tr-donut {
    --credit: 55;
    --debit: 35;
    --refund: 10;
}

.transaction-detail-page {
    background: #f4f8ff;
    color: #07164b;
    font-family: var(--flight-font-family, Poppins, "Segoe UI", Arial, sans-serif);
    min-height: calc(100vh - 82px);
    padding: 34px 32px 36px;
}

.tr-detail-shell {
    margin: 0 auto;
    max-width: 1180px;
}

.tr-detail-topbar {
    align-items: flex-end;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.tr-detail-topbar h1 {
    color: #08164c;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 8px;
}

.tr-detail-topbar p {
    color: #15265a;
    font-size: 15px;
    font-weight: 800;
    margin: 0;
}

.tr-detail-panel {
    padding: 28px;
}

.tr-detail-summary {
    align-items: center;
    border-bottom: 1px solid #e1eaf5;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 26px;
    padding-bottom: 24px;
}

.tr-detail-summary strong {
    color: #07164b;
    font-size: 30px;
    font-weight: 900;
}

.tr-detail-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tr-detail-grid > div {
    background: #f7faff;
    border: 1px solid #dfe9f7;
    border-radius: 8px;
    padding: 18px;
}

.tr-detail-grid small,
.tr-detail-grid strong {
    display: block;
}

.tr-detail-grid small {
    color: #526690;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 8px;
}

.tr-detail-grid strong {
    color: #07164b;
    font-size: 14px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.tr-detail-span {
    grid-column: 1 / -1;
}

@media (max-width: 900px) {
    .transaction-report-page,
    .transaction-detail-page {
        padding-top: 22px;
    }

    .tr-detail-topbar,
    .tr-detail-summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .tr-detail-grid {
        grid-template-columns: 1fr;
    }
}

/* Transaction report page */
.transaction-report-page {
        background: #f4f8ff;
        color: #07164b;
        font-family: var(--flight-font-family, Poppins, "Segoe UI", Arial, sans-serif);
        min-height: calc(100vh - 82px);
        padding: 24px 32px 36px;
    }

    .tr-shell {
        margin: 0 auto;
        max-width: 1880px;
    }

    .tr-topbar {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        margin-bottom: 26px;
    }

    .tr-breadcrumb {
        align-items: center;
        color: #0759ff;
        display: flex;
        font-size: 12px;
        font-weight: 900;
        gap: 12px;
        margin-bottom: 18px;
    }

    .tr-breadcrumb .fa-chevron-right {
        color: #8aa0c4;
        font-size: 9px;
    }

    .tr-topbar h1 {
        color: #08164c;
        font-size: 28px;
        font-weight: 900;
        line-height: 1.1;
        margin: 0 0 8px;
    }

    .tr-topbar p {
        color: #15265a;
        font-size: 15px;
        font-weight: 800;
        margin: 0;
    }

    .tr-header-actions {
        align-items: center;
        display: flex;
        gap: 22px;
        padding-top: 46px;
    }

    .tr-ghost-btn,
    .tr-search-btn,
    .tr-clear-btn {
        align-items: center;
        border-radius: 7px;
        display: inline-flex;
        font-size: 14px;
        font-weight: 900;
        gap: 10px;
        justify-content: center;
        min-height: 50px;
        padding: 0 28px;
        white-space: nowrap;
    }

    .tr-ghost-btn {
        background: #ffffff;
        border: 1px solid #d9e5f6;
        color: #0759ff;
        box-shadow: 0 8px 18px rgba(18, 45, 93, 0.04);
    }

    .tr-filter-panel {
        align-items: end;
        background: #ffffff;
        border: 1px solid #dfe9f7;
        border-radius: 8px;
        box-shadow: 0 12px 30px rgba(18, 45, 93, 0.06);
        display: grid;
        gap: 22px;
        grid-template-columns: 320px 290px 260px 260px minmax(260px, 1fr) 116px 116px;
        margin-bottom: 16px;
        padding: 24px;
    }

    .tr-field label {
        color: #07164b;
        display: block;
        font-size: 12px;
        font-weight: 900;
        margin-bottom: 12px;
    }

    .tr-control,
    .tr-date-range,
    .tr-search-control {
        align-items: center;
        background: #ffffff;
        border: 1px solid #d4e1f3;
        border-radius: 6px;
        color: #07164b;
        display: flex;
        font-size: 13px;
        font-weight: 800;
        min-height: 50px;
        padding: 0 16px;
        width: 100%;
    }

    .tr-control {
        appearance: auto;
    }

    .tr-date-range {
        gap: 12px;
    }

    .tr-date-range i,
    .tr-search-control i {
        color: #315593;
        flex: 0 0 auto;
    }

    .tr-date-range input,
    .tr-search-control input {
        background: transparent;
        border: 0;
        color: #07164b;
        flex: 1;
        font-size: 13px;
        font-weight: 800;
        min-width: 0;
        outline: 0;
    }

    .tr-search-control {
        padding-right: 14px;
    }

    .tr-search-btn {
        background: #0759ff;
        border: 1px solid #0759ff;
        box-shadow: 0 14px 26px rgba(7, 89, 255, 0.16);
        color: #ffffff;
    }

    .tr-clear-btn {
        background: transparent;
        border: 0;
        color: #07164b;
        padding: 0;
    }

    .tr-clear-btn i {
        color: #0759ff;
    }

    .tr-kpi-grid {
        display: grid;
        gap: 14px;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        margin-bottom: 16px;
    }

    .tr-kpi-card {
        align-items: center;
        background: #ffffff;
        border: 1px solid #dfe9f7;
        border-radius: 8px;
        box-shadow: 0 10px 26px rgba(18, 45, 93, 0.06);
        display: grid;
        gap: 18px;
        grid-template-columns: 58px minmax(0, 1fr);
        min-height: 126px;
        padding: 24px;
    }

    .tr-kpi-card span {
        align-items: center;
        background: #eaf3ff;
        border-radius: 50%;
        color: #0759ff;
        display: inline-flex;
        font-size: 22px;
        height: 58px;
        justify-content: center;
        width: 58px;
    }

    .tr-kpi-credit span {
        background: #e6fbf0;
        color: #16b86f;
    }

    .tr-kpi-debit span,
    .tr-kpi-refund span {
        background: #fff0f0;
        color: #ff4a4a;
    }

    .tr-kpi-net span {
        background: #e7fbfb;
        color: #21b7b4;
    }

    .tr-kpi-card small,
    .tr-kpi-card strong,
    .tr-kpi-card em {
        display: block;
        font-style: normal;
        line-height: 1.15;
    }

    .tr-kpi-card small {
        color: #203565;
        font-size: 12px;
        font-weight: 900;
        margin-bottom: 8px;
    }

    .tr-kpi-card strong {
        color: #07164b;
        font-size: 22px;
        font-weight: 900;
        margin-bottom: 10px;
    }

    .tr-kpi-card em {
        color: #10a768;
        font-size: 12px;
        font-weight: 900;
    }

    .tr-kpi-card em b {
        color: #526690;
        font-weight: 800;
        margin-left: 6px;
    }

    .tr-kpi-card .is-down {
        color: #ff3b3b;
    }

    .tr-content-grid {
        align-items: start;
        display: grid;
        gap: 16px;
        grid-template-columns: minmax(0, 1fr) 420px;
    }

    .tr-panel {
        background: #ffffff;
        border: 1px solid #dfe9f7;
        border-radius: 8px;
        box-shadow: 0 10px 26px rgba(18, 45, 93, 0.05);
    }

    .tr-table-panel {
        overflow: hidden;
        padding: 24px 20px 0;
    }

    .tr-panel h2 {
        color: #08164c;
        font-size: 17px;
        font-weight: 900;
        margin: 0 0 18px;
    }

    .tr-table-wrap {
        overflow-x: auto;
    }

    .tr-table {
        border-collapse: collapse;
        color: #07164b;
        min-width: 1180px;
    }

    .tr-table thead th {
        background: #f4f6ff;
        border: 0;
        color: #07164b;
        font-size: 12px;
        font-weight: 900;
        height: 44px;
        padding: 0 14px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .tr-table thead th:first-child {
        border-radius: 7px 0 0 7px;
    }

    .tr-table thead th:last-child {
        border-radius: 0 7px 7px 0;
    }

    .tr-table tbody td {
        border-bottom: 1px solid #e1eaf5;
        color: #07164b;
        font-size: 12px;
        font-weight: 800;
        height: 52px;
        padding: 0 14px;
        vertical-align: middle;
    }

    .tr-type-pill,
    .tr-status-pill {
        align-items: center;
        border-radius: 999px;
        display: inline-flex;
        font-size: 11px;
        font-weight: 900;
        min-height: 22px;
        padding: 0 12px;
    }

    .tr-type-credit {
        background: #dff7e8;
        color: #0aa35c;
    }

    .tr-type-debit {
        background: #ffe6e6;
        color: #ff3b3b;
    }

    .tr-status-pill {
        background: #dff7e8;
        color: #0aa35c;
    }

    .tr-view-btn {
        align-items: center;
        background: #f0f6ff;
        border: 1px solid #d8e7ff;
        border-radius: 6px;
        color: #0759ff;
        display: inline-flex;
        height: 30px;
        justify-content: center;
        text-decoration: none;
        width: 42px;
    }

    .tr-side-column {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .tr-summary-panel,
    .tr-type-panel {
        padding: 24px;
    }

    .tr-summary-panel h2 span {
        font-size: 12px;
        font-weight: 900;
    }

    .tr-summary-panel dl {
        display: grid;
        gap: 18px;
        margin: 0;
    }

    .tr-summary-panel dl div {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .tr-summary-panel dt,
    .tr-summary-panel dd {
        color: #07164b;
        font-size: 13px;
        font-weight: 900;
        margin: 0;
    }

    .tr-summary-panel dd.is-credit {
        color: #0aa35c;
    }

    .tr-summary-panel dd.is-debit {
        color: #ff3b3b;
    }

    .tr-type-body {
        align-items: center;
        display: grid;
        gap: 22px;
        grid-template-columns: 145px minmax(0, 1fr);
    }

    .tr-donut {
        align-items: center;
        background: conic-gradient(#18a84f 0 calc(var(--credit) * 1%), #ff3b3b 0 calc((var(--credit) + var(--debit)) * 1%), #145cff 0 100%);
        border-radius: 50%;
        display: flex;
        height: 138px;
        justify-content: center;
        position: relative;
        width: 138px;
    }

    .tr-donut::after {
        background: #ffffff;
        border-radius: 50%;
        content: "";
        height: 74px;
        position: absolute;
        width: 74px;
    }

    .tr-donut span {
        color: #07164b;
        font-size: 11px;
        font-weight: 900;
        position: relative;
        text-align: center;
        z-index: 1;
    }

    .tr-donut strong {
        display: block;
        font-size: 22px;
        line-height: 1;
    }

    .tr-type-body ul {
        display: grid;
        gap: 18px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tr-type-body li {
        align-items: center;
        color: #07164b;
        display: grid;
        font-size: 13px;
        font-weight: 900;
        gap: 10px;
        grid-template-columns: 12px minmax(0, 1fr) auto;
    }

    .tr-type-body li i {
        border-radius: 3px;
        height: 10px;
        width: 10px;
    }

    .tr-type-body .credit {
        background: #18a84f;
    }

    .tr-type-body .debit {
        background: #ff3b3b;
    }

    .tr-type-body .refund {
        background: #145cff;
    }

    .tr-note-panel {
        background: #fff7e8;
        border: 1px solid #ffe5b8;
        border-radius: 8px;
        box-shadow: 0 10px 26px rgba(175, 110, 0, 0.07);
        padding: 22px 24px;
    }

    .tr-note-panel h2 {
        color: #b86c00;
        font-size: 15px;
        font-weight: 900;
        margin: 0 0 12px;
    }

    .tr-note-panel p {
        color: #253866;
        font-size: 12px;
        font-weight: 800;
        margin: 0 0 8px;
    }

    .tr-table-panel .dataTables_wrapper .dataTables_filter {
        display: none;
    }

    .tr-table-panel .dataTables_wrapper .dataTables_info {
        color: #07164b;
        float: left;
        font-size: 12px;
        font-weight: 900;
        padding: 22px 0;
    }

    .tr-table-panel .dataTables_wrapper .dataTables_length {
        color: #07164b;
        float: right;
        font-size: 12px;
        font-weight: 900;
        padding: 16px 0 0;
    }

    .tr-table-panel .dataTables_wrapper .dataTables_length label {
        align-items: center;
        display: flex;
        gap: 10px;
    }

    .tr-table-panel .dataTables_wrapper .dataTables_length select {
        border: 1px solid #d7e3f4;
        border-radius: 6px;
        color: #07164b;
        font-size: 12px;
        font-weight: 900;
        height: 36px;
        min-width: 70px;
        padding: 0 24px 0 12px;
    }

    .tr-table-panel .dataTables_wrapper .dataTables_paginate {
        float: none;
        padding: 18px 0;
        text-align: center;
    }

    .tr-table-panel .dataTables_wrapper .dataTables_paginate .paginate_button {
        border: 1px solid #d7e3f4 !important;
        border-radius: 6px !important;
        color: #07164b !important;
        font-size: 12px;
        font-weight: 900;
        margin: 0 5px !important;
        min-width: 36px;
        padding: 8px 12px !important;
    }

    .tr-table-panel .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #0759ff !important;
        border-color: #0759ff !important;
        color: #ffffff !important;
    }

    @media (max-width: 1600px) {
        .tr-filter-panel {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .tr-search-field {
            grid-column: span 2;
        }

        .tr-kpi-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 1280px) {
        .tr-content-grid {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 900px) {
        .transaction-report-page {
            padding: 18px 14px 28px;
        }

        .tr-topbar {
            flex-direction: column;
            gap: 18px;
        }

        .tr-header-actions {
            padding-top: 0;
        }

        .tr-filter-panel,
        .tr-kpi-grid,
        .tr-type-body {
            grid-template-columns: 1fr;
        }

        .tr-search-field {
            grid-column: span 1;
        }
    }

/* Transaction report final alignment overrides */
.transaction-report-page {
    padding-top: 34px;
}

.tr-topbar {
    align-items: flex-end;
    gap: 24px;
    min-height: 92px;
}

.tr-header-actions {
    align-self: flex-start;
    padding-top: 28px;
}

.tr-topbar p {
    line-height: 1.35;
}

.tr-donut {
    --credit: 55;
    --debit: 35;
    --refund: 10;
}

@media (max-width: 900px) {
    .transaction-report-page {
        padding-top: 22px;
    }

    .tr-topbar {
        align-items: flex-start;
    }

    .tr-header-actions {
        align-self: stretch;
        padding-top: 0;
    }
}

/* Agent profile dashboard */
.profile-dashboard-page {
    background: #f4f8ff;
    color: #07164b;
    font-family: var(--flight-font-family, Poppins, "Segoe UI", Arial, sans-serif);
    min-height: calc(100vh - 82px);
    padding: 24px 32px 32px;
}

.profile-page-shell {
    margin: 0 auto;
    max-width: 1880px;
}

.profile-page-heading {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
}

.profile-breadcrumb {
    align-items: center;
    color: #345292;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 9px;
    margin-bottom: 14px;
}

.profile-breadcrumb i {
    color: #8aa0c4;
    font-size: 9px;
}

.profile-page-heading h1 {
    color: #07164b;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 8px;
}

.profile-page-heading p {
    color: #203565;
    font-size: 13px;
    font-weight: 800;
    margin: 0;
}

.profile-edit-btn {
    align-items: center;
    background: #0759ff;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 12px 24px rgba(7, 89, 255, 0.18);
    color: #ffffff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    min-height: 48px;
    padding: 0 20px;
}

.profile-layout-grid {
    align-items: stretch;
    display: grid;
    gap: 22px;
    grid-template-columns: 300px minmax(0, 1fr) 500px;
}

.profile-sidebar,
.profile-panel,
.profile-complete-card {
    background: #ffffff;
    border: 1px solid #dfe9f7;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(18, 45, 93, 0.06);
}

.profile-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
}

.profile-side-nav {
    display: grid;
    gap: 8px;
}

.profile-side-nav a {
    align-items: center;
    border-radius: 6px;
    color: #07164b;
    display: flex;
    font-size: 13px;
    font-weight: 800;
    gap: 12px;
    min-height: 44px;
    padding: 0 14px;
    text-decoration: none;
}

.profile-side-nav a i {
    color: #0759ff;
    font-size: 14px;
    width: 16px;
}

.profile-side-nav a.active,
.profile-side-nav a.active-soft {
    background: #eef4ff;
    color: #0759ff;
}

.profile-help-card {
    background: #f4f8ff;
    border-radius: 8px;
    padding: 18px;
}

.profile-help-card h2 {
    color: #07164b;
    font-size: 13px;
    font-weight: 900;
    margin: 0 0 10px;
}

.profile-help-card p {
    color: #526690;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
    margin: 0 0 14px;
}

.profile-help-card a,
.profile-full-link {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7e3f4;
    border-radius: 6px;
    color: #0759ff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 38px;
    text-decoration: none;
    width: 100%;
}

.profile-main-column,
.profile-right-column {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.profile-hero-card {
    align-items: center;
    display: flex;
    gap: 44px;
    min-height: 212px;
    padding: 30px 48px;
}

.profile-avatar-wrap {
    position: relative;
}

.profile-avatar {
    align-items: center;
    background: linear-gradient(180deg, #eef4ff 0%, #dbe8ff 100%);
    border-radius: 50%;
    color: #0759ff;
    display: flex;
    font-size: 78px;
    height: 150px;
    justify-content: center;
    width: 150px;
}

.profile-avatar-btn {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7e3f4;
    border-radius: 50%;
    bottom: 10px;
    color: #0759ff;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: 6px;
    width: 34px;
}

.profile-identity {
    display: grid;
    gap: 12px;
}

.profile-name-row {
    align-items: center;
    display: flex;
    gap: 16px;
}

.profile-name-row h2 {
    color: #07164b;
    font-size: 26px;
    font-weight: 900;
    margin: 0;
}

.profile-name-row span {
    background: #dff7e8;
    border-radius: 5px;
    color: #0aa35c;
    font-size: 11px;
    font-weight: 900;
    padding: 5px 9px;
}

.profile-identity p {
    color: #07164b;
    font-size: 13px;
    font-weight: 800;
    margin: 0;
}

.profile-identity p i {
    color: #315593;
    margin-right: 12px;
    width: 16px;
}

.profile-stat-grid {
    background: #ffffff;
    border: 1px solid #dfe9f7;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(18, 45, 93, 0.06);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 88px;
    padding: 18px;
}

.profile-stat-grid article {
    align-items: center;
    border-right: 1px solid #dfe9f7;
    display: grid;
    gap: 2px 14px;
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 0 26px;
}

.profile-stat-grid article:last-child {
    border-right: 0;
}

.profile-stat-grid span {
    align-items: center;
    background: #eef4ff;
    border-radius: 50%;
    color: #0759ff;
    display: inline-flex;
    grid-row: span 2;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.profile-stat-grid strong {
    color: #07164b;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

.profile-stat-grid small {
    color: #526690;
    font-size: 11px;
    font-weight: 800;
}

.profile-info-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-info-card,
.profile-activity-card,
.profile-security-card,
.profile-preferences-card {
    padding: 24px;
}

.profile-info-card h2,
.profile-activity-card h2,
.profile-security-card h2,
.profile-preferences-card h2,
.profile-complete-card h2 {
    color: #07164b;
    font-size: 15px;
    font-weight: 900;
    margin: 0 0 18px;
}

.profile-info-card dl,
.profile-preferences-card dl {
    display: grid;
    gap: 0;
    margin: 0;
}

.profile-info-card dl div,
.profile-preferences-card dl div {
    align-items: center;
    border-bottom: 1px solid #e5edf7;
    display: grid;
    gap: 18px;
    grid-template-columns: 170px minmax(0, 1fr);
    min-height: 34px;
}

.profile-info-card dl div:last-child,
.profile-preferences-card dl div:last-child {
    border-bottom: 0;
}

.profile-info-card dt,
.profile-info-card dd,
.profile-preferences-card dt,
.profile-preferences-card dd {
    color: #07164b;
    font-size: 12px;
    font-weight: 800;
    margin: 0;
}

.profile-info-card dt,
.profile-preferences-card dt {
    color: #526690;
}

.profile-info-card dd,
.profile-preferences-card dd {
    overflow-wrap: anywhere;
}

.profile-info-card a {
    color: #0759ff;
    text-decoration: none;
}

.profile-activity-card table {
    border-collapse: collapse;
    width: 100%;
}

.profile-activity-card th {
    background: #f4f6ff;
    color: #07164b;
    font-size: 11px;
    font-weight: 900;
    height: 36px;
    padding: 0 14px;
}

.profile-activity-card td {
    border-bottom: 1px solid #e5edf7;
    color: #07164b;
    font-size: 12px;
    font-weight: 800;
    height: 38px;
    padding: 0 14px;
}

.profile-activity-card tbody tr:last-child td {
    border-bottom: 0;
}

.profile-activity-card td span {
    border-radius: 5px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    padding: 4px 8px;
}

.activity-login {
    background: #dff7e8;
    color: #0aa35c;
}

.activity-update {
    background: #eaf3ff;
    color: #0759ff;
}

.activity-password {
    background: #fff4df;
    color: #f59f00;
}

.profile-security-row {
    align-items: center;
    border-bottom: 1px solid #e5edf7;
    display: grid;
    gap: 14px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    min-height: 76px;
}

.profile-security-row:last-child {
    border-bottom: 0;
}

.profile-security-row > i {
    color: #0759ff;
    font-size: 16px;
}

.profile-security-row strong,
.profile-security-row small {
    display: block;
}

.profile-security-row strong {
    color: #07164b;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 4px;
}

.profile-security-row small {
    color: #526690;
    font-size: 11px;
    font-weight: 800;
}

.profile-security-row small.enabled {
    color: #0aa35c;
}

.profile-security-row a {
    background: #ffffff;
    border: 1px solid #d7e3f4;
    border-radius: 5px;
    color: #07164b;
    font-size: 12px;
    font-weight: 900;
    padding: 8px 14px;
    text-decoration: none;
}

.profile-preferences-card dd span {
    background: #dff7e8;
    border-radius: 5px;
    color: #0aa35c;
    font-size: 10px;
    font-weight: 900;
    padding: 4px 8px;
}

.profile-preferences-card button,
.profile-complete-card button {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
}

.profile-preferences-card button {
    background: #ffffff;
    border: 1px solid #d7e3f4;
    color: #0759ff;
    margin-top: 18px;
}

.profile-complete-card {
    background: #f7fbff;
    padding: 26px 30px;
}

.profile-complete-card p {
    color: #07164b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.55;
    margin: 0 0 18px;
}

.profile-progress {
    background: #dfe9f7;
    border-radius: 999px;
    height: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

.profile-progress span {
    background: #0759ff;
    display: block;
    height: 100%;
    width: 80%;
}

.profile-complete-card > strong {
    color: #0759ff;
    display: block;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 22px;
    text-align: right;
}

.profile-complete-card button {
    background: #0759ff;
    border: 0;
    color: #ffffff;
    width: 150px;
}

.profile-edit-modal {
    border: 0;
    border-radius: 10px;
}

.profile-edit-modal .modal-header {
    border-bottom: 1px solid #e5edf7;
    padding: 22px 26px;
}

.profile-edit-modal .modal-title {
    color: #07164b;
    font-size: 20px;
    font-weight: 900;
}

.profile-edit-modal .modal-body {
    padding: 24px 26px;
}

.profile-edit-grid {
    display: grid;
    gap: 18px 22px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.profile-edit-span-2 {
    grid-column: span 2;
}

.profile-edit-grid label {
    color: #07164b;
    font-size: 12px;
    font-weight: 900;
}

.profile-edit-grid .form-control,
.profile-edit-grid .form-select,
.profile-edit-grid .select2-container--bootstrap-5 .select2-selection {
    border: 1px solid #d4e1f3;
    border-radius: 6px;
    color: #07164b;
    font-size: 13px;
    font-weight: 800;
    min-height: 44px;
}

@media (max-width: 1500px) {
    .profile-layout-grid {
        grid-template-columns: 260px minmax(0, 1fr) 360px;
    }

    .profile-stat-grid article {
        padding: 0 14px;
    }

    .profile-edit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .profile-layout-grid {
        grid-template-columns: 1fr;
    }

    .profile-sidebar {
        gap: 18px;
    }
}

@media (max-width: 767px) {
    .profile-dashboard-page {
        padding: 18px 14px 28px;
    }

    .profile-page-heading,
    .profile-hero-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-stat-grid,
    .profile-info-grid,
    .profile-edit-grid {
        grid-template-columns: 1fr;
    }

    .profile-stat-grid article {
        border-bottom: 1px solid #dfe9f7;
        border-right: 0;
        min-height: 72px;
    }

    .profile-stat-grid article:last-child {
        border-bottom: 0;
    }

    .profile-edit-span-2 {
        grid-column: span 1;
    }
}

/* Two-factor authentication modal page */
.profile-2fa-page {
    align-items: center;
    background: #f4f8ff;
    display: flex;
    font-family: var(--flight-font-family, Poppins, "Segoe UI", Arial, sans-serif);
    justify-content: center;
    min-height: calc(100vh - 82px);
    padding: 42px 20px;
    position: relative;
}

.profile-2fa-backdrop {
    background: rgba(7, 22, 75, 0.46);
    inset: 0;
    position: absolute;
}

.profile-2fa-modal {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 28px 80px rgba(7, 22, 75, 0.32);
    color: #07164b;
    max-width: 860px;
    padding: 28px 30px 18px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.profile-2fa-header {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.profile-2fa-header h1 {
    color: #07164b;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 10px;
}

.profile-2fa-header p {
    color: #243866;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.55;
    margin: 0;
    max-width: 720px;
}

.profile-2fa-close {
    align-items: center;
    color: #07164b;
    display: inline-flex;
    font-size: 20px;
    height: 30px;
    justify-content: center;
    text-decoration: none;
    width: 30px;
}

.profile-2fa-enabled-card {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #d8e6f8;
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    margin-bottom: 22px;
    min-height: 92px;
    padding: 16px 18px;
}

.profile-2fa-enabled-card > span {
    align-items: center;
    background: #eef4ff;
    border-radius: 50%;
    color: #0759ff;
    display: inline-flex;
    font-size: 24px;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.profile-2fa-enabled-card strong,
.profile-2fa-enabled-card small,
.profile-2fa-enabled-card em {
    display: block;
}

.profile-2fa-enabled-card strong {
    color: #07164b;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 5px;
}

.profile-2fa-enabled-card small {
    color: #243866;
    font-size: 12px;
    font-weight: 800;
}

.profile-2fa-enabled-card em {
    color: #ff3b3b;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    margin-top: 4px;
}

.profile-2fa-switch {
    cursor: pointer;
    display: inline-flex;
    margin: 0;
}

.profile-2fa-switch input {
    opacity: 0;
    position: absolute;
}

.profile-2fa-switch span {
    background: #d5dfef;
    border-radius: 999px;
    display: inline-flex;
    height: 28px;
    position: relative;
    width: 48px;
}

.profile-2fa-switch span::after {
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(7, 22, 75, 0.18);
    content: "";
    height: 20px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: transform 0.2s ease;
    width: 20px;
}

.profile-2fa-switch input:checked + span {
    background: #0759ff;
}

.profile-2fa-switch input:checked + span::after {
    transform: translateX(20px);
}

.profile-2fa-switch.is-disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.profile-2fa-methods h2 {
    color: #07164b;
    font-size: 15px;
    font-weight: 900;
    margin: 0 0 5px;
}

.profile-2fa-methods > p {
    color: #526690;
    font-size: 12px;
    font-weight: 800;
    margin: 0 0 14px;
}

.profile-2fa-method-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.profile-2fa-method {
    border: 1px solid #d9e5f6;
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 24px 32px minmax(0, 1fr);
    margin: 0;
    min-height: 166px;
    padding: 18px 16px;
    position: relative;
}

.profile-2fa-method.is-selected {
    border-color: #0759ff;
    box-shadow: inset 0 0 0 1px #0759ff;
}

.profile-2fa-method input {
    opacity: 0;
    position: absolute;
}

.method-radio {
    border: 2px solid #b8c7df;
    border-radius: 50%;
    height: 18px;
    margin-top: 4px;
    width: 18px;
}

.profile-2fa-method input:checked + .method-radio {
    border-color: #0759ff;
    box-shadow: inset 0 0 0 4px #ffffff;
    background: #0759ff;
}

.method-icon {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-size: 20px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.method-icon.whatsapp {
    background: #e6fbf0;
    color: #16b86f;
}

.method-icon.email,
.method-icon.sms {
    background: #eef4ff;
    color: #0759ff;
}

.profile-2fa-method strong {
    color: #07164b;
    font-size: 12px;
    font-weight: 900;
    grid-column: 1 / -1;
    margin-top: 8px;
}

.profile-2fa-method strong em {
    background: #dff7e8;
    border-radius: 999px;
    color: #0aa35c;
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
    margin-left: 4px;
    padding: 3px 6px;
}

.profile-2fa-method small {
    color: #243866;
    font-size: 11px;
    font-weight: 800;
    grid-column: 1 / -1;
    line-height: 1.45;
}

.profile-2fa-method b {
    background: #eef4ff;
    border-radius: 6px;
    color: #243866;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    grid-column: 1 / -1;
    justify-self: start;
    padding: 6px 10px;
}

.profile-2fa-info {
    align-items: center;
    background: #eef4ff;
    border: 1px solid #d8e6f8;
    border-radius: 7px;
    color: #0759ff;
    display: flex;
    font-size: 12px;
    font-weight: 900;
    gap: 12px;
    margin: 18px 0;
    min-height: 48px;
    padding: 0 18px;
}

.profile-2fa-backup {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    margin-bottom: 18px;
}

.profile-2fa-backup > span {
    align-items: center;
    background: #eef4ff;
    border-radius: 6px;
    color: #0759ff;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.profile-2fa-backup strong,
.profile-2fa-backup small {
    display: block;
}

.profile-2fa-backup strong {
    color: #07164b;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 3px;
}

.profile-2fa-backup small {
    color: #243866;
    font-size: 11px;
    font-weight: 800;
}

.profile-2fa-backup a {
    color: #0759ff;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.profile-2fa-footer {
    align-items: center;
    border-top: 1px solid #e5edf7;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding-top: 18px;
}

.profile-2fa-cancel,
.profile-2fa-save {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    min-height: 42px;
    min-width: 108px;
    padding: 0 18px;
    text-decoration: none;
}

.profile-2fa-cancel {
    background: #ffffff;
    border: 1px solid #d7e3f4;
    color: #07164b;
}

.profile-2fa-save {
    background: #0759ff;
    border: 0;
    color: #ffffff;
}

.profile-2fa-save:disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 767px) {
    .profile-2fa-modal {
        padding: 22px 18px 16px;
    }

    .profile-2fa-header,
    .profile-2fa-enabled-card,
    .profile-2fa-backup,
    .profile-2fa-footer {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .profile-2fa-method-grid {
        grid-template-columns: 1fr;
    }
}

/* Transaction detail reference layout */
.transaction-detail-page {
    background: #f7faff !important;
    padding: 1.15rem 1.35rem 1.8rem !important;
}

.transaction-detail-page .tr-detail-shell {
    max-width: 88rem !important;
}

.transaction-detail-page .tr-detail-topbar {
    align-items: flex-start !important;
    margin-bottom: 0.85rem !important;
}

.transaction-detail-page .tr-breadcrumb {
    font-size: 0.58rem !important;
    gap: 0.45rem !important;
    margin-bottom: 0.75rem !important;
}

.transaction-detail-page .tr-detail-topbar h1 {
    font-size: 1.28rem !important;
    font-weight: 700 !important;
    margin: 0 0 0.22rem !important;
}

.transaction-detail-page .tr-detail-topbar p {
    color: #53648c !important;
    font-size: 0.62rem !important;
    font-weight: 600 !important;
}

.transaction-detail-page .tr-ghost-btn {
    border-radius: 0.22rem !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    min-height: 2rem !important;
    padding: 0 0.95rem !important;
}

.tr-detail-layout {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) 18rem;
}

.tr-detail-main,
.tr-detail-sidebar {
    display: grid;
    gap: 0.55rem;
}

.transaction-detail-page .tr-panel {
    background: #ffffff;
    border: 0.0625rem solid #e1e9f7;
    border-radius: 0.35rem;
    box-shadow: 0 0.18rem 0.8rem rgba(7, 22, 75, 0.025);
}

.transaction-detail-page .tr-detail-panel,
.transaction-detail-page .tr-section-panel,
.transaction-detail-page .tr-side-card {
    padding: 0.85rem 0.95rem !important;
}

.transaction-detail-page .tr-reference-summary {
    align-items: center !important;
    border-bottom: 0.0625rem solid #edf2fb !important;
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: minmax(0, 1fr) 12rem 7rem !important;
    margin: 0 0 0.8rem !important;
    padding: 0 0 0.8rem !important;
}

.tr-reference-type {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.tr-reference-icon {
    align-items: center;
    background: #dcf8e7;
    border-radius: 999rem;
    color: #00943f;
    display: inline-flex;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.tr-reference-summary small {
    color: #53648c;
    display: block;
    font-size: 0.52rem;
    font-weight: 700;
    margin-bottom: 0.18rem;
}

.tr-reference-summary strong {
    color: #06154b;
    font-size: 0.8rem;
    font-weight: 700;
}

.tr-reference-amount strong {
    color: #00943f;
    font-size: 1.35rem;
}

.tr-type-pill,
.tr-status-pill {
    border-radius: 999rem;
    display: inline-flex;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.22rem 0.5rem;
}

.tr-type-credit,
.tr-status-pill {
    background: #dff8e8;
    color: #00943f;
}

.tr-type-debit {
    background: #ffe9e9;
    color: #d42f2f;
}

.transaction-detail-page .tr-detail-grid {
    gap: 0.45rem !important;
}

.transaction-detail-page .tr-detail-grid > div,
.tr-reason-grid > div {
    background: #fbfdff !important;
    border: 0.0625rem solid #e1e9f7 !important;
    border-radius: 0.22rem !important;
    min-height: 3.1rem;
    padding: 0.62rem 0.72rem !important;
}

.transaction-detail-page .tr-detail-grid small,
.tr-reason-grid small {
    color: #53648c !important;
    font-size: 0.52rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.34rem !important;
}

.transaction-detail-page .tr-detail-grid strong,
.tr-reason-grid strong {
    color: #06154b !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
}

.tr-section-panel h2,
.tr-side-card h2 {
    color: #06154b;
    font-size: 0.72rem;
    font-weight: 700;
    margin: 0 0 0.65rem;
}

.tr-booking-route {
    align-items: center;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: 7rem minmax(7rem, 1fr) minmax(8rem, 1.2fr) minmax(7rem, 1fr);
}

.tr-airline-mini {
    align-items: center;
    color: #0759ff;
    display: flex;
    font-size: 0.62rem;
    gap: 0.4rem;
}

.tr-booking-route strong {
    color: #06154b;
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
}

.tr-booking-route span,
.tr-booking-route small {
    color: #53648c;
    display: block;
    font-size: 0.55rem;
    font-weight: 600;
}

.tr-route-line {
    text-align: center;
}

.tr-route-line b {
    background: repeating-linear-gradient(to right, #53648c 0, #53648c 0.08rem, transparent 0.08rem, transparent 0.22rem);
    display: block;
    height: 0.0625rem;
    margin: 0.28rem 0;
    position: relative;
}

.tr-route-line b::after {
    border-right: 0.0625rem solid #53648c;
    border-top: 0.0625rem solid #53648c;
    content: "";
    height: 0.28rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.28rem;
}

.tr-passenger-table {
    border: 0.0625rem solid #e1e9f7;
    border-radius: 0.25rem;
    overflow: hidden;
}

.tr-passenger-table > div {
    display: grid;
    grid-template-columns: 1.4fr 0.7fr 0.8fr 1fr;
}

.tr-passenger-table strong,
.tr-passenger-table span {
    color: #06154b;
    font-size: 0.56rem;
    font-weight: 600;
    padding: 0.48rem 0.65rem;
}

.tr-passenger-table > div:first-child {
    background: #f3f6fb;
}

.tr-reason-grid {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tr-timeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 0.7rem;
    position: relative;
}

.tr-timeline::before {
    background: #00943f;
    content: "";
    height: 0.0625rem;
    left: 10%;
    position: absolute;
    right: 10%;
    top: 0.95rem;
}

.tr-timeline > div {
    color: #06154b;
    display: grid;
    justify-items: center;
    position: relative;
    text-align: center;
}

.tr-timeline i {
    background: #00943f;
    border-radius: 999rem;
    display: inline-flex;
    height: 0.55rem;
    margin-bottom: 0.45rem;
    width: 0.55rem;
    z-index: 1;
}

.tr-timeline strong {
    font-size: 0.54rem;
    font-weight: 700;
}

.tr-timeline span {
    color: #53648c;
    font-size: 0.48rem;
    font-weight: 600;
}

.tr-side-card dl {
    display: grid;
    gap: 0.48rem;
    margin: 0;
}

.tr-side-card dl div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.tr-side-card dt,
.tr-side-card dd {
    color: #06154b;
    font-size: 0.58rem;
    font-weight: 600;
    margin: 0;
}

.tr-side-card dd {
    font-weight: 700;
    text-align: right;
}

.tr-side-total {
    border-top: 0.0625rem solid #edf2fb;
    margin-top: 0.45rem;
    padding-top: 0.65rem;
}

.tr-side-total dd,
.tr-side-card:first-child dd {
    color: #00943f;
}

.tr-link-card {
    display: grid;
    gap: 0.55rem;
}

.tr-link-card a {
    align-items: center;
    border: 0.0625rem solid #e1e9f7;
    border-radius: 0.25rem;
    color: #0759ff;
    display: flex;
    font-size: 0.58rem;
    font-weight: 700;
    gap: 0.55rem;
    min-height: 2.05rem;
    padding: 0 0.7rem;
}

@media (max-width: 64rem) {
    .tr-detail-layout {
        grid-template-columns: 1fr;
    }

    .transaction-detail-page .tr-reference-summary,
    .tr-booking-route,
    .tr-reason-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Group booking reference page */
.group-booking-page {
    background: #f5f9ff;
    color: #06154b;
    font-family: var(--flight-font-family, Poppins, "Segoe UI", Arial, sans-serif);
    min-height: calc(100vh - 5.5rem);
    padding: 1.55rem 1.9rem 2.2rem;
}

.gb-shell {
    margin: 0 auto;
    max-width: 70rem;
}

.gb-hero {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.gb-hero-title {
    align-items: center;
    display: flex;
    gap: 1rem;
}

.gb-hero-title > span,
.gb-benefits span {
    align-items: center;
    background: #e7f0ff;
    border-radius: 0.45rem;
    color: #0759ff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.gb-hero-title > span i {
    font-size: 1.45rem;
}

.gb-hero-title h1 {
    color: #06154b;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 0.4rem;
}

.gb-hero-title p {
    color: #53648c;
    font-size: 0.68rem;
    font-weight: 600;
    margin: 0;
}

.gb-normal-link {
    align-items: center;
    background: #f1f6ff;
    border: 0.0625rem solid #b9d1ff;
    border-radius: 0.35rem;
    color: #0759ff;
    display: inline-flex;
    font-size: 0.66rem;
    font-weight: 700;
    gap: 0.75rem;
    min-height: 3.3rem;
    padding: 0 1rem;
}

.gb-normal-link span {
    line-height: 1.35;
}

.gb-card {
    background: #ffffff;
    border: 0.0625rem solid #e1e9f7;
    border-radius: 0.45rem;
    box-shadow: 0 0.7rem 1.8rem rgba(7, 22, 75, 0.07);
    padding: 1.6rem 1.75rem 1.45rem;
}

.gb-card-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.45rem;
}

.gb-trip-tabs {
    align-items: center;
    display: flex;
    gap: 1.8rem;
}

.gb-trip-tabs .form-check {
    align-items: center;
    display: inline-flex;
    gap: 0.55rem;
    margin: 0;
    min-height: auto;
    padding: 0;
}

.gb-trip-tabs .form-check-input {
    border: 0.0625rem solid #c7d7f0;
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.gb-trip-tabs .form-check-input:checked {
    background-color: #0759ff;
    border-color: #0759ff;
    box-shadow: 0 0 0 0.25rem #e8f0ff;
}

.gb-trip-tabs .form-check-label {
    color: #06154b;
    font-size: 0.82rem;
    font-weight: 600;
}

.gb-disabled-tab {
    opacity: 0.75;
}

.gb-badge {
    align-items: center;
    border: 0.0625rem solid #9fc0ff;
    border-radius: 0.25rem;
    color: #0759ff;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 700;
    gap: 0.55rem;
    height: 2rem;
    padding: 0 1rem;
}

.gb-search-grid {
    display: grid;
    gap: 1.25rem 1rem;
    grid-template-columns: minmax(0, 1fr) 2.35rem minmax(0, 1fr) minmax(0, 1fr);
}

.gb-field {
    margin: 0;
}

.gb-field label {
    color: #06154b;
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    margin-bottom: 0.55rem;
}

.gb-control {
    align-items: center;
    background: #ffffff;
    border: 0.0625rem solid #d7e2f4;
    border-radius: 0.22rem;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 2.55rem;
    padding: 0 0.85rem;
}

.gb-control > i:first-child {
    color: #53648c;
    font-size: 0.86rem;
}

.gb-control-caret {
    color: #53648c;
    font-size: 0.7rem;
}

.gb-control .form-control,
.gb-control .form-select {
    background: transparent;
    border: 0 !important;
    box-shadow: none !important;
    color: #06154b;
    font-size: 0.78rem;
    font-weight: 600;
    height: 2.4rem;
    min-height: 0;
    padding: 0 !important;
}

.gb-control .form-control::placeholder {
    color: #6b7898;
}

.gb-select-control {
    padding: 0 0.75rem;
}

.gb-select-control .select2-container {
    width: 100% !important;
}

.gb-select-control .select2-container--bootstrap-5 .select2-selection,
.gb-select-control .select2-container .select2-selection {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 2.4rem !important;
    padding: 0 !important;
}

.gb-select-control .select2-selection__rendered {
    color: #6b7898 !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    line-height: 2.4rem !important;
    padding-left: 0 !important;
}

.gb-select-control .select2-selection__arrow {
    display: none !important;
}

.gb-swap-btn {
    align-self: end;
    background: #ffffff;
    border: 0.0625rem solid #d7e2f4;
    border-radius: 0.22rem;
    color: #0759ff;
    height: 2.55rem;
    width: 2.35rem;
}

.gb-group-name {
    grid-column: 1 / -1;
}

.gb-passengers,
.gb-cabin {
    min-width: 0;
    width: 100%;
}

#groupBookingFrm .gb-search-grid > .gb-field:nth-of-type(1) {
    grid-column: 1 / 2;
    grid-row: 1;
}

#groupBookingFrm .gb-search-grid > .gb-swap-btn {
    grid-column: 2 / 3;
    grid-row: 1;
}

#groupBookingFrm .gb-search-grid > .gb-field:nth-of-type(2) {
    grid-column: 3 / 4;
    grid-row: 1;
}

#groupBookingFrm .gb-search-grid > .gb-field:nth-of-type(3) {
    grid-column: 4 / 5;
    grid-row: 1;
}

#groupBookingFrm .gb-search-grid > .gb-field:nth-of-type(4) {
    grid-column: 1 / 2;
    grid-row: 2;
}

#groupBookingFrm .gb-search-grid > .gb-passengers {
    grid-column: 2 / 4;
    grid-row: 2;
}

#groupBookingFrm .gb-search-grid > .gb-cabin {
    grid-column: 4 / 5;
    grid-row: 2;
}

#groupBookingFrm .gb-search-grid > .gb-group-name {
    grid-column: 1 / -1;
    grid-row: 3;
}

.gb-group-name small {
    color: #53648c;
    display: block;
    font-size: 0.62rem;
    font-weight: 600;
    margin-top: 0.55rem;
}

.gb-card-footer {
    align-items: center;
    border-top: 0.0625rem solid #e8eef8;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr) 20rem;
    margin-top: 1.45rem;
    padding-top: 1rem;
}

.gb-benefits {
    align-items: center;
    display: flex;
    gap: 2.25rem;
}

.gb-benefits > div + div {
    border-left: 0.0625rem solid #e1e9f7;
    padding-left: 1.5rem;
}

.gb-benefits > div {
    align-items: center;
    display: grid;
    gap: 0 0.75rem;
    grid-template-columns: 2.5rem minmax(7.5rem, auto);
    grid-template-rows: auto auto;
}

.gb-benefits span {
    grid-row: 1 / 3;
    height: 2.5rem;
    width: 2.5rem;
}

.gb-benefits strong,
.gb-benefits small {
    display: block;
}

.gb-benefits strong {
    color: #06154b;
    font-size: 0.68rem;
    font-weight: 700;
    grid-column: 2;
    line-height: 1.2;
}

.gb-benefits small {
    color: #53648c;
    font-size: 0.66rem;
    font-weight: 600;
    grid-column: 2;
    line-height: 1.25;
    margin-top: 0.18rem;
}

.gb-search-btn {
    align-items: center;
    background: #0759ff;
    border: 0;
    border-radius: 0.25rem;
    box-shadow: 0 0.45rem 0.9rem rgba(7, 89, 255, 0.16);
    color: #ffffff;
    display: inline-flex;
    font-size: 0.88rem;
    font-weight: 700;
    gap: 0.75rem;
    height: 3rem;
    justify-content: center;
    width: 100%;
}

@media (max-width: 64rem) {
    .gb-hero,
    .gb-card-top,
    .gb-card-footer {
        align-items: stretch;
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .gb-search-grid {
        grid-template-columns: 1fr;
    }

    .gb-swap-btn {
        display: none;
    }

    .gb-card-footer {
        display: grid;
    }

    .gb-benefits {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Payment request reference pages */
.payment-request-page {
    background: #f7faff;
    color: #06154b;
    font-family: var(--flight-font-family, Poppins, "Segoe UI", Arial, sans-serif);
    min-height: calc(100vh - 5.5rem);
    padding: 1.1rem 1.9rem 1.6rem;
}

.pr-shell {
    margin: 0 auto;
    max-width: 90rem;
}

.pr-breadcrumb {
    align-items: center;
    color: #53648c;
    display: flex;
    font-size: 0.62rem;
    font-weight: 700;
    gap: 0.48rem;
    margin-bottom: 0.65rem;
}

.pr-breadcrumb a,
.pr-breadcrumb strong,
.pr-table a,
.pr-summary a {
    color: #0759ff;
    text-decoration: none;
}

.pr-heading {
    margin-bottom: 1rem;
}

.pr-heading h1 {
    color: #06154b;
    font-size: 1.32rem;
    font-weight: 800;
    line-height: 1;
    margin: 0 0 0.35rem;
}

.pr-heading p {
    color: #06154b;
    font-size: 0.66rem;
    font-weight: 700;
    margin: 0;
}

.pr-create-layout,
.pr-review-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) 26rem;
}

.pr-main-stack,
.pr-side {
    display: grid;
    gap: 0.75rem;
}

.pr-card {
    background: #ffffff;
    border: 1px solid #dfe8f6;
    border-radius: 0.42rem;
    box-shadow: 0 0.25rem 1rem rgba(7, 22, 75, 0.035);
    padding: 1.05rem 1.15rem;
}

.pr-form-card {
    padding-top: 0;
}

.pr-stepper {
    align-items: center;
    border-bottom: 1px solid #dfe8f6;
    display: grid;
    gap: 1.1rem;
    grid-template-columns: max-content 1fr max-content 1fr max-content;
    min-height: 5.25rem;
}

.pr-stepper div {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.pr-stepper b {
    align-items: center;
    background: #dfe7f6;
    border-radius: 999rem;
    color: #53648c;
    display: inline-flex;
    font-size: 0.58rem;
    height: 1.7rem;
    justify-content: center;
    width: 1.7rem;
}

.pr-stepper .active b,
.pr-stepper .done b {
    background: #0759ff;
    color: #ffffff;
}

.pr-stepper strong,
.pr-stepper small {
    display: block;
}

.pr-stepper strong {
    color: #06154b;
    font-size: 0.62rem;
    font-weight: 800;
}

.pr-stepper small {
    color: #53648c;
    font-size: 0.52rem;
    font-weight: 700;
}

.pr-stepper > i {
    background: #dfe8f6;
    height: 1px;
}

.pr-form {
    padding-top: 1.1rem;
}

.pr-form h2,
.pr-card h3 {
    color: #06154b;
    font-size: 0.82rem;
    font-weight: 800;
    margin: 0 0 0.42rem;
}

.pr-form p {
    color: #06154b;
    font-size: 0.56rem;
    font-weight: 700;
    margin: 0 0 0.95rem;
}

.pr-grid-3,
.pr-info-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pr-form label {
    color: #06154b;
    display: block;
    font-size: 0.62rem;
    font-weight: 800;
    position: relative;
}

.pr-form input,
.pr-form select,
.pr-form textarea,
.pr-history-filter input,
.pr-history-filter select {
    background: #ffffff;
    border: 1px solid #cfdcf0;
    border-radius: 0.28rem;
    color: #06154b;
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    height: 2.28rem;
    margin-top: 0.45rem;
    outline: 0;
    padding: 0 0.75rem;
    width: 100%;
}

.pr-form textarea {
    height: 4rem;
    padding-top: 0.72rem;
    resize: none;
}

.pr-form label > i {
    bottom: 0.7rem;
    color: #0759ff;
    position: absolute;
    right: 0.75rem;
}

.pr-form small {
    color: #6a7898;
    display: block;
    font-size: 0.52rem;
    font-weight: 700;
    margin-top: 0.38rem;
}

.pr-form small em {
    float: right;
    font-style: normal;
}

.pr-full {
    margin-top: 1rem;
}

.pr-upload-label {
    color: #06154b;
    font-size: 0.62rem;
    font-weight: 800;
    margin: 1rem 0 0.5rem;
}

.pr-upload-label span {
    display: block;
    font-size: 0.52rem;
    margin-top: 0.2rem;
}

.pr-upload {
    align-items: center;
    border: 1px dashed #aac0df;
    border-radius: 0.35rem;
    color: #53648c;
    cursor: pointer;
    display: flex !important;
    gap: 0.7rem;
    justify-content: center;
    min-height: 4.45rem;
    text-align: center;
}

.pr-upload i {
    align-items: center;
    background: #eef4ff;
    border-radius: 999rem;
    color: #0759ff;
    display: inline-flex;
    font-size: 1rem;
    height: 2rem;
    justify-content: center;
    position: static !important;
    width: 2rem;
}

.pr-upload strong {
    color: #0759ff;
}

.pr-upload input {
    display: none;
}

.pr-actions,
.pr-bottom-actions {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.pr-btn,
.pr-mini-btn {
    align-items: center;
    border-radius: 0.28rem;
    display: inline-flex;
    font-size: 0.62rem;
    font-weight: 800;
    gap: 0.42rem;
    justify-content: center;
    min-height: 2.15rem;
    padding: 0 1.25rem;
    text-decoration: none;
}

.pr-btn-primary {
    background: #0759ff;
    border: 1px solid #0759ff;
    color: #ffffff;
}

.pr-btn-light,
.pr-mini-btn {
    background: #ffffff;
    border: 1px solid #cfdcf0;
    color: #0759ff;
}

.pr-btn-danger {
    background: #ffffff;
    border: 1px solid #ff4949;
    color: #ff1f1f;
}

.pr-side .pr-card h3 {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.pr-side ul {
    color: #06154b;
    font-size: 0.56rem;
    font-weight: 700;
    line-height: 1.65;
    margin: 0;
    padding-left: 1rem;
}

.pr-side li::marker {
    color: #0759ff;
}

.pr-method,
.pr-bank div,
.pr-summary dl div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.pr-method {
    min-height: 1.8rem;
}

.pr-method b,
.pr-info-grid em,
.pr-table em,
.pr-summary em {
    background: #e8f0ff;
    border-radius: 0.22rem;
    color: #0759ff;
    font-size: 0.54rem;
    font-style: normal;
    padding: 0.18rem 0.42rem;
}

.pr-method span,
.pr-bank dt,
.pr-summary dt {
    color: #53648c;
    font-size: 0.56rem;
    font-weight: 700;
}

.pr-bank,
.pr-summary dl,
.pr-detail-table dl {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.pr-bank dd,
.pr-summary dd {
    color: #06154b;
    font-size: 0.58rem;
    font-weight: 800;
    margin: 0;
    text-align: right;
}

.pr-note {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.pr-note i {
    color: #0759ff;
    font-size: 1rem;
}

.pr-note span,
.pr-note strong {
    display: block;
}

.pr-note span {
    color: #06154b;
    font-size: 0.58rem;
    font-weight: 700;
}

.pr-alert {
    align-items: center;
    background: #eef4ff;
    border-radius: 0.28rem;
    color: #06154b;
    display: flex;
    font-size: 0.62rem;
    font-weight: 700;
    gap: 0.6rem;
    margin-bottom: 0.8rem;
    min-height: 2.2rem;
    padding: 0 1rem;
}

.pr-alert i {
    color: #0759ff;
}

.pr-alert.is-error {
    background: #ffecec;
    border: 1px solid #ffc9c9;
    color: #b42318;
}

.pr-alert.is-error i {
    color: #e33434;
}

.pr-alert.small {
    font-size: 0.56rem;
    margin: 0.65rem 0 0;
}

.pr-info-card h3,
.pr-proof h3,
.pr-summary h3,
.pr-next-card h3,
.pr-timeline-card h3,
.pr-detail-table h3,
.pr-remarks h3 {
    align-items: center;
    border-bottom: 1px solid #e6edf8;
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.65rem;
}

.pr-info-grid div {
    min-width: 0;
}

.pr-info-grid.four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pr-info-grid span,
.pr-detail-summary span,
.pr-detail-table dt {
    color: #53648c;
    display: block;
    font-size: 0.54rem;
    font-weight: 700;
    margin-bottom: 0.32rem;
}

.pr-info-grid strong,
.pr-detail-summary strong,
.pr-detail-table dd {
    color: #06154b;
    display: block;
    font-size: 0.62rem;
    font-weight: 800;
    margin: 0;
}

.pr-proof-row {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 9rem minmax(0, 1fr) auto;
}

.pr-proof-thumb {
    background: #f7faff;
    border: 1px solid #dfe8f6;
    border-radius: 0.25rem;
    height: 4.3rem;
    padding: 0.6rem;
    position: relative;
}

.pr-proof-thumb span {
    background: #e73333;
    color: #ffffff;
    display: inline-block;
    font-size: 0.5rem;
    font-weight: 800;
    padding: 0.12rem 0.25rem;
}

.pr-proof-thumb::after {
    background: repeating-linear-gradient(#dfe8f6 0 1px, transparent 1px 0.5rem);
    bottom: 0.55rem;
    content: "";
    left: 0.6rem;
    position: absolute;
    right: 0.6rem;
    top: 1.7rem;
}

.pr-proof-thumb i {
    color: #14b86a;
    position: absolute;
    right: 0.45rem;
    top: 0.35rem;
}

.pr-proof strong,
.pr-proof small,
.pr-proof em {
    display: block;
}

.pr-proof strong {
    color: #06154b;
    font-size: 0.64rem;
    font-weight: 800;
}

.pr-proof small {
    color: #53648c;
    font-size: 0.54rem;
    font-weight: 700;
}

.pr-proof em,
.pr-status.submitted,
.pr-status.completed {
    background: #dff8e8;
    border-radius: 999rem;
    color: #00943f;
    display: inline-flex;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 800;
    margin-top: 0.35rem;
    padding: 0.18rem 0.5rem;
}

.pr-summary .status {
    border-top: 1px dashed #dfe8f6;
    margin-top: 0.35rem;
    padding-top: 0.65rem;
}

.pr-summary .status span {
    background: #fff1d8;
    border-radius: 999rem;
    color: #c98300;
    padding: 0.22rem 0.55rem;
}

.pr-summary .status.done span {
    background: #dff8e8;
    color: #00943f;
}

.pr-summary p {
    align-items: center;
    background: #fff8e8;
    border: 1px solid #ffdf9a;
    border-radius: 0.28rem;
    color: #06154b;
    display: flex;
    font-size: 0.58rem;
    font-weight: 700;
    gap: 0.7rem;
    margin: 1rem 0 0;
    padding: 0.75rem;
}

.pr-summary p.blue {
    background: #eef4ff;
    border-color: #cfdcf0;
}

.pr-bottom-actions span {
    flex: 1;
}

.pr-success-hero {
    align-items: flex-start;
    background: linear-gradient(90deg, #f0fff6 0%, #ffffff 100%);
    display: grid;
    gap: 1.35rem;
    grid-template-columns: 4.4rem minmax(0, 1fr);
}

.pr-success-icon {
    align-items: center;
    background: #dff8e8;
    border-radius: 999rem;
    color: #17b86a;
    display: inline-flex;
    font-size: 1.75rem;
    height: 3.8rem;
    justify-content: center;
    width: 3.8rem;
}

.pr-success-icon i {
    align-items: center;
    background: #17b86a;
    border-radius: 999rem;
    color: #ffffff;
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.pr-success-hero h2 {
    color: #00943f;
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 0.45rem;
}

.pr-success-hero p {
    border-bottom: 1px solid #dfe8f6;
    color: #06154b;
    font-size: 0.66rem;
    font-weight: 700;
    margin: 0 0 1.3rem;
    padding-bottom: 1.15rem;
}

.pr-next-flow {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr auto 1fr auto 1fr;
}

.pr-next-flow div,
.pr-next-card div {
    align-items: center;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 1.5rem minmax(0, 1fr);
}

.pr-next-flow i,
.pr-next-card > div > i {
    color: #12ad61;
    font-size: 1rem;
}

.pr-next-flow strong,
.pr-next-flow small,
.pr-next-card strong,
.pr-next-card small {
    display: block;
}

.pr-next-flow strong,
.pr-next-card strong {
    color: #06154b;
    font-size: 0.58rem;
    font-weight: 800;
}

.pr-next-flow small,
.pr-next-card small {
    color: #53648c;
    font-size: 0.52rem;
    font-weight: 700;
}

.pr-next-card {
    display: grid;
    gap: 1rem;
}

.pr-next-card > div > i {
    align-items: center;
    background: #eef4ff;
    border-radius: 999rem;
    color: #0759ff;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.pr-success-footer {
    background: #eef4ff;
    border: 1px solid #cfdcf0;
    border-radius: 0.35rem;
    color: #06154b;
    font-size: 0.64rem;
    font-weight: 700;
    margin-top: 0.75rem;
    padding: 0.75rem;
    text-align: center;
}

.pr-success-footer .pr-btn {
    margin-left: 1rem;
}

.pr-history-filter {
    align-items: end;
    display: grid;
    gap: 1.4rem;
    grid-template-columns: 1.3fr 1.1fr 1.1fr 1.1fr auto auto;
    margin-bottom: 1rem;
}

.pr-history-filter label {
    color: #06154b;
    font-size: 0.62rem;
    font-weight: 800;
}

.pr-history-filter label > div {
    position: relative;
}

.pr-history-filter i {
    color: #0759ff;
}

.pr-history-filter label > div > i {
    left: 0.7rem;
    position: absolute;
    top: 1.15rem;
}

.pr-history-filter label > div input {
    padding-left: 2.2rem;
}

.pr-table-card {
    padding: 0;
}

.pr-table {
    border-collapse: collapse;
    width: 100%;
}

.pr-table th,
.pr-table td {
    border-bottom: 1px solid #e6edf8;
    color: #06154b;
    font-size: 0.62rem;
    font-weight: 700;
    padding: 0.85rem 1rem;
    text-align: left;
}

.pr-table th {
    background: #fbfdff;
    font-weight: 800;
}

.pr-status {
    border-radius: 999rem;
    display: inline-flex;
    font-size: 0.5rem;
    font-weight: 800;
    padding: 0.2rem 0.55rem;
}

.pr-status.under-review {
    background: #fff1d8;
    color: #c98300;
}

.pr-status.approved {
    background: #e8f0ff;
    color: #0759ff;
}

.pr-status.cancelled {
    background: #edf0f5;
    color: #53648c;
}

.pr-status.rejected,
.pr-status.failed {
    background: #ffe7e7;
    color: #e33434;
}

.pr-table-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.pr-table-footer span {
    color: #06154b;
    font-size: 0.6rem;
    font-weight: 700;
}

.pr-table-footer div {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.pr-table-footer button {
    background: #ffffff;
    border: 1px solid #d7e2f4;
    border-radius: 0.25rem;
    color: #0759ff;
    font-size: 0.62rem;
    font-weight: 800;
    height: 1.75rem;
    min-width: 1.75rem;
}

.pr-table-footer button.active {
    background: #0759ff;
    color: #ffffff;
}

.pr-table-footer nav,
.pr-table-footer .pagination {
    margin: 0;
}

.pr-table-footer .pagination {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.pr-table-footer .page-item {
    list-style: none;
}

.pr-table-footer .page-link {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7e2f4;
    border-radius: 0.25rem;
    color: #0759ff;
    display: inline-flex;
    font-size: 0.62rem;
    font-weight: 800;
    height: 1.75rem;
    justify-content: center;
    min-width: 1.75rem;
    padding: 0 0.5rem;
}

.pr-table-footer .active .page-link {
    background: #0759ff;
    color: #ffffff;
}

.pr-table-footer .disabled .page-link {
    color: #9aa8c0;
}

.pr-detail-head {
    align-items: start;
    display: flex;
    justify-content: space-between;
}

.pr-detail-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pr-detail-summary > div {
    border-right: 1px solid #dfe8f6;
    display: grid;
    gap: 0.75rem;
    padding: 0 1.4rem;
}

.pr-detail-summary > div:first-child {
    padding-left: 0;
}

.pr-detail-summary > div:last-child {
    border-right: 0;
}

.pr-detail-summary b {
    background: #dff8e8;
    border-radius: 999rem;
    color: #00943f;
    font-size: 0.5rem;
    padding: 0.22rem 0.55rem;
}

.pr-timeline-card {
    margin-top: 1rem;
}

.pr-timeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-top: 0.65rem;
}

.pr-timeline div {
    color: #06154b;
    position: relative;
    text-align: center;
}

.pr-timeline div::before {
    border-top: 1px dashed #aebbd3;
    content: "";
    left: calc(-50% + 1rem);
    position: absolute;
    right: calc(50% + 1rem);
    top: 0.48rem;
}

.pr-timeline div:first-child::before {
    display: none;
}

.pr-timeline i {
    align-items: center;
    background: #aebbd3;
    border-radius: 999rem;
    color: #ffffff;
    display: inline-flex;
    height: 1rem;
    justify-content: center;
    margin-bottom: 0.5rem;
    width: 1rem;
}

.pr-timeline .done i {
    background: #17b86a;
}

.pr-timeline .active i {
    background: #0759ff;
}

.pr-timeline strong,
.pr-timeline span {
    display: block;
}

.pr-timeline strong {
    font-size: 0.58rem;
    font-weight: 800;
}

.pr-timeline span {
    color: #53648c;
    font-size: 0.52rem;
    font-weight: 700;
}

.pr-two-col {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.pr-detail-table dl div {
    display: grid;
    grid-template-columns: 12rem minmax(0, 1fr);
    min-height: 2rem;
}

.pr-remarks {
    margin-top: 1rem;
}

.pr-remarks p,
.pr-support {
    color: #06154b;
    font-size: 0.62rem;
    font-weight: 700;
    margin: 0;
}

.pr-support {
    color: #53648c;
    margin-top: 1.6rem;
    text-align: center;
}

.pr-cancel-form {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

@media (max-width: 70rem) {
    .pr-create-layout,
    .pr-review-layout,
    .pr-history-filter,
    .pr-detail-summary,
    .pr-two-col {
        grid-template-columns: 1fr;
    }

    .pr-grid-3,
    .pr-info-grid,
    .pr-info-grid.four {
        grid-template-columns: 1fr;
    }

    .pr-stepper,
    .pr-next-flow,
    .pr-proof-row {
        grid-template-columns: 1fr;
    }

    .pr-stepper > i,
    .pr-next-flow > i {
        display: none;
    }

    .pr-detail-summary > div {
        border-right: 0;
        padding: 0;
    }
}