/* /Components/Components/LinkButton.razor.rz.scp.css */
.button[b-o7zer6jaya] {
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
    gap: 0.7rem;
    padding: 1rem 2rem;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    width: fit-content;
}

.button.primary:hover[b-o7zer6jaya] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.button.secondary:hover[b-o7zer6jaya] {
    transform: translateY(-4px);
    background-color: #ffffff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.button.primary[b-o7zer6jaya] {
    background-color: #000000;
    color: #ffffff;
}

.button.secondary[b-o7zer6jaya] {
    background-color: rgba(255, 255, 255, 0.603);
    color: #000000;
}

.button-dot[b-o7zer6jaya] {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    clip-path: circle(50%);
    flex-shrink: 0;
}

.button-dot.primary[b-o7zer6jaya] {
    background-color: #81f381;
}

.button a[b-o7zer6jaya] {
    font-size: 20px;
    white-space: nowrap;
}

.button.another:hover[b-o7zer6jaya] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.button.another[b-o7zer6jaya] {
    background-color: rgba(216, 216, 216, 0.479);
    color: #000000;
}

.button-dot.another[b-o7zer6jaya] {
    background-color: #7c57d9;
}




/* настраиваем адаптивность */
@media (max-width: 1024px) {
    .button a[b-o7zer6jaya] {
        font-size: 18px;
    }

    .button-dot[b-o7zer6jaya] {
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        clip-path: circle(50%);
        flex-shrink: 0;
    }
}

@media (max-width: 768px) {

    .button a[b-o7zer6jaya] {
        font-size: 18px;
    }


}


/* настраиваем адаптивность */
@media (max-width: 460px) {
    .button a[b-o7zer6jaya] {
        font-size: 16px;
    }

    .button[b-o7zer6jaya] {
        justify-content: center;
    }

    .button-dot[b-o7zer6jaya] {
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        clip-path: circle(50%);
        flex-shrink: 0;
    }
}
/* /Components/Layout/About.razor.rz.scp.css */
.about-card[b-71oqkuxhv7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4rem 2rem;
}


.about-tags-wrapper[b-71oqkuxhv7] {
    display: flex;
    flex-direction: row;
    /* Элементы в строку */
    justify-content: center;
    /* Центрирование по горизонтали */
    align-items: center;
    /* Выравнивание по вертикали */
    gap: 1rem;
    /* Расстояние между блоками */
}


.about-tag[b-71oqkuxhv7] {
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
    gap: 0.7rem;
    padding: 0.5rem 2rem;
    /* background: rgba(255, 255, 255, 0.5); */
    border-color: black;
    border-style: solid;
    border-width: 1px;
    position: relative;
    margin-top: 2rem;
}

.about-tag p[b-71oqkuxhv7] {
    font-size: 20px;
    color: black;
    font-family: "Segoe UI", sans-serif;

    font-weight: 700;
}

.about-dot[b-71oqkuxhv7] {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    clip-path: circle(50%);
}

.about-dot.purple[b-71oqkuxhv7] {
    background-color: #7c57d9;
}

.about-dot.green[b-71oqkuxhv7] {
    background-color: #81f381;
}

.about-action[b-71oqkuxhv7] {
    display: flex;
    gap: 1rem;
}

.about-link[b-71oqkuxhv7] {
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
    gap: 0.7rem;
    padding: 1rem;
}

.about-link:hover[b-71oqkuxhv7] {
    transform: translateY(-2px);
}

.about-link.primary[b-71oqkuxhv7] {
    background-color: black;
    color: white
}

.about-link.secondary[b-71oqkuxhv7] {
    background-color: white;
}

.about-header[b-71oqkuxhv7] {
    padding: 1rem;
    line-height: 1.1;
}

.about-header h1[b-71oqkuxhv7] {
    font-size: 80px !important;
    color: black;
    font-weight: 700;
}



/* настраиваем адаптивность */
@media (max-width: 1024px) {

    .about-card[b-71oqkuxhv7] {
        padding: 1rem 1rem;
        margin: 1rem;
    }

    .about-tag p[b-71oqkuxhv7] {
        font-size: 14px;
    }

    .about-header h1[b-71oqkuxhv7] {
        font-size: 70px !important;
    }

    .about-dot[b-71oqkuxhv7] {
        width: 0.5rem;
        height: 0.5rem;
    }

    .about-action[b-71oqkuxhv7] {
        margin-top: 0rem;
        display: flex;
        gap: 1rem;
        /* margin-bottom: 4rem; */
    }

}

@media (max-width: 768px) {

    .about-card[b-71oqkuxhv7] {
        padding: 1rem 1rem;
        margin: 1rem;
    }

    .about-tags-wrapper[b-71oqkuxhv7] {
        gap: 0.5rem;
        /* Расстояние между блоками */
    }

    .about-tag p[b-71oqkuxhv7] {
        font-size: 12px;
    }

    .about-header h1[b-71oqkuxhv7] {
        font-size: 60px !important;
    }

}



@media (max-width: 460px) {

    .about-card[b-71oqkuxhv7] {
        padding: 2rem 1rem;
        margin: 1rem;
    }

    .about-header[b-71oqkuxhv7] {
        font-size: 14px !important;
        margin-top: 1rem;
        padding: 0rem;
    }

    .about-header h1[b-71oqkuxhv7] {
        font-size: 36px !important;
    }

    .about-tag[b-71oqkuxhv7] {
        padding: 0.5rem 1.2rem;
        margin-top: 0rem;
    }


    .about-action[b-71oqkuxhv7] {

        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .about-tag p[b-71oqkuxhv7] {
        font-size: 12px;
    }


    .about-tags-wrapper[b-71oqkuxhv7] {
        gap: 0.5rem;
        /* Расстояние между блоками */
    }


}
/* /Components/Layout/Challenge.razor.rz.scp.css */
.challenge-card[b-g8mb51uif7] {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 3rem;
    margin-left: 6rem;
    margin-right: 6rem;
    margin-top: 3rem;
    background-color: rgb(255, 255, 255);
    border-radius: 1rem;
    box-shadow: 10px 15px 16px rgba(0, 0, 0, 0.3);
    flex-direction: row;
}

/* Левая колонка (объединяем tag, header, footer) */
.challenge-left[b-g8mb51uif7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 6rem;
    padding-right: 0rem;
}

/* Правая колонка (content) */
.challenge-content[b-g8mb51uif7] {
    flex: 1;
}

.challenge-tag[b-g8mb51uif7] {
    grid-area: tag;
    align-self: end;
    align-items: baseline;
    text-align: left;
    margin-right: 50px;
    margin-top: 0px;
    align-self: flex-start;
}

.challenge-tag p[b-g8mb51uif7] {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    font-family: "Segoe UI", sans-serif;
    color: black;
}

.challenge-triangle[b-g8mb51uif7] {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.challenge-triangle:nth-child(1)[b-g8mb51uif7] {
    background-color: #7c57d9
}

.challenge-triangle:nth-child(2)[b-g8mb51uif7] {
    background: linear-gradient(100deg,
            rgba(124, 87, 217, 0.6) 50%,
            rgba(129, 243, 129, 0.5) 100%);
}

.challenge-triangle:nth-child(3)[b-g8mb51uif7] {
    background-color: #81f381;
}

.challenge-header[b-g8mb51uif7] {
    align-self: flex-start;
}

.challenge-header h1[b-g8mb51uif7] {
    margin: 0;
    font-size: 40px !important;
    line-height: 1.1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.challenge-content[b-g8mb51uif7] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.2rem;
    text-align: center;
    padding: 1rem;
    background: url(images/blob.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    /* background-size: contain; */
}

.content-header h1[b-g8mb51uif7] {
    padding-left: 1rem;
    margin: 0;
    font-size: 12px !important;
    font-weight: 500;
    color: white;
    margin-top: 1rem;
}

.content-header h2[b-g8mb51uif7] {
    padding-left: 1rem;
    margin-top: -1rem;
    font-size: 22px !important;
    font-weight: 600;
    text-transform: uppercase;
    color: white;

}

.challenge-content p[b-g8mb51uif7] {
    padding-left: 1rem;
    /* padding-right: 1rem; */
    font-size: 22px !important;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    width: 250px;
    align-content: center;
}

.content-item[b-g8mb51uif7] {
    display: none;
}

.content-item.active[b-g8mb51uif7] {
    display: block
}

.marker-gradient[b-g8mb51uif7] {
    background: linear-gradient(100deg,
            rgba(124, 87, 217, 0.2) 0%,
            rgba(124, 87, 217, 0.902) 30%,
            rgba(129, 243, 129, 0.9) 70%,
            rgba(129, 243, 129, 0.2) 100%);
    padding: 0 4px;
    background-size: 100% 40%;
    background-repeat: no-repeat;
    background-position: 0 85%;
}




/* Контейнер с кнопками и индикаторами */
.content-actions[b-g8mb51uif7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Круглые кнопки */
.nav-button[b-g8mb51uif7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #f7f0f0ce;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #7c57d9e6;
}

.nav-button:hover[b-g8mb51uif7] {
    background-color: #f7f0f0f1;
    transform: scale(1.05);
}

.nav-button:active[b-g8mb51uif7] {
    transform: scale(0.95);
}

/* Индикаторы */
.indicators[b-g8mb51uif7] {
    display: flex;
    gap: 0.75rem;
}

.indicator[b-g8mb51uif7] {
    width: 8px;
    height: 8px;
    background-color: #f7f0f0ce;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.indicator.active[b-g8mb51uif7] {
    width: 28px;
    background-color: #f7f0f0ce;
    border-radius: 4px;
}

/* Эффект при наведении на индикатор */
.indicator:hover[b-g8mb51uif7] {
    background-color: #f7f0f0f1;
    transform: scale(1.2);
}

.content-item[b-g8mb51uif7] {
    display: none;
    animation: fade-b-g8mb51uif7 0.3s ease;
}

.content-item.active[b-g8mb51uif7] {
    display: block;
}

@keyframes fade-b-g8mb51uif7 {
    from {
        opacity: 0;
        transform: translateX(10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}






/* настраиваем адаптивность */
@media (max-width: 1439px) {

    .challenge-left[b-g8mb51uif7] {
        padding: 3rem;
    }


    .challenge-header h1[b-g8mb51uif7] {
        font-size: 34px !important;
    }

    .content-header h1[b-g8mb51uif7] {
        font-size: 12px !important;
    }

    .content-header h2[b-g8mb51uif7] {
        font-size: 22px !important;
    }

    .indicator[b-g8mb51uif7] {
        width: 6px;
        height: 6px;
    }

    .nav-button[b-g8mb51uif7] {
        width: 32px;
        height: 32px;
    }

    .challenge-content p[b-g8mb51uif7] {
        font-size: 18px !important;
        width: 250px;
        height: 70px;
    }
}


@media (max-width: 1024px) {


    .challenge-left[b-g8mb51uif7] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding: 3rem;
    }

    .challenge-tag[b-g8mb51uif7] {
        flex: 1;
        display: flex;
        flex-direction: row;
        gap: 0.2rem
    }

    .challenge-card[b-g8mb51uif7] {
        margin: 4rem 2rem;
    }

    .challenge-tag p[b-g8mb51uif7] {
        font-size: 8px;
        margin-left: 0.2rem;
    }

    .challenge-header h1[b-g8mb51uif7] {
        font-size: 26px !important;
    }

    .content-header h1[b-g8mb51uif7] {
        font-size: 8px !important;
    }

    .content-header h2[b-g8mb51uif7] {
        font-size: 16px !important;
    }

    .challenge-content p[b-g8mb51uif7] {
        font-size: 16px !important;
        width: 200px;
        width: 200px;
        height: 60px;
        /* margin-bottom: 0.5rem; */
    }

    .content-actions[b-g8mb51uif7] {
        margin-top: 0rem;
        gap: 0.5rem;
    }

    .indicator[b-g8mb51uif7] {
        width: 6px;
        height: 6px;
    }

    .nav-button[b-g8mb51uif7] {
        width: 32px;
        height: 32px;
    }

    .challenge-triangle[b-g8mb51uif7] {
        width: 0.4rem;
        height: 0.4rem;
    }

        .content-item p[b-g8mb51uif7] {
        margin-bottom: 1rem;
    }
}


@media (max-width: 768px) {
    .challenge-card[b-g8mb51uif7] {

        margin-left: 2rem;
        margin-right: 2rem;
        margin-top: 6rem;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .challenge-left[b-g8mb51uif7] {
        padding-right: 6rem;
        align-items: center;
        margin-bottom: -3rem !important;
    }

    .challenge-header h1[b-g8mb51uif7] {
        font-size: 32px !important;
    }

    .content-header h1[b-g8mb51uif7] {
        padding-top: 4rem;
        margin-left: 1rem;
        font-size: 8px !important;
    }

    .content-header h2[b-g8mb51uif7] {
        margin-left: 1rem;
        font-size: 16px !important;
    }

    .content-header p[b-g8mb51uif7] {
        font-size: 16px !important;
    }

    .content-actions[b-g8mb51uif7] {
        padding-bottom: 4rem;
    }

    /* .challenge-footer {
        text-align: center;
    } */

    .challenge-left[b-g8mb51uif7] {
        padding: 4rem;
        padding-bottom: 0;
        margin-bottom: -3rem;
    }

    .challenge-header h1[b-g8mb51uif7] {
        text-align: center;
    }

    .challenge-content[b-g8mb51uif7] {
        padding: 3rem;
        /* background-origin: border-box; */
    }

    .challenge-triangle[b-g8mb51uif7] {
        width: 0.4rem;
        height: 0.4rem;
    }

    .challenge-tag p[b-g8mb51uif7] {
        font-size: 8px;
    }

    .content-item p[b-g8mb51uif7] {
        margin-bottom: 1rem;
    }


}

@media (max-width: 460px) {
    .challenge-card[b-g8mb51uif7] {
        margin-left: 0.8rem;
        margin-right: 0.8rem;
        margin-top: 2rem;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .challenge-left[b-g8mb51uif7] {
        padding: 2rem !important;
        padding-top: 3rem !important;
        margin-bottom: -6rem !important;
    }

    .challenge-content[b-g8mb51uif7] {
        padding-top: 0rem;
    }

    .challenge-tag p[b-g8mb51uif7] {
         font-size: 8px !important;
    }

    .content-header h1[b-g8mb51uif7] {
        padding-top: 4rem;
        margin-left: 1rem;
        font-size: 8px !important;

    }

    .content-header h2[b-g8mb51uif7] {
        margin-left: 1rem;
        font-size: 20px !important;
    }

    .content-actions[b-g8mb51uif7] {
        padding-bottom: 4rem;
    }

    .challenge-header h1[b-g8mb51uif7] {
        font-size: 20px !important;
    }

    .content-item p[b-g8mb51uif7] {
        margin-bottom: 1rem;
    }

    .content-header p[b-g8mb51uif7] {
        font-size: 14px !important;
    }

    /* .challenge-footer p {
        font-size: 0.4rem;
    } */
    .challenge-header h1[b-g8mb51uif7] {
        text-align: center;
    }

    .challenge-content[b-g8mb51uif7] {
        padding: 3rem;
        background-origin: border-box;
    }

    .challenge-triangle[b-g8mb51uif7] {
        width: 0.4rem;
        height: 0.4rem;
    }

    .challenge-header h1[b-g8mb51uif7] {
        font-size: 24px !important;
    }


}
/* /Components/Layout/Contacts.razor.rz.scp.css */
.contacts-card[b-jatfdwlebd] {
    display: flex;
    flex-wrap: wrap;
    /* gap: 50rem; */
    margin-left: 6rem;
    margin-right: 6rem;
    margin-top: 6rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

/* Левая колонка (объединяем tag, header, footer) */
.contacts-left[b-jatfdwlebd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 4rem;
}

.contacts-footer[b-jatfdwlebd] {
    flex: 0 0 10%;
    align-self: self-end;
    background-color: rgb(255, 255, 255);
    border-radius: 1rem;
    padding: 1rem 1rem;
}

.contacts-header h1[b-jatfdwlebd] {
    margin: 0;
    font-size: 34px !important;
    font-weight: 800;
    text-transform: none;
    padding: 0;
    color: black;
}

.contacts-header h2[b-jatfdwlebd] {
    margin: 0;
    font-size: 34px !important;
    font-weight: 800;
    padding: 0;
    color: black;
}

.logos[b-jatfdwlebd] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: flex-end;
}

.logo-cbr[b-jatfdwlebd] {
    height: 40px;
    width: auto;
}

.logo-msu[b-jatfdwlebd] {
    height: 60px;
    width: auto;
}

.divider[b-jatfdwlebd] {
    width: 1px;
    height: 30px;
    background-color: rgba(97, 97, 97, 0.623);
}

.social-icons[b-jatfdwlebd] {
    margin-top: 1rem;
}

.contacts-footer[b-jatfdwlebd] {
    margin-bottom: 1rem;
}




/* настраиваем адаптивность */
@media (max-width: 1439px) {
    .contacts-card[b-jatfdwlebd] {
        margin-left: 6rem;
        margin-right: 6rem;
        margin-top: 4rem;
        margin-bottom: 1rem;
    }

    .contacts-header h1[b-jatfdwlebd] {
        font-size: 34px !important;
    }

    .contacts-header h2[b-jatfdwlebd] {
        font-size: 34px !important;
    }
}

@media (max-width: 1024px) {
    .contacts-card[b-jatfdwlebd] {
        margin-left: 2rem;
        margin-right: 2rem;
        margin-top: 4rem;
        margin-bottom: 1rem;
    }

    .contacts-header h1[b-jatfdwlebd] {
        font-size: 34px !important;
    }

    .contacts-header h2[b-jatfdwlebd] {
        font-size: 34px !important;
    }
}




@media (max-width: 820px) {
    .contacts-card[b-jatfdwlebd] {
        margin-left: 2rem;
        margin-right: 2rem;
        margin-top: 4rem;
        margin-bottom: 1rem;
    }

    .contacts-header h1[b-jatfdwlebd] {
        font-size: 34px !important;
    }

    .contacts-header h2[b-jatfdwlebd] {
        font-size: 34px !important;
    }


    .logo-cbr[b-jatfdwlebd] {
        height: 40px;
    }

    .logo-msu[b-jatfdwlebd] {
        height: 60px;
    }

    .contacts-footer[b-jatfdwlebd] {
        margin-top: 2rem;
        align-items: center;
    }

    .contacts-footer[b-jatfdwlebd] {
        margin: 0 auto;
        /* Центрирует сам блок по горизонтали */
        margin-top: 2rem;
        display: flex;
        justify-content: center;
        width: fit-content;
        /* Ширина по содержимому */
    }


    [contacts-left][b-jatfdwlebd] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .contacts-content[b-jatfdwlebd] {
        display: flex;
        gap: 0rem;
        margin-left: auto;
        align-items: flex-end;
    }


}


@media (max-width: 460px) {
    .contacts-header h1[b-jatfdwlebd] {
        font-size: 24px !important;
    }

    .contacts-header h2[b-jatfdwlebd] {
        font-size: 24px !important;
        margin-bottom: 0.8rem;
    }

    .contacts-content[b-jatfdwlebd] {
        margin-bottom: 1rem;
        margin-right: 0rem;
    }


    .logo-cbr[b-jatfdwlebd] {
        height: 30px;
    }

    .logo-msu[b-jatfdwlebd] {
        height: 40px;
    }

    .contacts-footer[b-jatfdwlebd] {
        margin-top: 1rem;
    }

    [contacts-left][b-jatfdwlebd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contacts-content[b-jatfdwlebd] {
        display: flex;
        gap: 0rem;
        margin-left: 0;
        align-items: flex-start;
    }

}


@media (max-width: 375px) {

    .logo-cbr[b-jatfdwlebd] {
        height: 20px;
    }

    .logo-msu[b-jatfdwlebd] {
        height: 30px;
    }

    .logos[b-jatfdwlebd] {
        gap: 1rem;
    }
}
/* /Components/Layout/FAQ.razor.rz.scp.css */
.faq-card[b-2ykjeq3s67] {
    margin-left: 6rem;
    margin-right: 6rem;
    margin-top: 6rem;

}

.faq-header h1[b-2ykjeq3s67] {
    font-size: 34px !important;
    font-weight: 800;
    color: black;
}

.content-item summary[b-2ykjeq3s67] {
    font-size: 26px !important;
    font-weight: 800;
    color: black;
}

.content-item p[b-2ykjeq3s67] {
    font-size: 1.2rem;
    margin-top: 1rem;
    background-color: rgba(255, 255, 255, 0.39);
    color: black;
    padding: 1rem;
    border-radius: 8px;
    font-weight: 500;
    font-size: 18px !important;
}

.content-item details[b-2ykjeq3s67] {
    border-bottom: 1px solid #000;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.content-item details:first-child[b-2ykjeq3s67] {
    border-top: 1px solid #000;
    padding-top: 20px;
}

summary[b-2ykjeq3s67] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

summary[b-2ykjeq3s67]::before {
    content: "";
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('icons/circle-pluse-32.svg');
}

details[open] summary[b-2ykjeq3s67]::before {
    background-image: url('icons/circle-minus-32.svg');
}





/* настраиваем адаптивность */
@media (max-width: 1439px) {

    .faq-card[b-2ykjeq3s67] {
        margin: 4rem 6rem;

    }

    .faq-header h1[b-2ykjeq3s67] {
        font-size: 34px !important;
    }


    .content-item summary[b-2ykjeq3s67] {
        font-size: 26px !important;
    }

    .content-item p[b-2ykjeq3s67] {
        font-size: 18px !important;
    }

}


@media (max-width: 1024px) {
    .faq-card[b-2ykjeq3s67] {
        margin: 4rem 2rem;
    }

    .faq-header h1[b-2ykjeq3s67] {
        font-size: 34px !important;
    }

    .content-item summary[b-2ykjeq3s67] {
        font-size: 20px !important;
    }

    .content-item p[b-2ykjeq3s67] {
        font-size: 18px !important;
    }


}



@media (max-width: 768px) {
    .faq-header h1[b-2ykjeq3s67] {
        font-size: 34px !important;
    }

    .content-item summary[b-2ykjeq3s67] {
        font-size: 20px !important;
    }

    .content-item p[b-2ykjeq3s67] {
        font-size: 18px !important;
    }
}

@media (max-width: 460px) {
    .faq-header h1[b-2ykjeq3s67] {
        font-size: 24px !important;
    }

    .content-item summary[b-2ykjeq3s67] {
        font-size: 18px !important;
    }

    .content-item p[b-2ykjeq3s67] {
        font-size: 16px !important;
    }

}
/* /Components/Layout/Marquee.razor.rz.scp.css */
/* Левый блок (движение снизу вверх) */
.marquee-left[b-24i5aci022] {
    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    min-width: 30px;
    height: 100vh;
    background: transparent;
    overflow: hidden;
    z-index: 1000;
    display: flex;
    align-items: flex-end;
    transform: rotate(180deg);
}

.marquee-left .text[b-24i5aci022] {
    white-space: nowrap;
    color: black;
    font-size: 10px;
    font-weight: 500;
    padding: 5px;
    animation: scrollUp-b-24i5aci022 60s linear infinite;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: black;

}

/* Правый блок (движение сверху вниз) */
.marquee-right[b-24i5aci022] {
    position: fixed;
    right: 0;
    top: 0;
    width: auto;
    min-width: 30px;
    height: 100vh;
    background: transparent;
    overflow: hidden;
    z-index: 1000;
    display: flex;
    align-items: flex-start;

}

.marquee-right .text[b-24i5aci022] {
    white-space: nowrap;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: black;
    font-size: 10px;
    font-weight: 500;
    padding: 5px;
    animation: scrollDown-b-24i5aci022 60s linear infinite;
    color: black;

}

@keyframes scrollUp-b-24i5aci022 {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(50%);
    }
}

/* Анимация сверху вниз (правая) */
@keyframes scrollDown-b-24i5aci022 {
    0% {
        transform: translateY(-50%);
    }

    100% {
        transform: translateY(0);
    }
}


@media (max-width: 1024px) {
    .marquee-card[b-24i5aci022] {
        display: none !important;
    }
}
/* /Components/Layout/MonitoringChart.razor.rz.scp.css */
.chart-card[b-1p0xk7bzna] {
    background: white;
    border-radius: 1rem;
    box-shadow: 10px 15px 16px rgba(0, 0, 0, 0.3);
    padding: 2rem;
    margin: 6rem;
}

.chart-title[b-1p0xk7bzna] {
    text-align: center;
    font-size: 1.7rem;
    margin: 0 0 1.5rem 0;
    font-weight: 600;
}

.chart-layout[b-1p0xk7bzna] {
    display: flex;
    align-items: stretch;
}

.chart-left[b-1p0xk7bzna] {
    flex: 2;
}

.chart-left h3[b-1p0xk7bzna] {
    font-size: 1.5rem;

}

.chart-right[b-1p0xk7bzna] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
}

.metric[b-1p0xk7bzna] {
    text-align: center;
    padding: 1rem;
    background: #ffffff;
    border-radius: 1rem;
}

.metric-value[b-1p0xk7bzna] {
    font-size: 3.0rem;
    font-weight: 700;
    line-height: 1.2;
}

.metric-label[b-1p0xk7bzna] {
    font-size: 1rem;
    color: rgba(0, 0, 0);
}

.chart-left h1[b-1p0xk7bzna] {
    margin-bottom: 2rem;
    font-size: 2.0rem;
    line-height: 1.1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}


@media (max-width: 1024px) {
    .chart-card[b-1p0xk7bzna] {
        margin: 2rem;
    }

    .chart-left[b-1p0xk7bzna] {
        min-height: 300px;
    }

    .chart-layout[b-1p0xk7bzna] {
        flex-direction: column;
    }

    .chart-right[b-1p0xk7bzna] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .metric[b-1p0xk7bzna] {
        flex: 1;
    }

    .metric-label[b-1p0xk7bzna] {
        font-size: 1rem;
    }

    .metric-value[b-1p0xk7bzna] {
        font-size: 2.5rem;
    }


    .chart-title[b-1p0xk7bzna] {
        font-size: 1.2rem;
    }

}

@media (max-width: 460px) {
    .chart-card[b-1p0xk7bzna] {
        margin: 2rem;
    }

    .chart-left[b-1p0xk7bzna] {
        min-height: 200px;
    }

    .chart-layout[b-1p0xk7bzna] {
        flex-direction: column;
    }

    .chart-right[b-1p0xk7bzna] {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .metric[b-1p0xk7bzna] {
        flex: 1;
        padding: 0.8rem;
    }

    .metric-label[b-1p0xk7bzna] {
        font-size: 1rem;

    }

    .metric-value[b-1p0xk7bzna] {
        font-size: 1.8rem;

    }

    .chart-title[b-1p0xk7bzna] {
        font-size: 1rem;
    }
}
/* /Components/Layout/Nav.razor.rz.scp.css */
.nav[b-p3dbgfddvz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 7rem;
    padding-right: 7rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.nav.scrolled[b-p3dbgfddvz]{
    background-color: #fffffff6;
}

.nav-items[b-p3dbgfddvz] {
    display: flex;
    gap: 2rem;
    color:black;
}

[b-p3dbgfddvz] .nav-link {
    padding: 1rem;
    display: inline-block;
    text-decoration: none;
    color: currentColor;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color:black;
    
    
}

[b-p3dbgfddvz] .nav-link:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);  /* больше и темнее */
    border-radius: 0.3rem;
    /* padding: 0.7rem; */
}


/* настраиваем адаптивность */
@media (max-width: 1024px) {
    .nav[b-p3dbgfddvz] {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }

    [b-p3dbgfddvz] .nav-link {
        font-size: 0.9rem;
    }
}

@media (max-width: 460px) {
    .nav-items[b-p3dbgfddvz] {
        display: none !important;
    }

    .nav[b-p3dbgfddvz] {
        justify-content: right;
    }
}
/* /Components/Layout/NavCabinet.razor.rz.scp.css */
.nav-cab[b-1lz7g7eubz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 7rem;
    padding-right: 7rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.nav-cab.scrolled[b-1lz7g7eubz] {
    background-color: #fffffff6;
}

.nav-cab-items[b-1lz7g7eubz] {
    display: flex;
    gap: 2rem;
    
}

[b-1lz7g7eubz] .nav-cab-link {
    padding: 1rem;
    display: inline-block;
    text-decoration: none;
    color: currentColor;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

[b-1lz7g7eubz] .nav-cab-link:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    border-radius: 0.3rem;
}




/* настраиваем адаптивность */

@media (max-width: 1524px) {
    .nav-cab[b-1lz7g7eubz] {
       padding-left: 6rem;
        padding-right: 6rem;
        padding-top: 1rem;
        padding-bottom: 0.2rem;
    }

    [b-1lz7g7eubz] .nav-cab-link {
        font-size: 1rem;
    }
}



@media (max-width: 1024px) {
    .nav-cab[b-1lz7g7eubz] {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }

    [b-1lz7g7eubz] .nav-cab-link {
        font-size: 0.9rem;
    }
}

@media (max-width: 460px) {
    .nav-cab[b-1lz7g7eubz] {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }

    [b-1lz7g7eubz] .nav-cab-link {
        font-size: 0.7rem;
    }
}
/* /Components/Layout/SendForm.razor.rz.scp.css */
.form-card[b-i1ccx889vn] {
    background: white;
    border-radius: 1rem;
    box-shadow: 10px 15px 16px rgba(0, 0, 0, 0.3);
    padding: 2rem;
    margin: 6rem;
    display: flex;
    align-items: stretch;
}

.teamName[b-i1ccx889vn] {
    padding: 0rem;
    margin-left: 6rem;
    margin-right: 6rem;
    margin-bottom: -4rem;
    margin-top: 2rem;
    text-align: center;
}

.teamName p[b-i1ccx889vn] {
    font-size: 2rem;
    text-transform: uppercase;
}

.left-card[b-i1ccx889vn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 0rem;
    padding-right: 4rem;

}

.right-card[b-i1ccx889vn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* height: 100% - не обязательно, но можно оставить */
    height: 100%;
}

.right-card-wrapper[b-i1ccx889vn] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* ← ГЛАВНОЕ: центрирование по вертикали */
    height: 100%;
    width: 100%;
    gap: 0;
    /* Убираем лишние отступы */
}

.task-title[b-i1ccx889vn] {
    font-weight: bold;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.p1[b-i1ccx889vn] {
    padding: 0rem !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.p2[b-i1ccx889vn] {
    padding: 0rem !important;
    margin-top: 1rem;
    margin-bottom: 2rem;
    color: #a7a7a7;
    font-size: 1.2rem;
    text-transform: uppercase;
}



.reference-information[b-i1ccx889vn] {
    border-radius: 1rem;
    border: none;
    background-color: rgb(231, 231, 231);
    padding: 1rem;
}

.reference-information p[b-i1ccx889vn] {
    font-size: 16px;
}

.calendar-link[b-i1ccx889vn] {
    color: #7c57d9;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
}

.calendar-link:hover[b-i1ccx889vn] {
    color: #5db06f;
}

.edit-form-card[b-i1ccx889vn] {
    flex: 1;
}

.send-form[b-i1ccx889vn] {
    border-radius: 1rem;
    border-style: solid;
    border-width: 2px;
    border-color: #7c57d9;
    padding: 1rem;
}

.title[b-i1ccx889vn] {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.subtitle[b-i1ccx889vn] {
    font-weight: 500;
    font-size: 1rem;
    color: rgb(95, 95, 95);
    margin-bottom: 1rem;
}

.subtitle_additional[b-i1ccx889vn] {
    font-weight: 500;
    font-size: 1rem;
    color: rgb(95, 95, 95);
    margin-bottom: 1rem;
    margin-top: -1rem;
}

.divider[b-i1ccx889vn] {
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #ccc;
    margin: 1rem 0;
}

.form-field[b-i1ccx889vn] {
    border-radius: 1rem;
    border: 2px solid #5db06f;
    background: white;
    margin-bottom: 1rem;
    transition: all 0.2s ease;
    padding: 0.5rem;
}


.form-field:hover[b-i1ccx889vn] {
    border-color: #7c57d9;
    background: #f9f9f9;
}


[b-i1ccx889vn] .field-input {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 1rem;
    font-family: inherit;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
}

[b-i1ccx889vn] .custom-file-input {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 1rem;
    font-family: inherit;
    box-sizing: border-box;
    cursor: pointer;
}


[b-i1ccx889vn] .custom-file-input::-webkit-file-upload-button {
    border-color: #c0c0c0;
    background: rgba(216, 216, 216, 0.479);
    border-radius: 0.5rem;
    border-width: 0.1rem;
    cursor: pointer;
}

.form-action[b-i1ccx889vn] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.send-button[b-i1ccx889vn] {
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
    border: none;
    background-color: black;
    gap: 0.7rem;
    padding: 1rem 2rem;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 16px;
    font-family: inherit;
    font-weight: 600;
    color: white;
}

.download-button[b-i1ccx889vn] {
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
    border: none;
    background-color: rgb(231, 231, 231);
    gap: 0.7rem;
    padding: 1rem 2rem;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 16px;
    font-family: inherit;
    font-weight: 600;
    color: rgb(0, 0, 0);
}


.form-action button:hover[b-i1ccx889vn] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.btn-dot[b-i1ccx889vn] {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    clip-path: circle(50%);
    flex-shrink: 0;
    background-color: #81f381;
}

.download-btn-dot[b-i1ccx889vn] {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    clip-path: circle(50%);
    flex-shrink: 0;
    background-color: #7c57d9;
}



.hidden[b-i1ccx889vn] {
    display: none !important;
}

.modal-overlay[b-i1ccx889vn] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-i1ccx889vn] {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.modal-actions[b-i1ccx889vn] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 1.5rem;
}

.btn-confirm[b-i1ccx889vn] {
    background-color: #7c57d9;
    color: white;
    border: none;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font-family: inherit;
    font-weight: 600;
}

.btn-confirm:hover[b-i1ccx889vn] {
    background-color: #5db06f;
}

.btn-cancel[b-i1ccx889vn] {
    background-color: #e0e0e0;
    color: #333;
    border: none;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font-family: inherit;
    font-weight: 600;
}

.btn-cancel:hover[b-i1ccx889vn] {
    background-color: #cccccc;
}





/* настраиваем адаптивность */
@media (max-width: 1024px) {
    .form-card[b-i1ccx889vn] {
        flex-direction: column;
        margin: 2rem;
    }

    .teamName p[b-i1ccx889vn] {
        font-size: 1.5rem;
        margin-bottom: 5rem;
    }

    .left-card[b-i1ccx889vn] {
        padding-top: 0rem;
        padding-bottom: 3rem;
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .left-card p[b-i1ccx889vn] {
        font-size: 0.8rem;
    }

    .p1[b-i1ccx889vn] {
        font-size: 1rem !important;
    }

    .p2[b-i1ccx889vn] {
        font-size: 1rem !important;
    }

    .task-title[b-i1ccx889vn] {
        font-size: 1.2rem !important;
    }

    .title[b-i1ccx889vn] {
        font-size: 1rem;
    }

    .subtitle[b-i1ccx889vn] {
        font-size: 1rem;
    }

    .field-input[b-i1ccx889vn] {
        font-size: 0.9rem;
    }

    .custom-file-input[b-i1ccx889vn] {
        font-size: 0.8rem;
    }

    .form-card[b-i1ccx889vn] {
        margin-top: 2rem;
    }

    .form-action[b-i1ccx889vn] {
        justify-content: center;
    }

    .form-action button[b-i1ccx889vn] {
        font-size: 1rem;
        justify-content: center;
    }

    [b-i1ccx889vn] .custom-file-input::-webkit-file-upload-button {
        font-size: 1rem;
    }

    [b-i1ccx889vn] .custom-file-input {
        font-size: 1rem;
    }

    [b-i1ccx889vn] .field-input {
        font-size: 1rem;
    }

    .calendar-link[b-i1ccx889vn] {
        font-size: 1rem;
    }

    .reference-information p[b-i1ccx889vn] {
        font-size: 1rem;
    }


}



@media (max-width: 460px) {
    .form-card[b-i1ccx889vn] {
        flex-direction: column;
        margin: 2rem;
    }

    .teamName p[b-i1ccx889vn] {
        font-size: 1rem;
        margin-bottom: 5rem;
    }

    .left-card[b-i1ccx889vn] {
        padding-top: 0rem;
        padding-bottom: 3rem;
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .left-card p[b-i1ccx889vn] {
        font-size: 0.8rem;
    }

    .p1[b-i1ccx889vn] {
        font-size: 1rem !important;
    }

    .p2[b-i1ccx889vn] {
        font-size: 1rem !important;
    }

    .task-title[b-i1ccx889vn] {
        font-size: 1rem !important;
    }

    .title[b-i1ccx889vn] {
        font-size: 0.8rem;
    }

    .subtitle[b-i1ccx889vn] {
        font-size: 0.8rem;
    }

    .field-input[b-i1ccx889vn] {
        font-size: 0.6rem;
    }

    .custom-file-input[b-i1ccx889vn] {
        font-size: 0.6rem;
    }

    .form-card[b-i1ccx889vn] {
        margin-top: 1rem;
    }

    .form-action[b-i1ccx889vn] {
        justify-content: center;
        flex-direction: column;
    }

    .custom-file-input[b-i1ccx889vn]::-webkit-file-upload-button {
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 0.5rem;
    }

    .form-action button[b-i1ccx889vn] {
        font-size: 0.6rem;
        justify-content: center;
    }

    [b-i1ccx889vn] .custom-file-input::-webkit-file-upload-button {
        font-size: 0.6rem;
    }

    [b-i1ccx889vn] .custom-file-input {
        font-size: 0.6rem;
    }

    [b-i1ccx889vn] .field-input {
        font-size: 0.6rem;
    }

    .form-action button[b-i1ccx889vn] {
        font-size: 0.8rem;
        justify-content: center;
    }

    .calendar-link[b-i1ccx889vn] {
        font-size: 12px;
    }

    .reference-information p[b-i1ccx889vn] {
        font-size: 12px;
    }


}
/* /Components/Layout/Timeline.razor.rz.scp.css */
.timeline-card[b-6ftj8jz079] {
    margin-left: 6rem;
    margin-right: 6rem;
    margin-top: 3rem;
}

.timeline-header[b-6ftj8jz079] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}

.timeline-title[b-6ftj8jz079] {
    flex: 1;
}

.timeline-title h1[b-6ftj8jz079] {
    font-size: 34px !important;
    font-weight: 800;
    margin-bottom: 0px;
    color: black;
    
}

.timeline-title p[b-6ftj8jz079] {
    margin-bottom: 30px;
    font-size: 18px !important;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 2px;
    color: black;
}

.timeline-action[b-6ftj8jz079] {
    flex-shrink: 0;
    cursor: pointer;
}

.timeline-content[b-6ftj8jz079] {
    display: flex;
    text-align: center;
    gap: 2rem;
    background: linear-gradient(to bottom, transparent 50%, #ffffff 50%, transparent 100%);
    justify-content: center;
}

.timeline-item[b-6ftj8jz079] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.timeline-item h2[b-6ftj8jz079] {
    height: 6rem;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 0 1rem 0;
    font-size: 22px !important;
    color: black;
    font-weight: 800;
}

.timeline-item[b-6ftj8jz079] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background-color: transparent;
}

.timeline-date[b-6ftj8jz079] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 50%;
    height: 5rem;
    width: 5rem;
    font-size: 20px !important;
    font-weight: 800;
    position: relative;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    color: black;
    /* больше и темнее */
}

.timeline-item p[b-6ftj8jz079] {
    height: 6rem;
    text-align: center;
    margin-top: 20px;
    font-size: 1.3rem;
    padding: 0rem 1rem;
    font-size: 18px !important;
    color: black;
}

.Mts-link[b-6ftj8jz079] {
    text-decoration: underline;
    /* Подчеркивание */
    text-decoration-color: #7c57d9;
    /* Цвет линии */
    text-underline-offset: 2px;
    /* Отступ линии от текста (опционально) */
    text-decoration-thickness: 3px;
    /* Толщина линии (опционально) */
    cursor: pointer;
    font-size: 18px !important;
    color: black;
}

.Mts-link:hover[b-6ftj8jz079] {
    color: #7c57d9;
    ;
}

/* На компьютерах <br> виден */
.desktop-only[b-6ftj8jz079] {
    display: inline;
}





/* настраиваем адаптивность */
@media (max-width: 1439px) {
    .timeline-card[b-6ftj8jz079] {
        margin: 4rem 6rem;

    }

    .timeline-title h1[b-6ftj8jz079] {
        font-size: 34px !important;
    }

    .timeline-title p[b-6ftj8jz079] {
        font-size: 0.9rem;
    }

    .timeline-item h2[b-6ftj8jz079] {
        font-size: 22px !important;

    }

    .timeline-item p[b-6ftj8jz079] {
        font-size: 19px !important;
    }

    .Mts-link[b-6ftj8jz079] {
        font-size: 22px !important;
    }

    .timeline-date[b-6ftj8jz079] {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-radius: 50%;
        height: 4rem;
        width: 4rem;
        font-size: 20px !important;
        position: relative;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
    }

}


@media (max-width: 1024px) {
    .timeline-card[b-6ftj8jz079] {
        margin: 4rem 2rem;

    }

    .timeline-item h2[b-6ftj8jz079] {
        font-size: 18px !important;

    }

    .timeline-item p[b-6ftj8jz079] {
        font-size: 16px !important;
    }


    .timeline-title h1[b-6ftj8jz079] {
        font-size: 34px !important;
    }

    .Mts-link[b-6ftj8jz079] {
        font-size: 16px !important;
    }

    .timeline-date[b-6ftj8jz079] {
        font-size: 20px !important;
    }
}

@media (max-width: 768px) {

    .timeline-content[b-6ftj8jz079] {
        display: flex;
        flex-direction: column;
        background: none;
        /* ширина градиента */
        gap: 0rem;
        position: relative;
    }

    .timeline-item[b-6ftj8jz079] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0rem 0rem;
        align-items: center;
        line-height: 1.4;
        /* border-bottom: 1px solid white;
        padding-bottom: 1rem; */
        margin-left: 1rem;

    }


    .timeline-date[b-6ftj8jz079] {
        grid-row: 1 / span 2;
        grid-column: 1;
        margin: 0;
        align-self: center;


    }

    .timeline-item h2[b-6ftj8jz079] {
        grid-row: 1;
        grid-column: 2;
        margin: 0;
        margin-left: 1rem;
        margin-top: 0.5rem;
        height: 3rem;
        align-items: end;
        text-align: left;
        font-size: 18px !important;
        font-weight: 800;
    }

    /* Описание — справа, снизу */
    .timeline-item p[b-6ftj8jz079] {
        grid-row: 2;
        grid-column: 2;
        margin: 0;
        margin-left: 1rem;
        height: 3rem;
        padding: 0;
        align-content: flex-start;
        text-align: left;
        font-size: 12px !important;
    }



    .timeline-content[b-6ftj8jz079] {
        padding-left: 1rem;
    }

    .timeline-action[b-6ftj8jz079] {
        display: flex;
        justify-content: flex-end;
        flex: 1;
        /* Занимает все оставшееся пространство */
    }

    /* .timeline-title h1 {
        font-size: 2rem;
    } */

    .timeline-content[b-6ftj8jz079]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 7px;
        background: linear-gradient(180deg,
                transparent 0%,
                /* прозрачный в самом начале */
                white 30%,
                /* с 30% начинается белый */
                white 70%,
                /* до 70% белый */
                transparent 100%
                /* с 70% снова прозрачный */
            );
        border-radius: 3px;
    }

    .timeline-header[b-6ftj8jz079] {
        flex-direction: column;
        align-items: flex-start;
    }



    .Mts-link[b-6ftj8jz079] {
        font-size: 12px !important;
    }

    .desktop-only[b-6ftj8jz079] {
        display: none;
    }

    .timeline-date[b-6ftj8jz079]{
        font-size: 18px !important;
        font-weight: 900;
    }

}

@media (max-width: 460px) {
    .timeline-title h1[b-6ftj8jz079] {
        font-size: 24px !important;
    }

    .timeline-header[b-6ftj8jz079] {
        flex-direction: column;
        align-items: flex-start;
    }

    .timeline-item h2[b-6ftj8jz079] {
        font-size: 18px !important;

    }

    .timeline-item p[b-6ftj8jz079] {
        font-size: 14px !important;

    }

    .Mts-link[b-6ftj8jz079] {
        font-size: 14px !important;
    }

    .desktop-only[b-6ftj8jz079] {
        display: none;
    }

}