@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400 900;
    font-display: block;
    src: url("../../fonts/roboto/roboto-vietnamese.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400 900;
    font-display: block;
    src: url("../../fonts/roboto/roboto-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.journey-page {
    --journey-primary: #1689e6;
    --journey-accent: #28a8f3;
    --journey-heading-gradient: linear-gradient(180deg, #1689e6 0%, #0f73cf 100%);
    --journey-text: #2e3b68;
    --journey-muted: #69718e;
    --journey-bg: #eaf7ff;
    --journey-soft-blue: #eaf7ff;
    --journey-white: #fff;
    --journey-title-size: clamp(58px, 5.8vw, 112px);
    --journey-section-title-size: 32px;
    --journey-body-size: clamp(14px, 1.45vw, 17px);
    --journey-radius-lg: 34px;
    --journey-radius-md: 18px;
    --journey-shadow: 0 18px 45px rgba(26, 142, 229, 0.16), 0 16px 38px rgba(60, 151, 220, 0.10);
    --journey-page-padding-top: 0px;
    color: var(--journey-text);
    background-color: #eaf7ff;
    background-image: url("http://localhost/dentalinvietnam.com/wp-content/uploads/2026/05/2-1_11zon-scaled.webp");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: "Roboto", Arial, sans-serif;
    max-width: 100%;
    overflow: hidden;
    overflow-x: clip;
}

.journey-page,
.journey-page h1,
.journey-page h2,
.journey-page h3,
.journey-page p,
.journey-page a,
.journey-page button,
.journey-page li,
.journey-page span,
.journey-page strong {
    font-family: "Roboto", Arial, sans-serif;
}

.journey-page *,
.journey-page *::before,
.journey-page *::after {
    box-sizing: border-box;
}

.journey-page__inner {
    width: 100%;
    max-width: 1370px;
    padding-top: var(--journey-page-padding-top);
    padding-bottom: clamp(48px, 6vw, 84px);
    position: relative;
}

.journey-page img {
    display: block;
    max-width: 100%;
}

.journey-page p,
.journey-page li,
.journey-page span,
.journey-page strong {
    color: inherit !important;
}

.journey-section-title {
    margin: 0;
    padding-top: 0.08em;
    padding-bottom: 0.04em;
    font-family: "Roboto", Arial, sans-serif;
    color: var(--journey-primary) !important;
    background: none;
    -webkit-text-fill-color: currentColor;
    font-size: var(--journey-section-title-size);
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}

.journey-section-title span,
.journey-section-title strong {
    color: inherit !important;
}

.journey-compare__title {
    color: var(--journey-white) !important;
}

@media (max-width: 767px) {
    .journey-page {
        background-image: url("http://localhost/dentalinvietnam.com/wp-content/uploads/2026/05/BG_11zon-scaled.webp");
        background-size: 100% 100%;
    }

    .journey-page,
    .journey-page section,
    .journey-page__inner {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
    }

    .journey-page * {
        min-width: 0;
    }

    .journey-page__inner {
        padding-inline: 18px;
        padding-bottom: 42px;
    }

    .journey-section-title {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.18;
        text-wrap: balance;
        overflow-wrap: anywhere;
    }
}