:root {
    --busvn-blue: #0056a8;
    --busvn-sky: #159ce2;
    --busvn-navy: #003b78;
    --busvn-gold: #ffb900;
    --busvn-orange: #ff8a00;
    --busvn-white: #fff;
    --busvn-blue-soft: #eaf5fc;
    --travhub-base: var(--busvn-blue);
    --travhub-base-rgb: 0, 86, 168;
    --travhub-black: var(--busvn-navy);
    --travhub-black-rgb: 0, 59, 120;
    --ink: #082f55;
    --teal: var(--busvn-blue);
    --teal-dark: var(--busvn-navy);
    --coral: var(--busvn-orange);
    --yellow: var(--busvn-gold);
    --blue-soft: var(--busvn-blue-soft);
    --forest: var(--busvn-navy);
    --green: var(--busvn-blue);
    --green-2: var(--busvn-blue);
    --gold: var(--busvn-gold);
    --fog: #f5f9fc;
    --sage: #e2f2fb;
    --copy: #183b5a;
    --public-line: #d7e7f2;
    --mercury-onyx: #071f38;
    --mercury-graphite: #0b2b4b;
    --mercury-raised: #123b62;
    --mercury-cobalt: var(--busvn-blue);
    --mercury-ice: #f5f9fc;
}

.page-header {
    background-color: transparent;
    background-image: url("../images/busvn-page-header.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header__bg,
.page-header__shape-one,
.page-header__shape-two {
    display: none;
}

.page-header__title,
.page-header .goxvo-routes-intro,
.page-header .goxvo-news-intro,
.page-header .goxvo-about-intro,
.page-header .goxvo-contact-intro,
.page-header .travhub-breadcrumb li,
.page-header .travhub-breadcrumb a {
    color: var(--busvn-white) !important;
    text-shadow: 0 2px 8px rgba(0, 59, 120, .9);
}

.goxvo-wordmark img,
.brand-logo,
.public-brand-logo,
.search-header-logo img {
    width: 164px;
    max-height: 76px;
    object-fit: contain;
}

.main-header__logo,
.search-header-logo,
.public-brand,
.brand {
    flex: 0 0 auto;
}

.main-footer .goxvo-wordmark,
.public-brand,
.footer-brand-logo {
    padding: 4px 8px;
    border-radius: 10px;
    background: var(--busvn-white);
}

.topbar-one,
.search-shell .search-topline {
    color: #dceeff;
    background: var(--busvn-navy);
}

.goxvo-language-switcher,
.search-shell .search-language-switcher {
    border-color: rgba(0, 86, 168, .22);
    background: var(--busvn-blue-soft);
}

.goxvo-language-switcher a,
.search-shell .search-language-switcher a {
    color: var(--busvn-navy);
}

.goxvo-language-switcher a:hover,
.goxvo-language-switcher a.active,
.search-shell .search-language-switcher a:hover,
.search-shell .search-language-switcher a.active {
    color: var(--busvn-white);
    background: var(--busvn-blue);
}

.hero-one {
    background-image: linear-gradient(90deg, rgba(234, 245, 252, .94), rgba(255, 255, 255, .95) 45%, rgba(255, 246, 218, .82)), var(--hero-background) !important;
}

.hero-one__title strong,
.hero-one__sub-title,
.goxvo-route-photo-credits a:hover {
    color: var(--busvn-blue) !important;
}

.travhub-btn,
.green-button,
.public-book-button,
.gold-button,
.primary-action,
.search-button,
.trip-button {
    color: var(--busvn-white);
    background: var(--busvn-blue) !important;
    box-shadow: 0 10px 24px rgba(0, 86, 168, .2);
}

.travhub-btn:hover,
.green-button:hover,
.public-book-button:hover,
.gold-button:hover,
.primary-action:hover,
.search-button:hover,
.trip-button:hover {
    color: var(--busvn-navy);
    background: linear-gradient(135deg, var(--busvn-gold), var(--busvn-orange)) !important;
}

.main-menu .current > a,
.main-menu a:hover,
.public-text-link,
.booking-back,
.summary-time,
.search-shell .results-back:hover,
.search-shell .results-route-label,
.search-shell .results-route-summary h1 b {
    color: var(--busvn-blue) !important;
}

.public-header,
.public-footer,
.public-hero,
.route-detail-hero,
.main-footer {
    background-color: var(--busvn-navy);
}

.public-header,
.public-hero,
.route-detail-hero {
    background-image: linear-gradient(125deg, var(--busvn-navy), var(--busvn-blue)) !important;
}

.public-eyebrow,
.route-fact-card div b,
.main-footer__top__dot {
    color: var(--busvn-gold);
}

.main-footer__top__dot {
    background: var(--busvn-gold);
}

@media (max-width: 575px) {
    .goxvo-wordmark img,
    .brand-logo,
    .public-brand-logo,
    .search-header-logo img {
        width: 132px;
        max-height: 62px;
    }
}