.search-box-content {
    background: linear-gradient(
        180deg,
        rgba(var(--color-primary), 1) 0%,
        transparent 100%
    ) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-card-md) !important;
    padding: 16px 18px !important;
    margin-bottom: 24px !important;
    align-items: center !important;
}

.vxr-search-ticket-box .search-box-content .item-section hr {
    display: none !important;
}
.vxr-search-ticket-box .item-section .from-container,
.vxr-search-ticket-box .item-section .to-container,
.vxr-search-ticket-box .item-section .date-container {
    display: flex !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 10px;
}
.vxr-search-ticket-box .item-section .from-container img,
.vxr-search-ticket-box .item-section .to-container img,
.vxr-search-ticket-box .item-section .date-container img {
    height: 30px !important;
}
.vxr-search-ticket-box .from-container .from-input-container label,
.vxr-search-ticket-box .to-container .to-input-container label,
.vxr-search-ticket-box .date-container .date-input-container label {
    color: rgb(var(--color-primary-dark)) !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    height: auto !important;
}

.vxr-search-ticket-box .from-container .from-input-container input,
.vxr-search-ticket-box .to-container .to-input-container input,
.vxr-search-ticket-box .date-container .date-input-container input {
    color: rgb(var(--color-primary-dark)) !important;
    background-color: transparent !important;
    font-size: var(--text-lg) !important;
    box-shadow: none !important;
    border: none !important;
}
.vxr-search-ticket-box .from-input-container .autocomplete-items-from h4,
.vxr-search-ticket-box .to-input-container .autocomplete-items-to h4 {
    color: rgb(var(--color-primary-dark)) !important;
    font-size: var(--text-lg) !important;
}
.vxr-search-ticket-box .vxr-widget-area-children {
    color: rgb(var(--color-primary)) !important;
    font-size: var(--text-md) !important;
}
.vxr-search-ticket-box .from-input-container .autocomplete-items-from div div,
.vxr-search-ticket-box .to-input-container .autocomplete-items-to div div {
    margin: 5px !important;
    border-radius: var(--radius-md) !important;
}

.vxr-search-ticket-box
    .autocomplete-items-from
    .vxr-widget-area-children.autocomplete-active,
.vxr-search-ticket-box
    .autocomplete-items-to
    .vxr-widget-area-children.autocomplete-active {
    background-color: rgba(var(--color-primary), 0.2) !important;
}
.vxr-search-ticket-box .item-section .from-container img,
.vxr-search-ticket-box .item-section .to-container img,
.vxr-search-ticket-box .item-section .date-container img {
    padding: 0 2px 0 2px !important;
}
.vxr-search-ticket-box .from-input-container .autocomplete-items-from,
.vxr-search-ticket-box .to-input-container .autocomplete-items-to {
    border-radius: var(--radius-xl) !important;
}

/* Standard syntax for Firefox and older IE/Edge */
.vxr-search-ticket-box .from-input-container .autocomplete-items-from,
.vxr-search-ticket-box .to-input-container .autocomplete-items-to {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* WebKit syntax for Chrome, Safari, and Chromium Edge */
.vxr-search-ticket-box
    .from-input-container
    .autocomplete-items-from::-webkit-scrollbar,
.vxr-search-ticket-box
    .to-input-container
    .autocomplete-items-to::-webkit-scrollbar {
    display: none !important;
}
.vxr-search-ticket-box
    .search-box-content
    .vertical-divider-section.swap-section
    img {
    margin: 0 !important;
    opacity: 0.8 !important;
}
.vxr-search-ticket-box .button-container button span {
    margin-left: 0 !important;
    font-weight: 500 !important;
    font-size: var(--text-lg) !important;
    line-height: 36px !important;
    letter-spacing: 0 !important;
    color: white !important;
    opacity: 1 !important;
}
.vxr-search-ticket-box .button-container button {
    background-color: rgb(var(--color-accent)) !important;
    min-width: none !important;
    width: 200px !important;
    height: auto !important;
    border-radius: var(--radius-xl) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0px !important;
    margin: 0px !important;
    justify-content: center !important;
}

@media (max-width: 768px) {
    .vxr-search-ticket-box .search-box-content .item-section {
        height: 100% !important;
    }
    .item-section .to-section .date-section {
        margin-top: 10px !important;
    }
    .vxr-search-ticket-box
        .search-box-content
        .vertical-divider-section.swap-section {
        display: none !important;
    }
    #searchResults {
        margin: var(--space-3);
    }
}
.pickup-transfer-list-container
    .pickup-transfer-list-item
    .pickup-transfer-list-item-time {
    text-wrap: nowrap;
}

/*dat-ve-truc-tuyen -------------------------------*/
.route-item {
    background: rgb(var(--color-white)) !important;
    border-radius: var(--radius-2xl) !important;
    border: none !important;
    overflow: visible !important;
    box-shadow:
        0 8px 32px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    position: relative !important;
    padding: var(--space-2) !important;
    margin-bottom: var(--space-3) !important;
}
.route-item:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 16px 48px rgba(15, 23, 42, 0.12),
        0 4px 12px rgba(15, 23, 42, 0.06) !important;
}

.route-sorting-container {
    background-color: transparent;
}
.search-result-container .search-result-right {
    background-color: transparent;
}
.route-container {
    background-color: transparent;
}
.search-result-container .search-result-left {
    background-color: transparent;
}
.nl-route-detail-image-container img {
    border-radius: var(--radius-xl) !important;
}
.nl-route-detail-container {
    letter-spacing: 0.01rem !important;
    padding: 0px !important;
    color: rgba(var(--color-primary-dark)) !important;
}
.nl-price {
    padding: var(--space-2) !important;
    color: rgba(var(--color-primary-dark)) !important;
}
.button-container {
    border: none !important;
}
.button-container .btn-label {
    border-radius: var(--radius-lg) !important;
    background: linear-gradient(
        135deg,
        rgb(var(--color-primary)) 0%,
        rgb(var(--color-primary-hover)) 100%
    );
    color: rgb(var(--color-white));
}
.button-container .btn-label :hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--color-primary), 0.35);
}
.primary {
    color: rgb(var(--color-primary-dark)) !important;
}
.primary:hover {
    color: rgb(var(--color-primary)) !important;
}
.route-sorting-container
    .route-sorting-conditions
    .route-sorting-condition.current-sorting {
    background-color: rgb(var(--color-primary)) !important;
    border-radius: var(--radius-lg);
    border: none;
}
.btn-detail {
    color: rgb(var(--color-primary)) !important;
}
.anticon-down {
    color: rgb(var(--color-primary)) !important;
}
/* filter comtainer -----------*/
.filters-container {
    background: rgb(var(--color-white)) !important;
    border-radius: var(--radius-2xl) !important;
    border: none !important;
    overflow: visible !important;
    box-shadow:
        0 8px 32px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;
    position: relative !important;
    padding: var(--space-3) !important;
    padding-top: var(--space-5) !important;
    margin-top: var(--space-3) !important;
    margin-bottom: var(--space-3) !important;
}
.filters-container .filter-group .ant-slider-track {
    background-color: rgb(var(--color-primary)) !important;
}
.ant-slider-handle {
    border: solid 2px rgba(var(--color-primary), 0.7) !important;
}
.ant-checkbox-wrapper {
    align-items: end !important;
}
/*.mobile-route-container ---------------*/
.mobile-route-container {
    background-color: transparent !important;
}
.mobile-route-top-container {
    background: rgb(var(--color-white)) !important;
    border-radius: var(--radius-2xl) !important;
    border: none !important;
    overflow: visible !important;
    box-shadow:
        0 8px 32px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;
    position: relative !important;
    padding: var(--space-3) var(--space-4) !important;
}
.mobile-route-top-container-sorting-condition.current-sorting {
    border: solid 1px rgba(var(--color-primary), 0.7) !important;
    border-radius: var(--radius-2xl) !important;
    color: rgba(var(--color-primary)) !important;
}
.mobile-route-top-container-sorting-condition {
    border-radius: var(--radius-2xl) !important;
}
.mobile-route-container ul.mobile-route-main-container li.mobile-route-item {
    background: rgb(var(--color-white)) !important;
    border-radius: var(--radius-2xl) !important;
    border: none !important;
    overflow: visible !important;
    box-shadow:
        0 8px 32px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;
    position: relative !important;
    padding: var(--space-3) !important;
}
.mobile-route-item-image {
    border-radius: var(--radius-2xl) !important;
}