span{
    color: inherit;
}

.anchor{
    height: 1px;
    background: transparent;
    transform: translateY(-7rem);
    pointer-events: none;

    @media (max-width: 768px) {
        transform: translateY(-5rem);
    }

}

.routes-details__download{
    margin: 0;
}

.civil-card, .pensioner-card, .student-card, .school-card {
    margin-bottom: 10rem;
}

@media (max-width: 768px) {
    .news__card {
        min-height: unset;
    }
    .balance__form-buttons .btn {
        width: 27rem;
    }
}


a[href='/balance/'],
a[href='/balance'],
a[href='/balance.html'],
a[href='balance.html']{
    pointer-events: none !important;
    filter: grayscale(1);
    opacity: 0.4;
    user-select: none;
}

a[href='/routes-details/'],
a[href='/routes-details'],
a[href='/routes-details.html'],
a[href='routes-details.html']{
    pointer-events: none !important;
    filter: grayscale(1);
    opacity: 0.4;
    user-select: none;
}

a.disabled{
    pointer-events: none !important;
    filter: grayscale(1);
    opacity: 0.4;
    user-select: none;
}





@media (max-width: 768px) {
    .swiper-slide.disabled{
        display: none !important;
    }
}


.modal__form-confirm:has(input:checked)::before{
    background: var(--blue) url(../img/icons/check.svg);
    background-size: cover;
}