.road-stats {
    background-color: #183752;
    padding: 50px 0;
    color: var(--color-white);
    background-image: url(/images/site2024/arrow-top-bg.png), url(/images/site2024/arrow-top-bg.png);
    background-repeat: no-repeat;
    background-position: center left 7%, center right 7%;
    margin-bottom: 80px;
}

.road-stats .index-section__title {
    color: var(--color-white);
}

.road-stats__list {
    display: flex;
    column-gap: 5%;
    margin-bottom: 20px;
}

.road-stats__item {
    width: 33.333%;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
}

.road-stats__item-value {
    color: #56c3e8;
    font-size: 96px;
    line-height: 1.2;
    font-weight: 500;
    border-bottom: 2px solid #769AB7;
    padding-bottom: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.sup-star {
    color: #56c3e8;
    vertical-align: super;
}

.road-stats__notice {
    opacity: .63;
    text-align: right;
}

.road-stats__notice a {
    color: currentColor;
    text-decoration: underline;
}

.road-stats__notice a:hover {
    text-decoration: none;
}

@media (max-width: 1760px) {
    .road-stats {
        background-position: center left 2%, center right 2%;
    }
}

@media (max-width: 1600px) {
    .road-stats__list {
        display: flex;
        column-gap: 50px;
        margin-bottom: 20px;
    }

    .road-stats__wrap {
        max-width: 85%;
        margin: 0 auto;
    }
}

@media (max-width: 1440px) {
    .road-stats {
        background-position: center left 2%, center right 2%;
        background-size: auto 80px, auto 80px;
    }

    .road-stats__wrap {
        max-width: 80%;
        margin: 0 auto;
    }

    .road-stats__item {
        font-size: 20px;
    }

    .road-stats__item-value {
        font-size: 60px;
    }
}

@media (max-width: 991px) {
    .road-stats__list {
        flex-direction: column;
        gap: 50px;
    }

    .road-stats__item {
        width: 100%;
    }

    .road-stats__wrap {
        max-width: 70%;
    }
}

@media (max-width: 600px) {
    .road-stats__wrap {
        max-width: 70%;
    }

    .road-stats__item-value {
        font-size: 24px;
        border-width: 1px;
    }

    .road-stats__item {
        font-size: 16px;
    }

    .road-stats__notice {
        font-size: 14px;
        margin: 0 -20px;
    }

    .road-stats {
        background-position: center left 5%, center right 5%;
        background-size: auto 50px, auto 50px;
        margin-bottom: 30px;
    }
}