@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/BeUp.New/Components/Account/Pages/Login.razor.rz.scp.css */
form h2[b-g5ov92jfo5] {   

}

.form-body[b-g5ov92jfo5] {
    display:flex;
    flex-direction:column;
    gap: 1rem;
    width: 100%;
}
.form-list-control[b-g5ov92jfo5] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

[b-g5ov92jfo5] form {
    display: flex;    
    padding: 1.25rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
}

.footer-button[b-g5ov92jfo5] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

.oauth-section[b-g5ov92jfo5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 0 2rem 1.25rem 2rem;
    width: 100%;
}

.oauth-divider[b-g5ov92jfo5] {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}

.oauth-divider[b-g5ov92jfo5]::before,
.oauth-divider[b-g5ov92jfo5]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e0e0e0;
}

.oauth-divider span[b-g5ov92jfo5] {
    padding: 0 16px;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

.oauth-buttons[b-g5ov92jfo5] {
    display: flex;
    gap: 12px;
    width: 100%;
}

.oauth-buttons form[b-g5ov92jfo5] {
    flex: 1;
    display: contents;
}

.btn-yandex[b-g5ov92jfo5],
.btn-vk[b-g5ov92jfo5] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s;
    font-size: 14px;
}

.btn-yandex[b-g5ov92jfo5] {
    background: #FC3F1D;
    color: white;
}

.btn-vk[b-g5ov92jfo5] {
    background: #0077FF;
    color: white;
}

.btn-yandex:hover[b-g5ov92jfo5],
.btn-vk:hover[b-g5ov92jfo5] {
    opacity: 0.9;
}

/* _content/BeUp.New/Components/Account/Pages/Register.razor.rz.scp.css */
form h2[b-zormk5l7cg] {
}

.form-body[b-zormk5l7cg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.form-list-control[b-zormk5l7cg] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

[b-zormk5l7cg] form {
    display: flex;
    padding: 1.25rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
}

.footer-button[b-zormk5l7cg] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

.oauth-section[b-zormk5l7cg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 0 2rem 1.25rem 2rem;
    width: 100%;
}

.company-invitation-banner[b-zormk5l7cg] {
    display: flex;
    gap: 16px;
    align-items: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 12px;
    width: 100%;
}

.company-icon[b-zormk5l7cg] {
    font-size: 48px;
    line-height: 1;
}

.company-invitation-banner h4[b-zormk5l7cg] {
    margin: 0 0 4px 0;
    color: white;
}

.company-invitation-banner .company-name[b-zormk5l7cg] {
    font-size: 18px;
    font-weight: 600;
    margin: 4px 0;
}

.company-invitation-banner small[b-zormk5l7cg] {
    opacity: 0.9;
}

.oauth-divider[b-zormk5l7cg] {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 4px 0;
}

.oauth-divider[b-zormk5l7cg]::before,
.oauth-divider[b-zormk5l7cg]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e0e0e0;
}

.oauth-divider span[b-zormk5l7cg] {
    padding: 0 16px;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

.oauth-buttons[b-zormk5l7cg] {
    display: flex;
    gap: 12px;
    width: 100%;
}

.oauth-buttons form[b-zormk5l7cg] {
    flex: 1;
    display: contents;
}

.btn-yandex[b-zormk5l7cg],
.btn-vk[b-zormk5l7cg] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s;
    font-size: 14px;
}

.btn-yandex[b-zormk5l7cg] {
    background: #FC3F1D;
    color: white;
}

.btn-vk[b-zormk5l7cg] {
    background: #0077FF;
    color: white;
}

.btn-yandex:hover[b-zormk5l7cg],
.btn-vk:hover[b-zormk5l7cg] {
    opacity: 0.9;
}
/* _content/BeUp.New/Components/Layout/Breadcrumb.razor.rz.scp.css */
.breadcrumb[b-o8zght7ztn] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

ol[b-o8zght7ztn] {
    list-style:none;
    margin: 0;
    padding: 0;
}
li[b-o8zght7ztn],
a[b-o8zght7ztn] {
    color: var(--Dark-Dark-200);
    font-family: Montserrat;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.active a[b-o8zght7ztn] {
    color: var(--Dark-Dark-300);
    font-weight: 600;
}

@media (max-width: 640.98px) {
    .breadcrumb[b-o8zght7ztn] {
        display: none;
    }
}
/* _content/BeUp.New/Components/Layout/Calendar.razor.rz.scp.css */
.title-cal[b-ksi3c9zcm1] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1.5rem;
}

    .title-cal.active .center-arrow svg[b-ksi3c9zcm1] {
        transform: rotate(180deg);
    }

.center-arrow[b-ksi3c9zcm1] {
    display: flex;    
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}
.month-name[b-ksi3c9zcm1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
}

    .month-name label[b-ksi3c9zcm1] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        /* Paragraph/10 Medium */
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.calendar[b-ksi3c9zcm1] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}
.dayofweek[b-ksi3c9zcm1] {
    color: var(--Dark-Dark-300, #B6B7C5);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
}
.day[b-ksi3c9zcm1] {
    display: flex;
    padding: 0.875rem 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

    .day i[b-ksi3c9zcm1] {
        font-style: normal;
    }

    .day.active[b-ksi3c9zcm1] {
        background: var(--Purple-Purple-1000, #7E6CFF);
        color: var(--Main-White, #FFF);    
    }

    .day.grey[b-ksi3c9zcm1] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);        
    }
/* _content/BeUp.New/Components/Layout/ConsentCookie.razor.rz.scp.css */
.card[b-fyzjba8bhn] {
    display: flex;
    padding: 1.25rem;
    justify-content: flex-end;
    align-items: center;
    gap: 1.25rem;
    position: fixed;
    right: 1.25rem;
    top: calc(100vh - 7rem);
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
}

    .card div[b-fyzjba8bhn] {
        display: flex;
        align-items: center;
    }
    .card div[b-fyzjba8bhn] {
        gap: .75rem;
    }
    .card div:first-child[b-fyzjba8bhn] {
        gap: 1.25rem;
    }
   


p[b-fyzjba8bhn] {
    font-size: .75rem;
}

@media (max-width: 640.98px) {
    .card[b-fyzjba8bhn] {       
        right: .75rem;
        left: .75rem;
        top: calc(100vh - 17rem);    
        flex-direction: column;
        gap: 1.25rem;
    }
    .card div[b-fyzjba8bhn] {
        display: flex;
    }
}
/* _content/BeUp.New/Components/Layout/DateComponent.razor.rz.scp.css */
.input[b-m7yuthmgt7] {
    display: none;
}
/* _content/BeUp.New/Components/Layout/Footer.razor.rz.scp.css */

/* Footer Base Styles */
.footer[b-a6fl71c383] {
    background: var(--dark-blue-50);
    padding: 0;
    position: sticky;
    margin-top: 1.25rem;
    font-family: 'Montserrat', sans-serif;
}

.footer__container[b-a6fl71c383] {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Footer Top Section */
.footer__top[b-a6fl71c383] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    align-items: stretch;
}

/* Brand Section (Purple) */
.footer__brand[b-a6fl71c383] {
    background: var(--Purple-Purple-1000);
    border-radius: 2rem;
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    max-width: 423px;
    gap: 1rem;
}

.footer__brand-content[b-a6fl71c383] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.footer__logo-section[b-a6fl71c383] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.footer__slogan[b-a6fl71c383] {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
}

.footer__slogan-white[b-a6fl71c383] {
    color: var(--main-white);
}

.footer__slogan-gray[b-a6fl71c383] {
    color: var(--main-white);
}

.footer__auth-buttons[b-a6fl71c383] {
    display: flex;
    gap: 0.5rem;
    width: 100%;
}

.footer__button[b-a6fl71c383] {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: opacity 0.2s ease;
}



    .footer__button:hover[b-a6fl71c383] {
        opacity: 0.9;
    }

.footer-button-white[b-a6fl71c383] {
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);    
}

.footer-button-purple[b-a6fl71c383] {
    background: var(--purple-purple-700);
    color: var(--main-white);
    flex: 1;
}

/* Contact Section */
.footer__contact-section[b-a6fl71c383] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 215px;
}

.footer__contact-text[b-a6fl71c383] {
    color: var(--main-white);
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
}

.footer__social[b-a6fl71c383] {
    display: flex;
    gap: 0.5rem;
}

.footer__social-link[b-a6fl71c383] {
    background: var(--main-white);
    border-radius: 0.875rem;
    padding: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

    .footer__social-link:hover[b-a6fl71c383] {
        transform: translateY(-2px);
    }

/* Info Section (Light) */
.footer__info[b-a6fl71c383] {
    background: var(--purple-purple-50);
    border-radius: 2.75rem;
    padding: 1.75rem;
    flex: 1;
}

.footer__info-content[b-a6fl71c383] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: 100%;
}

.footer__info-row[b-a6fl71c383] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

/* Documentation Section */
.footer__docs[b-a6fl71c383] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 364px;
}

.footer__docs-title[b-a6fl71c383] {
    color: var(--dark-300);
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
}

.footer__docs-list[b-a6fl71c383] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer__docs-link[b-a6fl71c383] {
    color: var(--dark-800);
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-block;
}

    .footer__docs-link:hover[b-a6fl71c383] {
        color: var(--purple-1000);
        text-decoration: underline;
    }

/* Contacts Section */
.footer__contacts[b-a6fl71c383] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.footer__contacts-title[b-a6fl71c383] {
    color: var(--dark-300);
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
}

.footer__contacts-list[b-a6fl71c383] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.footer__contact-item[b-a6fl71c383] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .footer__contact-item a[b-a6fl71c383] {
        color: var(--dark-800);
        font-size: 1rem;
        font-weight: 500;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

        .footer__contact-item a:hover[b-a6fl71c383] {
            color: var(--purple-1000);
            text-decoration: underline;
        }

    .footer__contact-item span[b-a6fl71c383] {
        color: var(--dark-800);
        font-size: 1rem;
        font-weight: 500;
    }

.footer__company-details[b-a6fl71c383] {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-top: 1.25rem;
}

.footer__details-text[b-a6fl71c383] {
    color: var(--dark-800);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: normal;
}

.footer__fasie-logo[b-a6fl71c383] {
    width: 98px;
    height: 50.61px;
}

    .footer__fasie-logo img[b-a6fl71c383] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

/* Design Section */
.footer__design[b-a6fl71c383] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.footer__design-text[b-a6fl71c383] {
    color: var(--dark-800);
    font-size: 0.75rem;
    font-weight: 500;
}

/* Copyright Section */
.footer__copyright[b-a6fl71c383] {
    color: var(--dark-800);
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;    
    margin: 0 auto;
    line-height: normal;
    display:flex;
    gap: 2rem;
}

.footer__design svg[b-a6fl71c383] {
    width: 3rem;
}
/* Responsive Design */
@media (max-width: 1200px) {
    .footer[b-a6fl71c383] {
        padding: 2rem;
    }

    .footer__brand[b-a6fl71c383] {
        max-width: 380px;
    }

    .footer__docs[b-a6fl71c383] {
        width: 300px;
    }
}

@media (max-width: 992px) {
    .footer__top[b-a6fl71c383] {
        flex-direction: column;
    }

    .footer__brand[b-a6fl71c383] {
        
    }

    .footer__contact-section[b-a6fl71c383] {
        width: 100%;
    }

    .footer__info[b-a6fl71c383] {
        
    }

    .footer__info-row[b-a6fl71c383] {
        flex-direction: column;
        gap: 2rem;
    }

    .footer__docs[b-a6fl71c383] {
        width: 100%;
    }

    .footer__company-details[b-a6fl71c383] {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .footer[b-a6fl71c383] {
        padding: 1.5rem;
    }

    .footer__brand[b-a6fl71c383] {
        padding: 1.5rem;
    }

    .footer__info[b-a6fl71c383] {
        padding: 1.5rem;
    }

    .footer__auth-buttons[b-a6fl71c383] {
        flex-direction: column;
    }

    .footer__button--main-white[b-a6fl71c383] {
        width: 100%;
    }

    .footer__info-content[b-a6fl71c383] {
        gap: 1.5rem;
    }

    .footer__design[b-a6fl71c383] {
        justify-content: center;
    }
}

@media (max-width: 640.98px) {
    .footer[b-a6fl71c383] {
        padding: 1rem 0.75rem 6rem;
    }

    .footer__brand[b-a6fl71c383] {
        border-radius: 1.5rem;
        padding: 1.25rem;
    }

    .footer__info[b-a6fl71c383] {
        border-radius: 1.5rem;
        padding: 1.25rem;
    }

    .footer__contact-item[b-a6fl71c383] {
        flex-wrap: wrap;
    }

        .footer__contact-item a[b-a6fl71c383] {
            flex-wrap: wrap;
        }

    .footer__company-details[b-a6fl71c383] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .footer__copyright[b-a6fl71c383] {
        font-size: 0.625rem;
        text-align: left;
    }
}

@media (max-width: 480px) {
    .footer__social[b-a6fl71c383] {
        flex-wrap: wrap;
    }

    .footer__design[b-a6fl71c383] {
        flex-direction: column;
        text-align: center;
    }
}
/* _content/BeUp.New/Components/Layout/Header.razor.rz.scp.css */
.back[b-28jhi1de9u] {
    display: flex;    
    align-self: start;
    margin-right: 1rem;
}

.round[b-28jhi1de9u] {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;    
    background: #2BC4D6;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
}

.one[b-28jhi1de9u] {
    display: flex;
    gap: 1.5rem;
}

.row[b-28jhi1de9u] {
    display: flex;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    gap: 1.5rem;
}

.user-profile[b-28jhi1de9u] {
    display:flex;
    margin-left: auto;
    gap: .75rem;
}

@media (max-width: 640.98px) {
    .row[b-28jhi1de9u] {
        padding: 0.75rem;
    }
    .one[b-28jhi1de9u] {
        flex-direction: column;
    }
}

/* _content/BeUp.New/Components/Layout/InputPickerDate.razor.rz.scp.css */
.input-picker[b-z394o36t0t] {
    position:relative;
    width: 100%;
    display:flex;
}
.input-picker input[b-z394o36t0t] {
    width: 100%;
}
.card[b-z394o36t0t] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: .875rem;
    position: absolute;
    z-index: 1000;
    top: 3rem;
}

.calendar[b-z394o36t0t] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

    .calendar div[b-z394o36t0t] {
        font-size:  .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .calendar .dayofweek[b-z394o36t0t] {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: .75rem;
    }

        .calendar .dayofweek.bg[b-z394o36t0t] {
            color: #604FD0;
        }

    .calendar .day[b-z394o36t0t] {
        border: 1px solid #E2EEF5;
        background: #FFF;
        height: 1rem;
        padding: 6px;
        position: relative;
    }

        .calendar .day[b-z394o36t0t]  svg {
            height: 100%;
            position: absolute;
            top: 0.25rem;
            left: 32%;
            width: 40%;
        }

    .calendar .grey[b-z394o36t0t] {
        background: #F8F9FE;
        color: #8AA8B6;
    }

.title-cal[b-z394o36t0t] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    text-align: center;
    margin-bottom: .75rem;
    align-items: center;
    gap: 1rem;
}

    .title-cal h4[b-z394o36t0t] {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .title-cal .btn-circle[b-z394o36t0t] {
        background: #F8F9FE;
        border: none;
        border-radius: 1rem;
        padding: 10px 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }


.blur div[b-z394o36t0t] {
    color: #fff;
    background: var(--secondary);
    padding: 3px;
    margin: -6px;
}

.blur p[b-z394o36t0t] {
    color: #8AA8B6;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.day[b-z394o36t0t] {
    cursor: pointer;
}
/* _content/BeUp.New/Components/Layout/LoginDisplay.razor.rz.scp.css */
img[b-d7zrjqu0mi] {
    width: 2.125rem;
    height: 2.125rem;
    aspect-ratio: 1/1;
}

.btn-profile[b-d7zrjqu0mi] {
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
    display: flex;
    padding: 0.3125rem 0.375rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    border: none;
    border: 1px solid #fff;
    cursor:pointer;
}


.select-custom[b-d7zrjqu0mi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

    .select-custom .select-title[b-d7zrjqu0mi] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        color: var(--Dark-Dark-400, #9D9EB1);
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        border-radius: 0.75rem;
        border: 1px solid var(--Dark-Dark-200, #CECED8);
        background: var(--Main-White, #FFF);
        padding: 0.75rem;
        cursor: pointer;
    }

    .select-custom.active .select-list[b-d7zrjqu0mi] {
        display: flex;
    }

    .select-custom .select-list[b-d7zrjqu0mi] {
        display: none;
        width: max-content;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 3.25rem;
        right: 0;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
        z-index: 10;
    }

.row-list[b-d7zrjqu0mi] {
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    color: var(--Dark-Dark-300, #B6B7C5);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor:pointer;
}
.btn-profile:hover[b-d7zrjqu0mi],
.row-list:hover[b-d7zrjqu0mi] {
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}

.btn-logout[b-d7zrjqu0mi] {
    background: none;
    border: none;
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 0;
    color: var(--Main-Red, #EB4E4E);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.active .btn-profile[b-d7zrjqu0mi] {    
    border: 1px solid var(--Green-Green-500, #95E2EA);    
}

.active .btn-profile svg[b-d7zrjqu0mi] {
    transform:rotate(180deg);
}

/* _content/BeUp.New/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-a3fumqqs4n] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-a3fumqqs4n] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


    .page[b-a3fumqqs4n] {
        position:relative;
    }
/* _content/BeUp.New/Components/Layout/ModalPaymentRequired.razor.rz.scp.css */
h4[b-pn20i910gc] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Title/H4 */
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-wrap: nowrap;
}
.body-card[b-pn20i910gc] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
/* _content/BeUp.New/Components/Layout/MyAwards.razor.rz.scp.css */
.card[b-2o71clupnr] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 1rem;
    background: #FFF;
}

.progress[b-2o71clupnr] {
    width: 9.875rem;
    height: 0.25rem;
    margin:auto;
}

    .progress div[b-2o71clupnr] {        
        height: 0.25rem;        
    }

.title[b-2o71clupnr] {
    margin-bottom: 0;
    width: 100%;
}

.content[b-2o71clupnr] {
    display: flex;
    padding: 0.5rem 0;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
}

.body-card[b-2o71clupnr] {
    display: flex;    
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

p[b-2o71clupnr] {
    color: var(--Dark-Dark-400, #9D9EB1);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* _content/BeUp.New/Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar[b-02gt65damc] {
    position: fixed;
    display: flex;
    padding: 0.5rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    background: var(--Main-White);
    top: 1.25rem;
    left: 1.25rem;
    min-height: calc(100vh - 2.5rem);
    border-radius: 1rem;
    z-index: 1;
}

p[b-02gt65damc] {
    display:none;
}

ul[b-02gt65damc] {
    list-style: none;
    display: flex;
    flex-direction: column;    
    flex: 1;
}
.dop-menu[b-02gt65damc],
.mob-view[b-02gt65damc] {
    display: none;
}
.tolbar[b-02gt65damc] {
    cursor:pointer;
}
.tolbar[b-02gt65damc],
li[b-02gt65damc] {
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 0.75rem;
}

.help[b-02gt65damc] {
    margin-top: auto;
}

li:has(.active)[b-02gt65damc] {    
    background: var(--Green-Green-100);
}
li:has(a:hover)[b-02gt65damc] {    
    background: var(--Green-Green-50, #F4FCFD);
}

i[b-02gt65damc] {
    line-height: 1;
}
.active svg path[b-02gt65damc] {
    fill: #2BC4D5;
}
a:hover svg path[b-02gt65damc] {
    fill: #AAE7EE;
}
a:hover p[b-02gt65damc] {
    color: var(--Green-Green-400, #AAE7EE);
}
.active-menu[b-02gt65damc]  a {
    display: flex;
    align-items:center;
    gap: .75rem
}

.active-menu p[b-02gt65damc] {
    display: flex;
    color: var(--Dark-Dark-300);    
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.active-menu .active p[b-02gt65damc] {
    color: var(--Green-Green-1000);   
}

@media (max-width: 640.98px) {

    .sidebar[b-02gt65damc],
    .sidebar.active-menu[b-02gt65damc] {
        background: #fff;
        border-radius: .5rem;
        width: calc(100vw - 2rem);
        height: auto;
        margin: .5rem;
        position: fixed;
        bottom: 0;
        display: flex;
        flex-direction: column;
        z-index: 1000;
        min-height: auto;
        max-height: 5rem;
        padding: 0.5rem;
        top: auto;
        left: 0;
        right: 0;
    }

    .tolbar[b-02gt65damc],
    li[b-02gt65damc] {
        display: flex;
        flex-direction: column;
        padding: .75rem;
        align-items: center;
        gap: 0.25rem;
        align-self: stretch;
        border-radius: 0.75rem;
        justify-content: center;
    }


    .page:has(.active-menu) main[b-02gt65damc] {
        margin-left: 1rem;
    }

    .sidebar.active[b-02gt65damc] {
        width: 100%;
    }

    .sidebar .tolbar[b-02gt65damc] {
        display: none;
        justify-content: center;
        align-items: center;
        margin: 1rem;
    }

    .sidebar.active-menu ul li .active[b-02gt65damc] {
        margin-left: 0;
    }

    .sidebar.active ul[b-02gt65damc],
    .sidebar.active-menu ul[b-02gt65damc],
    .sidebar ul[b-02gt65damc] {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 0;
        margin: 0;
        justify-content: center;
        align-items: center;
    }

        .sidebar ul .mob[b-02gt65damc] {
            display: none;
        }

        .sidebar ul .mob-view[b-02gt65damc] {
            display: list-item;
        }


        .sidebar ul li[b-02gt65damc] {
            height: fit-content;
        }

            .sidebar ul li:last-child[b-02gt65damc] {
                margin-top: auto;
                margin-bottom: 0;
            }

                .sidebar ul li:last-child a[b-02gt65damc] {
                    margin-bottom: 0;
                }

            .sidebar ul li[b-02gt65damc]  a {
                display: grid;
                grid-template-rows: 1fr auto;
                height: calc(100% - 1rem);
                justify-items: center;
                padding: 0;
                margin: 0;
                text-decoration: none;                
            }

                .sidebar ul li a p[b-02gt65damc],
                .sidebar.active-menu ul li a p[b-02gt65damc] {
                    display: flex;
                    font-weight: 400;
                    font-size: .5rem;
                    line-height: 1.125rem;
                    color: #000000;
                    margin: auto 0 0 0;
                }

        .sidebar.active ul li a p[b-02gt65damc] {
            display: flex;
            margin: auto 0 auto 2rem;
        }

        .sidebar ul li a i[b-02gt65damc],
        .sidebar.active-menu ul li a i[b-02gt65damc] {
            height: 100%;
            display: flex;
            align-items: center;
        }

    .sidebar.active .tolbar a[b-02gt65damc] {
        margin-left: auto;
        margin-right: 1.5rem;
    }


    .sidebar.active ul li .active[b-02gt65damc] {
        margin-left: -.5rem;
    }

    .sidebar ul li .active[b-02gt65damc] {
        background: rgba(43, 196, 214, 0.1);
        border-radius: 1rem;
        display: flex;
        flex-direction: column;
        padding: 0.5rem;
    }

        .sidebar ul li .active i[b-02gt65damc] {
            background: none;
            padding: 0;
        }

    .sidebar ul li a.active p[b-02gt65damc] {
        color: #2BC4D6;        
    }
    .dop-menu.active[b-02gt65damc] {
        display: flex;
        position: absolute;
        bottom: 5rem;
        right: 0;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    }

    .dop-menu ul[b-02gt65damc] {
        display: flex;
    }
        .dop-menu ul li[b-02gt65damc] {
            padding: 0;
        }
            .dop-menu ul li[b-02gt65damc]  a p {
                color: var(--Dark-Dark-300, #B6B7C5);
                /* Paragraph/16 Medium */
                font-family: Montserrat;
                font-size: 1rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
            }
            .dop-menu ul li[b-02gt65damc]  a {
                display: flex;
                padding: 1rem;
                align-items: center;
                gap: 0.75rem;
                align-self: stretch;
               
            }


        .dop-menu.active svg path[b-02gt65damc] {
            fill: rgb(157, 158, 177);
        }
    .dop-menu.active .active svg path[b-02gt65damc] {
        fill: #2BC4D5;
    }
}
/* _content/BeUp.New/Components/Layout/NotificationComponent.razor.rz.scp.css */
.card[b-scwhh30ytt] {
    display: flex;
    padding: 1.25rem;
    justify-content: flex-end;
    align-items: center;
    gap: 1.25rem;
    position: fixed;
    right: 1.25rem;
    top: calc(100vh - 7rem);
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
}

    .card div[b-scwhh30ytt] {
        display: flex;
        align-items: center;
    }

    .card div[b-scwhh30ytt] {
        gap: .75rem;
    }

        .card div:first-child[b-scwhh30ytt] {
            gap: 1.25rem;
        }



p[b-scwhh30ytt] {
    font-size: .75rem;
}

.card div.text[b-scwhh30ytt] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.image svg[b-scwhh30ytt] {
    width: 3rem;
    height: 3rem;    
}

    .image svg path[b-scwhh30ytt] {
        fill: #7E6CFF;
    }

@media (max-width: 640.98px) {
    .card[b-scwhh30ytt] {
        right: .75rem;
        left: .75rem;
        top: calc(100vh - 17rem);
        flex-direction: column;
        gap: 1.25rem;
    }

        .card div[b-scwhh30ytt] {
            display: flex;
        }
}
/* _content/BeUp.New/Components/Layout/RegisterFormLayout.razor.rz.scp.css */
.container[b-4shvvnvzki] {
    display: flex;
    min-height: 100vh;
}
[b-4shvvnvzki] .account-page {
    display: flex;
    align-items:center;
}
[b-4shvvnvzki] .card {
    display: flex;
    padding: 1.25rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1.5rem;
    background: #FFF;
    margin: auto 6.25rem auto -6.25rem;
    min-width: 22.875rem;
}

[b-4shvvnvzki] .image {
    padding: 1.25rem;
}

[b-4shvvnvzki] img {
    width: 100%;
}
[b-4shvvnvzki] .form-label {
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-4shvvnvzki] h2 {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-family: Montserrat;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}
[b-4shvvnvzki] .form-floating {
    
}

[b-4shvvnvzki] form {
    width: 100%;
}

[b-4shvvnvzki] .btn.btn-purple-1000 {
    width:100%;
}

[b-4shvvnvzki] .btn-link-accaunt {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    border-radius: 0.75rem;
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

[b-4shvvnvzki] p {
    color: var(--Dark-Dark-400, #9D9EB1);
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
 [b-4shvvnvzki]   .account-page {
        flex-direction: column;
    }

  [b-4shvvnvzki]  .card {
        display: flex;
        padding: 1.25rem 2rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1.25rem;
        border-radius: 1.5rem;
        background: #FFF;
        margin: .75rem .75rem .75rem;
        min-width: auto;
    }
    [b-4shvvnvzki] .image {
        margin: .75rem;
        aspect-ratio: 16 / 8;
        overflow: hidden;
        border-radius: .75rem;
        padding: 0;
    }
}
/* _content/BeUp.New/Components/Layout/RequireAuthorization.razor.rz.scp.css */
.modal-body[b-i47k4x6x0j] {
    color: var(--Dark-Dark-400, #9D9EB1);   
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.footer-modal[b-i47k4x6x0j] {
    width: 100%;
}

.footer-modal .btn[b-i47k4x6x0j] {
    flex: 1;
}
/* _content/BeUp.New/Components/Layout/SelectComponent.razor.rz.scp.css */
.select-custom[b-y2csljd546] {
    display: flex;
    flex-direction:column;
    width: 100%;
    position:relative;
}
.select-custom .select-title[b-y2csljd546] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--Dark-Dark-400, #9D9EB1);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.75rem;
    border: 1px solid var(--Dark-Dark-200, #CECED8);
    background: var(--Main-White, #FFF);
    padding: 0.75rem;
    cursor: pointer;
}

    .select-custom.active .select-list[b-y2csljd546] {
        display: flex;
    }
    .select-custom .select-list[b-y2csljd546] {
        display: none;
        width: -webkit-fill-available;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 3.25rem;
        border-radius: 0.75rem;
        border: 1px solid var(--Purple-Purple-300, #CBC4FF);
        background: var(--Main-White, #FFF);
        z-index: 10;
    }

.row-list[b-y2csljd546] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    color: var(--Dark-Dark-1000, #0A0C3C);    
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}
/* _content/BeUp.New/Components/Layout/SliderHeaderComponent.razor.rz.scp.css */
swiper-container[b-nr2s9ykb5w] {
    width: 100%;
    min-height: 10rem;
    border-radius: 1rem;
    overflow:hidden;
}
swiper-slide[b-nr2s9ykb5w] {
    width: calc(100% - 5rem) !important;
    height: calc(100% - 7.26rem);
    background-size: cover;
    
    padding: 3.63rem 2.5rem;
}
h3[b-nr2s9ykb5w] {
    color: var(--Main-White, #FFF);
    /* Title/H3 */
    font-family: Montserrat;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    min-height: 2lh;
    width: 70%;
}
p[b-nr2s9ykb5w] {
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: .75rem 0 0;
    min-height: 2lh;
    width: 70%;
}

.btn[b-nr2s9ykb5w] {
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Semibold */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-top: 1.25rem;

}
    [b-nr2s9ykb5w] .swiper-pagination-bullet {
        opacity: 0.3 !important;
        background: #FFF !important;
    }
[b-nr2s9ykb5w] .swiper-pagination {
    display: flex;
}

@media (max-width: 640.98px) {
    h3[b-nr2s9ykb5w] {
        color: var(--Main-White, #FFF);
        /* Paragraph/16 Semibold */
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    p[b-nr2s9ykb5w] {
        font-size: 0.625rem;
    }
    swiper-slide[b-nr2s9ykb5w] {
        padding: .75rem 1rem;
        width: 100% !important;
        height: 100%;
        background-size: cover;
        background-position-x: -19rem;
    }    
}
/* _content/BeUp.New/Components/Layout/SupportChat.razor.rz.scp.css */
/* Support Chat Styles */
.support-chat[b-sb91lnkxda] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    max-height: 500px;
    background: var(--Main-White, #FFF);
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    z-index: 1000;
}

.support-chat-minimized[b-sb91lnkxda] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: var(--Primary-Purple-1000, #5D5FEF);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(93, 95, 239, 0.3);
    z-index: 1000;
}

.chat-icon[b-sb91lnkxda] {
    position: relative;
}

.unread-badge[b-sb91lnkxda] {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #FF3B30;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
}

.chat-header[b-sb91lnkxda] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}

    .chat-header h4[b-sb91lnkxda] {
        margin: 0;
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 1rem;
    }

.btn-close[b-sb91lnkxda] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--Dark-Dark-400, #9D9EB1);
}

.chat-messages[b-sb91lnkxda] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 300px;
}

.no-messages[b-sb91lnkxda] {
    text-align: center;
    padding: 2rem;
    color: var(--Dark-Dark-400, #9D9EB1);
}

.message[b-sb91lnkxda] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.message-header[b-sb91lnkxda] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.avatar[b-sb91lnkxda] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
}

    .avatar img[b-sb91lnkxda] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.user-info[b-sb91lnkxda] {
    display: flex;
    flex-direction: column;
}

    .user-info h5[b-sb91lnkxda] {
        margin: 0;
        font-size: 0.875rem;
        color: var(--Dark-Dark-1000, #0A0C3C);
    }

.time[b-sb91lnkxda] {
    font-size: 0.75rem;
    color: var(--Dark-Dark-400, #9D9EB1);
}

.message-content[b-sb91lnkxda] {
    padding: 0.75rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.4;
}

.user-message .message-content[b-sb91lnkxda] {
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    align-self: flex-end;
    max-width: 80%;
    margin-left: auto;
}

.support-message .message-content[b-sb91lnkxda] {
    background: var(--Primary-Purple-50, #F0F0FE);
    align-self: flex-start;
    max-width: 80%;
}

.chat-input[b-sb91lnkxda] {
    padding: 1rem;
    border-top: 1px solid var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}

.guest-info[b-sb91lnkxda] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

    .guest-info h5[b-sb91lnkxda] {
        margin: 0;
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.875rem;
    }

.form-group[b-sb91lnkxda] {
    margin-bottom: 0.5rem;
}

.form-control[b-sb91lnkxda] {    
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--Dark-Blue-Dark-Blue-200, #D8DCF0);
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

.input-group[b-sb91lnkxda] {
    display: flex;
    gap: 0.5rem;
}

    .input-group .form-control[b-sb91lnkxda] {
        flex: 1;
    }

@media (max-width: 640.98px) {
    .support-chat[b-sb91lnkxda] {
        width: calc(100vw - 40px);
        right: 20px;
        left: 20px;
        bottom: 20px;
    }
}
/* _content/BeUp.New/Components/Pages/Admin/Company/Index.razor.rz.scp.css */
.block[b-w4gzvl3est] {
    max-width: 1260px;
    margin: auto;
}
.block-title[b-w4gzvl3est] {
    display: flex;
    padding: 1rem 0;
}
.card[b-w4gzvl3est] {
    padding: 1rem;
    display: flex;
    justify-content: start;
    border-radius: .5rem;
    background: #FFF;
    gap: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    color: rgb(128, 128, 128);
}
.avatar[b-w4gzvl3est] {
    display: flex;
    align-items: center;
    justify-content: center;
}
p[b-w4gzvl3est] {
    margin: 0;
}

dt[b-w4gzvl3est] {
    font-size: .75rem;
}

dd[b-w4gzvl3est] {
    margin: 0;
    color: #000000;
    line-height: 1;
    min-height: 1rem;
}
/* _content/BeUp.New/Components/Pages/Admin/Consultation/Index.razor.rz.scp.css */
.card-list[b-jbdn1rcy43] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: fit-content;
    margin:0 auto;
}

.card[b-jbdn1rcy43] {
    display:grid;
    grid-template-columns:auto 1fr 1fr;
    gap: 1rem;
    align-items:center;
    padding: 1rem;
}
.card-time[b-jbdn1rcy43] {
    display: flex;
    gap: 1rem;
}

.avatar img[b-jbdn1rcy43] {
    max-width: 5rem;
    border-radius: 1rem;
}

.user[b-jbdn1rcy43],
.worker[b-jbdn1rcy43] {
    display: flex;
    align-items:center;
    gap: .5rem;
}

p[b-jbdn1rcy43] {
    margin:0;
}
label[b-jbdn1rcy43] {
    font-size: .75rem;
}
/* _content/BeUp.New/Components/Pages/Admin/Consultation/UserConsultation.razor.rz.scp.css */
.card-list[b-4hs5qnejho] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: fit-content;
    margin: 0 auto;
}

.card[b-4hs5qnejho] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

.card-consultation[b-4hs5qnejho] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

.card-time[b-4hs5qnejho] {
    display: flex;
    gap: 1rem;
}

.avatar img[b-4hs5qnejho] {
    max-width: 5rem;
    border-radius: 1rem;
}

.user[b-4hs5qnejho],
.worker[b-4hs5qnejho] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

p[b-4hs5qnejho] {
    margin: 0;
}

label[b-4hs5qnejho] {
    font-size: .75rem;
}
/* _content/BeUp.New/Components/Pages/Admin/PanelAdminComponent.razor.rz.scp.css */
/* _content/BeUp.New/Components/Pages/Admin/SchedulePage/Index.razor.rz.scp.css */
.block[b-ila171991p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.card-date[b-ila171991p] {
    background: #fff;
    padding: 1rem;
    border-radius: .75rem;
}
    .card-date h4[b-ila171991p] {
        margin-bottom: 1rem;
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        color: #0A0C3C;
    }
    .card-date .card-body[b-ila171991p] {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
.card-worker[b-ila171991p] {
    border-radius: 0.75rem;
    display: flex;
    overflow: hidden;
    gap: 1rem;
    max-height: 4rem;
}
.avatar[b-ila171991p] {
    
}
.worker-body[b-ila171991p] {    
    padding: 1rem 1rem 1rem 0;
}
.avatar img[b-ila171991p] {
    height: 100%;
}

/* _content/BeUp.New/Components/Pages/Admin/User/DetailsWorker.razor.rz.scp.css */
.block[b-2n0mxh9hrb] {
    display: grid;
    grid-template-columns: 3fr 1.2fr;
    gap: 2rem;
    margin-top: 2.5rem;
    max-width: 1260px;
    margin: 2rem auto 0;
}

[b-2n0mxh9hrb] .w-100 {
    width: 100%;
}

.avatar-worker[b-2n0mxh9hrb] {
    border-radius: 2rem;
    overflow: hidden;
}

    .avatar-worker img[b-2n0mxh9hrb] {
        width: 100%;
    }

.title-worker[b-2n0mxh9hrb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.name-worker[b-2n0mxh9hrb] {
    margin: 0 0 1rem 0;
    display: flex;
    flex-direction: column;
}

    .calendar h4[b-2n0mxh9hrb],
    .name-worker h4[b-2n0mxh9hrb] {
        color: #151D2A;
        font-family: "Montserrat";
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .name-worker label[b-2n0mxh9hrb] {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .5rem;
    }

.card-title[b-2n0mxh9hrb] {
    display: flex;
    gap: 1.5rem;
    margin-top: auto;
}

    .card-title div[b-2n0mxh9hrb] {
        flex: 1;
        border-radius: 0.625rem;
        background: #FFF;
        padding: .5rem;
        text-align: center;
        box-shadow: 0px 0px .625rem rgb(138 168 182 / 20%);
    }

    .card-title p[b-2n0mxh9hrb] {
        color: #000;
        text-align: center;
        font-family: "Montserrat";
        font-size: 0.9375rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.3125rem;
        margin: 0;
    }

    .card-title label[b-2n0mxh9hrb] {
        color: var(--Font_gray, #4F4F4F);
        text-align: center;
        font-family: "Montserrat";
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.about-worker[b-2n0mxh9hrb] {
    margin-top: 2rem;
}

    .about-worker label[b-2n0mxh9hrb] {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: .5rem;
    }

    .about-worker p[b-2n0mxh9hrb] {
        color: #151D2A;
        font-family: "Montserrat";
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25rem;
    }

.reviews[b-2n0mxh9hrb] {
    margin-bottom: 3rem;
}

    .reviews p[b-2n0mxh9hrb],
    .reviews label[b-2n0mxh9hrb] {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: .5rem;
    }

.card-calendar[b-2n0mxh9hrb] {
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    margin-top: 1rem;
}

.diplom-list[b-2n0mxh9hrb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 1rem;
}

    .diplom-list .scan[b-2n0mxh9hrb] {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .diplom-list .scan .image[b-2n0mxh9hrb] {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 3/2;
            display: flex;
            justify-content: center;
        }

        .diplom-list .scan .image img[b-2n0mxh9hrb] {
            height: 100%;
        }

.diplom[b-2n0mxh9hrb] {
    display:flex;
    flex-direction:column;
    gap: .5rem;
}
.diplom-title[b-2n0mxh9hrb] {
    display:flex;
    gap: 1rem;
}
.diplom-title p[b-2n0mxh9hrb] {
    margin:0;
}

.message-block[b-2n0mxh9hrb] {
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 10rem);
    display: flex;
    flex-direction: column;
}
.message-body[b-2n0mxh9hrb] {
    flex: 1;
    display:flex;
    flex-direction:column;
    gap:.5rem;
}

.message[b-2n0mxh9hrb] {
    background: var(--Color-5, #EAF8FA);
    border-radius: 0 .5rem .5rem .5rem;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.message-card-footer[b-2n0mxh9hrb] {
    display: flex;
    justify-content:end;
}
.message label[b-2n0mxh9hrb] {
    font-size: .75rem;
    margin-left: auto;
}
.message-footer[b-2n0mxh9hrb]  textarea {
    border-radius: .5rem;
}

@media (max-width: 640.98px) {
    .block[b-2n0mxh9hrb] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }

    .title-worker[b-2n0mxh9hrb] {
        grid-template-columns: 1fr;
    }
}
/* _content/BeUp.New/Components/Pages/Admin/User/Index.razor.rz.scp.css */
.block[b-f3arkzjus3] {
    max-width: 1260px;
    margin: auto;
}
/* _content/BeUp.New/Components/Pages/Admin/User/WorkerList.razor.rz.scp.css */
.title-w[b-4kjyxbsbuo] {
    display:flex;
    gap: 1rem;
    margin: 1rem 0;
}

.btn-filter[b-4kjyxbsbuo] {
    border-radius: 1rem;
    background: #EAF9FB;
    color: #151D2A;
    font-size: .875rem;
    padding: 0.5rem 1rem;
    margin: 0 0.5rem .5rem 0;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
}
.list-w[b-4kjyxbsbuo] {
    display:flex;
    flex-direction: column;
    gap: 1rem;
}




.card-w[b-4kjyxbsbuo] {
    background: #fff;
    border-radius: 1rem;
    overflow:hidden;
}
    .card-w .main-w[b-4kjyxbsbuo] {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 5fr;
    }

.body-w[b-4kjyxbsbuo] {
    display: flex;
    flex-direction:column;
    flex:1;
    padding: 1rem;
    gap: .5rem;
}

.avatar-w img[b-4kjyxbsbuo] {
    width: 100%;
}

.title-card-w[b-4kjyxbsbuo] {
    display: flex;
    align-items: center;
}



.title-left[b-4kjyxbsbuo] {
    display: flex;
    gap: .5rem;
    flex-direction: column;
}
    .title-left .row[b-4kjyxbsbuo] {
    display: flex;
    gap: 1rem;
    margin-top: 0;
    }
    .title-left .row p[b-4kjyxbsbuo] {
        margin: 0;
    }
    .title-left label[b-4kjyxbsbuo] {
        width: fit-content;
    }

.title-card-w p[b-4kjyxbsbuo] {
    margin: 0;
}
.block-button[b-4kjyxbsbuo] {
    display: flex;
    gap: 1rem;
    justify-content: end;
    flex: 1;
}

.hidden[b-4kjyxbsbuo] {
    display: none;
}
.hidden.active[b-4kjyxbsbuo] {
    display:grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1rem;
}
.avatar-video video[b-4kjyxbsbuo] {
    width: 100%;
}

.institut-list[b-4kjyxbsbuo] {
    display: flex;
    flex-direction:column;
    gap: .5rem;
}

label[b-4kjyxbsbuo] {
    background: var(--primary);
    font-size: .85rem;
    color: #fff;
    padding: .25rem .5rem;
    border-radius: .5rem;
}

.title-i[b-4kjyxbsbuo] {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.diplom-list[b-4kjyxbsbuo] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 1rem;
}

    .diplom-list .scan[b-4kjyxbsbuo] {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .diplom-list .scan div[b-4kjyxbsbuo] {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 3/2;
            display: flex;
            justify-content: center;
        }

            .diplom-list .scan div img[b-4kjyxbsbuo] {
                height: 100%;
            }

.body-w h6[b-4kjyxbsbuo] {
    margin: 0;
    font-size: 1rem;
}

.modal-card[b-4kjyxbsbuo] {
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    height: fit-content;
    margin: auto;
    width: max-content;
}

p[b-4kjyxbsbuo] {
    margin: 0;
    font-size: .75rem;
}

.modal-body[b-4kjyxbsbuo] {
    display: grid;
    grid-template-columns: auto 1fr;
}

.card[b-4kjyxbsbuo] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.switch.active .slider[b-4kjyxbsbuo] {
    background: #2BC4D6;
    border-radius: 1rem;
    font-weight: 500;
    color: #fff;
}

.card:hover[b-4kjyxbsbuo] {
    background: rgba(255, 255, 255, 1);
    border-radius: 1rem;
}

/*.active:hover {
    background: #2BC4D6;
    border-radius: 1rem;
    color: #fff;
}*/

.footer-card[b-4kjyxbsbuo] {
    text-align: center;
    font-size: .75rem;
}

.img[b-4kjyxbsbuo]  svg {
    max-width: 8rem;
    height: min-content;
    margin-bottom: 0.5rem;
}

.modal-title[b-4kjyxbsbuo] {
    position: relative;
}

    .modal-title .btn-close-modal[b-4kjyxbsbuo] {
        position: absolute;
        top: -1.5rem;
        right: -1.5rem;
        border: none;
        background: #fff;
        border-radius: 2rem;
        filter: drop-shadow(0px 0px 20px rgba(138, 168, 182, 0.20));
        padding: 1rem 1.15rem;
    }

.modal-footer[b-4kjyxbsbuo] {
    display: grid;
    grid-template-columns: 1fr auto;
}

    .modal-footer .name[b-4kjyxbsbuo] {
        display: flex;
        align-items: center;
        margin-left: 1rem;
        font-size: .85rem;
    }

.body-card[b-4kjyxbsbuo] {
    padding: 2rem 2rem 1rem;
}

    .body-card span[b-4kjyxbsbuo] {
        font-size: .85rem;
        color: #2BC4D6;
    }

    .body-card label[b-4kjyxbsbuo] {
        color: #4F4F4F;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.header .grid-head h4[b-4kjyxbsbuo] {
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
    color: #151D2A;
    font-weight: 500;
    margin-top: .5rem;
}

.body-card p[b-4kjyxbsbuo] {
    color: #151D2A;
    font-family: "Montserrat";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: .25rem;
}


.info label[b-4kjyxbsbuo] {
    background: #2BC4D6;
    color: #fff;
    border-radius: 2rem;
    padding: 0.5rem 0.85rem;
    margin-left: .5rem;
    cursor: pointer;
    z-index: 110;
    position: relative;
}

.block-notes[b-4kjyxbsbuo] {
    display: flex;
    margin-bottom: 1rem;
}

.notes .switch[b-4kjyxbsbuo] {
    margin-bottom: .5rem;
}

    .notes .switch:last-child[b-4kjyxbsbuo] {
        margin-bottom: 0;
    }

.buttons[b-4kjyxbsbuo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    justify-content: center;
    align-items: end;
    margin: 1rem 0 0 0;
}


    .buttons button[b-4kjyxbsbuo] {
        font-weight: 500;
    }

.avatar[b-4kjyxbsbuo] {
    max-width: 20rem;
    padding: 1rem;
    border-radius: 2rem;
    background: #F8F9FE;
    text-align: center;
    display: flex;
    align-items: center;
}

    .avatar[b-4kjyxbsbuo]  .w-100 {
        width: 100%;
        border-radius: 1.25rem;
    }

    .avatar h4[b-4kjyxbsbuo] {
        color: #151D2A;
        text-align: center;
        font-size: 28px;
        font-weight: 500;
        line-height: 1;
        margin: 1rem 0 0;
    }

    .avatar label[b-4kjyxbsbuo] {
        color: #4F4F4F;
        text-align: center;
        font-size: .75rem;
        font-weight: 500;
        line-height: 1;
    }

    .avatar .grid[b-4kjyxbsbuo] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 1rem 0;
    }

        .avatar .grid label[b-4kjyxbsbuo] {
            color: #4F4F4F;
            text-align: center;
            font-family: "Montserrat";
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .avatar .grid p[b-4kjyxbsbuo] {
            color: #000;
            text-align: center;
            font-family: "Montserrat";
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: 21px; /* 140% */
        }

@media (max-width: 640.98px) {
    .modal-body[b-4kjyxbsbuo] {
        grid-template-columns: 1fr;
    }

    .avatar[b-4kjyxbsbuo] {
        justify-content: center;
    }
} 
/* _content/BeUp.New/Components/Pages/Admin/Voximplant/Index.razor.rz.scp.css */
.list[b-sv90lwy4rk] {
    display: flex;
    flex-direction:column;
    gap: 1rem;
}

.card[b-sv90lwy4rk] {
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
}
/* _content/BeUp.New/Components/Pages/Awards/AwardsBlock.razor.rz.scp.css */
.block[b-9h9bhn943p] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 1rem;
    background: #FFF;
}
.block-title[b-9h9bhn943p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.btn-group[b-9h9bhn943p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-circle[b-9h9bhn943p] {
    display: flex;
    height: 2.75rem;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}
.block-grid[b-9h9bhn943p] {    
    display: grid;
    grid-template-columns: repeat(5,1fr);    
    width: 100%;
}

.card[b-9h9bhn943p] {
    display: flex;   
    padding: 0.5rem 0;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.progress[b-9h9bhn943p] {
    margin: .75rem;
    display: flex;    
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
}

.body-card[b-9h9bhn943p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}

p[b-9h9bhn943p] {
    color: var(--Dark-Dark-400, #9D9EB1);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.img[b-9h9bhn943p] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 6rem;
}

@media (max-width: 640.98px) {
    .block[b-9h9bhn943p] {
        margin: 0 .75rem;
    }
    .block-grid[b-9h9bhn943p] {
        display: flex;
        gap: 1.25rem;
        overflow-y: auto;
        scrollbar-width: none;
    }
    .card[b-9h9bhn943p] {
        width: calc(100% / 2);
        min-width: calc(100% / 2);
    }
    .button-arrow-block[b-9h9bhn943p] {
        display: none;
    }
}
/* _content/BeUp.New/Components/Pages/Awards/Index.razor.rz.scp.css */
.container[b-snrzlizf1z] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.block[b-snrzlizf1z] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    width: 100%;
}

@media (max-width: 640.98px) {
    .block h4[b-snrzlizf1z] {
        margin: 0 .75rem;
    }
}
/* _content/BeUp.New/Components/Pages/ChallengePage/ChallengeComent.razor.rz.scp.css */
.card[b-5b14th65p6] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.comment-list[b-5b14th65p6] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
}

.comment-title[b-5b14th65p6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.user[b-5b14th65p6] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.comment[b-5b14th65p6] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

.avatar[b-5b14th65p6] {
    width: 2.5rem;
    height: 2.5rem;
}

    .avatar img[b-5b14th65p6] {
        width: 100%;
    }

.user h4[b-5b14th65p6] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 1rem;
}

.text[b-5b14th65p6],
.user p[b-5b14th65p6] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-fav[b-5b14th65p6] {
}

.comment-footer[b-5b14th65p6] {
    border-radius: 1rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    display: flex;
    padding: 0.75rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: auto;
    gap: .5rem;
}

    .comment-footer div[b-5b14th65p6] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.btn-fav[b-5b14th65p6] {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


@media (max-width: 640.98px) {
}
/* _content/BeUp.New/Components/Pages/ChallengePage/ChallengeGiga.razor.rz.scp.css */
/* CreateChallenge.razor.css */
.create-challenge-container[b-1pamempmbc] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.25rem;
}

.card[b-1pamempmbc] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    gap: 1.25rem;
}

.card-header[b-1pamempmbc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .card-header h4[b-1pamempmbc] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 1.25rem;
        font-weight: 600;
        margin: 0;
    }

    .card-header p[b-1pamempmbc] {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-size: 0.875rem;
        margin: 0;
    }

.form-group[b-1pamempmbc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-label[b-1pamempmbc] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-weight: 500;
}

.form-control[b-1pamempmbc] {
    padding: 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid var(--Dark-Dark-200, #CECED8);
    background: var(--Main-White, #FFF);
    font-size: 0.875rem;
    transition: border-color 0.2s;
}

    .form-control:focus[b-1pamempmbc] {
        border-color: var(--Purple-Purple-1000, #7E6CFF);
        outline: none;
        box-shadow: 0 0 0 3px rgba(126, 108, 255, 0.1);
    }

.form-text[b-1pamempmbc] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
}

.form-footer[b-1pamempmbc] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
}

.validation-summary[b-1pamempmbc] {
    padding: 0.75rem;
    border-radius: 0.75rem;
    background: var(--Green-Green-100, #EAFAFB);
    color: var(--Green-Green-1000, #2BC4D5);
    font-size: 0.875rem;
}

.examples-list[b-1pamempmbc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.example-item[b-1pamempmbc] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    cursor: pointer;
    transition: background-color 0.2s;
}

    .example-item:hover[b-1pamempmbc] {
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

.example-icon[b-1pamempmbc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    flex-shrink: 0;
}

    .example-icon svg[b-1pamempmbc] {
        width: 1.5rem;
        height: 1.5rem;
    }

.color-1 .example-icon[b-1pamempmbc] {
    background: rgba(43, 196, 213, 0.1);
    color: var(--Green-Green-1000, #2BC4D5);
}

.color-2 .example-icon[b-1pamempmbc] {
    background: rgba(126, 108, 255, 0.1);
    color: var(--Purple-Purple-1000, #7E6CFF);
}

.color-3 .example-icon[b-1pamempmbc] {
    background: rgba(19, 165, 255, 0.1);
    color: var(--Blue-Blue-1000, #13A5FF);
}

.color-4 .example-icon[b-1pamempmbc] {
    background: rgba(255, 181, 61, 0.1);
    color: var(--Orange-Orange-1000, #FFB53D);
}

.example-item h6[b-1pamempmbc] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
}

.example-item p[b-1pamempmbc] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    margin: 0;
}

.info-box[b-1pamempmbc] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-50, #F7F6FF);
    margin-top: 1rem;
}

.info-icon[b-1pamempmbc] {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.info-box h6[b-1pamempmbc] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
}

.info-box p[b-1pamempmbc] {
    color: var(--Purple-Purple-800, #8B7BFF);
    font-size: 0.75rem;
    margin: 0;
}

.success-card[b-1pamempmbc] {
    margin-top: 1.25rem;
    border: 2px solid var(--Green-Green-1000, #2BC4D5);
}

.success-header[b-1pamempmbc] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .success-header h4[b-1pamempmbc] {
        color: var(--Green-Green-1000, #2BC4D5);
        margin: 0;
    }

.success-actions[b-1pamempmbc] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
}

.spinner-border[b-1pamempmbc] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-1pamempmbc 0.75s linear infinite;
    margin-right: 0.5rem;
}

@keyframes spinner-border-b-1pamempmbc {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .create-challenge-container[b-1pamempmbc] {
        grid-template-columns: 1fr;
    }
}
/* _content/BeUp.New/Components/Pages/ChallengePage/CurrentChallenges.razor.rz.scp.css */
.title[b-yqu0z9buna] {
    display: flex;
    justify-content:space-between;
    align-items:center;
}

.list-card .card[b-yqu0z9buna] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: calc(100% / 4);
}

    .list-card .card:hover[b-yqu0z9buna] {
        border-radius: 1rem;
        background: #FFF;
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);
        margin-bottom: -.75rem;
    }

        .list-card .card:hover .card-footer[b-yqu0z9buna] {
            padding: 0 .75rem .75rem;
        }

    .list-card .card .img[b-yqu0z9buna] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }


        .list-card .card .img img[b-yqu0z9buna] {
            min-height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img .block-label-img[b-yqu0z9buna] {
            position: absolute;
            top: .5rem;
            left: .5rem;
            display: flex;
            gap: .5rem;
        }

        .list-card .card .img label[b-yqu0z9buna] {
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

.card-footer h5[b-yqu0z9buna] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-yqu0z9buna] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-yqu0z9buna] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.block-info[b-yqu0z9buna] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: center;
    justify-content: center;
}

    .block-info p[b-yqu0z9buna] {
        color: var(--Main-White, #FFF);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.7;
        margin-bottom: 1.5rem;
    }

.button-block[b-yqu0z9buna] {
    display: flex;
    gap: .5rem;
}

    .button-block .time[b-yqu0z9buna],
    .button-block .btn[b-yqu0z9buna] {
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Semibold */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .button-block .time[b-yqu0z9buna] {
        background: var(--Pink-Pink-800, #F1A0FF);
    }


.banner .img-block[b-yqu0z9buna] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

    .banner .img-block img[b-yqu0z9buna] {
        border-radius: 0.75rem;
        aspect-ratio: 18.75 / 10;
        overflow: hidden;
        margin-top: -1rem;
    }

    .banner .img-block .img-1[b-yqu0z9buna] {
        transform: rotate(-7.796deg);
        flex-shrink: 0;
    }

    .banner .img-block .img-2[b-yqu0z9buna] {
        transform: rotate(13.207deg);
        flex-shrink: 0;
        margin: -5rem 2rem 0 auto;
    }

@media (max-width: 640.98px) {

    .list-card .card[b-yqu0z9buna] {
        width: calc(100% / 1.25);
    }

    .banner[b-yqu0z9buna] {
        margin: 0 .75rem 1.25rem;
        flex-direction: column-reverse;
    }

        .banner .img-block img[b-yqu0z9buna] {
            margin-top: 0;
        }

        .banner .img-block .img-2[b-yqu0z9buna] {
            margin: -4rem -1rem 0 auto;
            width: 60%;
        }

        .banner .img-block .img-1[b-yqu0z9buna] {
            transform: rotate(-7.796deg);
            flex-shrink: 0;
            width: 60%;
        }
}
/* _content/BeUp.New/Components/Pages/ChallengePage/Details.razor.rz.scp.css */
.container[b-krcad9h91c] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.one[b-krcad9h91c] {
    display: grid;
    grid-template-columns: 46fr 30fr;
    gap: 1.25rem;
}

.left[b-krcad9h91c] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
}

.main-block[b-krcad9h91c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.img[b-krcad9h91c] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
}

    .img img[b-krcad9h91c] {
        width: 100%;
    }

.text-block[b-krcad9h91c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
}

    .text-block  p[b-krcad9h91c] {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: justify;
    }

.label-block-footer[b-krcad9h91c],
.footer-news[b-krcad9h91c] {
    display: flex;
    align-items: center;
}

.footer-news[b-krcad9h91c] {
    justify-content: space-between;
    width: 100%;
}

.label-block-footer[b-krcad9h91c] {
    gap: .5rem;
}

    .date[b-krcad9h91c],
    .label-block-footer div[b-krcad9h91c] {
        display: flex;
        align-items: center;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.author-card[b-krcad9h91c] {
    display: flex;
    padding: 1rem;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    gap: 1.25rem;
}

.button-block[b-krcad9h91c] {
    margin-left: auto;
}

.avatar[b-krcad9h91c] {
    width: 4.875rem;
    height: 4.875rem;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    overflow: hidden;
}

    .avatar img[b-krcad9h91c] {
        width: 100%;
    }

.author-card small[b-krcad9h91c] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.author-card p[b-krcad9h91c] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.author-card h4[b-krcad9h91c] {
    margin: .5rem 0 .25rem;
}

.text[b-krcad9h91c] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.active svg[b-krcad9h91c] {
    fill: var(--Purple-Purple-1000, #7E6CFF);
}

.two[b-krcad9h91c] {
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

@media (max-width: 640.98px) {
    .one[b-krcad9h91c] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
    .two[b-krcad9h91c] {
        margin: 0 0 1.25rem .75rem;
    }
        .two[b-krcad9h91c]  .title {
            margin-right: .75rem;
        }
    .btn-list .btn[b-krcad9h91c] {
        width: 100%;
    }

    .btn-list .card-footer[b-krcad9h91c] {
        display: flex;
        flex-direction:column;
        gap: .5rem;
    }
    .btn-list .card-footer .btn[b-krcad9h91c]{
        width: auto;
    }
}
/* _content/BeUp.New/Components/Pages/ChallengePage/DetailsGiga.razor.rz.scp.css */
/* DetailsGiga.razor.css */
.challenge-details[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.challenge-header[b-8399qub5zs] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    background: var(--Main-White, #FFF);
    border-radius: 1rem;
    padding: 1.5rem;
}

.challenge-header-main[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.difficulty-badge[b-8399qub5zs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .difficulty-badge span[b-8399qub5zs] {
        display: inline-flex;
        padding: 0.25rem 0.75rem;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        font-size: 0.75rem;
        font-weight: 500;
    }

.difficulty-начальный[b-8399qub5zs] {
    background: var(--Green-Green-100, #EAFAFB);
    color: var(--Green-Green-1000, #2BC4D5);
}

.difficulty-средний[b-8399qub5zs] {
    background: var(--Blue-Blue-100, #E6F5FF);
    color: var(--Blue-Blue-1000, #13A5FF);
}

.difficulty-продвинутый[b-8399qub5zs] {
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
}

.difficulty-эксперт[b-8399qub5zs] {
    background: var(--Orange-Orange-100, #FFF4E5);
    color: var(--Orange-Orange-1000, #FFB53D);
}

.duration[b-8399qub5zs] {
    background: var(--Pink-Pink-100, #FFF0FF);
    color: var(--Pink-Pink-1000, #FF6CE9);
}

.category[b-8399qub5zs] {
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
}

.challenge-title[b-8399qub5zs] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.challenge-subtitle[b-8399qub5zs] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 1rem;
    margin: 0;
    line-height: 1.5;
}

.challenge-stats[b-8399qub5zs] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.stat[b-8399qub5zs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.875rem;
}

    .stat svg[b-8399qub5zs] {
        color: var(--Dark-Dark-300, #B6B7C5);
    }

.challenge-actions[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.auth-required[b-8399qub5zs],
.join-section[b-8399qub5zs],
.participating-info[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    .auth-required h5[b-8399qub5zs],
    .join-section h5[b-8399qub5zs],
    .participating-info h5[b-8399qub5zs] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 1rem;
        margin: 0;
    }

    .auth-required p[b-8399qub5zs],
    .join-section p[b-8399qub5zs],
    .participating-info p[b-8399qub5zs] {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-size: 0.875rem;
        margin: 0;
    }

.action-buttons[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.progress-section[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.progress[b-8399qub5zs] {
    height: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    border-radius: 2rem;
    overflow: hidden;
}

.progress-bar[b-8399qub5zs] {
    height: 100%;
    background: var(--Purple-Purple-1000, #7E6CFF);
    border-radius: 2rem;
    transition: width 0.3s ease;
}

.progress-text[b-8399qub5zs] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-weight: 600;
}

.current-day[b-8399qub5zs] {
    padding: 0.75rem;
    background: var(--Green-Green-100, #EAFAFB);
    border-radius: 0.75rem;
}

    .current-day h6[b-8399qub5zs] {
        color: var(--Green-Green-1000, #2BC4D5);
        margin: 0 0 0.25rem 0;
    }

    .current-day p[b-8399qub5zs] {
        color: var(--Green-Green-1000, #2BC4D5);
        font-size: 0.875rem;
        margin: 0;
    }

.challenge-content[b-8399qub5zs] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
}

.left-column[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.right-column[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.section-card[b-8399qub5zs] {
    background: var(--Main-White, #FFF);
    border-radius: 1rem;
    padding: 1.5rem;
}

.section-header[b-8399qub5zs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

    .section-header h3[b-8399qub5zs],
    .section-header h4[b-8399qub5zs] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        margin: 0;
    }

    .section-header svg[b-8399qub5zs] {
        color: var(--Dark-Dark-300, #B6B7C5);
    }

.steps-counter[b-8399qub5zs] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.875rem;
    font-weight: 600;
}

.goals-list[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.goal-item[b-8399qub5zs] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

    .goal-item svg[b-8399qub5zs] {
        flex-shrink: 0;
        margin-top: 0.125rem;
    }

    .goal-item span[b-8399qub5zs] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.875rem;
        line-height: 1.5;
    }

.control-tips[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
}

.tip[b-8399qub5zs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.875rem;
}

    .tip svg[b-8399qub5zs] {
        flex-shrink: 0;
    }

.steps-timeline[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.step-item[b-8399qub5zs] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
}

    .step-item:hover[b-8399qub5zs] {
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    }

    .step-item.completed[b-8399qub5zs] {
        background: var(--Green-Green-50, #F5FDFE);
    }

    .step-item.current[b-8399qub5zs] {
        background: var(--Purple-Purple-50, #F7F6FF);
        border-left: 4px solid var(--Purple-Purple-1000, #7E6CFF);
    }

.step-marker[b-8399qub5zs] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.day-number[b-8399qub5zs] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    border-radius: 50%;
    font-size: 0.875rem;
    font-weight: 600;
}

.current-day-indicator[b-8399qub5zs] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Purple-Purple-1000, #7E6CFF);
    color: var(--Main-White, #FFF);
    border-radius: 50%;
    font-size: 0.875rem;
    font-weight: 600;
}

.step-content[b-8399qub5zs] {
    flex: 1;
}

    .step-content h5[b-8399qub5zs] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        margin: 0 0 0.25rem 0;
    }

    .step-content p[b-8399qub5zs] {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-size: 0.875rem;
        margin: 0 0 0.25rem 0;
    }

.completed-date[b-8399qub5zs] {
    color: var(--Green-Green-1000, #2BC4D5);
    font-size: 0.75rem;
}

.author-card[b-8399qub5zs],
.participants-card[b-8399qub5zs],
.quick-actions[b-8399qub5zs] {
    background: var(--Main-White, #FFF);
    border-radius: 1rem;
    padding: 1.5rem;
}

.author-header[b-8399qub5zs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.ai-badge[b-8399qub5zs] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.author-info[b-8399qub5zs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.author-avatar[b-8399qub5zs] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .author-avatar img[b-8399qub5zs] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.ai-avatar[b-8399qub5zs] {
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
}

.author-info h5[b-8399qub5zs] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    margin: 0 0 0.25rem 0;
}

.author-type[b-8399qub5zs] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    margin: 0;
}

.ai-info p[b-8399qub5zs] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.875rem;
    margin: 0;
    line-height: 1.5;
}

.participants-count[b-8399qub5zs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: var(--Purple-Purple-1000, #7E6CFF);
    color: var(--Main-White, #FFF);
    border-radius: 50%;
    font-size: 0.875rem;
    font-weight: 600;
}

.participants-list[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.participant[b-8399qub5zs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.participant-avatar[b-8399qub5zs] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-weight: 600;
}

.participant h6[b-8399qub5zs] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    margin: 0 0 0.125rem 0;
}

.participant small[b-8399qub5zs] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
}

.more-participants[b-8399qub5zs] {
    padding: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    border-radius: 0.75rem;
    text-align: center;
}

    .more-participants span[b-8399qub5zs] {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-size: 0.875rem;
    }

.no-participants[b-8399qub5zs] {
    padding: 1rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    border-radius: 0.75rem;
    text-align: center;
}

    .no-participants p[b-8399qub5zs] {
        color: var(--Dark-Dark-400, #9D9EB1);
        margin: 0;
    }

.actions-list[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.action-btn[b-8399qub5zs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    border: 1px solid var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    border-radius: 0.75rem;
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
}

    .action-btn:hover[b-8399qub5zs] {
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        border-color: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    }

    .action-btn svg[b-8399qub5zs] {
        color: var(--Dark-Dark-300, #B6B7C5);
    }

.loading-container[b-8399qub5zs],
.error-container[b-8399qub5zs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    gap: 1rem;
}

    .error-container svg[b-8399qub5zs] {
        color: var(--Dark-Dark-300, #B6B7C5);
    }

    .error-container h4[b-8399qub5zs] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        margin: 0;
    }

    .error-container p[b-8399qub5zs] {
        color: var(--Dark-Dark-400, #9D9EB1);
        margin: 0;
    }

@media (max-width: 768px) {
    .challenge-header[b-8399qub5zs],
    .challenge-content[b-8399qub5zs] {
        grid-template-columns: 1fr;
    }

    .challenge-title[b-8399qub5zs] {
        font-size: 1.5rem;
    }

    .challenge-stats[b-8399qub5zs] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}
/* _content/BeUp.New/Components/Pages/ChallengePage/Index.razor.rz.scp.css */
.container[b-layic475a1] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.list-card[b-layic475a1] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.25rem;
}

.list-card .card[b-layic475a1] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: auto;
    cursor: pointer;
}

    .list-card .card .img[b-layic475a1] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }

        .list-card .card .img img[b-layic475a1] {
            min-height: 100%;
            width: 100%;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img .block-label-img[b-layic475a1] {
            position: absolute;
            top: .5rem;
            left: .5rem;
            display: flex;
            gap: .5rem;
        }

        .list-card .card .img label[b-layic475a1] {
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

.card-footer h5[b-layic475a1] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-layic475a1] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-layic475a1] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.banner[b-layic475a1] {
    background-image: url(svg/block-bg-pink-1000.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    margin-bottom: 1.25rem;
}

    .banner .block-info[b-layic475a1],
    .banner .img-block[b-layic475a1] {
        flex: 1;
    }

.header-challenge[b-layic475a1] {
    color: var(--Main-White, #FFF);
    /* Title/H2 */
    font-family: Montserrat;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .75rem;
}

.block-info[b-layic475a1] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: center;
    justify-content: center;
}

    .block-info p[b-layic475a1] {
        color: var(--Main-White, #FFF);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.7;
        margin-bottom: 1.5rem;
    }

.button-block[b-layic475a1] {
    display: flex;
    gap: .5rem;
}

    .button-block .time[b-layic475a1],
    .button-block .btn[b-layic475a1] {
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Semibold */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .button-block .time[b-layic475a1] {
        background: var(--Pink-Pink-800, #F1A0FF);
    }


.banner .img-block[b-layic475a1] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

    .banner .img-block img[b-layic475a1] {
        border-radius: 0.75rem;
        aspect-ratio: 18.75 / 10;
        overflow: hidden;
        margin-top: -1rem;
    }

    .banner .img-block .img-1[b-layic475a1] {
        transform: rotate(-7.796deg);
        flex-shrink: 0;
    }

    .banner .img-block .img-2[b-layic475a1] {
        transform: rotate(13.207deg);
        flex-shrink: 0;
        margin: -5rem 2rem 0 auto;
    }

.left[b-layic475a1] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.button-filter-list[b-layic475a1] {
    margin-bottom: 0;
}

.two[b-layic475a1] {
    display: grid;
    grid-template-columns: 2.55fr 1fr;
    gap: 1.25rem;
}
.mob-off[b-layic475a1] {
    display: block;
}
@media (max-width: 640.98px) {

    .section-title[b-layic475a1] {
        margin-bottom: 0;
    }

    .list-card[b-layic475a1] {
        grid-template-columns: 1fr;
    }

    .button-filter-list[b-layic475a1] {
        padding: 0 0 0 .75rem;
        flex-wrap: nowrap;
        overflow-y: auto;
        scrollbar-width: none;
        max-width: calc(100vw - .75rem);
    }
    .left h4[b-layic475a1] {
        padding: 0 .75rem;
    }
    .two[b-layic475a1] {
        grid-template-columns: 1fr;
    }

    .right[b-layic475a1] {
        order: 1;
    }
    .left[b-layic475a1] {
        order: 2;
    }

    .list-card .card[b-layic475a1] {
        width: auto;
    }

    .banner[b-layic475a1] {
        margin: 0 .75rem 1.25rem;
        flex-direction: column-reverse;
    }

        .banner .img-block img[b-layic475a1] {
            margin-top: 0;
        }

        .banner .img-block .img-2[b-layic475a1] {
            margin: -4rem -1rem 0 auto;
            width: 60%;
        }

        .banner .img-block .img-1[b-layic475a1] {
            transform: rotate(-7.796deg);
            flex-shrink: 0;
            width: 60%;
        }
    .mob-view[b-layic475a1] {
        flex-direction: column;
    }
    .mob-view .my-awards[b-layic475a1] {
        display: none;        
        margin: 0 .75rem;
    }
    .mob-view .my-awards.active[b-layic475a1] {
        display: block;
    }

    .mob-view .my-chelenge[b-layic475a1] {
        display: none;        
        margin: 0 .75rem;
    }

        .mob-view .my-chelenge.active[b-layic475a1] {
            display: block;
        }
}
/* _content/BeUp.New/Components/Pages/ChallengePage/MyChallenge.razor.rz.scp.css */
body[b-wv9rgqndqi] {
}
/* _content/BeUp.New/Components/Pages/ChatsPage/Conversation.razor.rz.scp.css */
.conversation[b-qycm4pl4p0] { padding-block: 1.5rem; }
.conversation-grid[b-qycm4pl4p0] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 1fr); gap: 1rem; margin-top: 1rem; }
.session-panel[b-qycm4pl4p0], .chat-panel[b-qycm4pl4p0] { border-radius: 1.5rem; background: white; padding: 1.25rem; min-width: 0; }
.video-stage[b-qycm4pl4p0] { background: #151d2a; aspect-ratio: 16/10; position: relative; border-radius: 1rem; overflow: hidden; }
.remote-video[b-qycm4pl4p0] { position: absolute; inset: 0; }
.local-video[b-qycm4pl4p0] { position: absolute; right: .5rem; bottom: .5rem; width: 28%; aspect-ratio: 4/3; background: #292e3d; }
[b-qycm4pl4p0] .video-stage video { width: 100%; height: 100%; object-fit: contain; }
[b-qycm4pl4p0] .video-stage audio { display: none; }
.session-actions[b-qycm4pl4p0] { display: flex; flex-wrap: wrap; gap: .5rem; }
.session-actions .btn[b-qycm4pl4p0] { padding: .6rem; font-size: .85rem; }
.participant[b-qycm4pl4p0] { display: flex; gap: 1rem; margin-top: 1.25rem; }
.participant img[b-qycm4pl4p0] { width: 4rem; height: 4rem; border-radius: 50%; object-fit: cover; }
.messages[b-qycm4pl4p0] { height: 26rem; overflow-y: auto; display: flex; flex-direction: column; gap: .75rem; padding: .5rem; }
.message[b-qycm4pl4p0] { max-width: 95%; padding: .75rem; border-radius: .75rem; background: #ebefff; overflow-wrap: anywhere; }
.message.mine[b-qycm4pl4p0] { background: #ede9ff; align-self: flex-end; }
.message p[b-qycm4pl4p0] { white-space: pre-wrap; margin: .25rem 0; }
.message small[b-qycm4pl4p0] { font-size: .7rem; }
textarea[b-qycm4pl4p0] { width: 100%; resize: vertical; padding: .75rem; border: 1px solid #b8b4d7; border-radius: .5rem; }
@media (max-width: 800px) { .conversation-grid[b-qycm4pl4p0] { grid-template-columns: 1fr; } .messages[b-qycm4pl4p0] { height: 20rem; } }
/* _content/BeUp.New/Components/Pages/ChatsPage/Index.razor.rz.scp.css */
.conversation-list[b-gfxw1vrurt] { display: grid; gap: 1rem; margin: 1.5rem 0; }
.conversation-card[b-gfxw1vrurt] { display: flex; gap: 1rem; padding: 1.5rem; border-radius: 1.5rem; background: white; color: #0a0c3c; text-decoration: none; }
.conversation-card img[b-gfxw1vrurt] { width: 5rem; height: 5rem; border-radius: 50%; object-fit: cover; }
.conversation-card span[b-gfxw1vrurt] { color: #604fd0; }
/* _content/BeUp.New/Components/Pages/Company/ChallengeDetails.razor.rz.scp.css */
.detail-page[b-o1n9vf87on] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.detail-card[b-o1n9vf87on],
.invite-card[b-o1n9vf87on],
.invited-card[b-o1n9vf87on] {
    background: var(--main-white, #fff);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.detail-header[b-o1n9vf87on] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.detail-title[b-o1n9vf87on] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
}

.detail-goal[b-o1n9vf87on] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--dark-dark-800, #333);
    margin: 0.25rem 0 0;
}

.detail-badges[b-o1n9vf87on] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.badge[b-o1n9vf87on] {
    border-radius: 2rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.badge-purple[b-o1n9vf87on] {
    background: var(--purple-purple-100, #ede9ff);
    color: var(--purple-purple-1000, #7e6cff);
}

.badge-green[b-o1n9vf87on] {
    background: var(--green-green-100, #e6f9f0);
    color: var(--green-green-1000, #00a86b);
}

.badge-date[b-o1n9vf87on] {
    background: var(--dark-blue-dark-blue-50, #f0f2f5);
    color: var(--dark-dark-400, #9099a3);
}

.detail-section[b-o1n9vf87on] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.section-title[b-o1n9vf87on] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
}

.section-text[b-o1n9vf87on] {
    font-size: 0.9375rem;
    color: var(--dark-dark-800, #333);
    margin: 0;
    line-height: 1.6;
}

/* Steps */
.steps-list[b-o1n9vf87on] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-item[b-o1n9vf87on] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-start;
    background: var(--dark-blue-dark-blue-50, #f0f2f5);
    border-radius: 0.75rem;
    padding: 1rem;
}

.step-number[b-o1n9vf87on] {
    background: var(--purple-purple-1000, #7e6cff);
    color: #fff;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.step-content[b-o1n9vf87on] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .step-content p[b-o1n9vf87on] {
        margin: 0;
        font-size: 0.875rem;
        color: var(--dark-dark-800, #333);
    }

.step-meta[b-o1n9vf87on] {
    font-size: 0.75rem;
    color: var(--dark-dark-400, #9099a3);
}

/* Invite */
.employee-list[b-o1n9vf87on] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 20rem;
    overflow-y: auto;
}

.employee-item[b-o1n9vf87on] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.75rem;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background 0.15s;
}

    .employee-item:hover[b-o1n9vf87on] {
        background: var(--dark-blue-dark-blue-50, #f0f2f5);
    }

    .employee-item.already-invited[b-o1n9vf87on] {
        opacity: 0.55;
        cursor: default;
    }

.emp-avatar[b-o1n9vf87on] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    object-fit: cover;
}

.emp-info[b-o1n9vf87on] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    flex: 1;
}

.emp-name[b-o1n9vf87on] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dark-dark-1000, #1a1d1f);
}

.emp-email[b-o1n9vf87on] {
    font-size: 0.8rem;
    color: var(--dark-dark-400, #9099a3);
}

.invited-badge[b-o1n9vf87on] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--green-green-1000, #00a86b);
    background: var(--green-green-100, #e6f9f0);
    padding: 0.2rem 0.6rem;
    border-radius: 2rem;
}

/* Invited table */
.invited-table[b-o1n9vf87on] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

    .invited-table th[b-o1n9vf87on] {
        text-align: left;
        padding: 0.5rem 0.75rem;
        color: var(--dark-dark-400, #9099a3);
        font-weight: 600;
        border-bottom: 1px solid var(--dark-dark-100, #e8ecef);
    }

    .invited-table td[b-o1n9vf87on] {
        padding: 0.6rem 0.75rem;
        color: var(--dark-dark-800, #333);
        border-bottom: 1px solid var(--dark-dark-100, #e8ecef);
    }

.status-badge[b-o1n9vf87on] {
    border-radius: 2rem;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-accepted[b-o1n9vf87on] {
    background: var(--green-green-100, #e6f9f0);
    color: var(--green-green-1000, #00a86b);
}

.status-pending[b-o1n9vf87on] {
    background: var(--dark-blue-dark-blue-50, #f0f2f5);
    color: var(--dark-dark-400, #9099a3);
}

.no-invited[b-o1n9vf87on] {
    color: var(--dark-dark-400, #9099a3);
    font-size: 0.875rem;
    margin: 0;
}

.loading-state[b-o1n9vf87on] {
    padding: 2rem;
    text-align: center;
    color: var(--dark-dark-400, #9099a3);
}
/* _content/BeUp.New/Components/Pages/Company/CompanyChallenges.razor.rz.scp.css */
.company-challenges-page[b-5wok2kj2f5] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.page-header[b-5wok2kj2f5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-5wok2kj2f5] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
}

.create-actions[b-5wok2kj2f5] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.btn-outline[b-5wok2kj2f5] {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--purple-purple-1000, #7e6cff);
    background: transparent;
    color: var(--purple-purple-1000, #7e6cff);
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

    .btn-outline:hover[b-5wok2kj2f5] {
        background: var(--purple-purple-50, #f7f6ff);
    }

.cards-grid[b-5wok2kj2f5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: 1.25rem;
}

.item-card[b-5wok2kj2f5] {
    background: var(--main-white, #fff);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}

    .item-card:hover[b-5wok2kj2f5] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

.item-card-body[b-5wok2kj2f5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
}

.item-title[b-5wok2kj2f5] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
    line-height: 1.4;
}

.item-goal[b-5wok2kj2f5] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--dark-dark-600, #6f7787);
    margin: 0;
    line-height: 1.5;
}

.item-meta[b-5wok2kj2f5] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.5rem;
}

.meta-badge[b-5wok2kj2f5] {
    background: var(--purple-purple-100, #ede9ff);
    color: var(--purple-purple-1000, #7e6cff);
    border-radius: 2rem;
    padding: 0.3rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.challenge-badge[b-5wok2kj2f5] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--green-green-100, #d4f4dd);
    color: var(--green-green-1000, #16b364);
}

.meta-date[b-5wok2kj2f5] {
    color: var(--dark-dark-300, #b0b8c1);
    font-size: 0.75rem;
    font-weight: 500;
}

.item-invited[b-5wok2kj2f5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--dark-dark-400, #9099a3);
    font-weight: 500;
    padding: 0.5rem 0;
    border-top: 1px solid var(--dark-blue-dark-blue-50, #f0f2f5);
    margin-top: 0.5rem;
}

    .item-invited svg[b-5wok2kj2f5] {
        color: var(--purple-purple-1000, #7e6cff);
    }

.item-card-footer[b-5wok2kj2f5] {
    display: flex;
    justify-content: flex-end;
}

.empty-state[b-5wok2kj2f5] {
    background: var(--main-white, #fff);
    border-radius: 1rem;
    padding: 3rem 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

    .empty-state svg[b-5wok2kj2f5] {
        color: var(--green-green-300, #7ee2b8);
        margin-bottom: 0.5rem;
    }

    .empty-state h3[b-5wok2kj2f5] {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--dark-dark-1000, #1a1d1f);
        margin: 0;
    }

    .empty-state p[b-5wok2kj2f5] {
        font-size: 0.9375rem;
        color: var(--dark-dark-400, #9099a3);
        margin: 0;
    }

.loading-state[b-5wok2kj2f5] {
    padding: 3rem;
    text-align: center;
    color: var(--dark-dark-400, #9099a3);
    font-size: 1rem;
}
/* _content/BeUp.New/Components/Pages/Company/CompanyPrograms.razor.rz.scp.css */
.company-programs-page[b-488e69a7p6] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.page-header[b-488e69a7p6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-title[b-488e69a7p6] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
}

.create-actions[b-488e69a7p6] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.btn-outline[b-488e69a7p6] {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--purple-purple-1000, #7e6cff);
    background: transparent;
    color: var(--purple-purple-1000, #7e6cff);
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

    .btn-outline:hover[b-488e69a7p6] {
        background: var(--purple-purple-50, #f7f6ff);
    }

.cards-grid[b-488e69a7p6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: 1.25rem;
}

.item-card[b-488e69a7p6] {
    background: var(--main-white, #fff);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}

    .item-card:hover[b-488e69a7p6] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

.item-card-body[b-488e69a7p6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
}

.item-title[b-488e69a7p6] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
    line-height: 1.4;
}

.item-goal[b-488e69a7p6] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--dark-dark-600, #6f7787);
    margin: 0;
    line-height: 1.5;
}

.item-description[b-488e69a7p6] {
    font-size: 0.875rem;
    color: var(--dark-dark-400, #9099a3);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

.item-meta[b-488e69a7p6] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.5rem;
}

.meta-badge[b-488e69a7p6] {
    background: var(--purple-purple-100, #ede9ff);
    color: var(--purple-purple-1000, #7e6cff);
    border-radius: 2rem;
    padding: 0.3rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.meta-date[b-488e69a7p6] {
    color: var(--dark-dark-300, #b0b8c1);
    font-size: 0.75rem;
    font-weight: 500;
}

.item-invited[b-488e69a7p6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--dark-dark-400, #9099a3);
    font-weight: 500;
    padding: 0.5rem 0;
    border-top: 1px solid var(--dark-blue-dark-blue-50, #f0f2f5);
    margin-top: 0.5rem;
}

    .item-invited svg[b-488e69a7p6] {
        color: var(--purple-purple-1000, #7e6cff);
    }

.item-card-footer[b-488e69a7p6] {
    display: flex;
    justify-content: flex-end;
}

.empty-state[b-488e69a7p6] {
    background: var(--main-white, #fff);
    border-radius: 1rem;
    padding: 3rem 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

    .empty-state svg[b-488e69a7p6] {
        color: var(--purple-purple-300, #c7bdff);
        margin-bottom: 0.5rem;
    }

    .empty-state h3[b-488e69a7p6] {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--dark-dark-1000, #1a1d1f);
        margin: 0;
    }

    .empty-state p[b-488e69a7p6] {
        font-size: 0.9375rem;
        color: var(--dark-dark-400, #9099a3);
        margin: 0;
    }

.loading-state[b-488e69a7p6] {
    padding: 3rem;
    text-align: center;
    color: var(--dark-dark-400, #9099a3);
    font-size: 1rem;
}
/* _content/BeUp.New/Components/Pages/Company/CreateChallenge.razor.rz.scp.css */
.card[b-dg5eei4qga] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
}

.form-footer[b-dg5eei4qga] {
    display: flex;
    gap: 1.25rem;
}

.employee-item label[b-dg5eei4qga] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.employee-list[b-dg5eei4qga] {
    margin-bottom: 1.25rem;
}

.create-challenge-container[b-dg5eei4qga] {
    margin-top: 1.25rem;
}
.card-header[b-dg5eei4qga] {
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
}

.giga-label[b-dg5eei4qga] {
    width: 8rem;
}
/* _content/BeUp.New/Components/Pages/Company/CreateProgram.razor.rz.scp.css */
.card[b-g8720350ff] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
}
.form-footer[b-g8720350ff] {
    display: flex;
    gap: 1.25rem;
}

.employee-item label[b-g8720350ff] {
    display:flex;
    align-items:center;
    gap: 1.25rem;
}
.employee-list[b-g8720350ff] {
    margin-bottom: 1.25rem;
}

.create-challenge-container[b-g8720350ff] {
    margin-top: 1.25rem;
}

.card-header[b-g8720350ff] {
    display:flex;
    gap: 1.25rem;
    justify-content: space-between;
}

.giga-label[b-g8720350ff] {
    width: 8rem;
}
/* _content/BeUp.New/Components/Pages/Company/Dashboard.razor.rz.scp.css */
*[b-yiuacj6d44] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-yiuacj6d44] {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    padding: 20px;
    color: var(--Dark-Dark-1000, #0A0C3C);
}

.container[b-yiuacj6d44] {
    max-width: 1320px;
    margin: 0 auto;
}

.main-title[b-yiuacj6d44] {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    color: var(--Dark-Dark-1000, #0A0C3C);
}

.card[b-yiuacj6d44] {
    background: var(--Main-White, #FFF);
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

    .card h2[b-yiuacj6d44] {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 25px;
        color: var(--Dark-Dark-1000, #0A0C3C);
    }

/* Top Section */
.top-section[b-yiuacj6d44] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

/* Engagement Card - Воронка */
.funnel-items[b-yiuacj6d44] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.funnel-item[b-yiuacj6d44] {
    display: grid;
    grid-template-columns: 180px 1fr 200px;
    align-items: center;
    gap: 15px;
}

.funnel-label[b-yiuacj6d44] {
    font-size: 15px;
}

.funnel-bar[b-yiuacj6d44] {
    height: 45px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 16px;
    position: relative;
}

    .funnel-bar[b-yiuacj6d44]::after {
        content: '↓ ↓';
        position: absolute;
        bottom: -20px;
        font-size: 12px;
        color: var(--Dark-Dark-300, #B6B7C5);
    }

.funnel-item:last-child .funnel-bar[b-yiuacj6d44]::after {
    display: none;
}

.green-dark[b-yiuacj6d44] {
    background: var(--green-green-1000, #2bc4d5);
    width: 100%;
}

.green-medium[b-yiuacj6d44] {
    background: var(--green-green-800, #55d0dd);
    width: 95%;
}

.green-light[b-yiuacj6d44] {
    background: var(--green-green-600, #80dce6);
    width: 90%;
}

.green-lighter[b-yiuacj6d44] {
    background: var(--green-green-400, #aae7ee);
    width: 85%;
}

.funnel-stats[b-yiuacj6d44] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

    .funnel-stats .percentage[b-yiuacj6d44] {
        font-weight: 600;
        font-size: 18px;
    }

    .funnel-stats .arrow[b-yiuacj6d44] {
        color: var(--Dark-Dark-300, #B6B7C5);
    }

    .funnel-stats .time-info[b-yiuacj6d44] {
        color: var(--green-green-1000, #2bc4d5);
        font-size: 13px;
        line-height: 1.3;
    }

/* Presenteeism Card */
.metric[b-yiuacj6d44] {
    margin-bottom: 25px;
}

    .metric:last-child[b-yiuacj6d44] {
        margin-bottom: 0;
    }

.metric-label[b-yiuacj6d44] {
    font-size: 14px;
    color: var(--Dark-Dark-600, #6c6d8a);
    margin-bottom: 8px;
}

.metric-value[b-yiuacj6d44] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    font-weight: 600;
}

    .metric-value .from[b-yiuacj6d44] {
        color: var(--Dark-Dark-1000, #0A0C3C);
    }

    .metric-value .arrow[b-yiuacj6d44] {
        color: var(--Dark-Dark-300, #B6B7C5);
        font-size: 20px;
    }

    .metric-value .to[b-yiuacj6d44] {
        color: var(--green-green-1000, #2bc4d5);
    }

.green-text[b-yiuacj6d44] {
    color: var(--green-green-1000, #2bc4d5);
}

.metric-value.single .large[b-yiuacj6d44] {
    font-size: 32px;
}

/* Potential Card */
.potential-grid[b-yiuacj6d44] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.potential-item[b-yiuacj6d44] {
    border-radius: 12px;
    padding: 25px;
    color: white;
}

    .potential-item.high[b-yiuacj6d44] {
        background: var(--green-green-1000, #2bc4d5);
    }

    .potential-item.medium[b-yiuacj6d44] {
        background: var(--orange-orange-1000, #FFB53D);
    }

    .potential-item.low[b-yiuacj6d44] {
        background: var(--dark-dark-600, #6c6d8a);
    }

.potential-header[b-yiuacj6d44] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

    .potential-header .icon[b-yiuacj6d44] {
        font-size: 24px;
    }

.potential-title[b-yiuacj6d44] {
    font-size: 20px;
    font-weight: 600;
}

.potential-description[b-yiuacj6d44] {
    font-size: 14px;
    line-height: 1.6;
}

/* Individual Track */
.track-table[b-yiuacj6d44] {
    width: 100%;
    border-collapse: collapse;
}

    .track-table th[b-yiuacj6d44] {
        text-align: left;
        padding: 12px;
        font-weight: 500;
        font-size: 14px;
        color: var(--Dark-Dark-600, #6c6d8a);
        border-bottom: 2px solid var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

    .track-table td[b-yiuacj6d44] {
        padding: 16px 12px;
        border-bottom: 1px solid var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

.user-cell[b-yiuacj6d44] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.avatar[b-yiuacj6d44] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 12px;
}

.avatar-green[b-yiuacj6d44] {
    background: var(--green-green-800, #55d0dd);
}

.avatar-orange[b-yiuacj6d44] {
    background: var(--orange-orange-1000, #FFB53D);
}

.avatar-purple[b-yiuacj6d44] {
    background: var(--purple-purple-1000, #7E6CFF);
}

.avatar-blue[b-yiuacj6d44] {
    background: var(--blue-blue-1000, #13a5ff);
}

.avatar-gray[b-yiuacj6d44] {
    background: var(--dark-dark-500, #85869e);
}

.progress-bar[b-yiuacj6d44] {
    width: 100%;
    height: 8px;
    background: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-yiuacj6d44] {
    height: 100%;
    border-radius: 4px;
}

.green-progress[b-yiuacj6d44] {
    background: var(--green-green-1000, #2bc4d5);
}

.orange-progress[b-yiuacj6d44] {
    background: var(--orange-orange-1000, #FFB53D);
}

.gray-progress[b-yiuacj6d44] {
    background: var(--dark-dark-500, #85869e);
}

/* Bottom Section */
.bottom-section[b-yiuacj6d44] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Activity Card */
.activity-grid[b-yiuacj6d44] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.activity-item[b-yiuacj6d44] {
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

    .activity-item.cream[b-yiuacj6d44] {
        background: var(--orange-orange-50, #fffbf5);
    }

    .activity-item.light-green[b-yiuacj6d44] {
        background: var(--green-green-50, #f4fcfd);
    }

    .activity-item.light-orange[b-yiuacj6d44] {
        background: var(--orange-orange-100, #fff8ec);
    }

.department[b-yiuacj6d44] {
    font-size: 14px;
    color: var(--Dark-Dark-600, #6c6d8a);
    margin-bottom: 8px;
}

.activity-value[b-yiuacj6d44] {
    font-size: 24px;
    font-weight: 700;
}

/* Leaders Card */
.leaders-list[b-yiuacj6d44] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.leader-item[b-yiuacj6d44] {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
    align-items: center;
}

.leader-achievement[b-yiuacj6d44] {
    font-size: 15px;
    color: var(--Dark-Dark-800, #3b3d63);
}

/* Responsive */
@media (max-width: 1200px) {
    .top-section[b-yiuacj6d44],
    .bottom-section[b-yiuacj6d44] {
        grid-template-columns: 1fr;
    }

    .potential-grid[b-yiuacj6d44] {
        grid-template-columns: 1fr;
    }

    .activity-grid[b-yiuacj6d44] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    body[b-yiuacj6d44] {
        padding: 10px;
    }
    .container[b-yiuacj6d44] {
        margin: 0 1rem;
        width: auto;
    }
    .main-title[b-yiuacj6d44] {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .card[b-yiuacj6d44] {
        padding: 20px;
        border-radius: 12px;
    }

        .card h2[b-yiuacj6d44] {
            font-size: 18px;
            margin-bottom: 15px;
        }

    .funnel-item[b-yiuacj6d44] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* Горизонтальная прокрутка для таблицы на мобильных */
    .individual-track-card[b-yiuacj6d44] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .track-table[b-yiuacj6d44] {
        min-width: 700px;
        font-size: 13px;
    }

        .track-table th[b-yiuacj6d44],
        .track-table td[b-yiuacj6d44] {
            padding: 10px 8px;
        }

    .activity-grid[b-yiuacj6d44] {
        grid-template-columns: 1fr;
    }

    .leader-item[b-yiuacj6d44] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .potential-description[b-yiuacj6d44] {
        font-size: 13px;
    }

    .metric-value[b-yiuacj6d44] {
        font-size: 20px;
        flex-wrap: wrap;
    }
}
/* _content/BeUp.New/Components/Pages/Company/Index.razor.rz.scp.css */

/* Контейнеры */
.company-page[b-qvdp7ft7jo] {
    padding: 1.25rem 1.25rem 0 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;    
}

.company-layout[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    width: 100%;
}

/* Левая панель меню */
.sidebar-menu[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 1rem;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 4rem;
}

.menu-item[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 0.75rem;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .menu-item:hover[b-qvdp7ft7jo] {
        background: var(--dark-blue-dark-blue-50);
    }

    .menu-item.active[b-qvdp7ft7jo] {
        background: var(--green-green-100);
    }

.menu-icon[b-qvdp7ft7jo] {
    width: 1.25rem;
    height: 1.25rem;
}

/* Основной контент */
.company-content[b-qvdp7ft7jo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

/* Хедер */
.company-header[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 1.25rem 0;
}

.header-left[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
}

.logo[b-qvdp7ft7jo] {
    width: 4.625rem;
    height: 1.682rem;
}

.breadcrumb[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
}

.breadcrumb-text[b-qvdp7ft7jo] {
    color: var(--dark-dark-300);
    font-size: var(--paragraph-10-semibold);
    font-weight: 600;
}

.login-button[b-qvdp7ft7jo] {
    background: var(--purple-purple-1000);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    align-items: center;
    justify-content: center;
    color: var(--main-white);
    font-size: var(--paragraph-14-semibold);
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

    .login-button:hover[b-qvdp7ft7jo] {
        opacity: 0.9;
    }

/* Карточка компании */
.company-card[b-qvdp7ft7jo] {
    background-image: url('svg/block-bg.svg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius: 0.75rem;
    padding: 1.25rem;
    position: relative;
    overflow: hidden;
    min-height: 16.125rem;
}

.company-background[b-qvdp7ft7jo] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.1;
    pointer-events: none;
}

.company-name[b-qvdp7ft7jo] {
    color: var(--Main-White);
    font-family: Montserrat;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.stats-container[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    margin-top: 1.25rem;
}

.stats-section[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 1rem;
    padding: 0.75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.stats-title[b-qvdp7ft7jo] {
    color: var(--dark-dark-1000);
    font-size: .875rem;
    font-weight: 600;
}

.stats-grid[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
}

.stat-item[b-qvdp7ft7jo] {
    background: var(--green-green-50);
    border-radius: 0.75rem;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 6.313rem;
}

.stat-number[b-qvdp7ft7jo] {
    background: var(--green-green-1000);
    border-radius: 0.75rem;
    padding: 0.75rem;
    color: var(--main-white);
    font-size: var(--title-h7-size);
    font-weight: 700;
    min-width: 1.5rem;
    text-align: center;
}

.stat-label[b-qvdp7ft7jo] {
    color: var(--dark-dark-1000);
    font-size: .875rem;
    font-weight: 500;
    opacity: 0.5;
    text-align: center;
}

.usage-stat-item[b-qvdp7ft7jo] {
    background: var(--blue-blue-100);
}

.usage-icon[b-qvdp7ft7jo] {
    background: var(--blue-blue-1000);
    border-radius: 0.75rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .usage-icon svg[b-qvdp7ft7jo] {
        width: 1.25rem;
        height: 1.25rem;
    }

/* Основной контент с двумя колонками */
.company-main-content[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    flex: 1;
}

/* Левая колонка - список пользователей */
.users-sidebar[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 1rem;
    padding: 1rem;
    width: 21.188rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.users-header[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search-filter[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.search-input[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 0.75rem;
    border: 1px solid var(--dark-dark-200);
    padding: 0.75rem;
    flex: 1;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

    .search-input input[b-qvdp7ft7jo] {
        border: none;
        outline: none;
        background: transparent;
        color: var(--dark-dark-400);
        font-size: var(--paragraph-14-medium);
        font-weight: 500;
        width: 100%;
    }

.search-icon[b-qvdp7ft7jo] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--dark-dark-400);
}

.add-button[b-qvdp7ft7jo] {
    background: var(--purple-purple-1000);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    align-items: center;
    justify-content: center;
    color: var(--main-white);
    font-size: var(--paragraph-14-semibold);
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.toggle-button[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 0.75rem;
    border: 1px solid var(--dark-dark-100);
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: var(--dark-dark-400);
    font-size: var(--paragraph-12-medium);
    font-weight: 500;
    cursor: pointer;
}

.users-list[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    overflow-y: auto;
}

.user-item[b-qvdp7ft7jo] {
    padding: 0.5rem;
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    cursor: pointer;
    border-radius: 0.25rem;
    transition: background-color 0.2s;
}

    .user-item:hover[b-qvdp7ft7jo] {
        background: var(--dark-blue-dark-blue-50);
    }

    .user-item.active[b-qvdp7ft7jo] {
        background: var(--dark-blue-dark-blue-50);
    }

.user-avatar[b-qvdp7ft7jo] {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    object-fit: cover;
}

.user-info[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.user-name[b-qvdp7ft7jo] {
    color: var(--dark-dark-1000);
    font-size: var(--paragraph-14-semibold);
    font-weight: 600;
}

.user-nickname[b-qvdp7ft7jo] {
    color: var(--dark-dark-400);
    font-size: var(--paragraph-12-medium);
    font-weight: 500;
}

/* Правая колонка - детали пользователя */
.user-details[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 1rem;
    padding: 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.details-header[b-qvdp7ft7jo] {
    color: var(--dark-dark-1000);
    font-size: var(--paragraph-18-semibold);
    font-weight: 600;
}

.profile-section[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    padding: 1rem 0;
}

.profile-avatar-container[b-qvdp7ft7jo] {
    position: relative;
    width: 18.375rem;
    display: flex;
    justify-content: center;
}

.profile-avatar[b-qvdp7ft7jo] {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    object-fit: cover;
}

.avatar-edit[b-qvdp7ft7jo] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer;
}

.profile-info[b-qvdp7ft7jo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.profile-name[b-qvdp7ft7jo] {
    color: var(--dark-dark-1000);
    font-size: var(--paragraph-18-semibold);
    font-weight: 600;
}

.info-grid[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-row[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
}

.info-item[b-qvdp7ft7jo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-label[b-qvdp7ft7jo] {
    color: var(--dark-dark-400);
    font-size: var(--paragraph-12-medium);
    font-weight: 500;
}

.info-value[b-qvdp7ft7jo] {
    color: var(--dark-dark-1000);
    font-size: var(--paragraph-16-semibold);
    font-weight: 600;
}

/* Сессии */
.sessions-section[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.sessions-grid[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sessions-row[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
}

.session-card[b-qvdp7ft7jo] {
    border-radius: 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    flex: 1;
    overflow: hidden;
    padding: 0.75rem;
}

    .session-card.psychologist[b-qvdp7ft7jo] {
        background: var(--orange-orange-100);
        border: 1px solid var(--orange-orange-1000);
    }

    .session-card.coach[b-qvdp7ft7jo] {
        background: var(--purple-purple-100);
        border: 1px solid var(--purple-purple-1000);
    }

    .session-card.nutritionist[b-qvdp7ft7jo] {
        background: var(--green-green-100);
        border: 1px solid var(--green-green-1000);
    }

    .session-card.trainer[b-qvdp7ft7jo] {
        background: var(--blue-blue-100);
        border: 1px solid var(--blue-blue-1000);
    }

.session-image[b-qvdp7ft7jo] {
    width: 6.688rem;
    height: 6.688rem;
    border-radius: 0.75rem;
    object-fit: cover;
}

.session-info[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.session-profession[b-qvdp7ft7jo] {
    color: var(--dark-dark-800);
    font-size: var(--paragraph-12-medium);
    font-weight: 500;
}

.session-time[b-qvdp7ft7jo] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    border-radius: 2.5rem;
    font-size: var(--paragraph-12-medium);
    font-weight: 500;
    width: fit-content;
    margin-top: 0.5rem;
}

    .session-time.psychologist[b-qvdp7ft7jo] {
        color: var(--orange-orange-1000);
        border: 1px solid var(--orange-orange-1000);
    }

    .session-time.coach[b-qvdp7ft7jo] {
        color: var(--purple-purple-1000);
        border: 1px solid var(--purple-purple-1000);
    }

    .session-time.nutritionist[b-qvdp7ft7jo] {
        color: var(--green-green-1000);
        border: 1px solid var(--green-green-1000);
    }

    .session-time.trainer[b-qvdp7ft7jo] {
        color: var(--blue-blue-1000);
        border: 1px solid var(--blue-blue-1000);
    }

.session-icon[b-qvdp7ft7jo] {
    width: 0.75rem;
    height: 0.75rem;
}

/* Форма добавления пользователя */
.add-user-form[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-title[b-qvdp7ft7jo] {
    color: var(--dark-dark-1000);
    font-size: var(--paragraph-18-semibold);
    font-weight: 600;
    margin-bottom: 1rem;
}

.form-fields[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.form-row[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
}

.form-group[b-qvdp7ft7jo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-label[b-qvdp7ft7jo] {
    color: var(--dark-dark-300);
    font-size: var(--paragraph-12-medium);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-input[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 0.75rem;
    border: 1px solid var(--dark-dark-200);
    padding: 0.75rem;
    height: 2.75rem;
    color: var(--dark-dark-300);
    font-size: var(--paragraph-14-medium);
    font-weight: 500;
    outline: none;
    transition: border-color 0.2s;
}

    .form-input:focus[b-qvdp7ft7jo] {
        border-color: var(--purple-purple-1000);
    }

.password-input[b-qvdp7ft7jo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0.75rem;
}

.password-toggle[b-qvdp7ft7jo] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    color: var(--dark-dark-300);
}

.form-actions[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-top: 1rem;
}

.create-button[b-qvdp7ft7jo] {
    background: var(--purple-purple-1000);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    color: var(--main-white);
    font-size: var(--paragraph-14-semibold);
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

.cancel-button[b-qvdp7ft7jo] {
    background: var(--dark-blue-dark-blue-100);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    color: var(--dark-dark-1000);
    font-size: var(--paragraph-14-semibold);
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .cancel-button:hover[b-qvdp7ft7jo] {
        background: var(--dark-blue-dark-blue-50);
    }

/* Футер */
.company-footer[b-qvdp7ft7jo] {
    background: var(--purple-purple-50);
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: auto;
}

.footer-content[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 7.5rem;
}

.footer-left[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.footer-logo[b-qvdp7ft7jo] {
    width: 7.313rem;
    height: 2.659rem;
}

.footer-contacts[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contact-item[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}

.contact-icon[b-qvdp7ft7jo] {
    width: 2rem;
    height: 2rem;
}

.contact-text[b-qvdp7ft7jo] {
    color: var(--dark-dark-800);
    font-size: 1rem;
    font-weight: 500;
}

.footer-buttons[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.register-button[b-qvdp7ft7jo] {
    border-radius: 0.75rem;
    border: 1px solid var(--purple-purple-1000);
    padding: 0.75rem 1rem;
    background: transparent;
    color: var(--dark-dark-1000);
    font-size: var(--paragraph-14-semibold);
    font-weight: 600;
    cursor: pointer;
}

.social-section[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.social-title[b-qvdp7ft7jo] {
    color: var(--dark-dark-800);
    font-size: 1rem;
    font-weight: 500;
}

.social-icons[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.social-icon[b-qvdp7ft7jo] {
    background: var(--main-white);
    border-radius: 2.375rem;
    padding: 0.625rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-right[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1;
}

.docs-section[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    flex: 1;
}

.docs-title[b-qvdp7ft7jo] {
    color: var(--dark-dark-300);
    font-size: var(--paragraph-14-medium);
    font-weight: 500;
}

.docs-links[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.doc-link[b-qvdp7ft7jo] {
    color: var(--dark-dark-800);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.2s;
}

    .doc-link:hover[b-qvdp7ft7jo] {
        color: var(--purple-purple-1000);
    }

.company-info[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    flex: 1;
}

.company-logo[b-qvdp7ft7jo] {
    width: 8.75rem;
    height: 4.519rem;
}

.company-details[b-qvdp7ft7jo] {
    color: var(--dark-dark-800);
    font-size: var(--paragraph-14-medium);
    font-weight: 500;
}

.footer-copyright[b-qvdp7ft7jo] {
    color: var(--dark-dark-800);
    font-size: var(--paragraph-12-medium);
    font-weight: 500;
    line-height: 1.5;
}

/* Утилитарные классы */
.hidden[b-qvdp7ft7jo] {
    display: none !important;
}

.mt-1[b-qvdp7ft7jo] {
    margin-top: 0.5rem;
}

.mt-2[b-qvdp7ft7jo] {
    margin-top: 1rem;
}

.mt-3[b-qvdp7ft7jo] {
    margin-top: 1.5rem;
}

.mt-4[b-qvdp7ft7jo] {
    margin-top: 2rem;
}

.mb-1[b-qvdp7ft7jo] {
    margin-bottom: 0.5rem;
}

.mb-2[b-qvdp7ft7jo] {
    margin-bottom: 1rem;
}

.mb-3[b-qvdp7ft7jo] {
    margin-bottom: 1.5rem;
}

.mb-4[b-qvdp7ft7jo] {
    margin-bottom: 2rem;
}

.text-center[b-qvdp7ft7jo] {
    text-align: center;
}

.text-right[b-qvdp7ft7jo] {
    text-align: right;
}

.text-left[b-qvdp7ft7jo] {
    text-align: left;
}

.flex[b-qvdp7ft7jo] {
    display: flex;
}

.flex-row[b-qvdp7ft7jo] {
    flex-direction: row;
}

.flex-col[b-qvdp7ft7jo] {
    flex-direction: column;
}

.flex-1[b-qvdp7ft7jo] {
    flex: 1;
}

.items-center[b-qvdp7ft7jo] {
    align-items: center;
}

.justify-between[b-qvdp7ft7jo] {
    justify-content: space-between;
}

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

.gap-1[b-qvdp7ft7jo] {
    gap: 0.5rem;
}

.gap-2[b-qvdp7ft7jo] {
    gap: 1rem;
}

.gap-3[b-qvdp7ft7jo] {
    gap: 1.5rem;
}

.gap-4[b-qvdp7ft7jo] {
    gap: 2rem;
}
.dropdown-container[b-qvdp7ft7jo] {
    position: relative;
    display: inline-block;
}

.add-button[b-qvdp7ft7jo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: var(--purple-purple-1000, #7e6cff);
    color: white;
    border: none;
    border-radius: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

    .add-button:hover[b-qvdp7ft7jo] {
        background: var(--purple-purple-900, #6b5ce6);
    }

.dropdown-arrow[b-qvdp7ft7jo] {
    transition: transform 0.2s;
    margin-left: 0.25rem;
}

    .dropdown-arrow.open[b-qvdp7ft7jo] {
        transform: rotate(180deg);
    }

.dropdown-menu[b-qvdp7ft7jo] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 0.5rem;
    min-width: 200px;
    z-index: 1000;
    animation: dropdownFadeIn-b-qvdp7ft7jo 0.2s ease;
}

@keyframes dropdownFadeIn-b-qvdp7ft7jo {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.dropdown-item[b-qvdp7ft7jo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.2s;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--dark-dark-1000, #1a1d1f);
}

    .dropdown-item:hover[b-qvdp7ft7jo] {
        background: var(--dark-blue-dark-blue-50, #f0f2f5);
    }

    .dropdown-item svg[b-qvdp7ft7jo] {
        color: var(--purple-purple-1000, #7e6cff);
    }

    .dropdown-item span[b-qvdp7ft7jo] {
        flex: 1;
    }

.stat-content[b-qvdp7ft7jo] {
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
}

.usage-icon svg circle[b-qvdp7ft7jo] {
    stroke: #fff;
}
.usage-icon svg path[b-qvdp7ft7jo] {
    fill: #fff;
    stroke: #fff;
}

/* Адаптивность для stats-container */
@media (max-width: 1480px) {
    .stats-container[b-qvdp7ft7jo] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .stats-section[b-qvdp7ft7jo] {
        flex: 1;
        min-width: auto;
    }

    .stats-grid[b-qvdp7ft7jo] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .stat-item[b-qvdp7ft7jo] {
        flex: 1;
        min-width: 100px;
        max-width: 120px;
        padding: 0.5rem;
        height: auto;
    }

    .stat-number[b-qvdp7ft7jo] {
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    .stat-label[b-qvdp7ft7jo] {
        font-size: 0.75rem;
    }
}

@media (max-width: 1024px) {
    .stats-container[b-qvdp7ft7jo] {
        flex-direction: column;
    }

    .stats-section[b-qvdp7ft7jo] {
        width: 100%;
    }

    .stats-grid[b-qvdp7ft7jo] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .stat-item[b-qvdp7ft7jo] {
        flex: 1;
        min-width: 100px;
        max-width: 120px;
        padding: 0.5rem;
        height: auto;
    }
}

@media (max-width: 768px) {
    .company-card[b-qvdp7ft7jo] {
        padding: 1rem;
    }

    .company-name[b-qvdp7ft7jo] {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

    .stats-section[b-qvdp7ft7jo] {
        padding: 0.75rem;
    }

    .stats-grid[b-qvdp7ft7jo] {
        gap: 0.5rem;
    }

    .stat-item[b-qvdp7ft7jo] {
        min-width: 90px;
        max-width: 110px;
        padding: 0.5rem;
    }

    .usage-icon[b-qvdp7ft7jo] {
        padding: 0.5rem;
    }

        .usage-icon svg[b-qvdp7ft7jo] {
            width: 1rem;
            height: 1rem;
        }

    .stat-value[b-qvdp7ft7jo] {
        font-size: 1rem;
    }

    .stat-label[b-qvdp7ft7jo] {
        font-size: 0.688rem;
    }
}

@media (max-width: 640px) {
    .company-card[b-qvdp7ft7jo] {
        padding: 0.875rem;
    }

    .company-name[b-qvdp7ft7jo] {
        font-size: 1.125rem;
        margin-bottom: 0.75rem;
    }

    .stats-container[b-qvdp7ft7jo] {
        gap: 0.75rem;
    }

    .stats-section[b-qvdp7ft7jo] {
        padding: 0.625rem;
        gap: 0.75rem;
    }

    .stats-title[b-qvdp7ft7jo] {
        font-size: 0.75rem;
    }

    .stats-grid[b-qvdp7ft7jo] {
        gap: 0.5rem;
        justify-content: flex-start;
    }

    .stat-item[b-qvdp7ft7jo] {
        min-width: 85px;
        max-width: 100px;
        padding: 0.5rem;
    }

    .stat-value[b-qvdp7ft7jo] {
        font-size: 0.875rem;
    }

    .stat-label[b-qvdp7ft7jo] {
        font-size: 0.625rem;
    }

    .usage-icon[b-qvdp7ft7jo] {
        padding: 0.375rem;
    }

        .usage-icon svg[b-qvdp7ft7jo] {
            width: 0.875rem;
            height: 0.875rem;
        }
}

@media (max-width: 480px) {
    .stats-grid[b-qvdp7ft7jo] {
        gap: 0.375rem;
    }

    .stat-item[b-qvdp7ft7jo] {
        min-width: 75px;
        max-width: 90px;
        padding: 0.375rem;
    }

    .stat-value[b-qvdp7ft7jo] {
        font-size: 0.75rem;
    }

    .stat-label[b-qvdp7ft7jo] {
        font-size: 0.563rem;
    }

    .usage-icon[b-qvdp7ft7jo] {
        padding: 0.25rem;
    }
}

*[b-qvdp7ft7jo] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-qvdp7ft7jo] {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    padding: 20px;
    color: var(--Dark-Dark-1000, #0A0C3C);
}

.container[b-qvdp7ft7jo] {
    max-width: 1320px;
    margin: 0 auto;
}

.main-title[b-qvdp7ft7jo] {
    font-size: 36px;
    font-weight: 700;
    
    color: var(--Dark-Dark-1000, #0A0C3C);
}

.card[b-qvdp7ft7jo] {
    background: var(--Main-White, #FFF);
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    
}

    .card h2[b-qvdp7ft7jo] {
        font-size: 20px;
        font-weight: 600;
        
        color: var(--Dark-Dark-1000, #0A0C3C);
    }

/* Top Section */
.top-section[b-qvdp7ft7jo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    
}

/* Engagement Card - Воронка */
.funnel-items[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.funnel-item[b-qvdp7ft7jo] {
    display: grid;
    grid-template-columns: 180px 1fr 200px;
    align-items: center;
    gap: 15px;
}

.funnel-label[b-qvdp7ft7jo] {
    font-size: 15px;
}

.funnel-bar[b-qvdp7ft7jo] {
    height: 45px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 16px;
    position: relative;
}

    .funnel-bar[b-qvdp7ft7jo]::after {
        content: '↓ ↓';
        position: absolute;
        bottom: -20px;
        font-size: 12px;
        color: var(--Dark-Dark-300, #B6B7C5);
    }

.funnel-item:last-child .funnel-bar[b-qvdp7ft7jo]::after {
    display: none;
}

.green-dark[b-qvdp7ft7jo] {
    background: var(--green-green-1000, #2bc4d5);
    width: 100%;
}

.green-medium[b-qvdp7ft7jo] {
    background: var(--green-green-800, #55d0dd);
    width: 95%;
}

.green-light[b-qvdp7ft7jo] {
    background: var(--green-green-600, #80dce6);
    width: 90%;
}

.green-lighter[b-qvdp7ft7jo] {
    background: var(--green-green-400, #aae7ee);
    width: 85%;
}

.funnel-stats[b-qvdp7ft7jo] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

    .funnel-stats .percentage[b-qvdp7ft7jo] {
        font-weight: 600;
        font-size: 18px;
    }

    .funnel-stats .arrow[b-qvdp7ft7jo] {
        color: var(--Dark-Dark-300, #B6B7C5);
    }

    .funnel-stats .time-info[b-qvdp7ft7jo] {
        color: var(--green-green-1000, #2bc4d5);
        font-size: 13px;
        line-height: 1.3;
    }

/* Presenteeism Card */
.metric[b-qvdp7ft7jo] {
    margin-bottom: 25px;
}

    .metric:last-child[b-qvdp7ft7jo] {
        margin-bottom: 0;
    }

.metric-label[b-qvdp7ft7jo] {
    font-size: 14px;
    color: var(--Dark-Dark-600, #6c6d8a);
    margin-bottom: 8px;
}

.metric-value[b-qvdp7ft7jo] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    font-weight: 600;
}

    .metric-value .from[b-qvdp7ft7jo] {
        color: var(--Dark-Dark-1000, #0A0C3C);
    }

    .metric-value .arrow[b-qvdp7ft7jo] {
        color: var(--Dark-Dark-300, #B6B7C5);
        font-size: 20px;
    }

    .metric-value .to[b-qvdp7ft7jo] {
        color: var(--green-green-1000, #2bc4d5);
    }

.green-text[b-qvdp7ft7jo] {
    color: var(--green-green-1000, #2bc4d5);
}

.metric-value.single .large[b-qvdp7ft7jo] {
    font-size: 32px;
}

/* Potential Card */
.potential-grid[b-qvdp7ft7jo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.potential-item[b-qvdp7ft7jo] {
    border-radius: 12px;
    padding: 25px;
    color: white;
}

    .potential-item.high[b-qvdp7ft7jo] {
        background: var(--green-green-1000, #2bc4d5);
    }

    .potential-item.medium[b-qvdp7ft7jo] {
        background: var(--orange-orange-1000, #FFB53D);
    }

    .potential-item.low[b-qvdp7ft7jo] {
        background: var(--dark-dark-600, #6c6d8a);
    }

.potential-header[b-qvdp7ft7jo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

    .potential-header .icon[b-qvdp7ft7jo] {
        font-size: 24px;
    }

.potential-title[b-qvdp7ft7jo] {
    font-size: 20px;
    font-weight: 600;
}

.potential-description[b-qvdp7ft7jo] {
    font-size: 14px;
    line-height: 1.6;
}

/* Individual Track */
.track-table[b-qvdp7ft7jo] {
    width: 100%;
    border-collapse: collapse;
}

    .track-table th[b-qvdp7ft7jo] {
        text-align: left;
        padding: 12px;
        font-weight: 500;
        font-size: 14px;
        color: var(--Dark-Dark-600, #6c6d8a);
        border-bottom: 2px solid var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

    .track-table td[b-qvdp7ft7jo] {
        padding: 16px 12px;
        border-bottom: 1px solid var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

.user-cell[b-qvdp7ft7jo] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.avatar[b-qvdp7ft7jo] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 12px;
}

.avatar-green[b-qvdp7ft7jo] {
    background: var(--green-green-800, #55d0dd);
}

.avatar-orange[b-qvdp7ft7jo] {
    background: var(--orange-orange-1000, #FFB53D);
}

.avatar-purple[b-qvdp7ft7jo] {
    background: var(--purple-purple-1000, #7E6CFF);
}

.avatar-blue[b-qvdp7ft7jo] {
    background: var(--blue-blue-1000, #13a5ff);
}

.avatar-gray[b-qvdp7ft7jo] {
    background: var(--dark-dark-500, #85869e);
}

.progress-bar[b-qvdp7ft7jo] {
    width: 100%;
    height: 8px;
    background: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-qvdp7ft7jo] {
    height: 100%;
    border-radius: 4px;
}

.green-progress[b-qvdp7ft7jo] {
    background: var(--green-green-1000, #2bc4d5);
}

.orange-progress[b-qvdp7ft7jo] {
    background: var(--orange-orange-1000, #FFB53D);
}

.gray-progress[b-qvdp7ft7jo] {
    background: var(--dark-dark-500, #85869e);
}

/* Bottom Section */
.bottom-section[b-qvdp7ft7jo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 2rem;
}

/* Activity Card */
.activity-grid[b-qvdp7ft7jo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.activity-item[b-qvdp7ft7jo] {
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

    .activity-item.cream[b-qvdp7ft7jo] {
        background: var(--orange-orange-50, #fffbf5);
    }

    .activity-item.light-green[b-qvdp7ft7jo] {
        background: var(--green-green-50, #f4fcfd);
    }

    .activity-item.light-orange[b-qvdp7ft7jo] {
        background: var(--orange-orange-100, #fff8ec);
    }

.department[b-qvdp7ft7jo] {
    font-size: 14px;
    color: var(--Dark-Dark-600, #6c6d8a);
    margin-bottom: 8px;
}

.activity-value[b-qvdp7ft7jo] {
    font-size: 24px;
    font-weight: 700;
}

/* Leaders Card */
.leaders-list[b-qvdp7ft7jo] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.leader-item[b-qvdp7ft7jo] {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
    align-items: center;
}

.leader-achievement[b-qvdp7ft7jo] {
    font-size: 15px;
    color: var(--Dark-Dark-800, #3b3d63);
}

/* Responsive */
@media (max-width: 1200px) {
    .top-section[b-qvdp7ft7jo],
    .bottom-section[b-qvdp7ft7jo] {
        grid-template-columns: 1fr;
    }

    .potential-grid[b-qvdp7ft7jo] {
        grid-template-columns: 1fr;
    }

    .activity-grid[b-qvdp7ft7jo] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    body[b-qvdp7ft7jo] {
        padding: 10px;
    }

    .container[b-qvdp7ft7jo] {
        margin: 0 1rem;
        width: auto;
    }

    .main-title[b-qvdp7ft7jo] {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .card[b-qvdp7ft7jo] {
        padding: 20px;
        border-radius: 12px;
    }

        .card h2[b-qvdp7ft7jo] {
            font-size: 18px;
            margin-bottom: 15px;
        }

    .funnel-item[b-qvdp7ft7jo] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* Горизонтальная прокрутка для таблицы на мобильных */
    .individual-track-card[b-qvdp7ft7jo] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .track-table[b-qvdp7ft7jo] {
        min-width: 700px;
        font-size: 13px;
    }

        .track-table th[b-qvdp7ft7jo],
        .track-table td[b-qvdp7ft7jo] {
            padding: 10px 8px;
        }

    .activity-grid[b-qvdp7ft7jo] {
        grid-template-columns: 1fr;
    }

    .leader-item[b-qvdp7ft7jo] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .potential-description[b-qvdp7ft7jo] {
        font-size: 13px;
    }

    .metric-value[b-qvdp7ft7jo] {
        font-size: 20px;
        flex-wrap: wrap;
    }
    .info-row[b-qvdp7ft7jo],
    .company-main-content[b-qvdp7ft7jo] {
        flex-direction: column;
    }

    .profile-avatar[b-qvdp7ft7jo]{
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        object-fit: cover;
    }
}
/* _content/BeUp.New/Components/Pages/Company/ProfileCompany.razor.rz.scp.css */
.card-profile[b-dssjl68jim] {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.2);
    padding: 1rem;
}

.block-header[b-dssjl68jim] {
    display: flex;
}

.avatar[b-dssjl68jim] {
    position: relative;
    max-width: 10rem;
}
.avatar img[b-dssjl68jim] {
    width: 100%;
    border-radius: 1rem;
}

    .avatar .add-photo[b-dssjl68jim] {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #EAF9FB;
        padding: .5rem;
        border-radius: 1rem;
    }

.block-info[b-dssjl68jim] {
    margin-top: 1rem;
}

    .block-info .edit[b-dssjl68jim] {
        display: flex;
        color: #151D2A;
        font-weight: 400;
        padding: .25rem;
        margin: .25rem 0;
        border-radius: .5rem;
        align-items: end;
    }

    .block-info .description[b-dssjl68jim] {
        flex-direction: column;
        align-items: start;
    }


    .block-info .edit span[b-dssjl68jim] {
        color: #4F4F4F;
        font-weight: 200;
        font-size: 1rem;
        margin-right: .5rem;
        min-width: fit-content;
    }

.edit[b-dssjl68jim]:after {
    display: inline-flex;
    content: '';
    margin-left: 0.5rem;
    background-image: url('images/pen.svg');
    background-size: 1rem 1rem;
    height: 1rem;
    width: 1rem;
}

.description.edit[b-dssjl68jim]:after {
    margin-top: 0.5rem;
}

.edit:hover[b-dssjl68jim] {
    font-weight: 500;
}

.input-group[b-dssjl68jim] {
    display: flex;
}

    .input-group .btn-group[b-dssjl68jim] {
        margin: 0 0 0 .5rem;
        border: 1px solid #D0D0D0;
        border-radius: 0.5rem;
        padding: 0.5rem 0.65rem;
        background: none;
    }

.worker-type[b-dssjl68jim] {
    display: flex;
    align-items: center;
    padding: 1rem;
}


.level div[b-dssjl68jim] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

    .level div span[b-dssjl68jim] {
        display: flex;
        border-radius: .25rem;
        border: 1px solid #D0D0D0;
        background: #FFF;
        height: 1.25rem;
        width: 1.25rem;
        align-items: center;
        justify-content: center;
    }

.level .active span[b-dssjl68jim]::before {
    content: " ";
    background: rgb(43, 196, 214);
    height: 0.9rem;
    width: 0.9rem;
    border-radius: .25rem;
}

.telegram-error[b-dssjl68jim] {
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
    align-items: start !important;
    justify-content: start;
}
.telegram-error p[b-dssjl68jim] {
    margin: 0;
}
    .telegram-error small[b-dssjl68jim] {
        color: var(--color-success);
    }
.info[b-dssjl68jim] {
    margin: .5rem 0 1rem !important;
    display: block;
}
@media (max-width: 640.98px) {
    .block-profile[b-dssjl68jim] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }

    .block-header[b-dssjl68jim] {
        flex-direction: column;
    }

    .avatar[b-dssjl68jim] {
        order: 2;
        width: fit-content;
    }

    .worker-type[b-dssjl68jim] {
        order: 2;
    }
    .modal-dialog[b-dssjl68jim] {
        margin: auto 1rem;
        width: calc(100% - 3rem);
    }
    [b-dssjl68jim] .croppie-container {
        overflow:hidden;
    }
        
}

.panel-filter[b-dssjl68jim] {
    display: flex;
}

.block-profile[b-dssjl68jim] {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
}

ul[b-dssjl68jim] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.button-tab[b-dssjl68jim] {
    padding: 1rem;
}

.btn-link[b-dssjl68jim] {
    background: none;
    border: none;
    padding: .5rem 0;
}

    .btn-link.active[b-dssjl68jim] {
        color: var(--color-success);
    }


@media (max-width: 640.98px) {
    .block-profile[b-dssjl68jim] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }

    .button-tab[b-dssjl68jim] {
        padding: 1rem 0;
    }

        .button-tab ul[b-dssjl68jim] {
            display: flex;
            gap: .5rem;
        }

            .button-tab ul li[b-dssjl68jim] {
                flex: 1;
            }

                .button-tab ul li:last-child[b-dssjl68jim] {
                    flex: 1.1;
                }
}

.registration-link-section[b-dssjl68jim] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-top: 24px;
    margin-bottom: 8px;
}

.registration-link-section h4[b-dssjl68jim] {
    margin-bottom: 8px;
    color: #0A0C3C;
}

.registration-link-section p[b-dssjl68jim] {
    color: #666;
    margin-bottom: 16px;
}

.link-container[b-dssjl68jim] {
    display: flex;
    gap: 12px;
}

.link-container input[b-dssjl68jim] {
    flex: 1;
    background: white;
}

.link-container button[b-dssjl68jim] {
    white-space: nowrap;
    min-width: 180px;
}

.employees-list[b-dssjl68jim] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.employee-item[b-dssjl68jim] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
}

.employee-avatar img[b-dssjl68jim] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.employee-info .employee-name[b-dssjl68jim] {
    font-weight: 500;
    margin: 0 0 4px 0;
}

.employee-info .employee-email[b-dssjl68jim] {
    color: #666;
    font-size: 0.875rem;
    margin: 0;
}

@media (max-width: 640.98px) {
    .link-container[b-dssjl68jim] {
        flex-direction: column;
    }

    .link-container button[b-dssjl68jim] {
        min-width: unset;
    }
}
/* _content/BeUp.New/Components/Pages/Company/ProgramDetails.razor.rz.scp.css */
.detail-page[b-ahockzvthv] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.detail-card[b-ahockzvthv],
.invite-card[b-ahockzvthv],
.invited-card[b-ahockzvthv] {
    background: var(--main-white, #fff);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.detail-header[b-ahockzvthv] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}

.detail-title[b-ahockzvthv] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
}

.detail-goal[b-ahockzvthv] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--dark-dark-800, #333);
    margin: 0.25rem 0 0;
}

.detail-badges[b-ahockzvthv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.badge[b-ahockzvthv] {
    border-radius: 2rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.badge-purple[b-ahockzvthv] {
    background: var(--purple-purple-100, #ede9ff);
    color: var(--purple-purple-1000, #7e6cff);
}

.badge-green[b-ahockzvthv] {
    background: var(--green-green-100, #e6f9f0);
    color: var(--green-green-1000, #00a86b);
}

.badge-date[b-ahockzvthv] {
    background: var(--dark-blue-dark-blue-50, #f0f2f5);
    color: var(--dark-dark-400, #9099a3);
}

.detail-section[b-ahockzvthv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.section-title[b-ahockzvthv] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
}

.section-text[b-ahockzvthv] {
    font-size: 0.9375rem;
    color: var(--dark-dark-800, #333);
    margin: 0;
    line-height: 1.6;
}

/* Steps */
.steps-list[b-ahockzvthv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-item[b-ahockzvthv] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-start;
    background: var(--dark-blue-dark-blue-50, #f0f2f5);
    border-radius: 0.75rem;
    padding: 1rem;
}

.step-number[b-ahockzvthv] {
    background: var(--purple-purple-1000, #7e6cff);
    color: #fff;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.step-content[b-ahockzvthv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .step-content p[b-ahockzvthv] {
        margin: 0;
        font-size: 0.875rem;
        color: var(--dark-dark-800, #333);
    }

.step-meta[b-ahockzvthv] {
    font-size: 0.75rem;
    color: var(--dark-dark-400, #9099a3);
}

/* Resources */
.resources-list[b-ahockzvthv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.resource-item[b-ahockzvthv] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-start;
    border: 1px solid var(--dark-dark-100, #e8ecef);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
}

.resource-type[b-ahockzvthv] {
    background: var(--blue-blue-100, #e6f0ff);
    color: var(--blue-blue-1000, #2d6be4);
    border-radius: 2rem;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.resource-info[b-ahockzvthv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: var(--dark-dark-800, #333);
}

    .resource-info p[b-ahockzvthv] {
        margin: 0;
        color: var(--dark-dark-400, #9099a3);
    }

.resource-link[b-ahockzvthv] {
    color: var(--purple-purple-1000, #7e6cff);
    font-weight: 600;
    text-decoration: none;
}

    .resource-link:hover[b-ahockzvthv] {
        text-decoration: underline;
    }

/* Invite */
.employee-list[b-ahockzvthv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 20rem;
    overflow-y: auto;
}

.employee-item[b-ahockzvthv] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.75rem;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background 0.15s;
}

    .employee-item:hover[b-ahockzvthv] {
        background: var(--dark-blue-dark-blue-50, #f0f2f5);
    }

    .employee-item.already-invited[b-ahockzvthv] {
        opacity: 0.55;
        cursor: default;
    }

.emp-avatar[b-ahockzvthv] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    object-fit: cover;
}

.emp-info[b-ahockzvthv] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    flex: 1;
}

.emp-name[b-ahockzvthv] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dark-dark-1000, #1a1d1f);
}

.emp-email[b-ahockzvthv] {
    font-size: 0.8rem;
    color: var(--dark-dark-400, #9099a3);
}

.invited-badge[b-ahockzvthv] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--green-green-1000, #00a86b);
    background: var(--green-green-100, #e6f9f0);
    padding: 0.2rem 0.6rem;
    border-radius: 2rem;
}

/* Invited table */
.invited-table[b-ahockzvthv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

    .invited-table th[b-ahockzvthv] {
        text-align: left;
        padding: 0.5rem 0.75rem;
        color: var(--dark-dark-400, #9099a3);
        font-weight: 600;
        border-bottom: 1px solid var(--dark-dark-100, #e8ecef);
    }

    .invited-table td[b-ahockzvthv] {
        padding: 0.6rem 0.75rem;
        color: var(--dark-dark-800, #333);
        border-bottom: 1px solid var(--dark-dark-100, #e8ecef);
    }

.status-badge[b-ahockzvthv] {
    border-radius: 2rem;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-accepted[b-ahockzvthv] {
    background: var(--green-green-100, #e6f9f0);
    color: var(--green-green-1000, #00a86b);
}

.status-pending[b-ahockzvthv] {
    background: var(--dark-blue-dark-blue-50, #f0f2f5);
    color: var(--dark-dark-400, #9099a3);
}

.no-invited[b-ahockzvthv] {
    color: var(--dark-dark-400, #9099a3);
    font-size: 0.875rem;
    margin: 0;
}

.loading-state[b-ahockzvthv] {
    padding: 2rem;
    text-align: center;
    color: var(--dark-dark-400, #9099a3);
}
/* _content/BeUp.New/Components/Pages/Company/ProgramsChallenges.razor.rz.scp.css */
.programs-challenges-page[b-zcqvgkcbux] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.page-header[b-zcqvgkcbux] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.tabs[b-zcqvgkcbux] {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    background: var(--dark-blue-dark-blue-50, #f0f2f5);
    border-radius: 0.75rem;
    padding: 0.25rem;
}

.tab-btn[b-zcqvgkcbux] {
    padding: 0.5rem 1.25rem;
    border: none;
    background: transparent;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--dark-dark-400, #9099a3);
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    .tab-btn.active[b-zcqvgkcbux] {
        background: var(--main-white, #fff);
        color: var(--dark-dark-1000, #1a1d1f);
        font-weight: 600;
        box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    }

.cards-grid[b-zcqvgkcbux] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 1rem;
}

.item-card[b-zcqvgkcbux] {
    background: var(--main-white, #fff);
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.item-card-body[b-zcqvgkcbux] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.item-title[b-zcqvgkcbux] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--dark-dark-1000, #1a1d1f);
    margin: 0;
}

.item-goal[b-zcqvgkcbux] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--dark-dark-800, #333);
    margin: 0;
}

.item-description[b-zcqvgkcbux] {
    font-size: 0.8125rem;
    color: var(--dark-dark-400, #9099a3);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-meta[b-zcqvgkcbux] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.25rem;
}

.meta-badge[b-zcqvgkcbux] {
    background: var(--purple-purple-100, #ede9ff);
    color: var(--purple-purple-1000, #7e6cff);
    border-radius: 2rem;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.meta-date[b-zcqvgkcbux] {
    color: var(--dark-dark-300, #b0b8c1);
    font-size: 0.75rem;
    font-weight: 500;
}

.item-invited[b-zcqvgkcbux] {
    font-size: 0.8125rem;
    color: var(--dark-dark-400, #9099a3);
    font-weight: 500;
}

.item-card-footer[b-zcqvgkcbux] {
    display: flex;
    justify-content: flex-end;
}

.empty-state[b-zcqvgkcbux] {
    background: var(--main-white, #fff);
    border-radius: 1rem;
    padding: 2.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    color: var(--dark-dark-400, #9099a3);
}

.loading-state[b-zcqvgkcbux] {
    padding: 2rem;
    text-align: center;
    color: var(--dark-dark-400, #9099a3);
}

.create-actions[b-zcqvgkcbux] {
    display: flex;
    gap: 0.5rem;
}
/* _content/BeUp.New/Components/Pages/Company/RegisterCompanyUser.razor.rz.scp.css */
.component[b-ayt52u8tsq]  .card-form {
    display: flex;
    padding: 1.25rem;
    align-items: flex-start;
    gap: .5rem;
    border-radius: 1rem;
    background: #FFF;
    flex-direction:column;
    max-width: 30rem;
    margin: auto;
}
.component h4[b-ayt52u8tsq] {
    color: #0A0C3C;
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
}
.form-group[b-ayt52u8tsq] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: 0;
    width: 100%;
}

    .form-group .col-form-label[b-ayt52u8tsq] {
        background: none;
        color: #A6A6A6;
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        align-self: stretch;
        margin: 0;
    }

    .form-group[b-ayt52u8tsq]  .form-control {
        display: flex;
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        align-self: stretch;
        border-radius: 0.75rem;
        border: 1px solid #E5E5E5;
        background: #FFF;
        color: #0A0C3C;
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.btn[b-ayt52u8tsq] {
    display: flex;    
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;    
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.btn-secondary[b-ayt52u8tsq] {
    background: #5F4FD0;
    color: #FFF;
}

.footer-btn[b-ayt52u8tsq] {
    display: flex;
    gap: 1rem;
    margin-top: 1.25rem;
}
/* _content/BeUp.New/Components/Pages/Company/RegisterFromExcel.razor.rz.scp.css */
.card[b-fc4ra15q8t] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
}

.form-footer[b-fc4ra15q8t] {
    display: flex;
    gap: 1.25rem;
}

.employee-item label[b-fc4ra15q8t] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.employee-list[b-fc4ra15q8t] {
    margin-bottom: 1.25rem;
}

.create-challenge-container[b-fc4ra15q8t] {
    margin-top: 1.25rem;
}
/* _content/BeUp.New/Components/Pages/Company/UserCompaneDetails.razor.rz.scp.css */
p[b-tuivm1otpt] {
    margin: 0;
    font-size: .85rem;
}
.component-body[b-tuivm1otpt] {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1rem;
}
.component-body .card[b-tuivm1otpt] {
    display:grid;
    grid-template-columns: 1fr 3fr;
    gap: 1rem;
    border-radius: 1rem;
    overflow:hidden;
}

.component[b-tuivm1otpt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.component-header[b-tuivm1otpt] {
    display: flex;
    gap: 1rem;
}
.body-header[b-tuivm1otpt], .user-info[b-tuivm1otpt] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.component-body .card .avatar img[b-tuivm1otpt] {
    width: 100%;
    min-height: 100%;
}

    .component-body .card .body[b-tuivm1otpt] {
        padding: .5rem 1rem .5rem 0;        
    }
    .component-body .card .date[b-tuivm1otpt] {
        padding: .25rem .5rem;
        display: flex;
        gap: .5rem;
        border-radius: .5rem;
        font-size: .85rem;
        align-items:center;  
        width: fit-content;
        margin-top: .5rem;
    }
        .component-body .card h4[b-tuivm1otpt] {
        font-size: 1rem;
    }
    .component-body .card p[b-tuivm1otpt] {
        font-size: .85rem;
    }

.color-1 .date[b-tuivm1otpt] {
    background: #CFF9FF;
}

    .color-1 .date svg path[b-tuivm1otpt] {
        stroke: #2BC4D5;
    }

.color-4 .date[b-tuivm1otpt] {
    background: #FFE3CA;
}

    .color-4 .date svg path[b-tuivm1otpt] {
        stroke: #D09A4F;
    }

.color-3 .date[b-tuivm1otpt] {
    background: #F1F1F6;
}

    .color-3 .date svg path[b-tuivm1otpt] {
        stroke: #0A0C3C;
    }
/* _content/BeUp.New/Components/Pages/ConsultationPage/ConsultationUser.razor.rz.scp.css */

/* _content/BeUp.New/Components/Pages/ConsultationPage/ConsultationWorker.razor.rz.scp.css */

/* _content/BeUp.New/Components/Pages/CustomProgram/Index.razor.rz.scp.css */

/* Базовые стили для страницы лендинга */
.landing-page[b-0al7wfwuo9] {
    position: relative;
    background: var(--dark-blue-dark-blue-50, #f8f9fe);
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
}

/* Векторные фоны с анимацией покачивания */
.vector-fon[b-0al7wfwuo9] {
    position: absolute;
    overflow: hidden;
    max-width: calc(100vw - 1rem);
    z-index: 0;
    max-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 70rem;
    top: 52rem;
    pointer-events: none;
}

    .vector-fon .right[b-0al7wfwuo9] {
        margin-top: -9.65rem;
    }

    .vector-fon .right[b-0al7wfwuo9],
    .vector-fon .left[b-0al7wfwuo9] {
        flex: 1;
        position: relative;
        overflow: hidden;
        display: flex;
    }

    .vector-fon .right[b-0al7wfwuo9] {
        margin-top: -9.65rem;
        right: 30%;
        justify-content: end;
    }

    .vector-fon .left[b-0al7wfwuo9] {
        left: 30%;
        align-items: end;
        justify-content: start;
    }

        .vector-fon .right svg[b-0al7wfwuo9],
        .vector-fon .left svg[b-0al7wfwuo9] {
            width: 112.9375rem;
            height: 43.125rem;
            position: absolute;
            opacity: 0.5;
        }

        /* Анимация для векторов - плавное покачивание */
        .vector-fon .left svg[b-0al7wfwuo9] {
            animation: float-left-b-0al7wfwuo9 25s ease-in-out infinite alternate;
            transform-origin: center;
        }

    .vector-fon .right svg[b-0al7wfwuo9] {
        animation: float-right-b-0al7wfwuo9 30s ease-in-out infinite alternate;
        transform-origin: center;
    }

@keyframes float-left-b-0al7wfwuo9 {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
        filter: blur(0px);
    }

    20% {
        transform: translateX(10px) translateY(-8px) rotate(0.8deg);
        filter: blur(0.3px);
    }

    40% {
        transform: translateX(-8px) translateY(4px) rotate(-0.4deg);
        filter: blur(0.2px);
    }

    60% {
        transform: translateX(12px) translateY(-4px) rotate(0.6deg);
        filter: blur(0.25px);
    }

    80% {
        transform: translateX(-10px) translateY(6px) rotate(-0.3deg);
        filter: blur(0.15px);
    }
}

@keyframes float-right-b-0al7wfwuo9 {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
        filter: blur(0px);
    }

    25% {
        transform: translateX(-12px) translateY(-6px) rotate(-0.9deg);
        filter: blur(0.4px);
    }

    45% {
        transform: translateX(8px) translateY(3px) rotate(0.5deg);
        filter: blur(0.25px);
    }

    65% {
        transform: translateX(-14px) translateY(-2px) rotate(-0.7deg);
        filter: blur(0.35px);
    }

    85% {
        transform: translateX(10px) translateY(4px) rotate(0.4deg);
        filter: blur(0.2px);
    }
}

/* Хедер */
.landing-header[b-0al7wfwuo9] {
    position: relative;
    z-index: 100;
    padding: 24px 0;
}

.header-container[b-0al7wfwuo9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo[b-0al7wfwuo9] {
    flex-shrink: 0;
    width: 74px;
    height: 26.91px;
}

    .logo img[b-0al7wfwuo9] {
        width: 100%;
        height: 100%;
    }

.nav-desktop[b-0al7wfwuo9] {
    display: flex;
    align-items: center;
}

.frame-1948761537[b-0al7wfwuo9] {
    display: flex;
    gap: 24px;
    align-items: center;
}

.nav-item[b-0al7wfwuo9] {
    color: var(--dark-dark-400, #9d9eb1);
    text-align: left;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.2s;
}

    .nav-item:hover[b-0al7wfwuo9] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

    .nav-item.active[b-0al7wfwuo9] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

.header-buttons[b-0al7wfwuo9] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Герой-секция */
.hero-section[b-0al7wfwuo9] {
    position: relative;
    margin-bottom: 60px;
    z-index: 1;
}

.frame-1948761536[b-0al7wfwuo9] {
    background: #ffffff;
    border-radius: 36px;
    width: 100%;
    height: 598px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: end;
}

.rectangle-65[b-0al7wfwuo9] {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.hero-content[b-0al7wfwuo9] {
    position: relative;
    display: flex;
    gap: 60px;
    align-items: center;
    z-index: 2;
    padding: 2.5rem 1.5rem;
}

    .hero-content h1[b-0al7wfwuo9] {
        margin: 0;
    }

.hero-title[b-0al7wfwuo9] {
    color: var(--main-white, #ffffff);
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.hero-text-block[b-0al7wfwuo9] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 336px;
}

.hero-text[b-0al7wfwuo9] {
    color: var(--main-white, #ffffff);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.hero-btn[b-0al7wfwuo9] {
    align-self: flex-start;
}

/* Категории */
.categories-section[b-0al7wfwuo9] {
    position: relative;
    z-index: 1;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 60px;
    overflow-x: hidden;
}

.categories-container[b-0al7wfwuo9] {
    width: 100%;
    padding: 0 20px;
    overflow-x: auto;
    cursor: grab;
    scrollbar-width: none; /* Firefox */
}

    .categories-container[b-0al7wfwuo9]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }

    .categories-container:active[b-0al7wfwuo9] {
        cursor: grabbing;
    }

.categories-grid[b-0al7wfwuo9] {
    display: flex;
    gap: 16px;
    width: max-content;
    padding: 0 20px;
}

.category-card[b-0al7wfwuo9] {
    background: var(--main-white, #ffffff);
    border-radius: 20px;
    padding: 20px;
    min-width: 352px;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .category-card:hover[b-0al7wfwuo9] {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .category-card:nth-child(2)[b-0al7wfwuo9] {
        border: 1px solid var(--dark-blue-dark-blue-100, #ebefff);
    }

.category-header[b-0al7wfwuo9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.category-icon[b-0al7wfwuo9] {
    border-radius: 12px;
    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.1);
}

    .category-icon img[b-0al7wfwuo9] {
        width: 20px;
        height: 20px;
    }

.category-arrow[b-0al7wfwuo9] {
    border-radius: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .category-arrow img[b-0al7wfwuo9] {
        width: 20px;
        height: 20px;
    }

.category-content[b-0al7wfwuo9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-type[b-0al7wfwuo9] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.category-goal[b-0al7wfwuo9] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

/* Скелетоны при загрузке */
.skeleton[b-0al7wfwuo9] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading-b-0al7wfwuo9 1.5s infinite;
}

.skeleton-icon[b-0al7wfwuo9] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.skeleton-arrow[b-0al7wfwuo9] {
    width: 48px;
    height: 44px;
    border-radius: 12px;
}

.skeleton-text[b-0al7wfwuo9] {
    height: 20px;
    border-radius: 4px;
    margin-bottom: 8px;
}

    .skeleton-text:last-child[b-0al7wfwuo9] {
        height: 28px;
        width: 80%;
    }

@keyframes loading-b-0al7wfwuo9 {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Мобильные стили для категорий */
@media (max-width: 768px) {
    .categories-section[b-0al7wfwuo9] {
        margin-left: 0;
        padding: 0;
    }

    .categories-container[b-0al7wfwuo9] {
        padding: 0 12px;
    }

    .categories-grid[b-0al7wfwuo9] {
        padding: 0 12px;
    }

    .category-card[b-0al7wfwuo9] {
        min-width: 248px;
        padding: 12px;
    }

    .category-type[b-0al7wfwuo9] {
        font-size: 12px;
    }

    .category-goal[b-0al7wfwuo9] {
        font-size: 18px;
    }
}

/* Десктопные стили */
@media (min-width: 1025px) {
    .categories-grid[b-0al7wfwuo9] {
        justify-content: center;
    }
}

.category-icon img[b-0al7wfwuo9] {
    width: 20px;
    height: 20px;
}

.category-arrow[b-0al7wfwuo9] {
    border-radius: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .category-arrow img[b-0al7wfwuo9] {
        width: 20px;
        height: 20px;
    }

.category-content[b-0al7wfwuo9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-type[b-0al7wfwuo9] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.category-goal[b-0al7wfwuo9] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

/* Главный заголовок */
.main-headline[b-0al7wfwuo9] {
    text-align: center;
    margin-bottom: 60px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.headline-text[b-0al7wfwuo9] {
    font-family: Montserrat;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--dark-dark-1000);
}

.highlight-purple-light[b-0al7wfwuo9] {
    color: var(--purple-purple-700, #9889ff);
}

.highlight-purple[b-0al7wfwuo9] {
    color: var(--purple-purple-1000, #7e6cff);
}

.highlight-blue[b-0al7wfwuo9] {
    color: var(--dark-blue-dark-blue-1000, #3559ff);
}

/* Форма генерации плана */
.plan-form-section[b-0al7wfwuo9] {
    margin-bottom: 100px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.plan-form-wrapper[b-0al7wfwuo9] {
    display: flex;
    justify-content: center;
}

[b-0al7wfwuo9] .form-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
}

.form-fields[b-0al7wfwuo9] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.form-group[b-0al7wfwuo9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-label[b-0al7wfwuo9] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.drop-down[b-0al7wfwuo9] {
    background: rgba(248, 249, 254, 0.2);
    border-radius: 12px;
    padding: 12px;
    border: double 1px transparent;
    background-image: linear-gradient(white, white), linear-gradient(90deg, #aae7ee 0%, #bfb6ff 36.54%, #aebdff 62.98%, #ffe1b1 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.textarea-dropdown[b-0al7wfwuo9] {
    min-height: 109px;
}

.quick-options[b-0al7wfwuo9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.quick-option[b-0al7wfwuo9] {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    padding: 8px 16px;
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

    .quick-option:hover[b-0al7wfwuo9] {
        background: rgba(255, 255, 255, 0.5);
    }

    .quick-option.active[b-0al7wfwuo9] {
        background: var(--purple-purple-1000, #7e6cff);
        color: var(--main-white, #ffffff);
    }

.generate-btn[b-0al7wfwuo9] {
    align-self: flex-start;
}

/* Бесплатный план */
.free-plan-section[b-0al7wfwuo9] {
    margin-bottom: 100px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.free-plan-content[b-0al7wfwuo9] {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}

.text-content[b-0al7wfwuo9] {
    flex: 1;
    max-width: 653px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-title[b-0al7wfwuo9] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
}

.section-description[b-0al7wfwuo9] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.images-container[b-0al7wfwuo9] {
    position: relative;
    height: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.plan-image[b-0al7wfwuo9] {
    border-radius: 24px;
    position: absolute;
    width: 250px;
    height: 191px;
    object-fit: cover;
}

.rotated-left[b-0al7wfwuo9] {
    transform: rotate(-10deg);
    left: 0;
    animation: float-image-1-b-0al7wfwuo9 20s ease-in-out infinite;
}

.rotated-right[b-0al7wfwuo9] {
    transform: rotate(10deg);
    left: 170px;
    top: -35%;
    animation: float-image-2-b-0al7wfwuo9 25s ease-in-out infinite;
}

.rotated-slight-left[b-0al7wfwuo9] {
    transform: rotate(-5.145deg);
    left: 250px;
    top: 35%;
    animation: float-image-3-b-0al7wfwuo9 22s ease-in-out infinite;
}

/* Анимация для изображений планов */
@keyframes float-image-1-b-0al7wfwuo9 {
    0%, 100% {
        transform: rotate(-10deg) translateY(0);
    }

    50% {
        transform: rotate(-10deg) translateY(-10px);
    }
}

@keyframes float-image-2-b-0al7wfwuo9 {
    0%, 100% {
        transform: rotate(10deg) translateY(0);
    }

    50% {
        transform: rotate(10deg) translateY(-8px);
    }
}

@keyframes float-image-3-b-0al7wfwuo9 {
    0%, 100% {
        transform: rotate(-5.145deg) translateY(0);
    }

    50% {
        transform: rotate(-5.145deg) translateY(-12px);
    }
}

/* Проблемы */
.problems-grid[b-0al7wfwuo9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
}

    .problems-grid[b-0al7wfwuo9]::-webkit-scrollbar {
        display: none;
    }

/* Gradient border wrapper for all cards */
.problem-card[b-0al7wfwuo9] {
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #aae7ee 0%, #bfb6ff 36.54%, #aebdff 62.98%, #ffe1b1 100%);
    border-radius: 24px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

    .problem-card .card-inner[b-0al7wfwuo9] {
        background: #ffffff;
        border-radius: 23px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: -webkit-fill-available;
        transition: all 0.2s ease;
        min-height: 200px;
    }

    .problem-card:hover[b-0al7wfwuo9] {
        background: linear-gradient(163deg, #7e6cff 0%, #13a5ff 100%);
        box-shadow: 0px 0px 30px 1px rgba(126, 108, 255, 0.4);
        transform: translateY(-5px);
    }

    .problem-card:active .card-inner[b-0al7wfwuo9] {
        transform: scale(0.96);
        transition: transform 0.1s ease;
    }

.problem-icon[b-0al7wfwuo9] {
    display: flex;
}

.icon-wrapper[b-0al7wfwuo9] {
    border-radius: 12px;
    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Цвета для каждой карточки проблем */
.problem-card:nth-child(1) .icon-wrapper[b-0al7wfwuo9] {
    background: var(--green-green-1000, #2bc4d5);
    box-shadow: 0px 0px 34px 0px rgba(43, 196, 213, 0.3);
}

.problem-card:nth-child(2) .icon-wrapper[b-0al7wfwuo9] {
    background: var(--purple-purple-1000, #7e6cff);
    box-shadow: 0px 0px 34px 0px rgba(126, 108, 255, 0.3);
}

.problem-card:nth-child(3) .icon-wrapper[b-0al7wfwuo9] {
    background: var(--dark-blue-dark-blue-1000, #3559ff);
    box-shadow: 0px 0px 34px 0px rgba(53, 89, 255, 0.3);
}

.problem-card:nth-child(4) .icon-wrapper[b-0al7wfwuo9] {
    background: var(--orange-orange-1000, #ffb53d);
    box-shadow: 0px 0px 34px 0px rgba(255, 181, 61, 0.3);
}

.icon-wrapper img[b-0al7wfwuo9] {
    width: 20px;
    height: 20px;
}

.problem-content[b-0al7wfwuo9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.problem-title[b-0al7wfwuo9] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
}

.problem-description[b-0al7wfwuo9] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

/* Мобильные стили */
.mobile-hidden[b-0al7wfwuo9] {
    display: flex;
}

.desktop-hidden[b-0al7wfwuo9] {
    display: none;
}

@media (max-width: 768px) {
    /* Адаптация векторных фонов для мобильных */
    .vector-fon[b-0al7wfwuo9] {
        display: none;
    }

    .container[b-0al7wfwuo9] {
        padding: 0;
    }

    .mobile-hidden[b-0al7wfwuo9] {
        display: none !important;
    }

    .desktop-hidden[b-0al7wfwuo9] {
        display: flex !important;
    }

    .header-container[b-0al7wfwuo9] {
        padding: 12px;
    }

    .nav-desktop[b-0al7wfwuo9] {
        display: none;
    }

    /* Герой-секция для мобильных */
    .hero-section[b-0al7wfwuo9] {
        margin-bottom: .75rem;
    }

    .frame-1948761536[b-0al7wfwuo9] {
        border-radius: 20px;
        height: 305px;
        width: calc(100% - 1.5rem);
        margin: 0 .75rem;
    }

    [b-0al7wfwuo9] .form-container {
        flex-direction: column-reverse;
    }

    .hero-content[b-0al7wfwuo9] {
        position: relative;
        padding: 12px;
        flex-direction: column;
        gap: .75rem;
        align-items: start;
    }

    .hero-btn[b-0al7wfwuo9] {
        align-self: auto;
    }

    .hero-title[b-0al7wfwuo9] {
        font-size: 30px;
    }

    .hero-text-block[b-0al7wfwuo9] {
        max-width: 100%;
    }

    .hero-text[b-0al7wfwuo9] {
        font-size: 14px;
    }

    /* Категории для мобильных */
    .categories-grid[b-0al7wfwuo9] {
        padding-left: 12px;
    }

    .category-card[b-0al7wfwuo9] {
        min-width: 248px;
        padding: 12px;
    }

    .category-type[b-0al7wfwuo9] {
        font-size: 12px;
    }

    .category-goal[b-0al7wfwuo9] {
        font-size: 18px;
    }

    /* Главный заголовок для мобильных */
    .headline-text[b-0al7wfwuo9] {
        font-size: 20px;
        max-width: 353px;
        margin: 0 auto;
    }

    /* Форма для мобильных */
    .plan-form-section[b-0al7wfwuo9] {
        padding: 0 12px;
    }

    .form-container[b-0al7wfwuo9] {
        max-width: 100%;
        flex-direction: column-reverse;
        gap: 3rem;
    }

    /* Бесплатный план для мобильных */
    .free-plan-content[b-0al7wfwuo9] {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .text-content[b-0al7wfwuo9] {
        max-width: 100%;
    }

    .section-title[b-0al7wfwuo9] {
        font-size: 18px;
        max-width: 291px;
    }

    .section-description[b-0al7wfwuo9] {
        font-size: 12px;
    }

    .free-plan-section[b-0al7wfwuo9] {
        margin-bottom: 2.25rem;
    }

    .images-container[b-0al7wfwuo9] {
        display: flex;
        width: 100%;
        min-height: 150px;
        align-items: center;
    }

    .rotated-right[b-0al7wfwuo9] {
        top: 0;
    }

    .plan-image[b-0al7wfwuo9] {
        width: 129.82px;
        height: 99.18px;
        border-radius: 12.46px;
    }

    /* Анимация изображений для мобильных */
    .rotated-left[b-0al7wfwuo9] {
        animation: float-image-mobile-1-b-0al7wfwuo9 15s ease-in-out infinite;
    }

    .rotated-right[b-0al7wfwuo9] {
        animation: float-image-mobile-2-b-0al7wfwuo9 18s ease-in-out infinite;
    }

    .rotated-slight-left[b-0al7wfwuo9] {
        animation: float-image-mobile-3-b-0al7wfwuo9 16s ease-in-out infinite;
    }

    @keyframes float-image-mobile-1-b-0al7wfwuo9 {
        0%, 100% {
            transform: rotate(-10deg) translateY(0);
        }

        50% {
            transform: rotate(-10deg) translateY(-5px);
        }
    }

    @keyframes float-image-mobile-2-b-0al7wfwuo9 {
        0%, 100% {
            transform: rotate(10deg) translateY(0);
        }

        50% {
            transform: rotate(10deg) translateY(-4px);
        }
    }

    @keyframes float-image-mobile-3-b-0al7wfwuo9 {
        0%, 100% {
            transform: rotate(-5.145deg) translateY(0);
        }

        50% {
            transform: rotate(-5.145deg) translateY(-6px);
        }
    }

    /* Проблемы для мобильных */
    .problems-grid[b-0al7wfwuo9] {
        padding: 0 12px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .problem-card[b-0al7wfwuo9] {
        min-width: auto;
        flex-shrink: 0;
    }

        .problem-card .card-inner[b-0al7wfwuo9] {
            min-height: 180px;
            padding: 16px;
        }

    .problem-title[b-0al7wfwuo9] {
        font-size: 18px;
    }

    .problem-description[b-0al7wfwuo9] {
        font-size: 12px;
    }

    .plan-form-section[b-0al7wfwuo9] {
        margin-bottom: 2.75rem;
    }
}

/* Планшетные стили */
@media (min-width: 769px) and (max-width: 1024px) {
    .container[b-0al7wfwuo9] {
        padding: 0 20px;
    }

    /* Адаптация векторов для планшетов */
    .vector-fon[b-0al7wfwuo9] {
        height: 50rem;
        top: 40rem;
    }

        .vector-fon .right svg[b-0al7wfwuo9],
        .vector-fon .left svg[b-0al7wfwuo9] {
            width: 80rem;
            height: 30.625rem;
        }

    .hero-content[b-0al7wfwuo9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        left: 40px;
        top: 200px;
    }

    .categories-grid[b-0al7wfwuo9] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-card[b-0al7wfwuo9] {
        min-width: calc(50% - 8px);
    }

    .free-plan-content[b-0al7wfwuo9] {
        flex-direction: column;
        gap: 40px;
    }

    .images-container[b-0al7wfwuo9] {
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 200px;
    }

    .problems-grid[b-0al7wfwuo9] {
        grid-template-columns: repeat(2, 1fr);
        flex-wrap: wrap;
        justify-content: center;
    }

    .problem-card[b-0al7wfwuo9] {
        min-width: calc(50% - 10px);
    }
}

@media (min-width: 1025px) {
    .images-container[b-0al7wfwuo9] {
        display: flex;
    }
}

/* Десктопные стили */
@media (min-width: 1025px) {
    .vector-fon[b-0al7wfwuo9] {
        display: flex;
    }

    .problems-grid[b-0al7wfwuo9] {
        grid-template-columns: repeat(4, 1fr);
        overflow-x: visible;
    }

    .problem-card[b-0al7wfwuo9] {
        min-width: auto;
        width: 100%;
    }
}

/* Анимация для текста цели */
.form-title-animated[b-0al7wfwuo9] {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.loader[b-0al7wfwuo9] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 25px;
    box-sizing: content-box;
    height: 40px;
    display: flex;
    border-radius: 8px;
    align-items: center;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.words[b-0al7wfwuo9] {
    overflow: hidden;
    position: relative;
    height: 40px;
}

    .words[b-0al7wfwuo9]::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 20;
        pointer-events: none;
    }

.word[b-0al7wfwuo9] {
    display: block;
    height: 100%;
    padding-left: 6px;
    background: linear-gradient(90deg, #7e6cff 0%, #13a5ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: spin-goals-b-0al7wfwuo9 20s infinite;
}

@keyframes spin-goals-b-0al7wfwuo9 {
    0%, 8% {
        transform: translateY(0%);
    }

    10%, 18% {
        transform: translateY(-100%);
    }

    20%, 28% {
        transform: translateY(-200%);
    }

    30%, 38% {
        transform: translateY(-300%);
    }

    40%, 48% {
        transform: translateY(-400%);
    }

    50%, 58% {
        transform: translateY(-500%);
    }

    60%, 68% {
        transform: translateY(-600%);
    }

    70%, 78% {
        transform: translateY(-700%);
    }

    80%, 88% {
        transform: translateY(-800%);
    }

    90%, 98% {
        transform: translateY(-900%);
    }

    100% {
        transform: translateY(-1000%);
    }
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .loader[b-0al7wfwuo9] {
        font-size: 18px;
        height: 30px;
    }

    .words[b-0al7wfwuo9] {
        height: 30px;
    }

    .form-title-animated[b-0al7wfwuo9] {
        font-size: 20px;
    }
}

/* Анимация для поднятия категорий при скролле */
.categories-section[b-0al7wfwuo9] {
    position: relative;
    z-index: 2;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateY(0);
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
}

    .categories-section.lifted-up[b-0al7wfwuo9] {
        transform: translateY(-175px);
    }

    .categories-section .category-card[b-0al7wfwuo9] {
        background: var(--main-white, #ffffff);
        border-radius: 20px;
        padding: 20px;
        min-width: 352px;
        flex-shrink: 0;
        position: relative;
        transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        will-change: transform, background, backdrop-filter, box-shadow;
    }

    .categories-section.lifted-up .category-card[b-0al7wfwuo9],
    .categories-section.animating .category-card[b-0al7wfwuo9] {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

/* Для мобильных устройств */
@media (max-width: 768px) {
    .categories-section.lifted-up[b-0al7wfwuo9] {
        transform: translateY(-100px);
    }
}

/* Планшетные стили */
@media (min-width: 769px) and (max-width: 1024px) {
    .categories-section.lifted-up[b-0al7wfwuo9] {
        transform: translateY(-140px);
    }
}

/* ========== Стили для формы (добавленные) ========== */

/* Стили для валидации */
.validation-summary[b-0al7wfwuo9] {
    background: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 20px;
    color: #c53030;
    font-size: 14px;
    font-family: Montserrat;
}

.validation-message[b-0al7wfwuo9] {
    color: #c53030;
    font-size: 12px;
    margin-top: 4px;
    display: block;
    font-family: Montserrat;
    padding-left: 4px;
}

/* Стили для инпутов внутри drop-down */
[b-0al7wfwuo9] .selected-option-input,
[b-0al7wfwuo9] .placeholder-text-input {
    width: 100%;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-dark-1000, #0a0c3c);
    background: transparent;
    border: none;
    outline: none;
}

    [b-0al7wfwuo9] .selected-option-input::placeholder,
    [b-0al7wfwuo9] .placeholder-text-input::placeholder {
        color: var(--dark-dark-1000, #0a0c3c);
        opacity: 0.3;
    }

/* Контейнер для textarea */
.textarea-container[b-0al7wfwuo9] {
    height: 100%;
    width: 100%;
}

/* Textarea - занимает всю высоту блока */
[b-0al7wfwuo9] .textarea-dropdown .placeholder-text-input {
    width: 100%;
    height: 100%;
    min-height: 85px;
    resize: none;
    line-height: 1.5;
}

/* Убираем стандартные стили у инпутов */
[b-0al7wfwuo9] .drop-down input,
[b-0al7wfwuo9] .drop-down textarea {
    all: unset;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* Кнопка в состоянии загрузки */
.generate-btn:disabled[b-0al7wfwuo9] {
    opacity: 0.7;
    cursor: not-allowed;
    background: var(--purple-purple-800, #8a7aff);
}

    .generate-btn:disabled:hover[b-0al7wfwuo9] {
        background: var(--purple-purple-800, #8a7aff);
        transform: none;
    }

/* Кликабельные элементы */
.quick-option[b-0al7wfwuo9],
.word[b-0al7wfwuo9] {
    cursor: pointer;
}

.word[b-0al7wfwuo9] {
    transition: all 0.2s ease;
}

    .word:hover[b-0al7wfwuo9] {
        transform: translateY(-1px);
        text-shadow: 0 2px 4px rgba(126, 108, 255, 0.2);
    }

/* Мобильные стили для формы */
@media (max-width: 768px) {
    .validation-summary[b-0al7wfwuo9] {
        font-size: 12px;
        padding: 8px;
    }

    .validation-message[b-0al7wfwuo9] {
        font-size: 10px;
    }

    [b-0al7wfwuo9] .textarea-dropdown .placeholder-text-input {
        min-height: 60px;
        font-size: 12px;
    }
}

/* На десктопе можно увеличить высоту textarea */
@media (min-width: 769px) {
    .drop-down.textarea-dropdown[b-0al7wfwuo9] {
        height: 120px;
    }
}

.color-label-1[b-0al7wfwuo9] {
    background: var(--Orange-Orange-1000, #FFB53D);
    box-shadow: 0 0 34px 0 rgba(255, 181, 61, 0.30);
}

.color-label-2[b-0al7wfwuo9] {
    background: var(--Green-Green-1000, #2BC4D5);
    box-shadow: 0 0 34px 0 rgba(43, 196, 213, 0.30);
}

.color-label-3[b-0al7wfwuo9] {
    background: var(--Blue-Blue-1000, #13A5FF);
    box-shadow: 0 0 34px 0 rgba(19, 165, 255, 0.30);
}

.color-label-4[b-0al7wfwuo9] {
    background: var(--Purple-Purple-1000, #7E6CFF);
    box-shadow: 0 0 34px 0 rgba(126, 108, 255, 0.30);
}

.color-label-5[b-0al7wfwuo9] {
    background: var(--Pink-Pink-1000, #ED88FF);
    box-shadow: 0 0 34px 0 rgba(237, 136, 255, 0.30);
}
/* _content/BeUp.New/Components/Pages/CustomProgram/Program.razor.rz.scp.css */
/* Основные стили для страницы программы */
.program-landing[b-t4k7adevin],
.program-landing *[b-t4k7adevin] {
    box-sizing: border-box;
}

.program-landing[b-t4k7adevin] {
    background: var(--dark-blue-dark-blue-50, #f8f9fe);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}

/* Header Navigation */
.program-header-nav[b-t4k7adevin] {
    padding: 1.5rem 2.5rem;
    position: sticky;
    top: 0;   
    z-index: 1000;   
}

.nav-container[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 79.375rem;
    margin: 0 auto;
}

.nav-logo[b-t4k7adevin] {
    flex-shrink: 0;
    width: 4.625rem;
    height: 1.682rem;
    position: relative;
}

.logo-img[b-t4k7adevin] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nav-menu[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
    justify-content: flex-start;
}

.nav-item[b-t4k7adevin] {
    color: var(--dark-dark-400, #9d9eb1);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease;
    white-space: nowrap;
}

    .nav-item.active[b-t4k7adevin] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

    .nav-item:hover[b-t4k7adevin] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

.nav-auth[b-t4k7adevin] {
    display: flex;
    align-items: center;
}

.auth-button[b-t4k7adevin] {
    background: var(--purple-purple-1000, #7e6cff);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

    .auth-button:hover[b-t4k7adevin] {
        background: var(--purple-purple-900, #6e5ce0);
    }

.auth-text[b-t4k7adevin] {
    color: var(--main-white, #ffffff);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
}

.auth-icon[b-t4k7adevin] {
    width: 1.25rem;
    height: 1.25rem;
}

/* Loading State */
.program-loading[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    gap: 1rem;
}

.spinner[b-t4k7adevin] {
    width: 3rem;
    height: 3rem;
    border: 0.25rem solid var(--dark-blue-dark-blue-100, #ebefff);
    border-top: 0.25rem solid var(--purple-purple-1000, #7e6cff);
    border-radius: 50%;
    animation: spin-b-t4k7adevin 1s linear infinite;
}

@keyframes spin-b-t4k7adevin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Main Content Layout */
.program-content-wrapper[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    align-items: flex-start;
    justify-content: center;
    max-width: 79.375rem;
    margin: 0 auto;
    padding: 4.75rem 2.5rem 2.5rem;
}

.program-main-content[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    flex: 1;
    max-width: 45.8125rem;
}

.program-sidebar[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 32.3125rem;
    position: sticky;
    top: 6.6875rem;
}

/* Program Header Card */
.program-header-card[b-t4k7adevin] {
    background: #ffffff;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.program-info-section[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.program-title-description[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.program-title[b-t4k7adevin] {
    color: var(--dark-dark-1000, #0a0c3c);
    text-align: left;
    font-family: "Montserrat";
    font-weight: 700;
    line-height: 1.2;
}

.program-description[b-t4k7adevin] {
    color: var(--dark-dark-700, #545577);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}

.program-meta-tags[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.meta-tags-left[b-t4k7adevin],
.meta-tags-right[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.program-tag[b-t4k7adevin] {
    background: var(--dark-blue-dark-blue-100, #ebefff);
    border-radius: 2.5rem;
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    height: 2.0625rem;
    min-width: fit-content;
}

.tag-icon[b-t4k7adevin] {
    width: 1.25rem;
    height: 1.25rem;
}

.tag-text[b-t4k7adevin] {
    color: var(--dark-dark-1000, #0a0c3c);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
}

.program-action-buttons[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

/* Buttons */
.btn-primary[b-t4k7adevin],
.btn-secondary[b-t4k7adevin] {
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    min-width: fit-content;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
}

.btn-primary[b-t4k7adevin] {
    background: var(--purple-purple-1000, #7e6cff);
    color: var(--main-white, #ffffff);
}

    .btn-primary:hover[b-t4k7adevin] {
        background: var(--purple-purple-900, #6e5ce0);
    }

.btn-secondary[b-t4k7adevin] {
    background: var(--dark-blue-dark-blue-100, #ebefff);
    color: var(--dark-dark-1000, #0a0c3c);
}

    .btn-secondary:hover[b-t4k7adevin] {
        background: var(--dark-blue-dark-blue-200, #d7deff);
    }

.load-more-btn[b-t4k7adevin] {
    width: 100%;
    margin-top: 1rem;
}

/* Progress Section */
.progress-section[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.progress-title[b-t4k7adevin] {
    color: var(--dark-dark-1000, #0a0c3c);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
}

/* Progress Step Card */
.progress-step-card[b-t4k7adevin] {
    background: var(--main-white, #ffffff);
    border-radius: 0.75rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

    .progress-step-card:first-of-type[b-t4k7adevin] {
        border: 0.0625rem solid var(--purple-purple-1000, #7e6cff);
    }

.step-header-section[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.step-tag[b-t4k7adevin] {
    border-radius: 2.5rem;
    border: 0.0625rem solid var(--purple-purple-1000, #7e6cff);
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    height: 2.0625rem;
    width: fit-content;
}

.step-tag-text[b-t4k7adevin] {
    color: var(--purple-purple-1000, #7e6cff);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}

.step-icon[b-t4k7adevin] {
    width: 1.25rem;
    height: 1.25rem;
}

.step-info[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.step-title[b-t4k7adevin] {
    color: var(--dark-dark-1000, #0a0c3c);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.step-description[b-t4k7adevin] {
    color: var(--dark-dark-400, #9d9eb1);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
}

/* Specialists Section */
.specialists-section[b-t4k7adevin],
.challenges-section[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.specialists-header[b-t4k7adevin],
.challenges-header[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.section-title[b-t4k7adevin] {
    color: var(--dark-dark-1000, #0a0c3c);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
}

.view-all-link[b-t4k7adevin] {
    text-decoration: none;
    border-radius: 0.75rem;
    padding: 0.75rem 0;
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
}

.view-all-text[b-t4k7adevin] {
    color: var(--purple-purple-1000, #7e6cff);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: underline;
}

/* Challenges Grid */
.challenges-grid[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: var(--dark-dark-200, #ceced8) transparent;
}

    .challenges-grid[b-t4k7adevin]::-webkit-scrollbar {
        height: 0.375rem;
    }

    .challenges-grid[b-t4k7adevin]::-webkit-scrollbar-track {
        background: transparent;
    }

    .challenges-grid[b-t4k7adevin]::-webkit-scrollbar-thumb {
        background: var(--dark-dark-200, #ceced8);
        border-radius: 0.1875rem;
    }

.challenge-card[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 0 0 auto;
    width: 18.75rem;
}

.challenge-image[b-t4k7adevin] {
    border-radius: 1rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    height: 10rem;
    position: relative;
    overflow: hidden;
}

.challenge-badges[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.badge[b-t4k7adevin] {
    padding: 0.25rem 0.5rem;
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
    border-radius: 0.25rem;
    height: 1.25rem;
}

.life-badge[b-t4k7adevin] {
    background: var(--main-white, #ffffff);
}

.likes-badge[b-t4k7adevin] {
    background: var(--main-white, #ffffff);
}

.badge-text[b-t4k7adevin] {
    font-family: "Montserrat", sans-serif;
    font-size: 0.5rem;
    font-weight: 600;
}

.like-icon[b-t4k7adevin] {
    width: 0.75rem;
    height: 0.75rem;
}

.challenge-info[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.challenge-name[b-t4k7adevin] {
    color: var(--dark-dark-1000, #0a0c3c);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

.challenge-tags[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.challenge-tag[b-t4k7adevin] {
    background: var(--purple-purple-100, #e5e2ff);
    border-radius: 2.5rem;
    padding: 0.25rem 0.75rem;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
}

.online-tag .tag-text[b-t4k7adevin] {
    color: var(--purple-purple-1000, #7e6cff);
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Sidebar Cards */
.sidebar-card[b-t4k7adevin] {
    background: #ffffff;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.sidebar-title[b-t4k7adevin] {
    color: var(--dark-dark-1000, #0a0c3c);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
}

/* Goals List */
.goals-list[b-t4k7adevin],
.tracking-tips[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.goal-item[b-t4k7adevin],
.tracking-tip[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: flex-start;
}

.goal-icon[b-t4k7adevin],
.tip-icon[b-t4k7adevin] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.goal-text[b-t4k7adevin],
.tip-text[b-t4k7adevin] {
    color: var(--dark-dark-400, #9d9eb1);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
}

/* Tracking Info */
.tracking-info[b-t4k7adevin],
.curator-info[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tracking-description[b-t4k7adevin],
.curator-description[b-t4k7adevin] {
    color: var(--dark-dark-400, #9d9eb1);
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
}

/* Curator Actions */
.curator-actions[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

/* Worker List Component Styling */
.specialists-section .list-card[b-t4k7adevin] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
}

.specialists-section .card[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 8.75rem;
    align-items: center;
    flex: 0 0 auto;
}

.specialists-section .img[b-t4k7adevin] {
    width: 6.25rem;
    height: 6.25rem;
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden;
}

    .specialists-section .img label[b-t4k7adevin] {
        position: absolute;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        color: var(--main-white, #fff);
        font-size: 0.625rem;
        font-weight: 600;
        top: 0.5rem;
        left: 0.5rem;
        z-index: 1;
    }

.specialists-section .card-footer[b-t4k7adevin] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.specialists-section h5[b-t4k7adevin] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--dark-dark-1000, #0a0c3c);
    margin: 0;
    line-height: 1.2;
}

.specialists-section .label-list label[b-t4k7adevin] {
    display: flex;
    padding: 0.25rem 0.75rem;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    color: var(--dark-dark-300, #b6b7c5);
    font-size: 0.75rem;
    font-weight: 500;
    background: none;
}

/* Color classes */
.color-4[b-t4k7adevin] {
    background: var(--orange-orange-1000, #ffb53d);
}

.color-1[b-t4k7adevin] {
    background: var(--green-green-1000, #2bc4d5);
}

.color-3[b-t4k7adevin] {
    background: var(--blue-blue-1000, #13a5ff);
}

.color-2[b-t4k7adevin] {
    background: var(--purple-purple-1000, #7e6cff);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .program-content-wrapper[b-t4k7adevin] {
        flex-direction: column;
        align-items: center;
    }

    .program-sidebar[b-t4k7adevin] {
        width: 100%;
        max-width: 45.8125rem;
        position: static;
    }

    .program-main-content[b-t4k7adevin] {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .program-header-nav[b-t4k7adevin] {
        padding: 1rem;
    }

    .nav-container[b-t4k7adevin] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .nav-menu[b-t4k7adevin] {
       display:none;
    }

    .program-content-wrapper[b-t4k7adevin] {
        padding: 1rem;
    }

    .program-title[b-t4k7adevin] {
        font-size: 1.5rem;
    }

    .progress-title[b-t4k7adevin] {
        font-size: 1.5rem;
    }

    .program-action-buttons[b-t4k7adevin],
    .curator-actions[b-t4k7adevin] {
        flex-direction: column;
        width: 100%;
    }

    .btn-primary[b-t4k7adevin],
    .btn-secondary[b-t4k7adevin] {
        width: 100%;
    }

    .meta-tags-left[b-t4k7adevin],
    .meta-tags-right[b-t4k7adevin] {
        justify-content: center;
        width: 100%;
    }

    .specialists-header[b-t4k7adevin],
    .challenges-header[b-t4k7adevin] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }

    .view-all-link[b-t4k7adevin] {
        align-self: flex-start;
    }

    .challenge-card[b-t4k7adevin] {
        width: 16rem;
    }

    .sidebar-title[b-t4k7adevin] {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .nav-menu[b-t4k7adevin] {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 0.5rem;
    }

    .nav-item[b-t4k7adevin] {
        white-space: nowrap;
    }

    .challenge-card[b-t4k7adevin] {
        width: 14rem;
    }

    .program-tag[b-t4k7adevin] {
        padding: 0.375rem 0.75rem;
    }

    .tag-text[b-t4k7adevin] {
        font-size: 0.75rem;
    }
}

/* Дополнительные стили для динамических шагов */

/* Классы для разных типов шагов */
.step-psychologist .step-tag[b-t4k7adevin] {
    border-color: var(--green-green-1000, #2bc4d5);
}

.step-psychologist .step-tag-text[b-t4k7adevin] {
    color: var(--green-green-1000, #2bc4d5);
}

.step-nutritionist .step-tag[b-t4k7adevin] {
    border-color: var(--blue-blue-1000, #13a5ff);
}

.step-nutritionist .step-tag-text[b-t4k7adevin] {
    color: var(--blue-blue-1000, #13a5ff);
}

.step-trainer .step-tag[b-t4k7adevin] {
    border-color: var(--orange-orange-1000, #ffb53d);
}

.step-trainer .step-tag-text[b-t4k7adevin] {
    color: var(--orange-orange-1000, #ffb53d);
}

.step-coach .step-tag[b-t4k7adevin] {
    border-color: var(--purple-purple-1000, #7e6cff);
}

.step-coach .step-tag-text[b-t4k7adevin] {
    color: var(--purple-purple-1000, #7e6cff);
}

/* Стили для контента шагов */
.step-task[b-t4k7adevin],
.step-resources[b-t4k7adevin],
.step-duration[b-t4k7adevin] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: var(--dark-blue-dark-blue-50, #f8f9fe);
    border-radius: 0.5rem;
    border-left: 0.1875rem solid var(--purple-purple-100, #e5e2ff);
}

    .step-task strong[b-t4k7adevin],
    .step-resources strong[b-t4k7adevin],
    .step-duration strong[b-t4k7adevin] {
        color: var(--dark-dark-800, #3b3d63);
    }

/* Блок рекомендации специалиста */
.specialist-advice[b-t4k7adevin] {
    margin-top: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, var(--purple-purple-50, #f3f1ff) 0%, var(--dark-blue-dark-blue-50, #f8f9fe) 100%);
    border-radius: 0.75rem;
    border: 0.0625rem solid var(--purple-purple-100, #e5e2ff);
}

.specialist-recommendation[b-t4k7adevin] {
    margin-bottom: 1rem;
}

    .specialist-recommendation strong[b-t4k7adevin] {
        color: var(--dark-dark-1000, #0a0c3c);
        font-family: "Montserrat", sans-serif;
    }

    .specialist-recommendation p[b-t4k7adevin] {
        color: var(--dark-dark-700, #545577);
        margin-top: 0.5rem;
        line-height: 1.4;
    }

/* Челленджи и тренировки */
.challenges-section[b-t4k7adevin],
.training-section[b-t4k7adevin] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--main-white, #ffffff);
    border-radius: 0.75rem;
    border: 0.0625rem solid var(--dark-dark-100, #e7e7ec);
}

.challenges-placeholder[b-t4k7adevin] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--dark-dark-400, #9d9eb1);
    font-style: italic;
}

.training-info[b-t4k7adevin] {
    margin-bottom: 1rem;
    color: var(--dark-dark-600, #6c6d8a);
}

/* Ресурсы в сайдбаре */
.resources-info[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.resources-list[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.resource-item[b-t4k7adevin] {
    padding: 0.75rem;
    background: var(--dark-blue-dark-blue-50, #f8f9fe);
    border-radius: 0.5rem;
    border-left: 0.1875rem solid var(--purple-purple-100, #e5e2ff);
}

.resource-type[b-t4k7adevin] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--purple-purple-1000, #7e6cff);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    margin-bottom: 0.25rem;
}

.resource-title[b-t4k7adevin] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--dark-dark-1000, #0a0c3c);
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.resource-link[b-t4k7adevin] {
    display: inline-block;
    text-decoration: none;
}

/* Мета информация */
.meta-card[b-t4k7adevin] {
    background: linear-gradient(135deg, var(--dark-blue-dark-blue-100, #ebefff) 0%, var(--dark-blue-dark-blue-50, #f8f9fe) 100%);
}

.meta-info[b-t4k7adevin] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.meta-item[b-t4k7adevin] {
    color: var(--dark-dark-700, #545577);
    font-size: 0.875rem;
}

    .meta-item strong[b-t4k7adevin] {
        color: var(--dark-dark-1000, #0a0c3c);
        font-weight: 600;
    }

/* Прогресс в сайдбаре */
.program-goal[b-t4k7adevin] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: var(--dark-blue-dark-blue-100, #ebefff);
    border-radius: 0.5rem;
    color: var(--dark-dark-800, #3b3d63);
    font-size: 0.875rem;
    line-height: 1.4;
}

    .program-goal strong[b-t4k7adevin] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

/* Стили для кнопки "Показать еще" */
.load-more-btn[b-t4k7adevin] {
    margin-top: 1.5rem;
    width: 100%;
    transition: all 0.3s ease;
}

    .load-more-btn:hover[b-t4k7adevin] {
        transform: translateY(-0.125rem);
        box-shadow: 0 0.25rem 0.5rem rgba(126, 108, 255, 0.2);
    }

/* Анимация появления шагов */
@keyframes fadeInUp-b-t4k7adevin {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }

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

.progress-step-card[b-t4k7adevin] {
    animation: fadeInUp-b-t4k7adevin 0.3s ease forwards;
}

/* Стили для WorkerListProgramComponent внутри страницы */
.specialist-advice .list-card[b-t4k7adevin] {
    margin-top: 1rem;
}

.specialist-advice .title[b-t4k7adevin] {
    display: none; /* Скрываем заголовок, так как он уже есть в родительском блоке */
}

.specialist-advice .card-footer h5[b-t4k7adevin] {
    font-size: 0.8125rem;
    line-height: 1.2;
}

.specialist-advice .img[b-t4k7adevin] {
    width: 5.5rem;
    height: 5.5rem;
}

/* Адаптивные стили */
@media (max-width: 768px) {
    .step-task[b-t4k7adevin],
    .step-resources[b-t4k7adevin],
    .step-duration[b-t4k7adevin] {
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    .specialist-advice[b-t4k7adevin] {
        padding: 0.75rem;
    }

    .challenges-section[b-t4k7adevin],
    .training-section[b-t4k7adevin] {
        padding: 0.75rem;
    }

    .resource-item[b-t4k7adevin] {
        padding: 0.5rem;
    }
}


[b-t4k7adevin] .title {
    display:flex;
    align-items:center;
    justify-content:space-between;
}
/* _content/BeUp.New/Components/Pages/CustomProgram/Test.razor.rz.scp.css */

/* Базовые стили для страницы лендинга */
.landing-page[b-ptl5722hj1] {
    position: relative;
    background: var(--dark-blue-dark-blue-50, #f8f9fe);
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
}

/* Векторные фоны с анимацией покачивания */
.vector-fon[b-ptl5722hj1] {
    position: absolute;
    overflow: hidden;
    max-width: calc(100vw - 1rem);
    z-index: 0;
    max-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 70rem;
    top: 52rem;
    pointer-events: none;
}

    .vector-fon .right[b-ptl5722hj1] {
        margin-top: -9.65rem;
    }

    .vector-fon .right[b-ptl5722hj1],
    .vector-fon .left[b-ptl5722hj1] {
        flex: 1;
        position: relative;
        overflow: hidden;
        display: flex;
    }

    .vector-fon .right[b-ptl5722hj1] {
        margin-top: -9.65rem;
        right: 30%;
        justify-content: end;
    }

    .vector-fon .left[b-ptl5722hj1] {
        left: 30%;
        align-items: end;
        justify-content: start;
    }

        .vector-fon .right svg[b-ptl5722hj1],
        .vector-fon .left svg[b-ptl5722hj1] {
            width: 112.9375rem;
            height: 43.125rem;
            position: absolute;
            opacity: 0.5;
        }

        /* Анимация для векторов - плавное покачивание */
        .vector-fon .left svg[b-ptl5722hj1] {
            animation: float-left-b-ptl5722hj1 25s ease-in-out infinite alternate;
            transform-origin: center;
        }

    .vector-fon .right svg[b-ptl5722hj1] {
        animation: float-right-b-ptl5722hj1 30s ease-in-out infinite alternate;
        transform-origin: center;
    }

@keyframes float-left-b-ptl5722hj1 {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
        filter: blur(0px);
    }

    20% {
        transform: translateX(10px) translateY(-8px) rotate(0.8deg);
        filter: blur(0.3px);
    }

    40% {
        transform: translateX(-8px) translateY(4px) rotate(-0.4deg);
        filter: blur(0.2px);
    }

    60% {
        transform: translateX(12px) translateY(-4px) rotate(0.6deg);
        filter: blur(0.25px);
    }

    80% {
        transform: translateX(-10px) translateY(6px) rotate(-0.3deg);
        filter: blur(0.15px);
    }
}

@keyframes float-right-b-ptl5722hj1 {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
        filter: blur(0px);
    }

    25% {
        transform: translateX(-12px) translateY(-6px) rotate(-0.9deg);
        filter: blur(0.4px);
    }

    45% {
        transform: translateX(8px) translateY(3px) rotate(0.5deg);
        filter: blur(0.25px);
    }

    65% {
        transform: translateX(-14px) translateY(-2px) rotate(-0.7deg);
        filter: blur(0.35px);
    }

    85% {
        transform: translateX(10px) translateY(4px) rotate(0.4deg);
        filter: blur(0.2px);
    }
}

/* Хедер */
.landing-header[b-ptl5722hj1] {
    position: relative;
    z-index: 100;
    padding: 24px 0;
}

.header-container[b-ptl5722hj1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo[b-ptl5722hj1] {
    flex-shrink: 0;
    width: 74px;
    height: 26.91px;
}

    .logo img[b-ptl5722hj1] {
        width: 100%;
        height: 100%;
    }

.nav-desktop[b-ptl5722hj1] {
    display: flex;
    align-items: center;
}

.frame-1948761537[b-ptl5722hj1] {
    display: flex;
    gap: 24px;
    align-items: center;
}

.nav-item[b-ptl5722hj1] {
    color: var(--dark-dark-400, #9d9eb1);
    text-align: left;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.2s;
}

    .nav-item:hover[b-ptl5722hj1] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

    .nav-item.active[b-ptl5722hj1] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

.header-buttons[b-ptl5722hj1] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Герой-секция */
.hero-section[b-ptl5722hj1] {
    position: relative;
    margin-bottom: 60px;
    z-index: 1;
}

.frame-1948761536[b-ptl5722hj1] {
    background: #ffffff;
    border-radius: 36px;
    width: 100%;
    height: 598px;
    position: relative;
    overflow: hidden;
    display:flex;
    align-items:end;
}

.rectangle-65[b-ptl5722hj1] {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.hero-content[b-ptl5722hj1] {
    position: relative;    
    display: flex;
    gap: 60px;
    align-items: center;
    z-index: 2;
    padding: 2.5rem 1.5rem;
}

.hero-content h1[b-ptl5722hj1] {
    margin:0;
}

.hero-title[b-ptl5722hj1] {
    color: var(--main-white, #ffffff);
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.hero-text-block[b-ptl5722hj1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 336px;
}

.hero-text[b-ptl5722hj1] {
    color: var(--main-white, #ffffff);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.hero-btn[b-ptl5722hj1] {
    align-self: flex-start;
}

/* Категории */
.categories-section[b-ptl5722hj1] {
    position: relative;
    z-index: 1;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 60px;
    overflow-x: hidden;
}

.categories-container[b-ptl5722hj1] {
    width: 100%;
    padding: 0 20px;
    overflow-x: auto;
    cursor: grab;
    scrollbar-width: none; /* Firefox */
}

    .categories-container[b-ptl5722hj1]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }

    .categories-container:active[b-ptl5722hj1] {
        cursor: grabbing;
    }

.categories-grid[b-ptl5722hj1] {
    display: flex;
    gap: 16px;
    width: max-content;
    padding: 0 20px;
}

.category-card[b-ptl5722hj1] {
    background: var(--main-white, #ffffff);
    border-radius: 20px;
    padding: 20px;
    min-width: 352px;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .category-card:hover[b-ptl5722hj1] {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .category-card:nth-child(2)[b-ptl5722hj1] {
        border: 1px solid var(--dark-blue-dark-blue-100, #ebefff);
    }

.category-header[b-ptl5722hj1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.category-icon[b-ptl5722hj1] {
    border-radius: 12px;
    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.1);
}

    .category-icon img[b-ptl5722hj1] {
        width: 20px;
        height: 20px;
    }

.category-arrow[b-ptl5722hj1] {
    border-radius: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .category-arrow img[b-ptl5722hj1] {
        width: 20px;
        height: 20px;
    }

.category-content[b-ptl5722hj1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-type[b-ptl5722hj1] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.category-goal[b-ptl5722hj1] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

/* Скелетоны при загрузке */
.skeleton[b-ptl5722hj1] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading-b-ptl5722hj1 1.5s infinite;
}

.skeleton-icon[b-ptl5722hj1] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.skeleton-arrow[b-ptl5722hj1] {
    width: 48px;
    height: 44px;
    border-radius: 12px;
}

.skeleton-text[b-ptl5722hj1] {
    height: 20px;
    border-radius: 4px;
    margin-bottom: 8px;
}

    .skeleton-text:last-child[b-ptl5722hj1] {
        height: 28px;
        width: 80%;
    }

@keyframes loading-b-ptl5722hj1 {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Мобильные стили для категорий */
@media (max-width: 768px) {
    .categories-section[b-ptl5722hj1] {
        margin-left: 0;
        padding: 0;
    }

    .categories-container[b-ptl5722hj1] {
        padding: 0 12px;
    }

    .categories-grid[b-ptl5722hj1] {
        padding: 0 12px;
    }

    .category-card[b-ptl5722hj1] {
        min-width: 248px;
        padding: 12px;
    }

    .category-type[b-ptl5722hj1] {
        font-size: 12px;
    }

    .category-goal[b-ptl5722hj1] {
        font-size: 18px;
    }
}

/* Десктопные стили */
@media (min-width: 1025px) {
    .categories-grid[b-ptl5722hj1] {
        justify-content: center;
    }
}

.category-icon img[b-ptl5722hj1] {
    width: 20px;
    height: 20px;
}

.category-arrow[b-ptl5722hj1] {
    border-radius: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .category-arrow img[b-ptl5722hj1] {
        width: 20px;
        height: 20px;
    }

.category-content[b-ptl5722hj1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-type[b-ptl5722hj1] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.category-goal[b-ptl5722hj1] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

/* Главный заголовок */
.main-headline[b-ptl5722hj1] {
    text-align: center;
    margin-bottom: 60px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.headline-text[b-ptl5722hj1] {
    font-family: Montserrat;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--dark-dark-1000);
}

.highlight-purple-light[b-ptl5722hj1] {
    color: var(--purple-purple-700, #9889ff);
}

.highlight-purple[b-ptl5722hj1] {
    color: var(--purple-purple-1000, #7e6cff);
}

.highlight-blue[b-ptl5722hj1] {
    color: var(--dark-blue-dark-blue-1000, #3559ff);
}

/* Форма генерации плана */
.plan-form-section[b-ptl5722hj1] {
    margin-bottom: 100px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.plan-form-wrapper[b-ptl5722hj1] {
    display: flex;
    justify-content: center;
}

[b-ptl5722hj1] .form-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
}

.form-fields[b-ptl5722hj1] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.form-group[b-ptl5722hj1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-label[b-ptl5722hj1] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.drop-down[b-ptl5722hj1] {
    background: rgba(248, 249, 254, 0.2);
    border-radius: 12px;
    padding: 12px;
    border: double 1px transparent;
    background-image: linear-gradient(white, white), linear-gradient(90deg, #aae7ee 0%, #bfb6ff 36.54%, #aebdff 62.98%, #ffe1b1 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.textarea-dropdown[b-ptl5722hj1] {
    min-height: 109px;
}

.quick-options[b-ptl5722hj1] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.quick-option[b-ptl5722hj1] {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    padding: 8px 16px;
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

    .quick-option:hover[b-ptl5722hj1] {
        background: rgba(255, 255, 255, 0.5);
    }

    .quick-option.active[b-ptl5722hj1] {
        background: var(--purple-purple-1000, #7e6cff);
        color: var(--main-white, #ffffff);
    }

.generate-btn[b-ptl5722hj1] {
    align-self: flex-start;
}

/* Бесплатный план */
.free-plan-section[b-ptl5722hj1] {
    margin-bottom: 100px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.free-plan-content[b-ptl5722hj1] {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}

.text-content[b-ptl5722hj1] {
    flex: 1;
    max-width: 653px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-title[b-ptl5722hj1] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
}

.section-description[b-ptl5722hj1] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.images-container[b-ptl5722hj1] {
    position: relative;
    height: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.plan-image[b-ptl5722hj1] {
    border-radius: 24px;
    position: absolute;
    width: 250px;
    height: 191px;
    object-fit: cover;
}

.rotated-left[b-ptl5722hj1] {
    transform: rotate(-10deg);
    left: 0;
    animation: float-image-1-b-ptl5722hj1 20s ease-in-out infinite;
}

.rotated-right[b-ptl5722hj1] {
    transform: rotate(10deg);
    left: 170px;
    top: -35%;
    animation: float-image-2-b-ptl5722hj1 25s ease-in-out infinite;
}

.rotated-slight-left[b-ptl5722hj1] {
    transform: rotate(-5.145deg);
    left: 250px;
    top: 35%;
    animation: float-image-3-b-ptl5722hj1 22s ease-in-out infinite;
}

/* Анимация для изображений планов */
@keyframes float-image-1-b-ptl5722hj1 {
    0%, 100% {
        transform: rotate(-10deg) translateY(0);
    }

    50% {
        transform: rotate(-10deg) translateY(-10px);
    }
}

@keyframes float-image-2-b-ptl5722hj1 {
    0%, 100% {
        transform: rotate(10deg) translateY(0);
    }

    50% {
        transform: rotate(10deg) translateY(-8px);
    }
}

@keyframes float-image-3-b-ptl5722hj1 {
    0%, 100% {
        transform: rotate(-5.145deg) translateY(0);
    }

    50% {
        transform: rotate(-5.145deg) translateY(-12px);
    }
}

/* Проблемы */
.problems-grid[b-ptl5722hj1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
}

    .problems-grid[b-ptl5722hj1]::-webkit-scrollbar {
        display: none;
    }

/* Gradient border wrapper for all cards */
.problem-card[b-ptl5722hj1] {
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #aae7ee 0%, #bfb6ff 36.54%, #aebdff 62.98%, #ffe1b1 100%);
    border-radius: 24px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

    .problem-card .card-inner[b-ptl5722hj1] {
        background: #ffffff;
        border-radius: 23px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: -webkit-fill-available;
        transition: all 0.2s ease;
        min-height: 200px;
    }

    .problem-card:hover[b-ptl5722hj1] {
        background: linear-gradient(163deg, #7e6cff 0%, #13a5ff 100%);
        box-shadow: 0px 0px 30px 1px rgba(126, 108, 255, 0.4);
        transform: translateY(-5px);
    }

    .problem-card:active .card-inner[b-ptl5722hj1] {
        transform: scale(0.96);
        transition: transform 0.1s ease;
    }

.problem-icon[b-ptl5722hj1] {
    display: flex;
}

.icon-wrapper[b-ptl5722hj1] {
    border-radius: 12px;
    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Цвета для каждой карточки проблем */
.problem-card:nth-child(1) .icon-wrapper[b-ptl5722hj1] {
    background: var(--green-green-1000, #2bc4d5);
    box-shadow: 0px 0px 34px 0px rgba(43, 196, 213, 0.3);
}

.problem-card:nth-child(2) .icon-wrapper[b-ptl5722hj1] {
    background: var(--purple-purple-1000, #7e6cff);
    box-shadow: 0px 0px 34px 0px rgba(126, 108, 255, 0.3);
}

.problem-card:nth-child(3) .icon-wrapper[b-ptl5722hj1] {
    background: var(--dark-blue-dark-blue-1000, #3559ff);
    box-shadow: 0px 0px 34px 0px rgba(53, 89, 255, 0.3);
}

.problem-card:nth-child(4) .icon-wrapper[b-ptl5722hj1] {
    background: var(--orange-orange-1000, #ffb53d);
    box-shadow: 0px 0px 34px 0px rgba(255, 181, 61, 0.3);
}

.icon-wrapper img[b-ptl5722hj1] {
    width: 20px;
    height: 20px;
}

.problem-content[b-ptl5722hj1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.problem-title[b-ptl5722hj1] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
}

.problem-description[b-ptl5722hj1] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

/* Мобильные стили */
.mobile-hidden[b-ptl5722hj1] {
    display: flex;
}

.desktop-hidden[b-ptl5722hj1] {
    display: none;
}

@media (max-width: 768px) {
    /* Адаптация векторных фонов для мобильных */
    .vector-fon[b-ptl5722hj1] {
        display: none;
    }

    .container[b-ptl5722hj1] {
        padding: 0;
    }

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

    .desktop-hidden[b-ptl5722hj1] {
        display: flex !important;
    }

    .header-container[b-ptl5722hj1] {
        padding: 12px;
    }

    .nav-desktop[b-ptl5722hj1] {
        display: none;
    }

    /* Герой-секция для мобильных */
    .hero-section[b-ptl5722hj1] {
        margin-bottom: .75rem;
    }
    .frame-1948761536[b-ptl5722hj1] {
        border-radius: 20px;
        height: 305px;
        width: calc(100% - 1.5rem);
        margin: 0 .75rem;
    }

   [b-ptl5722hj1] .form-container {
        flex-direction:column-reverse;
    }

    .hero-content[b-ptl5722hj1] {
        position: relative;
        padding: 12px;
        flex-direction: column;
        gap: .75rem;
        align-items: start;
    }

    .hero-btn[b-ptl5722hj1] {
        align-self:auto;
    }

    .hero-title[b-ptl5722hj1] {
        font-size: 30px;
    }

    .hero-text-block[b-ptl5722hj1] {
        max-width: 100%;
    }

    .hero-text[b-ptl5722hj1] {
        font-size: 14px;
    }

    /* Категории для мобильных */
    .categories-grid[b-ptl5722hj1] {
        padding-left: 12px;
    }

    .category-card[b-ptl5722hj1] {
        min-width: 248px;
        padding: 12px;
    }

    .category-type[b-ptl5722hj1] {
        font-size: 12px;
    }

    .category-goal[b-ptl5722hj1] {
        font-size: 18px;
    }

    /* Главный заголовок для мобильных */
    .headline-text[b-ptl5722hj1] {
        font-size: 20px;
        max-width: 353px;
        margin: 0 auto;
    }

    /* Форма для мобильных */
    .plan-form-section[b-ptl5722hj1] {
        padding: 0 12px;
    }

    .form-container[b-ptl5722hj1] {
        max-width: 100%;
        flex-direction: column-reverse;
        gap: 3rem;
    }

    /* Бесплатный план для мобильных */
    .free-plan-content[b-ptl5722hj1] {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .text-content[b-ptl5722hj1] {
        max-width: 100%;
    }

    .section-title[b-ptl5722hj1] {
        font-size: 18px;
        max-width: 291px;
    }

    .section-description[b-ptl5722hj1] {
        font-size: 12px;
    }
    .free-plan-section[b-ptl5722hj1] {
        margin-bottom: 2.25rem;
    }
    .images-container[b-ptl5722hj1] {
        display: flex;
        width: 100%;
        min-height: 150px;
        align-items: center;
    }

    .rotated-right[b-ptl5722hj1] {
        top: 0;
    }

    .plan-image[b-ptl5722hj1] {
        width: 129.82px;
        height: 99.18px;
        border-radius: 12.46px;
    }

    /* Анимация изображений для мобильных */
    .rotated-left[b-ptl5722hj1] {
        animation: float-image-mobile-1-b-ptl5722hj1 15s ease-in-out infinite;
    }

    .rotated-right[b-ptl5722hj1] {
        animation: float-image-mobile-2-b-ptl5722hj1 18s ease-in-out infinite;
    }

    .rotated-slight-left[b-ptl5722hj1] {
        animation: float-image-mobile-3-b-ptl5722hj1 16s ease-in-out infinite;
    }

    @keyframes float-image-mobile-1-b-ptl5722hj1 {
        0%, 100% {
            transform: rotate(-10deg) translateY(0);
        }

        50% {
            transform: rotate(-10deg) translateY(-5px);
        }
    }

    @keyframes float-image-mobile-2-b-ptl5722hj1 {
        0%, 100% {
            transform: rotate(10deg) translateY(0);
        }

        50% {
            transform: rotate(10deg) translateY(-4px);
        }
    }

    @keyframes float-image-mobile-3-b-ptl5722hj1 {
        0%, 100% {
            transform: rotate(-5.145deg) translateY(0);
        }

        50% {
            transform: rotate(-5.145deg) translateY(-6px);
        }
    }

    /* Проблемы для мобильных */
    .problems-grid[b-ptl5722hj1] {
        padding:0 12px;
        display: flex;        
        flex-direction: column;        
        gap: 12px;
    }

    .problem-card[b-ptl5722hj1] {
        min-width: auto;
        flex-shrink: 0;
    }

        .problem-card .card-inner[b-ptl5722hj1] {
            min-height: 180px;
            padding: 16px;
        }

    .problem-title[b-ptl5722hj1] {
        font-size: 18px;
    }

    .problem-description[b-ptl5722hj1] {
        font-size: 12px;
    }

    .plan-form-section[b-ptl5722hj1] {
        margin-bottom: 2.75rem;
    }
}

/* Планшетные стили */
@media (min-width: 769px) and (max-width: 1024px) {
    .container[b-ptl5722hj1] {
        padding: 0 20px;
    }

    /* Адаптация векторов для планшетов */
    .vector-fon[b-ptl5722hj1] {
        height: 50rem;
        top: 40rem;
    }

        .vector-fon .right svg[b-ptl5722hj1],
        .vector-fon .left svg[b-ptl5722hj1] {
            width: 80rem;
            height: 30.625rem;
        }

    .hero-content[b-ptl5722hj1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        left: 40px;
        top: 200px;
    }

    .categories-grid[b-ptl5722hj1] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-card[b-ptl5722hj1] {
        min-width: calc(50% - 8px);
    }

    .free-plan-content[b-ptl5722hj1] {
        flex-direction: column;
        gap: 40px;
    }

    .images-container[b-ptl5722hj1] {
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 200px;
    }

    .problems-grid[b-ptl5722hj1] {
        grid-template-columns: repeat(2, 1fr);
        flex-wrap: wrap;
        justify-content: center;
    }

    .problem-card[b-ptl5722hj1] {
        min-width: calc(50% - 10px);
    }
}

@media (min-width: 1025px) {
    .images-container[b-ptl5722hj1] {
        display: flex;
    }
}

/* Десктопные стили */
@media (min-width: 1025px) {
    .vector-fon[b-ptl5722hj1] {
        display: flex;
    }

    .problems-grid[b-ptl5722hj1] {
        grid-template-columns: repeat(4, 1fr);
        overflow-x: visible;
    }

    .problem-card[b-ptl5722hj1] {
        min-width: auto;
        width: 100%;
    }
}

/* Анимация для текста цели */
.form-title-animated[b-ptl5722hj1] {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.loader[b-ptl5722hj1] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 25px;
    box-sizing: content-box;
    height: 40px;
    display: flex;
    border-radius: 8px;
    align-items: center;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.words[b-ptl5722hj1] {
    overflow: hidden;
    position: relative;
    height: 40px;
}

    .words[b-ptl5722hj1]::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 20;
        pointer-events: none;
    }

.word[b-ptl5722hj1] {
    display: block;
    height: 100%;
    padding-left: 6px;
    background: linear-gradient(90deg, #7e6cff 0%, #13a5ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: spin-goals-b-ptl5722hj1 20s infinite;
}

@keyframes spin-goals-b-ptl5722hj1 {
    0%, 8% {
        transform: translateY(0%);
    }

    10%, 18% {
        transform: translateY(-100%);
    }

    20%, 28% {
        transform: translateY(-200%);
    }

    30%, 38% {
        transform: translateY(-300%);
    }

    40%, 48% {
        transform: translateY(-400%);
    }

    50%, 58% {
        transform: translateY(-500%);
    }

    60%, 68% {
        transform: translateY(-600%);
    }

    70%, 78% {
        transform: translateY(-700%);
    }

    80%, 88% {
        transform: translateY(-800%);
    }

    90%, 98% {
        transform: translateY(-900%);
    }

    100% {
        transform: translateY(-1000%);
    }
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .loader[b-ptl5722hj1] {
        font-size: 18px;
        height: 30px;
    }

    .words[b-ptl5722hj1] {
        height: 30px;
    }

    .form-title-animated[b-ptl5722hj1] {
        font-size: 20px;
    }
}

/* Анимация для поднятия категорий при скролле */
.categories-section[b-ptl5722hj1] {
    position: relative;
    z-index: 2;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateY(0);
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
}

    .categories-section.lifted-up[b-ptl5722hj1] {
        transform: translateY(-175px);
    }

    .categories-section .category-card[b-ptl5722hj1] {
        background: var(--main-white, #ffffff);
        border-radius: 20px;
        padding: 20px;
        min-width: 352px;
        flex-shrink: 0;
        position: relative;
        transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        will-change: transform, background, backdrop-filter, box-shadow;
    }

    .categories-section.lifted-up .category-card[b-ptl5722hj1],
    .categories-section.animating .category-card[b-ptl5722hj1] {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

/* Для мобильных устройств */
@media (max-width: 768px) {
    .categories-section.lifted-up[b-ptl5722hj1] {
        transform: translateY(-100px);
    }
}

/* Планшетные стили */
@media (min-width: 769px) and (max-width: 1024px) {
    .categories-section.lifted-up[b-ptl5722hj1] {
        transform: translateY(-140px);
    }
}

/* ========== Стили для формы (добавленные) ========== */

/* Стили для валидации */
.validation-summary[b-ptl5722hj1] {
    background: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 20px;
    color: #c53030;
    font-size: 14px;
    font-family: Montserrat;
}

.validation-message[b-ptl5722hj1] {
    color: #c53030;
    font-size: 12px;
    margin-top: 4px;
    display: block;
    font-family: Montserrat;
    padding-left: 4px;
}

/* Стили для инпутов внутри drop-down */
[b-ptl5722hj1] .selected-option-input,
[b-ptl5722hj1] .placeholder-text-input {
    width: 100%;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-dark-1000, #0a0c3c);
    background: transparent;
    border: none;
    outline: none;
}

    [b-ptl5722hj1] .selected-option-input::placeholder,
    [b-ptl5722hj1] .placeholder-text-input::placeholder {
        color: var(--dark-dark-1000, #0a0c3c);
        opacity: 0.3;
    }

/* Контейнер для textarea */
.textarea-container[b-ptl5722hj1] {
    height: 100%;
    width: 100%;
}

/* Textarea - занимает всю высоту блока */
[b-ptl5722hj1] .textarea-dropdown .placeholder-text-input {
    width: 100%;
    height: 100%;
    min-height: 85px;
    resize: none;
    line-height: 1.5;
}

/* Убираем стандартные стили у инпутов */
[b-ptl5722hj1] .drop-down input,
[b-ptl5722hj1] .drop-down textarea {
    all: unset;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* Кнопка в состоянии загрузки */
.generate-btn:disabled[b-ptl5722hj1] {
    opacity: 0.7;
    cursor: not-allowed;
    background: var(--purple-purple-800, #8a7aff);
}

    .generate-btn:disabled:hover[b-ptl5722hj1] {
        background: var(--purple-purple-800, #8a7aff);
        transform: none;
    }

/* Кликабельные элементы */
.quick-option[b-ptl5722hj1],
.word[b-ptl5722hj1] {
    cursor: pointer;
}

.word[b-ptl5722hj1] {
    transition: all 0.2s ease;
}

    .word:hover[b-ptl5722hj1] {
        transform: translateY(-1px);
        text-shadow: 0 2px 4px rgba(126, 108, 255, 0.2);
    }

/* Мобильные стили для формы */
@media (max-width: 768px) {
    .validation-summary[b-ptl5722hj1] {
        font-size: 12px;
        padding: 8px;
    }

    .validation-message[b-ptl5722hj1] {
        font-size: 10px;
    }

    [b-ptl5722hj1] .textarea-dropdown .placeholder-text-input {
        min-height: 60px;
        font-size: 12px;
    }
}

/* На десктопе можно увеличить высоту textarea */
@media (min-width: 769px) {
    .drop-down.textarea-dropdown[b-ptl5722hj1] {
        height: 120px;
    }
}
.color-label-1[b-ptl5722hj1] {
    background: var(--Orange-Orange-1000, #FFB53D);
    box-shadow: 0 0 34px 0 rgba(255, 181, 61, 0.30);
}

.color-label-2[b-ptl5722hj1] {
    background: var(--Green-Green-1000, #2BC4D5);
    box-shadow: 0 0 34px 0 rgba(43, 196, 213, 0.30);
}

.color-label-3[b-ptl5722hj1] {
    background: var(--Blue-Blue-1000, #13A5FF);
    box-shadow: 0 0 34px 0 rgba(19, 165, 255, 0.30);
}

.color-label-4[b-ptl5722hj1] {
    background: var(--Purple-Purple-1000, #7E6CFF);
    box-shadow: 0 0 34px 0 rgba(126, 108, 255, 0.30);
}

.color-label-5[b-ptl5722hj1] {
    background: var(--Pink-Pink-1000, #ED88FF);
    box-shadow: 0 0 34px 0 rgba(237, 136, 255, 0.30);
}
/* _content/BeUp.New/Components/Pages/EmotionsPage/CalendarEmations.razor.rz.scp.css */
.card[b-4rd81k4rz8] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    gap: 1.25rem;
    border-radius: 1rem;
    background: #FFF;
}
.title-cal[b-4rd81k4rz8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.active .center-arrow svg[b-4rd81k4rz8] {
    transform: rotate(180deg);
}

.center-arrow[b-4rd81k4rz8] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}
.center[b-4rd81k4rz8] {
    display:flex;
    flex-direction:column;
}
    .center h4[b-4rd81k4rz8] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        text-align: center;
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .center p[b-4rd81k4rz8] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.month-name[b-4rd81k4rz8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
}

    .month-name label[b-4rd81k4rz8] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        /* Paragraph/10 Medium */
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.calendar[b-4rd81k4rz8] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

.dayofweek[b-4rd81k4rz8] {
    color: var(--Dark-Dark-300, #B6B7C5);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
}

.day[b-4rd81k4rz8] {
    display: flex;
    flex-direction:column;
    padding: 0.75rem;
    justify-content: start;
    align-items: start;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    min-width: 2.75rem;
    min-height: 2.75rem;
}

    .day i[b-4rd81k4rz8] {
        font-style: normal;
    }

    .day.active[b-4rd81k4rz8] {
        background: var(--Purple-Purple-1000, #7E6CFF);
        color: var(--Main-White, #FFF);
    }

    .day.grey[b-4rd81k4rz8] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
    }
    .day[b-4rd81k4rz8]  svg {
        display: flex;
        width: 2.75rem;
        height: 2.75rem;
        padding: 0.055rem 0.05506rem 0.055rem 0.05494rem;
        justify-content: center;
        align-items: center;
        aspect-ratio: 1/1;
    }

@media (max-width: 640.98px) {
    .card[b-4rd81k4rz8] {
        margin: 0 .75rem;
    }
    .day[b-4rd81k4rz8] {
        min-width: 1.5rem;
        min-height: 1.5rem;
    }
        .day[b-4rd81k4rz8]  svg {         
            width: 1.5rem;
            height: 1.5rem;            
        }
}
/* _content/BeUp.New/Components/Pages/EmotionsPage/EmotionsToday.razor.rz.scp.css */
.card[b-zwdng65dsa] {
    border-radius: 1rem;
    background: var(--Pink-Pink-50, #FEF9FF);
    background-image: url('svg/baner-emotion-1.svg');
    background-size: cover;
    display: flex;
    padding: 1.25rem 1.5rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
h4[b-zwdng65dsa] {
    margin-bottom: .75rem;
}
h4 b[b-zwdng65dsa] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-weight: 600;
}

.card-advice[b-zwdng65dsa] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 1rem;
    background: #FFF;
}
.text[b-zwdng65dsa] {
}

p[b-zwdng65dsa] {
    color: var(--Dark-Dark-500, #85869E);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1.5rem;
}

.img[b-zwdng65dsa] {
    display: flex;
    padding: 0 3.75rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
}

    .img[b-zwdng65dsa]  svg {
        display: flex;
        width: 9.375rem;
        height: 9.375rem;
        padding: 0.1875rem;
        justify-content: center;
        align-items: center;
        aspect-ratio: 1/1;
    }

.btn-emotions[b-zwdng65dsa] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    border: 1px solid var(--Pink-Pink-1000, #ED88FF);
    gap: 0.625rem;
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: none;
}

button.btn-emotions[b-zwdng65dsa] {
    text-wrap: nowrap;
}

@media (max-width: 640.98px) {
    .card[b-zwdng65dsa] {
        flex-direction: column;
        margin: 0 .75rem;
    }
}
/* _content/BeUp.New/Components/Pages/EmotionsPage/Index.razor.rz.scp.css */
.container[b-shbbj4dklq] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
}
.one[b-shbbj4dklq] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr 1.404fr;
}
@media (max-width: 640.98px) {
    .one[b-shbbj4dklq] {
        grid-template-columns: 1fr;
    }
    .calendar-block[b-shbbj4dklq]  {
        display: none;
    }
    .calendar-block.active[b-shbbj4dklq] {
        display: block;
    }
}
/* _content/BeUp.New/Components/Pages/EmotionsPage/SelectEmotions.razor.rz.scp.css */
.modal-body[b-cedfhej0wm] {
    display:grid;
    grid-template-columns: repeat(5,1fr);
    gap:.5rem;
}
.card[b-cedfhej0wm] {
    padding: .75rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 0.75rem;
    border: 1px solid #FFF;
    min-width: 10rem;
}

    .card:hover[b-cedfhej0wm] {
        border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    }

    .card:hover[b-cedfhej0wm] {
        background: rgba(255, 255, 255, 1);
        border-radius: 1rem;
    }

.footer-card[b-cedfhej0wm] {
    color: var(--Dark-Dark-400, #9D9EB1);
    text-align: center;    
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.img[b-cedfhej0wm]  svg {
    
}
.modal-title[b-cedfhej0wm] {
    
}
h4[b-cedfhej0wm] {
    color: var(--Dark-Dark-1000, #0A0C3C);    
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

h4 b[b-cedfhej0wm] {
    color: var(--Purple-Purple-1000, #7E6CFF);
}

@media (max-width: 640.98px) {
    .modal-body[b-cedfhej0wm] {        
        grid-template-columns: repeat(2,1fr);
    }
    .img[b-cedfhej0wm]  svg {
        max-width: 4rem;
        height: min-content;
        margin-bottom: 0.5rem;
    }

    .modal-title .btn-close-modal[b-cedfhej0wm] {
        top: .65rem;
        right: .65rem;
    }
}
/* _content/BeUp.New/Components/Pages/Footer/Manual.razor.rz.scp.css */
.table[b-h00b5xf7ww] {
    margin: 1rem 0;
}

    .table td[b-h00b5xf7ww] {
        padding: .5rem;
        border-bottom: solid #000000 1px;
    }

.mb-2[b-h00b5xf7ww] {
    margin-bottom: 2rem;
}

img[b-h00b5xf7ww] {
    width: 100%;
}

.h-manual[b-h00b5xf7ww] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}

@media (max-width: 768px) {
    .h-manual[b-h00b5xf7ww] {
        
        grid-template-columns: 1fr;
       
    }
}
/* _content/BeUp.New/Components/Pages/help/Index.razor.rz.scp.css */

.grid[b-yg3r64yjgz] {
    display: grid;
    grid-template-columns: 2fr 4fr;
    background: #FFFFFF;
    box-shadow: 0px 0px 0.5rem rgba(138, 168, 182, 0.2);
    border-radius: 0.5rem;
    margin: 1.5rem 0 0;
    height: calc(100vh - 6.5rem);
    overflow: hidden;
    gap: 0;
}

.panel[b-yg3r64yjgz] {
    background: #E2EEF5;
}

.block-text[b-yg3r64yjgz] {
    display: flex;
    flex-direction: column;
}

.header-note[b-yg3r64yjgz] {
    display: flex;
}

[b-yg3r64yjgz] .dropdown.active .list,
.card-note .col:first-child[b-yg3r64yjgz] {
    background: #E2EEF5;
}

.card-note[b-yg3r64yjgz] {
    background: #FFFFFF;
    box-shadow: 0px 0px 0.5rem rgba(138, 168, 182, 0.2);
    border-radius: 0.5rem;
    margin: 1.5rem 0 0;
    max-height: 90vh;
    overflow: hidden;
    gap: 0;
}

    .card-note .body[b-yg3r64yjgz] {
        overflow-y: auto;
        height: calc(100vh - 15.5rem);
    }

        .card-note .body[b-yg3r64yjgz]::-webkit-scrollbar {
            width: 6px; /* width of the entire scrollbar */
        }

        .card-note .body[b-yg3r64yjgz]::-webkit-scrollbar-track {
            background: none; /* color of the tracking area */
        }

        .card-note .body[b-yg3r64yjgz]::-webkit-scrollbar-thumb {
            background-color: #8AA8B6; /* color of the scroll thumb */
            border-radius: 20px; /* roundness of the scroll thumb */
            border: 1px solid #8AA8B6; /* creates padding around scroll thumb */
        }

.grid-2[b-yg3r64yjgz] {
    grid-template-columns: 1fr 2fr;
}

.header-card[b-yg3r64yjgz] {
    margin: 1rem;
    display: flex;
    flex-direction: column;
}

    .header-card input[b-yg3r64yjgz] {
        width: 100%;
    }

.note-edit[b-yg3r64yjgz] {
    background: #fff;
    border-radius: .5rem;
}

.note-block[b-yg3r64yjgz] {
    padding: .875rem .875rem 0 .875rem;
    cursor: pointer;
    overflow: hidden;
    max-height: 15rem;
}

    .note-block.active[b-yg3r64yjgz] {
        background: #fff;
        margin-top: -2px;
    }

    .note-block h4[b-yg3r64yjgz] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #151D2A;
    }

    .note-block span[b-yg3r64yjgz] {
        font-weight: 400;
        font-size: .875rem;
        line-height: .875rem;
        color: #4F4F4F;
        margin: 0.875rem 0 0.875rem auto;
        display: flex;
        justify-content: end;
    }

    .note-block .note-body[b-yg3r64yjgz] {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.25rem;
        color: #4F4F4F;
        overflow: hidden;
        max-height: 7.75rem;
    }

.note-filter[b-yg3r64yjgz] {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

    .note-filter span[b-yg3r64yjgz] {
        color: #2BC4D6;
        font-size: .75rem;
        margin-right: .5rem;
        cursor: pointer;
    }

    .note-filter .active[b-yg3r64yjgz] {
        text-decoration-line: underline;
    }

    .note-filter p[b-yg3r64yjgz] {
        margin-right: .5rem;
        color: #151D2A;
        font-size: .75rem;
    }

.note-block hr[b-yg3r64yjgz] {
    border: 1px solid #fff;
    margin: 0;
}


[b-yg3r64yjgz] .ql-editor {
    min-height: 30vh;
}

.btn-mini[b-yg3r64yjgz] {
    margin-left: auto;
    display: flex;
}

@media (max-width: 640.98px) {
    .grid[b-yg3r64yjgz] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
        max-height: max-content;
        margin-bottom: 6rem;
        height: auto;
    }

    .panel[b-yg3r64yjgz] {
        order: 2;
    }

    .grid .col[b-yg3r64yjgz] {
        order: 1;
    }

    .grid .note-edit[b-yg3r64yjgz] {
        order: 0;
    }

    .card-note[b-yg3r64yjgz] {
        max-height: 100%;
        overflow: visible;
    }

        .card-note .body[b-yg3r64yjgz] {
            overflow-y: auto;
            height: auto;
        }

    .card[b-yg3r64yjgz] {
        margin: 1rem;
    }

    .body .note-block:last-child hr[b-yg3r64yjgz] {
        border: none;
        margin: 0;
    }
}
/* _content/BeUp.New/Components/Pages/Help/TicketComponent.razor.rz.scp.css */
.ticket-block[b-uep7ffzafk] {
    padding: 1rem;
    display:flex;
    flex-direction:column;
    flex:1;
}

.message[b-uep7ffzafk] {
    flex:1;
}

.edit-block[b-uep7ffzafk] {
    padding-top: 1rem;
    border-top: 1px solid #D0D0D0;
}

[b-uep7ffzafk] .form-control:disabled {
    background-color: #D0D0D0;
}

.disabled .btn-secondary[b-uep7ffzafk] {
    background: #D0D0D0;
    border-color: #D0D0D0;
}

.body-message .card[b-uep7ffzafk] {
    margin: .5rem 0 .5rem .5rem;
    padding: 1rem;
    border: 1px solid #D0D0D0;
    border-radius: .5rem;
}

.card .date[b-uep7ffzafk] {
    font-weight: 400;
    font-size: .875rem;
    line-height: .875rem;
    color: #4F4F4F;   
    display: flex;
    justify-content: end;
}
/* _content/BeUp.New/Components/Pages/Home.razor.rz.scp.css */
section[b-ywegkiwbz7] {
    margin-bottom: 2.5rem;
}

.one[b-ywegkiwbz7] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 3fr 1fr;
    margin-top: 1.25rem;
}

.grid-6[b-ywegkiwbz7] {
    gap: .75rem;
}

.card[b-ywegkiwbz7] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 1rem;
    padding: .75rem;
    overflow: hidden;
}

    .card img[b-ywegkiwbz7] {
        margin: -.75rem -1.75rem 0 auto;
        overflow: hidden;
        display: block;
    }

    .card.card-color-1:hover[b-ywegkiwbz7] {
        box-shadow: 0 4px 0 0 #91B4CA;
    }

    .card.card-color-2:hover[b-ywegkiwbz7] {
        box-shadow: 0 4px 0 0 #A7B1DF;
    }

    .card.card-color-3:hover[b-ywegkiwbz7] {
        box-shadow: 0 4px 0 0 #D9C5A4;
    }

    .card.card-color-4:hover[b-ywegkiwbz7] {
        box-shadow: 0 4px 0 0 #9ED0D7;
    }

    .card.card-color-5:hover[b-ywegkiwbz7] {
        box-shadow: 0 4px 0 0 #A3A3C8;
    }

    .card.card-color-6:hover[b-ywegkiwbz7] {
        box-shadow: 0 4px 0 0 #B88EC0;
    }

    .card:hover img[b-ywegkiwbz7] {
        margin: -.75rem -.75rem 0 auto;
        overflow: hidden;
        display: block;
    }

.card-color-1[b-ywegkiwbz7] {
    background-image: url('svg/frame 1948760736.svg');
}

.card-color-2[b-ywegkiwbz7] {
    background-image: url('svg/frame1948760737.svg');
}

.card-color-3[b-ywegkiwbz7] {
    background-image: url('svg/frame1948760741.svg');
}

.card-color-4[b-ywegkiwbz7] {
    background-image: url('svg/frame1948760742.svg');
}

.card-color-5[b-ywegkiwbz7] {
    background-image: url('svg/frame1948760743.svg');
}

.card-color-6[b-ywegkiwbz7] {
    background-image: url('svg/frame1948760744.svg');
}

.section-title[b-ywegkiwbz7] {
    margin-bottom: 1.25rem;
}

.couch .card[b-ywegkiwbz7] {
    border-radius: 1rem;
    background-color: var(--Main-White, #FFF);
    padding: 1.25rem 2.5rem;
    position: relative;
    
}

    .couch .card .block[b-ywegkiwbz7] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        width: 60%;
    }
    .couch .card .btn[b-ywegkiwbz7] {
        width: fit-content;
    }
    .couch .card[b-ywegkiwbz7]:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 200%;
        top: -50%;
        right: -50%;
        background: url('img/couch-bacgraund.png') 0 0 repeat;
        transform: rotate(-30deg);
    }
    .couch .card p[b-ywegkiwbz7] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

@media (max-width: 640.98px) {
    .one[b-ywegkiwbz7] {
        display: grid;
        gap: .75rem;
        grid-template-columns: 1fr;
        margin-top: 1.25rem;
        padding: 0 .75rem;
    }

    .section-title[b-ywegkiwbz7] {
        padding: 0 .75rem;
    }

    .grid-6[b-ywegkiwbz7] {
        overflow-x: scroll;
        width: calc(100vw - .75rem);
        margin: 0 .75rem;
        scrollbar-width: none;
    }

    .card[b-ywegkiwbz7] {
        width: max-content;        
        height: max-content;
        min-width: 7rem;
    }
    .couch[b-ywegkiwbz7] {
        margin: 0 .75rem;
        display: flex;
    }
    .couch .card[b-ywegkiwbz7] {
        width: 100%;
        padding: 7.5rem 1rem 1rem;
    }
        .couch .card[b-ywegkiwbz7]:before {
            content: "";
            position: absolute;
            width: 200%;
            height: 100%;
            top: -65%;
            left: -25%;
            background: url(img/couch-bacgraund.png) 0 0 repeat;
            transform: rotate(15deg);
        }
        .couch .card .block[b-ywegkiwbz7] {
            width: 100%;
        }
}
/* _content/BeUp.New/Components/Pages/Landing/Companies.razor.rz.scp.css */
@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}
body[b-h7q3fwfnp6] {
    background: none!important;
}
:root[b-h7q3fwfnp6] {
    --col-1: #13A5FF;
    --col-2: #0A0C3C;
    --col-3: #F1FAFF;
    --color-1: #2BC4D5;
    --color-2: #5F4FD0;
    --color-3: #E1EDF5;
    --color-4: #EBE9F8;
    --color-5: #EAF8FA;
    --color-6: #F8F8FD;
    --btn-hover: #493da1;
    --dark-gray-color: #505050;
    --color-black: #000000;
    --color-white: #ffffff;
}

*[b-h7q3fwfnp6] {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease, opacity 0.3s ease;
    -o-transition: background-color 0.3s ease, opacity 0.3s ease;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    scroll-behavior: smooth;
}

html[b-h7q3fwfnp6] {
    font-size: 16px;
}

body[b-h7q3fwfnp6] {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: normal;
    font-size: 1rem;
    color: var(--col-2);
}

ul[b-h7q3fwfnp6],
li[b-h7q3fwfnp6] {
    display: block;
    padding: 0;
    margin: 0;
}

h1[b-h7q3fwfnp6],
h2[b-h7q3fwfnp6],
h3[b-h7q3fwfnp6],
h4[b-h7q3fwfnp6],
h5[b-h7q3fwfnp6],
h6[b-h7q3fwfnp6] {
    font-family: inherit;
    font-weight: 700;
    color: var(--col-2);
}

p[b-h7q3fwfnp6] {
    margin: 0;
}

.container[b-h7q3fwfnp6] {
    width: 100%;
    max-width: 1350px;
    padding: 0 60px;
    margin: 0 auto;
}

.d-flex[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-content-center[b-h7q3fwfnp6] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-sb[b-h7q3fwfnp6] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-items-center[b-h7q3fwfnp6] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-stretch[b-h7q3fwfnp6] {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

a[b-h7q3fwfnp6] {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

button[b-h7q3fwfnp6] {
    font-family: inherit;
    font-weight: 400;
    border: none;
    background: none;
    cursor: pointer;
}

.btn[b-h7q3fwfnp6] {
    display: inline-block;
    width: auto;
    font-family: inherit;
    font-weight: 600;
    border-radius: 12px;
    max-height: 3.25rem;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .btn:hover[b-h7q3fwfnp6] {
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

.btn-primary[b-h7q3fwfnp6] {
    color: var(--color-white);
    background-color: var(--color-2);
    border: none;
}

    .btn-primary:hover[b-h7q3fwfnp6] {
        background-color: var(--btn-hover);
    }

.btn-secondary[b-h7q3fwfnp6] {
    color: var(--color-2);
    background-color: transparent;
    border: 1px solid var(--color-2);
}

    .btn-secondary:hover[b-h7q3fwfnp6] {
        color: var(--color-white);
        background-color: var(--btn-hover);
    }

.btn-tertiary[b-h7q3fwfnp6] {
    color: var(--color-2);
    background-color: #F9F8FF;
}

    .btn-tertiary:hover[b-h7q3fwfnp6] {
        color: var(--color-white);
        background-color: var(--color-2);
    }

/* h1 {
	font-size: 6rem;
}

h2 {
	font-size: 5rem;
}

h3 {
	font-size: 4rem;
} */

:hover[b-h7q3fwfnp6] {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

img[b-h7q3fwfnp6] {
    width: 100%;
    display: block;
}

.title-section[b-h7q3fwfnp6] {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

.subtitle-section[b-h7q3fwfnp6] {
    background-color: var(--color-6);
    color: var(--color-2);
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 500;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

section[b-h7q3fwfnp6] {
    padding-bottom: 80px;
}

/* Header */

.header[b-h7q3fwfnp6] {
    max-width: 1350px;
    margin: 0 auto;
    width: 100%;
    padding: 16px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__btn[b-h7q3fwfnp6] {
    padding: 1rem 1.5rem;
}

.header__logo[b-h7q3fwfnp6] {
    max-width: 111px;
}

.header__menu_list[b-h7q3fwfnp6] {
    gap: 24px;
}

.header__menu_link[b-h7q3fwfnp6] {
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

    .header__menu_link[b-h7q3fwfnp6]::after {
        content: attr(data-text);
        font-weight: 700;
        height: 0;
        visibility: hidden;
        overflow: hidden;
        display: block;
    }

    .header__menu_link:hover[b-h7q3fwfnp6],
    .header__menu_link.active[b-h7q3fwfnp6] {
        font-weight: 700;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }



/* Стили для бургер-меню */
.header__burger[b-h7q3fwfnp6] {
    display: none;
}

    .header__burger span[b-h7q3fwfnp6] {
        display: block;
        height: 1px;
        width: 15px;
        background-color: var(--col-2);
        border-radius: 200px;
    }

.header__menu-mob[b-h7q3fwfnp6] {
    display: none;
    overflow-y: scroll;
}

/* Адаптивные стили */
@media screen and (max-width: 768px) {
    .header__menu-mob[b-h7q3fwfnp6] {
        display: none;
    }

    .header__menu[b-h7q3fwfnp6],
    .header__btn[b-h7q3fwfnp6] {
        display: none;
    }

    .header__menu-mob-top[b-h7q3fwfnp6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-bottom: 60px;
    }

    .header__burger[b-h7q3fwfnp6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__menu-mob .header__btn[b-h7q3fwfnp6] {
        display: block;
        margin-top: 60px;
    }

    .header__menu-mob .header__menu_list[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .header__menu-mob .header__menu_list .header__menu_link[b-h7q3fwfnp6] {
            font-size: 1.3333rem;
        }

    .header__menu-mob .header__menu_link-service[b-h7q3fwfnp6] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header__menu-mob .header__submenu[b-h7q3fwfnp6] {
        display: none;
        position: sticky;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid var(--color-3);
        border-radius: 0;
        min-width: 200px;
        margin-top: 20px;
    }

        .header__menu-mob .header__submenu.active[b-h7q3fwfnp6] {
            display: block;
        }

    .header__menu_link-service-mob.active + .header__submenu_mob[b-h7q3fwfnp6] {
        display: block;
    }

    .header__menu_link-service-mob.active img[b-h7q3fwfnp6] {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .header__menu-mob .header__submenu-icon--wrapper[b-h7q3fwfnp6] {
        width: 32px;
        height: 32px;
    }

    .header__menu-mob .header__submenu li a[b-h7q3fwfnp6] {
        padding: 0 0 12px 0;
        border-bottom: none;
    }

    .header__submenu_arrow-img[b-h7q3fwfnp6] {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 16px;
        height: 16px;
        margin-left: auto;
    }

    .header__menu-mob.active[b-h7q3fwfnp6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 12px 16px;
        background: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        z-index: 100000;
    }
}

/* Hero */

.hero[b-h7q3fwfnp6] {
    padding-top: 20px;
}

.hero__baner[b-h7q3fwfnp6] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    z-index: 1;
}

.hero__baner-main--wrapper[b-h7q3fwfnp6] {
    background-color: var(--color-6);
    min-height: 500px;
    overflow: hidden;
    margin-bottom: 20px;
}

.hero__baner-main_content[b-h7q3fwfnp6] {
    text-align: center;
}

.hero__baner-main_title[b-h7q3fwfnp6] {
    font-size: 2.625rem;
    max-width: 60rem;
}

.hero__baner-main_title-highlighting[b-h7q3fwfnp6] {
    position: relative;
    color: var(--color-2);
    z-index: 1;
    display: inline-block;
}

    .hero__baner-main_title-highlighting[b-h7q3fwfnp6]::before {
        content: "";
        position: absolute;
        inset: 0;
        width: calc(100% + 10px);
        background-color: var(--color-4);
        z-index: -1;
    }

.hero__baner-main_text[b-h7q3fwfnp6] {
    margin-top: 1.75rem;
    margin-bottom: 2.5rem;
    color: #4E5080;
}

.hero__baner-main_btns[b-h7q3fwfnp6] {
    gap: 20px;
}

.hero__baner-main-star[b-h7q3fwfnp6] {
    position: absolute;
    background-image: url(../img_comp-new/svg/hero-star-litle.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.hero__baner-main-star-1[b-h7q3fwfnp6] {
    top: 39px;
    left: 50px;
    width: 92px;
    height: 92px;
}

.hero__baner-main-star-2[b-h7q3fwfnp6],
.hero__baner-main-star-3[b-h7q3fwfnp6],
.hero__baner-main-star-4[b-h7q3fwfnp6] {
    width: 47px;
    height: 47px;
}

.hero__baner-main-star-2[b-h7q3fwfnp6] {
    top: 15px;
    right: 107px;
}

.hero__baner-main-star-3[b-h7q3fwfnp6] {
    bottom: 78px;
    right: 67px;
}

.hero__baner-main-star-4[b-h7q3fwfnp6] {
    bottom: 31px;
    left: 304px;
}

.hero__baner-main-line[b-h7q3fwfnp6] {
    position: absolute;
    top: -125px;
    left: -92px;
    background-image: url(../img_comp-new/svg/hero-line-vector.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 1471px;
    height: 940px;
    z-index: -1;
}

.hero__baner-second--wrapper[b-h7q3fwfnp6] {
    background-color: var(--color-3);
    min-height: 123px;
    overflow: hidden;
}

.hero__baner-second_text[b-h7q3fwfnp6] {
    max-width: 46.5rem;
    color: var(--col-1);
    text-align: center;
    font-weight: 500;
}

.hero__baner-second-star[b-h7q3fwfnp6] {
    position: absolute;
    background-image: url(../img_comp-new/svg/hero-star-blue.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 275px;
    height: 275px;
    z-index: -1;
}

.hero__baner-second-star-1[b-h7q3fwfnp6] {
    top: -76px;
    left: -54px;
    -webkit-transform: rotate(-19.5deg);
    -ms-transform: rotate(-19.5deg);
    transform: rotate(-19.5deg);
}

.hero__baner-second-star-2[b-h7q3fwfnp6] {
    top: -92px;
    right: -42px;
    -webkit-transform: rotate(21.65deg);
    -ms-transform: rotate(21.65deg);
    transform: rotate(21.65deg);
}

/* advantages */

.advantages__subtitle[b-h7q3fwfnp6] {
    margin-bottom: 0.75rem;
}

.advantages__title[b-h7q3fwfnp6] {
    margin-bottom: 3.75rem;
}

.advantages__content[b-h7q3fwfnp6] {
    gap: 43px;
}

.advantages__content-img--wrapper[b-h7q3fwfnp6] {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    min-width: 24.875rem;
}

.advantages__content-img[b-h7q3fwfnp6] {
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 356px;
}

.advantages__content-img-line[b-h7q3fwfnp6] {
    position: absolute;
    top: 25px;
    left: -276px;
    background-image: url(../img_comp-new/svg/advantages-line-vector.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 1043px;
    height: 668px;
}

.advantages__content-list[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 56px;
    -webkit-column-gap: 19px;
    -moz-column-gap: 19px;
    column-gap: 19px;
}

.advantages__content-item[b-h7q3fwfnp6] {
    padding: 1.5rem;
    max-width: 15.625rem;
    max-height: 9.375rem;
    width: 100%;
}

.advantages__content-item_icon[b-h7q3fwfnp6] {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--color-4);
    margin: 0 auto 20px;
}

    .advantages__content-item_icon img[b-h7q3fwfnp6] {
        width: 1.5rem;
        height: 1.5rem;
    }

.advantages__content-item_text[b-h7q3fwfnp6] {
    font-size: 1rem;
    text-align: center;
}

    .advantages__content-item_text span[b-h7q3fwfnp6] {
        display: block;
        font-weight: 600;
        color: var(--color-2);
    }

/* demo-version */


.demo-version__baner[b-h7q3fwfnp6] {
    border-radius: 40px;
    background-color: var(--color-5);
}

.demo-version__baner-main[b-h7q3fwfnp6] {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 21px 73px 30px 60px;
    z-index: 1;
    border-radius: 40px 40px 0 0;
}

.demo-version__baner-main-content[b-h7q3fwfnp6] {
    max-width: 15.25rem;
    margin: auto 0;
}

.demo-version__baner-main-title[b-h7q3fwfnp6] {
    font-size: 2.625rem;
    margin-bottom: 1.5rem;
}

.demo-version__baner-main-imgs[b-h7q3fwfnp6] {
    position: relative;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.demo-version__baner-main-img[b-h7q3fwfnp6] {
    border-radius: 40px;
    border: 2px solid #5F4FD0;
    -webkit-box-shadow: 0px 14px 22px 0px #5F4FD052;
    box-shadow: 0px 14px 22px 0px #5F4FD052;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 18.5rem;
    min-width: 23.25rem;
    max-height: 18.5rem;
    max-width: 23.25rem;
}

.demo-version__baner-main-img--back[b-h7q3fwfnp6] {
    position: absolute;
    border-radius: 40px;
    opacity: 50%;
    width: 259px;
    height: 206px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.demo-version__baner-main-img--back1[b-h7q3fwfnp6] {
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
    top: 48px;
    left: -53px;
    background-image: url(../img_comp-new/demo-version-img-second-left.jpg);
}

.demo-version__baner-main-img--back2[b-h7q3fwfnp6] {
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    top: 48px;
    right: -48px;
    background-image: url(../img_comp-new/demo-version-img-second-right.jpg);
}

.demo-version__baner-main-line[b-h7q3fwfnp6] {
    position: absolute;
    top: -145px;
    left: -116px;
    z-index: -1;
}

.demo-version__baner-running-line[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    padding: 0.75rem 1rem;
    background-color: var(--color-2);
    color: white;
    border-radius: 0 0 40px 40px;
    overflow: hidden;
}

.demo-version__baner-running-line-text[b-h7q3fwfnp6] {
    font-size: 1rem;
    text-wrap: nowrap;
    font-weight: 600;
}

.demo-version__baner-running-line-icon[b-h7q3fwfnp6],
.demo-version__baner-running-line-icon svg[b-h7q3fwfnp6] {
    width: 29px;
    height: 29px;
}

/* decisions */

.decisions__title[b-h7q3fwfnp6] {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}

.decisions__list[b-h7q3fwfnp6] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.decisions__item[b-h7q3fwfnp6] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid var(--color-6);
    overflow: hidden;
}

    .decisions__item:nth-child(even)[b-h7q3fwfnp6] {
        background-color: var(--color-6);
    }

    .decisions__item:nth-child(odd)[b-h7q3fwfnp6]::before {
        content: "";
        position: absolute;
        right: -90px;
        bottom: -85px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='212' height='212' viewBox='0 0 92 92' fill='none'%3E%3Cpath d='M46 0L55.1726 36.8274L92 46L55.1726 55.1726L46 92L36.8274 55.1726L0 46L36.8274 36.8274L46 0Z' fill='%23F9F8FF'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 212px;
        height: 212px;
    }

.decisions__item-icon[b-h7q3fwfnp6] {
    width: 60px;
    height: 60px;
    background-color: var(--color-4);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
}

    .decisions__item-icon img[b-h7q3fwfnp6] {
        width: 36px;
        height: 36px;
    }

.decisions__item-title[b-h7q3fwfnp6] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.decisions__item-desc[b-h7q3fwfnp6] {
    color: var(--dark-gray-color);
    margin-bottom: 2.5rem;
}

.decisions__itemdecisions__item-btn[b-h7q3fwfnp6] {
    margin-top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.hero__baner-second_title[b-h7q3fwfnp6] {
    margin-bottom: 6px;
    color: var(--col-1);
    font-size: 2rem;
}

.decisions .hero__baner-second_text[b-h7q3fwfnp6] {
    font-size: 1.25rem;
}

/* packages */
.packages[b-h7q3fwfnp6] {
    display: none;
}
.packages__title[b-h7q3fwfnp6] {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}

.packages__list[b-h7q3fwfnp6] {
    position: relative;
    background-color: var(--color-5);
    border-radius: 40px;
    padding: 67px 82px 39px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 70px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    z-index: 1;
    overflow: hidden;
}

.packages__line[b-h7q3fwfnp6] {
    position: absolute;
    top: -63px;
    left: 60px;
    z-index: -1;
}

.packages__item[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
}

.packages__item_num-package[b-h7q3fwfnp6] {
    color: var(--color-3);
    background-color: var(--color-1);
    padding: 1rem 2rem;
    font-size: 1.75rem;
    border-radius: 16px;
    font-weight: 700;
    margin-top: -53px;
    margin-bottom: 23px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.packages__item_list[b-h7q3fwfnp6] {
    display: -ms-grid;
    display: grid;
    gap: 12px;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: repeat(2, 1fr);
    max-width: 29.625rem;
    margin-bottom: 20px;
}

.packages__item_list-item[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

    .packages__item_list-item:last-child[b-h7q3fwfnp6] {
        grid-column: -1/1;
    }

.packages__item_list-item-icon[b-h7q3fwfnp6] {
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-4);
    border-radius: 12px;
}

    .packages__item_list-item-icon img[b-h7q3fwfnp6] {
        min-width: 20px;
        min-height: 20px;
        max-width: 20px;
        max-height: 20px;
    }

.packages__item_list-item-text span[b-h7q3fwfnp6] {
    font-weight: 700;
}

.packages__item_price[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
}

.packages__item_price-main[b-h7q3fwfnp6] {
    font-size: 2rem;
    font-weight: 700;
}

.packages__item_list-item-last[b-h7q3fwfnp6] {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.packages__item_list-item-last-back[b-h7q3fwfnp6] {
    background: var(--color-1);
    -webkit-box-shadow: 0px 24px 54px 0px #2BC4D54D;
    box-shadow: 0px 24px 54px 0px #2BC4D54D;
    height: 11.625rem;
    border-radius: 20px;
    margin-top: auto;
}

.packages__item_list-item-last-img--wrapper[b-h7q3fwfnp6] {
    position: absolute;
    bottom: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 705px;
    height: 393px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.packages__item_list-item-last-img[b-h7q3fwfnp6] {
    width: 990px;
    height: 661px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}


/* faq-working */

.faq-working__inner[b-h7q3fwfnp6] {
    gap: 36px;
}

.faq-working__img-wrapper[b-h7q3fwfnp6] {
    max-width: 31.25rem;
    min-height: 35rem;
    max-height: 35rem;
    border-radius: 40px;
    overflow: hidden;
}

.faq-working__img[b-h7q3fwfnp6] {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 40px;
    min-height: 35rem;
    max-height: 35rem;
}

.faq-working__subtitle[b-h7q3fwfnp6] {
    margin: 0;
    margin-right: auto;
}

.faq-working__title[b-h7q3fwfnp6] {
    text-align: left;
    margin: 12px 0 20px;
}

.faq-working__item[b-h7q3fwfnp6] {
    border-bottom: 1px solid #F3F3F3;
    padding: 20px 0;
    cursor: pointer;
}

    .faq-working__item:first-child[b-h7q3fwfnp6] {
        border-top: 1px solid #F3F3F3;
    }

.faq-working__item--wrapper[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    font-weight: 600;
}

.faq-working__item-count[b-h7q3fwfnp6] {
    width: 27px;
}

.faq-working__item-arrow[b-h7q3fwfnp6] {
    margin-left: auto;
}

.faq-working__item-arrow[b-h7q3fwfnp6] {
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-working__answer[b-h7q3fwfnp6] {
    display: none;
    padding: 20px 47px 0;
}

.faq-working__item.active .faq-working__item-arrow[b-h7q3fwfnp6] {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.faq-working__item.active .faq-working__answer[b-h7q3fwfnp6] {
    display: block;
}

/* specialists */

.specialists__title[b-h7q3fwfnp6] {
    margin: 12px 0;
}

.specialists__desc[b-h7q3fwfnp6] {
    color: var(--dark-gray-color);
    font-size: 1rem;
    margin-bottom: 40px;
    text-align: center;
    max-width: 1065px;
    margin: 0 auto;
}

.specialists__list[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: auto;
    margin: 40px 0;
}

    .specialists__list[b-h7q3fwfnp6]::-webkit-scrollbar {
        width: .625rem;
        height: 4px; /* width of the entire scrollbar */
    }

    .specialists__list[b-h7q3fwfnp6]::-webkit-scrollbar-track {
        background: rgba(138, 168, 182, 0.20); /* color of the tracking area */
    }

    .specialists__list[b-h7q3fwfnp6]::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);        
        background-repeat: no-repeat;
        background-position: center;
    }

.specialists__item[b-h7q3fwfnp6] {
    position: relative;
    max-width: 208px;
    max-height: 300px;
    min-width: 208px;
    min-height: 300px;
    cursor: pointer;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px solid transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: .5rem;
}

    .specialists__item:hover[b-h7q3fwfnp6],
    .specialists__item.active[b-h7q3fwfnp6] {
        border: 1px solid var(--color-2);
        background: var(--color-6);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.specialists__item-avatar-img[b-h7q3fwfnp6] {
    position: absolute;
    top: -1px;
    left: -1px;
    max-width: 13rem;
    min-width: 13rem;
    border-radius: 20px;
}

.specialists__item-info[b-h7q3fwfnp6] {
    padding: 12px 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.specialists__item-name[b-h7q3fwfnp6] {
    font-size: 1rem;
    margin-bottom: 4px;
    color: #000000;
    font-weight: 600;
    display: block;
    margin: 0 auto;
    text-align:center;
}

.specialists__item-role[b-h7q3fwfnp6] {
    color: var(--dark-gray-color);
    font-size: 1rem;
    font-weight: 500;
    display: block;
    margin: 0 auto;
}

.specialists__reviews[b-h7q3fwfnp6] {
    position: relative;
}

.specialists__review[b-h7q3fwfnp6] {
    display: none;
    max-width: 50.875rem;
    width: 100%;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid var(--color-6);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}

    .specialists__review.active[b-h7q3fwfnp6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.specialists__review-text[b-h7q3fwfnp6] {
    position: relative;
    font-size: 0.75rem;
    color: var(--dark-gray-color);
    z-index: 1;
    max-width: 357px;
    margin-left: 16px;
}

.specialists__review-text-quotation[b-h7q3fwfnp6] {
    position: absolute;
    top: -71px;
    left: -20px;
    width: 100px;
    height: 100px;
    z-index: -1;
}

.specialists__review-problems[b-h7q3fwfnp6] {
    text-align: center;
}

.specialists__review-problems_title[b-h7q3fwfnp6] {
    font-size: 0.75rem;
    margin-bottom: 16px;
}

.specialists__review-problems-list[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.specialists__review-problems-item[b-h7q3fwfnp6] {
    color: var(--color-2);
    background-color: var(--color-6);
    border-radius: 50px;
    padding: 12px 24px;
    font-size: 0.75rem;
    font-weight: 500;
    text-wrap: nowrap;
}

.specialists__review-btns[b-h7q3fwfnp6] {
    position: absolute;
    right: 0;
    top: 0;
}

.specialists__review-btn[b-h7q3fwfnp6] {
    display: none;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: var(--color-6);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .specialists__review-btn img[b-h7q3fwfnp6] {
        width: 20px;
        height: 20px;
    }

    .specialists__review-btn.active[b-h7q3fwfnp6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

/* researches */

.researches__title[b-h7q3fwfnp6] {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}

.researches__inner[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.researches__content[b-h7q3fwfnp6] {
    width: 547px;
}

.researches__content-title[b-h7q3fwfnp6] {
    text-align: left;
}

.researches__content-desc[b-h7q3fwfnp6] {
    margin: 8px 0 20px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--dark-gray-color);
}

.researches__content-list[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.researches__content-item[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.researches__content-item_percent[b-h7q3fwfnp6] {
    font-size: 3.25rem;
}

.researches__content-item_text[b-h7q3fwfnp6] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--dark-gray-color);
}

.researches__graphic[b-h7q3fwfnp6] {
    width: 501px;
}

.researches__graphic[b-h7q3fwfnp6] {
    text-align: center;
    background-color: #FAFAFA;
    border-radius: 20px;
    padding: 20px;
}

.researches__graphic-title[b-h7q3fwfnp6] {
    font-size: 0.75rem;
    color: var(--dark-gray-color);
    font-weight: 500;
    max-width: 19.125rem;
    margin: 0 auto;
}

.researches__graphic-btns[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color-6);
    border: 1px solid var(--color-4);
    border-radius: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px auto 64px;
}

.researches__graphic-btn[b-h7q3fwfnp6] {
    border-radius: 30px;
    background-color: transparent;
    padding: 16px 32px;
    font-weight: 500;
    color: var(--dark-gray-color);
}

    .researches__graphic-btn.active[b-h7q3fwfnp6] {
        background-color: var(--color-2);
        color: var(--color-3);
        -webkit-box-shadow: 0px 14px 22px 0px #5F4FD052;
        box-shadow: 0px 14px 22px 0px #5F4FD052;
    }

.researches__graphics[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 36px;
    height: 178px;
}

.researches__graphic-backg[b-h7q3fwfnp6] {
    position: relative;
    border-radius: 8px;
    width: 181px;
}

.researches__graphic-ordinary-backg[b-h7q3fwfnp6] {
    background-color: #B5E0FB;
    height: 52px;
}

.researches__graphic-specialist-backg[b-h7q3fwfnp6] {
    background-color: var(--col-1);
    height: 135px;
}

.active .researches__graphic-ordinary-backg[b-h7q3fwfnp6] {
    background-color: #B5E0FB;
    height: 75px;
}

.active .researches__graphic-specialist-backg[b-h7q3fwfnp6] {
    background-color: var(--col-1);
    height: 178px;
}

.researches__graphic-ordinary-percent[b-h7q3fwfnp6] {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--col-3);
    font-size: 1.375rem;
    font-weight: 700;
}

.researches__graphic-ordinary-text[b-h7q3fwfnp6] {
    color: var(--dark-gray-color);
    font-size: 0.75rem;
    margin-top: 12px;
    font-weight: 500;
}

.researches__baner[b-h7q3fwfnp6] {
    position: relative;
    margin-top: 95px;
    background-color: var(--color-5);
    border-radius: 20px;
    padding: 24px;
    overflow: hidden;
    z-index: 1;
}

.researches__baner_content[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hero__baner_title[b-h7q3fwfnp6] {
    font-size: 1.5rem;
    margin-left: 28px;
}

.researches__btn[b-h7q3fwfnp6] {
    background-color: var(--color-1);
    color: #ffffff;
}

    .researches__btn:hover[b-h7q3fwfnp6] {
        opacity: 0.8;
    }

.hero__baner-star[b-h7q3fwfnp6] {
    position: absolute;
    left: 45.69%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(21.65deg);
    -ms-transform: translate(-50%, -50%) rotate(21.65deg);
    transform: translate(-50%, -50%) rotate(21.65deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='276' height='276' viewBox='0 0 276 276' fill='none'%3E%3Cpath d='M137.514 0.0136719L164.932 110.096L275.014 137.514L164.932 164.932L137.514 275.014L110.096 164.932L0.0136719 137.514L110.096 110.096L137.514 0.0136719Z' fill='%232BC4D5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    width: 275px;
    height: 275px;
    opacity: 20%;
    z-index: -1;
}


/* reviews */

.reviews__title[b-h7q3fwfnp6] {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}

.reviews__list[b-h7q3fwfnp6] {
    gap: 20px;
    margin-bottom: 40px;
    align-items: stretch !important;
}

.reviews__item[b-h7q3fwfnp6] {
    background: var(--color-6);
    border-radius: 48px;
    padding: 40px;
    min-width: 395px;
    max-width: 395px;
    display: flex;
    flex-direction: column;    
}

.reviews__item-stars[b-h7q3fwfnp6] {
    margin-bottom: 32px;
}

.reviews__star[b-h7q3fwfnp6] {
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url("../img_comp-new/svg/star-empty.svg") no-repeat center;
    background-size: contain;
}

.reviews__star--filled[b-h7q3fwfnp6] {
    background: url("../img_comp-new/svg/star-filled.svg") no-repeat center;
    background-size: contain;
}

.reviews__item-text[b-h7q3fwfnp6] {
    margin-bottom: 55px;
    line-height: 160%;
}

.reviews__item-user[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.reviews__item-avatar[b-h7q3fwfnp6] {
    width: 64px;
    height: 64px;
    background: var(--color-2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 1.5rem;
}

.reviews__item-info[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.reviews__item-name[b-h7q3fwfnp6] {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 140%;
    margin-bottom: 4px;
}

.reviews__item-role[b-h7q3fwfnp6] {
    color: var(--dark-gray-color);
    line-height: 120%;
}

.reviews__btns[b-h7q3fwfnp6] {
    gap: 12px;
}

.reviews__btn[b-h7q3fwfnp6] {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    background-color: var(--color-6);
}

    .reviews__btn:hover[b-h7q3fwfnp6] {
        background-color: var(--color-4);
    }

    .reviews__btn img[b-h7q3fwfnp6] {
        width: 20px;
        height: 20px;
    }

/* FAQ */


.faq__title[b-h7q3fwfnp6] {
    font-size: 2rem;
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
    text-align: center;
}

.faq__list[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.faq__item[b-h7q3fwfnp6] {
}

    .faq__item.active .faq__item-question_wrapper[b-h7q3fwfnp6],
    .faq__item-question_wrapper:hover[b-h7q3fwfnp6] {
        background-color: var(--color-3);
    }

    .faq__item.active .faq__item-answer[b-h7q3fwfnp6] {
        padding: 23px 40px;
        border-bottom: 1px solid var(--color-3);
        overflow: visible;
        max-height: 750px;
        visibility: visible;
    }

.faq__item-question_wrapper[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 40px;
    border-radius: 20px;
    cursor: pointer;
}

.faq__item-question[b-h7q3fwfnp6] {
    font-size: 1.25rem;
    font-weight: 700;
    width: 100%;
}

.faq__item-question-arrow[b-h7q3fwfnp6] {
    width: 26px;
    height: 26px;
}

.faq__item-answer[b-h7q3fwfnp6] {
    color: var(--dark-gray-color);
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 1s ease, padding 0.5s ease, visibility 1s ease;
    -o-transition: max-height 1s ease, padding 0.5s ease, visibility 1s ease;
    transition: max-height 1s ease, padding 0.5s ease, visibility 1s ease;
}

/* Footer */

.footer[b-h7q3fwfnp6] {
    background-color: var(--color-3);
    padding: 32px 0 40px;
    font-size: 1rem;
}

.footer-flex[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 62px;
}

.footer__item[b-h7q3fwfnp6] {
}

.footer__logo[b-h7q3fwfnp6] {
    max-width: 111px;
    margin-bottom: 15px;
}

.footer__contacts[b-h7q3fwfnp6] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 48px;
}

.footer__contact[b-h7q3fwfnp6] {
    gap: 12px;
    font-size: 1rem;
}

    .footer__contact img[b-h7q3fwfnp6] {
        width: 20px;
        height: 20px;
    }

.footer__authorization[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 48px;
}

.footer__authorization-in[b-h7q3fwfnp6] {
    background-color: var(--color-1);
    color: var(--color-white);
    font-weight: 500;
}

.footer__authorization-register[b-h7q3fwfnp6] {
    color: var(--col-2);
    border: 1px solid var(--color-1);
    background-color: transparent;
    font-weight: 500;
}

    .footer__authorization-register:hover[b-h7q3fwfnp6] {
        color: var(--color-white);
        background-color: var(--color-1);
        border: 1px solid var(--color-1);
    }

.footer__socials[b-h7q3fwfnp6] {
    max-width: 186px;
}

.footer__social_title[b-h7q3fwfnp6] {
}

.footer__social[b-h7q3fwfnp6] {
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-white);
}

.footer__social-wrapper[b-h7q3fwfnp6] {
    gap: 8px;
    margin-top: 12px;
}

.footer__menu_title[b-h7q3fwfnp6] {
    font-size: 1.25rem;
    margin-bottom: 10px;
    font-weight: 600;
}

.footer__menu_list[b-h7q3fwfnp6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.footer__fond[b-h7q3fwfnp6] {
    max-width: 118px;
    margin-bottom: 40px;
}

.footer__data[b-h7q3fwfnp6] {
}

.footer__text[b-h7q3fwfnp6] {
    margin-top: 62px;
}

.scroll-none[b-h7q3fwfnp6] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .scroll-none[b-h7q3fwfnp6]::-webkit-scrollbar {
        display: none;
    }

.hero__baner-star-2[b-h7q3fwfnp6] {
    display: none;
}

.modal-card[b-h7q3fwfnp6] {
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    height: fit-content;
    margin: auto;
    width: max-content;
}

    .modal-card p[b-h7q3fwfnp6] {
        margin: 0;
        font-size: .75rem;
    }

.modal-body[b-h7q3fwfnp6] {
    display: grid;
    grid-template-columns: 1fr;
    padding: 1rem 2rem;
}

.modal-card .card[b-h7q3fwfnp6] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.form-group[b-h7q3fwfnp6] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.col-form-label[b-h7q3fwfnp6] {
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1;
    color: #0E2B44;
    margin: 0 0 -0.25rem 0.75rem;
    background: #fff;
    z-index: 10;
    width: fit-content;
    padding: 0 0.25rem;
}

.form-control[b-h7q3fwfnp6] {
    padding: 0.75rem .75rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    border-radius: .5rem;
}

    .form-control:focus[b-h7q3fwfnp6] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }


.modal-card .card:hover[b-h7q3fwfnp6] {
    background: rgba(255, 255, 255, 1);
    border-radius: 1rem;
}


.modal-card .footer-card[b-h7q3fwfnp6] {
    text-align: center;
    font-size: .75rem;
}

.modal-title[b-h7q3fwfnp6] {
    position: relative;
    padding: 2rem 2rem 0;
}

    .modal-title .btn-close-modal[b-h7q3fwfnp6] {
        position: absolute;
        top: -1.5rem;
        right: -1.5rem;
        border: none;
        background: #fff;
        border-radius: 2rem;
        filter: drop-shadow(0px 0px 20px rgba(138, 168, 182, 0.20));
        padding: 1rem 1.15rem;
    }

.modal-footer[b-h7q3fwfnp6] {
    display: grid;
    grid-template-columns: 1fr auto;
    margin-top: 1rem;
    padding: 0 2rem 1rem;
    gap: 1rem;
}

    .modal-footer .name[b-h7q3fwfnp6] {
        display: flex;
        align-items: center;
        margin-left: 1rem;
        font-size: .85rem;
    }
/* individual-packages */
.packages[b-h7q3fwfnp6] {
    padding-bottom: 0px;
}

.individual-packages[b-h7q3fwfnp6] {
    padding-top: 172px;
    overflow: hidden;
}

.individual-packages--flex[b-h7q3fwfnp6] {
    justify-content: space-between;
}

.individual-packages__content[b-h7q3fwfnp6] {
    max-width: 469px;
    text-align: center;
}

.individual-packages__title[b-h7q3fwfnp6] {
    font-size: 26px;
    margin-bottom: 24px;
}

.individual-packages__packages[b-h7q3fwfnp6] {
    position: relative;
    border-radius: 20px;
    max-width: 513px;
    width: 100%;
}

.individual-packages__packages-back[b-h7q3fwfnp6] {
    box-shadow: 0px 24px 54px 0px #13A5FF4D;
    background-color: var(--col-1);
    border-radius: 20px;
    max-width: 513px;
    min-width: 513px;
    width: 100%;
    max-height: 185px;
    min-height: 185px;
}

.individual-packages__packages .packages__item[b-h7q3fwfnp6] {
    position: absolute;
    border-radius: 13px;
    background-color: #ffffff;
    padding: 36px 13px 13px;
    box-shadow: 0px 24px 54px 0px #13A5FF4D;
}

.individual-packages__packages .packages__item-one[b-h7q3fwfnp6] {
    transform: rotate(-15.03deg);
    bottom: -13px;
    right: -61px;
    max-width: 328px;
    min-width: 328px;
    max-height: 158px;
    min-height: 158px;
}

.individual-packages__packages .packages__item-three[b-h7q3fwfnp6] {
    transform: rotate(20.63deg);
    top: -65px;
    left: -77px;
    max-width: 332px;
    min-width: 332px;
    max-height: 184px;
    min-height: 184px;
}

.individual-packages__packages .packages__item_num-package[b-h7q3fwfnp6] {
    position: absolute;
    left: 12px;
    top: -21px;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.individual-packages__packages .packages__item_list[b-h7q3fwfnp6] {
    gap: 8px;
    margin-bottom: 12px;
}

.individual-packages__packages .packages__item_list-item-icon[b-h7q3fwfnp6] {
    min-width: 28px;
    min-height: 28px;
    max-width: 28px;
    max-height: 28px;
    border-radius: 7px;
}

    .individual-packages__packages .packages__item_list-item-icon img[b-h7q3fwfnp6] {
        min-width: 13px;
        min-height: 13px;
        max-width: 13px;
        max-height: 13px;
    }

.individual-packages__packages .packages__item_list-item-text[b-h7q3fwfnp6] {
    font-size: 10px;
}

.individual-packages__packages .packages__item_price-main[b-h7q3fwfnp6] {
    font-size: 20px;
}

.individual-packages__packages .packages__item_price-btn[b-h7q3fwfnp6] {
    font-size: 10px;
    padding: 10px 21px;
}

@media (max-width: 1200px) {
    .container[b-h7q3fwfnp6] {
        max-width: 960px;
        width: 100%;
    }

    .advantages__content[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .advantages__content-img--wrapper[b-h7q3fwfnp6] {
        min-width: 100%;
    }

    .advantages__content-img[b-h7q3fwfnp6] {
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 164px;
        max-height: 164px;
    }

    .advantages__content-img-line[b-h7q3fwfnp6] {
        position: absolute;
        top: 25px;
        left: -31px;
        width: 969px;
        height: 616px;
    }

    .advantages__content-list[b-h7q3fwfnp6] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .advantages__content-item[b-h7q3fwfnp6] {
        max-width: 100%;
        max-height: 100%;
    }

    .advantages__title[b-h7q3fwfnp6] {
        margin-bottom: 20px;
    }

    .advantages__content[b-h7q3fwfnp6] {
        gap: 20px;
    }

    .demo-version__baner-main-img[b-h7q3fwfnp6] {
        min-height: 10rem;
        min-width: 12.625rem;
        max-height: 10rem;
        max-width: 12.625rem;
    }

    .demo-version__baner-main-img--back[b-h7q3fwfnp6] {
        width: 8.75rem;
        height: 7rem;
    }

    .demo-version__baner-main-img--back1[b-h7q3fwfnp6] {
        top: 26px;
        left: -29px;
    }

    .demo-version__baner-main-img--back2[b-h7q3fwfnp6] {
        top: 26px;
        right: -29px;
    }

    .decisions__list[b-h7q3fwfnp6] {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .decisions__item:nth-child(odd)[b-h7q3fwfnp6]::before {
        display: none;
    }

    .decisions__item:nth-child(even)[b-h7q3fwfnp6] {
        background-color: transparent;
    }

    .decisions__item:nth-child(n + 2):nth-child(-n + 3)[b-h7q3fwfnp6],
    .decisions__item:nth-child(6)[b-h7q3fwfnp6] {
        background-color: var(--color-6);
    }

    .hero__baner-second-star-1[b-h7q3fwfnp6] {
        width: 176px;
        height: 176px;
        top: -34px;
        left: -62px;
    }

    .hero__baner-second-star-2[b-h7q3fwfnp6] {
        width: 169px;
        height: 169px;
        top: -23px;
        right: -23px;
    }

    .packages__list[b-h7q3fwfnp6] {
        padding: 44px 24px;
        row-gap: 36px;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
    }

    .packages__item:nth-child(3) .packages__item_list[b-h7q3fwfnp6] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .packages__list[b-h7q3fwfnp6] {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .specialists__review-btns[b-h7q3fwfnp6] {
        position: sticky;
        margin-left: auto;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .individual-packages--flex[b-h7q3fwfnp6] {
        flex-direction: column;
        gap: 121px;
    }

    .individual-packages[b-h7q3fwfnp6] {
        padding-top: 40px;
        padding-bottom: 121px;
    }
}

@media (max-width: 992px) {
    html[b-h7q3fwfnp6] {
        font-size:  .75rem;
    }

    .container[b-h7q3fwfnp6] {
        max-width: 720px;
        width: 100%;
        padding: 0 0px;
    }

    .header[b-h7q3fwfnp6] {
        padding: 12px 40px;
    }

    .btn[b-h7q3fwfnp6] {
        padding: 12px 24px;
    }

    .specialists__list[b-h7q3fwfnp6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin: 40px 0;
    }
    .demo-version[b-h7q3fwfnp6] {
        margin-top: 4rem;
    }

    .faq__item-question_wrapper[b-h7q3fwfnp6] {
        padding: 8px 24px;
    }

    .faq__item-question-arrow[b-h7q3fwfnp6] {
        width: 20px;
        height: 20px;
    }

    .footer-flex[b-h7q3fwfnp6] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .footer__item-3[b-h7q3fwfnp6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 28px;
    }

    .footer__fond[b-h7q3fwfnp6] {
        max-width: 86px;
        margin-bottom: 0px;
    }

    .footer__menu_title[b-h7q3fwfnp6] {
        font-size: 1.3333rem;
    }

    .header__logo[b-h7q3fwfnp6] {
        max-width: 66px;
    }

    .hero__baner-second_content[b-h7q3fwfnp6] {
        max-width: 22.625rem;
    }

    .header__menu_link[b-h7q3fwfnp6] {
        font-size: 1rem;
    }

    .hero__baner-main-star-1[b-h7q3fwfnp6] {
        top: -20px;
        left: -20px;
    }

    .hero__baner-main-star-3[b-h7q3fwfnp6] {
        bottom: 12px;
        right: 34px;
    }

    .hero__baner-main-star-2[b-h7q3fwfnp6],
    .hero__baner-main-star-4[b-h7q3fwfnp6] {
        display: none;
    }

    .hero__baner-main--wrapper[b-h7q3fwfnp6] {
        min-height: 337px;
    }

    .hero__baner-main_content[b-h7q3fwfnp6] {
        max-width: 590px;
        margin: 0 auto;
    }

    .hero__baner-second_text[b-h7q3fwfnp6],
    .hero__baner-second_content[b-h7q3fwfnp6] {
        width: 100%;
        max-width: 30.167rem;
    }

    .advantages__content-img-line[b-h7q3fwfnp6] {
        left: -158px;
    }

    .demo-version__baner-main-title[b-h7q3fwfnp6] {
        font-size: 2.25rem;
    }

    .demo-version__baner-main-img[b-h7q3fwfnp6],
    .demo-version__baner-main-img--back[b-h7q3fwfnp6] {
        border-radius: 22px;
    }

    .demo-version__baner-running-line[b-h7q3fwfnp6] {
        padding: 6px 16px;
    }

    section[b-h7q3fwfnp6] {
        padding-bottom: 40px;
    }

    html .hero__baner-second_content[b-h7q3fwfnp6] {
        font-size: 10px;
    }

    .packages__item_num-package[b-h7q3fwfnp6] {
        font-size: 1.3rem;
        padding: 8px 32px;
        border-radius: 12px;
        margin-top: -36px;
    }

    .packages__item_list[b-h7q3fwfnp6] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .packages__item[b-h7q3fwfnp6] {
        padding: 20px 16px 16px;
    }

    .packages__item_list-item-last-img[b-h7q3fwfnp6] {
        width: 741px;
        height: 494px;
    }

    .packages__item_list-item-last-img--wrapper[b-h7q3fwfnp6] {
        width: 316px;
        height: 294px;
    }

    .packages__item_list-item-last-back[b-h7q3fwfnp6] {
        height: 15.5rem;
    }

    .packages__line[b-h7q3fwfnp6] {
        top: -63px;
        right: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width: 1471px;
        height: 940px;
    }

    .faq-working__inner[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .faq-working__img-wrapper[b-h7q3fwfnp6] {
        max-width: 100%;
        min-width: 100%;
        min-height: 18.25rem;
        max-height: 18.25rem;
    }

    .faq-working__img[b-h7q3fwfnp6] {
        -o-object-position: center;
        object-position: center;
        min-height: 18.25rem;
        max-height: 18.25rem;
    }

    .faq-working__subtitle[b-h7q3fwfnp6] {
        margin: 0 auto;
    }

    .faq-working__title[b-h7q3fwfnp6] {
        max-width: 490px;
        margin: 20px auto 20px;
        text-align: center;
    }

    .specialists__desc[b-h7q3fwfnp6] {
        max-width: 688px;
        font-size: 1rem;
    }

    .specialists__item-avatar-img[b-h7q3fwfnp6] {
        max-width: 130px;
        min-width: 130px;
    }

    .specialists__item[b-h7q3fwfnp6] {
        max-width: 130px;
        max-height: 216px;
        min-width: 130px;
        min-height: 216px;
    }

    .specialists__review[b-h7q3fwfnp6] {
        max-width: 100%;
    }

    .specialists__review-text p[b-h7q3fwfnp6] {
        max-width: 302px;
    }

    .specialists__review-text-quotation[b-h7q3fwfnp6] {
        position: absolute;
        top: -67px;
        left: -21px;
        width: 92px;
        height: 92px;
    }

    .researches__inner[b-h7q3fwfnp6],
    .researches__content-item[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .researches__content-item[b-h7q3fwfnp6] {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .researches__inner[b-h7q3fwfnp6] {
        gap: 40px;
    }

    .researches__content[b-h7q3fwfnp6],
    .researches__graphic[b-h7q3fwfnp6] {
        width: 100%;
    }

    .researches__content-list[b-h7q3fwfnp6] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .researches__graphic[b-h7q3fwfnp6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 25px;
    }

    .researches__graphic-backg[b-h7q3fwfnp6] {
        width: 140px;
        margin: 0 auto;
    }

    .researches__graphic-ordinary-text[b-h7q3fwfnp6] {
        font-size: 1rem;
    }

    .researches__graphic-btn[b-h7q3fwfnp6] {
        padding: 12px 20px;
    }

    .researches__graphic-btns[b-h7q3fwfnp6] {
        margin: 16px 0 0;
    }

    .hero__baner-star[b-h7q3fwfnp6] {
        left: 65.69%;
    }

    .reviews__item[b-h7q3fwfnp6] {
        background: var(--color-6);
        border-radius: 48px;
        padding: 40px 20px;
        min-width: 282px;
        max-width: 282px;
        
    }

    .researches__baner[b-h7q3fwfnp6] {
        margin-top: 20px;
    }
    .individual-packages__packages .packages__item_list[b-h7q3fwfnp6] {
        -ms-grid-columns: (2fr) [1];
        grid-template-columns: repeat(2, 1fr);
    }
    .researches__graphics[b-h7q3fwfnp6] {
        height: calc(178px + 36px);
    }
}

@media (max-width: 768px) {
    .reviews__item-avatar[b-h7q3fwfnp6] {
        width: 58px;
        height: 58px;
    }
        .container[b-h7q3fwfnp6] {
        max-width: 540px;
        width: 100%;
    }

    .hero__baner-main-star-1[b-h7q3fwfnp6] {
        top: -35px;
        left: -30px;
        width: 80px;
        height: 80px;
    }

    .hero__baner-main-star-4[b-h7q3fwfnp6] {
        left: 22px;
        bottom: 103px;
        display: block;
        width: 17px;
        height: 17px;
    }

    .hero__baner-main-star-3[b-h7q3fwfnp6] {
        bottom: 64px;
        right: -2px;
    }

    .hero__baner-second-star-2[b-h7q3fwfnp6] {
        width: 75px;
        height: 75px;
        top: -1px;
        right: -17px;
    }

    .hero .hero__baner-second--wrapper[b-h7q3fwfnp6] {
        min-height: 80px;
    }

    .hero__baner-second-star-1[b-h7q3fwfnp6] {
        width: 115px;
        height: 115px;
        top: -22px;
        left: -38px;
    }

    .advantages__content-img-line[b-h7q3fwfnp6] {
        top: -33px;
        left: -81px;
    }

    .packages__list[b-h7q3fwfnp6] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .packages__item_list[b-h7q3fwfnp6] {
        max-width: 100%;
    }

    .packages__item_list-item-last[b-h7q3fwfnp6] {
        margin-top: 40px;
    }

    .researches__graphic[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hero__baner-star[b-h7q3fwfnp6] {
        width: 185px;
        height: 185px;
    }

    .hero__baner-star-1[b-h7q3fwfnp6] {
        top: -7px;
        left: -75px;
        -webkit-transform: rotate(158.35deg);
        -ms-transform: rotate(158.35deg);
        transform: rotate(158.35deg);
    }

    .hero__baner-star-2[b-h7q3fwfnp6] {
        display: block;
        top: -20px;
        left: auto;
        right: -85px;
        -webkit-transform: rotate(21.65deg);
        -ms-transform: rotate(21.65deg);
        transform: rotate(21.65deg);
    }

    .researches__baner_content[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }

    .hero__baner_title[b-h7q3fwfnp6] {
        font-size: 1.5rem;
        margin-left: 0px;
    }
    .individual-packages__packages .packages__item-one[b-h7q3fwfnp6] {
        bottom: -49px;
        right: -7px;
    }

    .individual-packages__packages .packages__item-three[b-h7q3fwfnp6] {
        top: -57px;
        left: -6px;
    }
}

@media (max-width: 576px) {
    .container[b-h7q3fwfnp6] {
        width: calc(100% - 30px);
    }

    .footer-flex[b-h7q3fwfnp6] {
        gap: 40px;
    }

    .hero__baner-second_text[b-h7q3fwfnp6], .hero__baner-second_content[b-h7q3fwfnp6] {
        width: 100%;
        max-width: 19.5rem;
    }

    .hero__baner-main_btns[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
    }

    .hero__baner-main--wrapper[b-h7q3fwfnp6] {
        min-height: 260px;
    }

    .hero__baner-main_title[b-h7q3fwfnp6] {
        font-size: 16px;
        max-width: 60rem;
    }

    .hero__baner-main_text[b-h7q3fwfnp6] {
        font-size: 10px;
    }

    .advantages__content-img-line[b-h7q3fwfnp6] {
        top: -10px;
        left: -41px;
        width: 420px;
        height: 267px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1471' height='940' viewBox='0 0 1471 940' fill='none'%3E%3Cpath opacity='0.3' d='M41 911L653.909 62.0635C666.912 44.0529 694.298 45.9292 704.723 65.5448L944.589 516.865C953.709 534.025 976.488 538.119 991.012 525.208L1438 127.856' stroke='%23EBE9F8' stroke-width='99'/%3E%3C/svg%3E");
    }

    .advantages__content-list[b-h7q3fwfnp6] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 8px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 0px;
    }

    .advantages__content-item[b-h7q3fwfnp6] {
        padding: .75rem;     
    }

    .demo-version__baner-main[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 28px 25px 37px;
        gap: 27px;
    }

    .demo-version__baner-main-title[b-h7q3fwfnp6],
    .hero__baner-second_title[b-h7q3fwfnp6] {
        font-size: 20px;
    }

    .decisions__list[b-h7q3fwfnp6] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .decisions__item:nth-child(n + 2):nth-child(-n + 3)[b-h7q3fwfnp6],
    .decisions__item:nth-child(6)[b-h7q3fwfnp6] {
        background-color: transparent;
    }

    .decisions__item:nth-child(even)[b-h7q3fwfnp6] {
        background-color: var(--color-6) !important;
    }

    .decisions .hero__baner-second--wrapper[b-h7q3fwfnp6] {
        text-align: center;
    }

    .decisions .hero__baner-second_content[b-h7q3fwfnp6] {
        max-width: 283px;
    }

    .hero__baner-second_text[b-h7q3fwfnp6] {
        max-width: 100%;
    }

    .hero__baner-second-star-1[b-h7q3fwfnp6] {
        width: 95px;
        height: 95px;
    }

    .hero__baner-second-star-2[b-h7q3fwfnp6] {
        width: 69px;
        height: 69px;
        top: auto;
        bottom: -15px;
        right: -23px;
    }

    .packages__item_list-item-icon[b-h7q3fwfnp6] {
        min-width: 32px;
        min-height: 32px;
        max-width: 32px;
        max-height: 32px;
        border-radius: 8px;
    }

        .packages__item_list-item-icon img[b-h7q3fwfnp6] {
            min-width: 16px;
            min-height: 16px;
            max-width: 16px;
            max-height: 16px;
        }

    .packages__list[b-h7q3fwfnp6] {
        padding: 20px;
    }

    .specialists__review[b-h7q3fwfnp6] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 40px 28px;
        gap: 45px;
    }

    .specialists__review-text-quotation[b-h7q3fwfnp6] {
        top: -35px;
        left: -15px;
    }

    .specialists__review-text p[b-h7q3fwfnp6] {
        text-align: center;
    }

    .researches__content-list[b-h7q3fwfnp6] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .researches__content-item[b-h7q3fwfnp6] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .individual-packages[b-h7q3fwfnp6] {
        padding-bottom: 133px;
    }

    .individual-packages__content[b-h7q3fwfnp6] {
        max-width: 236px;
    }

    .individual-packages__title[b-h7q3fwfnp6] {
        font-size: 16px;
    }

    .individual-packages__btn[b-h7q3fwfnp6] {
        font-size:  .75rem;
    }

    .individual-packages__packages-back[b-h7q3fwfnp6] {
        box-shadow: 0px 14.64px 32.94px 0px #13A5FF4D;
        border-radius: 12px;
        max-width: 513px;
        min-width: 100%;
        width: 100%;
        max-height: 113px;
        min-height: 113px;
    }

    .individual-packages__packages .packages__item[b-h7q3fwfnp6] {
        border-radius: 8px;
        padding: 22px 8px 8px;
        box-shadow: 0px 14.64px 32.94px 0px #13A5FF4D;
    }

    .individual-packages__packages .packages__item-one[b-h7q3fwfnp6] {
        transform: rotate(-15.03deg);
        bottom: -49px;
        right: -7px;
        max-width: 200px;
        min-width: 200px;
        max-height: 97px;
        min-height: 97px;
    }

    .individual-packages__packages .packages__item-three[b-h7q3fwfnp6] {
        transform: rotate(20.63deg);
        top: -57px;
        left: -6px;
        max-width: 202px;
        min-width: 202px;
        max-height: 113px;
        min-height: 113px;
    }

    .individual-packages__packages .packages__item_num-package[b-h7q3fwfnp6] {
        left: 8px;
        top: -13px;
        padding: 6px 13px;
        font-size:  .75rem;
        border-radius: 6px;
    }

    .individual-packages__packages .packages__item_list[b-h7q3fwfnp6] {
        gap: 5px;
        margin-bottom: 8px;
    }

    .individual-packages__packages .packages__item_list-item-icon[b-h7q3fwfnp6] {
        min-width: 18px;
        min-height: 18px;
        max-width: 18px;
        max-height: 18px;
        border-radius: 7px;
    }

        .individual-packages__packages .packages__item_list-item-icon img[b-h7q3fwfnp6] {
            min-width: 8px;
            min-height: 8px;
            max-width: 8px;
            max-height: 8px;
        }

    .individual-packages__packages .packages__item_list-item-text[b-h7q3fwfnp6] {
        font-size: 6px;
    }

    .individual-packages__packages .packages__item_price-main[b-h7q3fwfnp6] {
        font-size: 13px;
    }

    .individual-packages__packages .packages__item_price-btn[b-h7q3fwfnp6] {
        font-size: 6px;
        padding: 6px 13px;
        height: auto;
        border-radius: 5px;
    }
}

@media (max-width: 390px) {
    .container[b-h7q3fwfnp6] {
        width: calc(100% - 30px);
    }


    .header[b-h7q3fwfnp6] {
        padding: 12px 16px;
    }
}
/* _content/BeUp.New/Components/Pages/Landing/Fitness.razor.rz.scp.css */
@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

:root[b-0c3vt4pw8l] {

}

*[b-0c3vt4pw8l] {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease, opacity 0.3s ease;
    -o-transition: background-color 0.3s ease, opacity 0.3s ease;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    scroll-behavior: smooth;
}

html[b-0c3vt4pw8l] {
    font-size: 16px;
}

body[b-0c3vt4pw8l] {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: normal;
    font-size: 1rem;
    color: var(--col-2);
}

ul[b-0c3vt4pw8l],
li[b-0c3vt4pw8l] {
    display: block;
    padding: 0;
    margin: 0;
}

h1[b-0c3vt4pw8l],
h2[b-0c3vt4pw8l],
h3[b-0c3vt4pw8l],
h4[b-0c3vt4pw8l],
h5[b-0c3vt4pw8l],
h6[b-0c3vt4pw8l] {
    font-family: inherit;
    font-weight: 700;
    color: var(--accent-black);
}

p[b-0c3vt4pw8l] {
    margin: 0;
}

.container[b-0c3vt4pw8l] {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
}

.d-flex[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-content-center[b-0c3vt4pw8l] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-sb[b-0c3vt4pw8l] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-items-center[b-0c3vt4pw8l] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-stretch[b-0c3vt4pw8l] {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

a[b-0c3vt4pw8l] {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

button[b-0c3vt4pw8l] {
    font-family: inherit;
    font-weight: 400;
    border: none;
    background: none;
    cursor: pointer;
}

.btn[b-0c3vt4pw8l] {
    display: inline-block;
    width: auto;
    font-family: inherit;
    font-weight: 500;
    background-color: var(--color-2);
    border-radius: 12px;
    color: var(--color-white);
    height: 52px;
    padding: 16px 24px;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btn:hover[b-0c3vt4pw8l] {
        background-color: #493da1;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

img[b-0c3vt4pw8l] {
    display: block;
    width: 100%;
}

h1[b-0c3vt4pw8l] {
    font-size: 6rem;
}

h2[b-0c3vt4pw8l] {
    font-size: 5rem;
}

h3[b-0c3vt4pw8l] {
    font-size: 4rem;
}

:hover[b-0c3vt4pw8l] {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

img[b-0c3vt4pw8l] {
    width: 100%;
    display: block;
}

section[b-0c3vt4pw8l] {
    padding-bottom: 80px;
}

.title-section[b-0c3vt4pw8l] {
    font-size: 2rem;
    margin-bottom: 40px;
    text-align: center;
}

/* Header */

.header[b-0c3vt4pw8l] {
    max-width: 1350px;
    margin: 0 auto;
    width: 100%;
    padding: 16px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__btn[b-0c3vt4pw8l] {
    font-weight: 600;
}

.header__logo[b-0c3vt4pw8l] {
    max-width: 111px;
}

.header__menu_link-service[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

    .header__menu_link-service.active img[b-0c3vt4pw8l] {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .header__menu_link-service.active + .header__submenu_desctop[b-0c3vt4pw8l] {
        display: block;
    }

    .header__menu_link-service img[b-0c3vt4pw8l] {
        width: 20px;
        height: 20px;
    }

.header__menu_list[b-0c3vt4pw8l] {
    gap: 24px;
}

.header__menu_item[b-0c3vt4pw8l] {
    position: relative;
}

/* Стили для подменю */
.header__submenu_desctop[b-0c3vt4pw8l] {
    display: none;
}

.header__submenu_mob[b-0c3vt4pw8l] {
    display: none;
}

.header__submenu[b-0c3vt4pw8l] {
    position: absolute;
    top: 42px;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0px 4px 16px 0px #00000026;
    box-shadow: 0px 4px 16px 0px #00000026;
    border-radius: 20px;
    z-index: 10;
    min-width: 299px;
}

    .header__submenu li a[b-0c3vt4pw8l] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        padding: 16px;
        color: var(--color-secondary);
        border-bottom: 1px solid #EAEAEA;
    }

    .header__submenu li:last-child a[b-0c3vt4pw8l] {
        border-bottom: none;
    }

.header__submenu-icon--wrapper[b-0c3vt4pw8l] {
    background-color: var(--color-4);
    border-radius: 12px;
    width: 36px;
    height: 36px;
    padding: 8px;
}

/* Стили для бургер-меню */
.header__burger[b-0c3vt4pw8l] {
    display: none;
}

    .header__burger span[b-0c3vt4pw8l] {
        display: block;
        height: 1px;
        width: 15px;
        background-color: var(--col-2);
        border-radius: 200px;
    }

.header__menu-mob[b-0c3vt4pw8l] {
    display: none;
    overflow-y: scroll;
}
/* Адаптивные стили */
@media screen and (max-width: 768px) {
    .header__menu-mob[b-0c3vt4pw8l] {
        display: none;
    }

    .header__menu[b-0c3vt4pw8l],
    .header__btn[b-0c3vt4pw8l] {
        display: none;
    }

    .header__menu-mob-top[b-0c3vt4pw8l] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-bottom: 60px;
    }

    .header__burger[b-0c3vt4pw8l] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__menu-mob .header__btn[b-0c3vt4pw8l] {
        display: block;
        margin-top: 60px;
    }

    .header__menu-mob .header__menu_list[b-0c3vt4pw8l] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .header__menu-mob .header__menu_list .header__menu_link[b-0c3vt4pw8l] {
            font-size: 1.3333rem;
        }

    .header__menu-mob .header__menu_link-service[b-0c3vt4pw8l] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header__menu-mob .header__submenu[b-0c3vt4pw8l] {
        display: none;
        position: sticky;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid var(--color-3);
        border-radius: 0;
        min-width: 200px;
        margin-top: 20px;
    }

        .header__menu-mob .header__submenu.active[b-0c3vt4pw8l] {
            display: block;
        }

    .header__menu_link-service-mob.active + .header__submenu_mob[b-0c3vt4pw8l] {
        display: block;
    }

    .header__menu_link-service-mob.active img[b-0c3vt4pw8l] {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .header__menu-mob .header__submenu-icon--wrapper[b-0c3vt4pw8l] {
        width: 32px;
        height: 32px;
    }

    .header__menu-mob .header__submenu li a[b-0c3vt4pw8l] {
        padding: 0 0 12px 0;
        border-bottom: none;
    }

    .header__submenu_arrow-img[b-0c3vt4pw8l] {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 16px;
        height: 16px;
        margin-left: auto;
    }

    .header__menu-mob.active[b-0c3vt4pw8l] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 12px 16px;
        background: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        z-index: 100000;
    }
}

/* Hero */

.hero[b-0c3vt4pw8l] {
}

.hero-wrapper[b-0c3vt4pw8l] {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 435px;
}

.hero-left[b-0c3vt4pw8l] {
    position: relative;
    background-color: var(--color-3);
    border-radius: 20px;
    max-width: 397px;
    width: 100%;
    padding: 55px;
    z-index: 5;
    overflow: hidden;
}

.hero__baner[b-0c3vt4pw8l] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 30px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    background-color: var(--color-white);
    margin-bottom: 8px;
}

.hero__baner_img[b-0c3vt4pw8l] {
    width: 20px;
    height: 20px;
}

.hero__baner_text[b-0c3vt4pw8l] {
    font-size: 1rem;
}

.hero__baner_circle[b-0c3vt4pw8l] {
    position: absolute;
    right: 9px;
    top: -4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #1FDB1F;
}

.hero__title[b-0c3vt4pw8l] {
    text-align: center;
    font-size: 3.5rem;
    margin-bottom: 64px;
}

.hero__btn[b-0c3vt4pw8l] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: flex;
}

.hero-left-line-img[b-0c3vt4pw8l] {
    position: absolute;
    left: -81px;
    top: 30px;
    width: 591px;
    z-index: -1;
}

.hero-left-line-img-mob[b-0c3vt4pw8l] {
    display: none;
    position: absolute;
    left: -81px;
    top: 30px;
    width: 591px;
    z-index: -1;
}
[b-0c3vt4pw8l] video:focus {
    outline: none;
}
.hero-right[b-0c3vt4pw8l] {
    
    background-color: var(--color-4);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 0 20px 20px 0;
    padding-left: 0;
    margin-left: -1.25rem;
    position: relative;
}

.hero-right__video-wrapper[b-0c3vt4pw8l] {
    width: 100%;
    max-height: 435px;
    height: 100%;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    clip-path: fill-box;
}

    .hero-right__video-wrapper[b-0c3vt4pw8l]::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: -1;
        left: -44px;
    }

.hero-right__video[b-0c3vt4pw8l] {
    display: block;
    width: 100%;
    max-height: 435px;
    height: 100%;
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-right__btn[b-0c3vt4pw8l] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: var(--color-1);
    color: var(--color-6);
    margin-bottom: 46px;
}

/* advantages */

.advantages[b-0c3vt4pw8l] {
}

.advantages-wrapper[b-0c3vt4pw8l] {
    gap: 19px;
}

.advantages__offer[b-0c3vt4pw8l] {
    max-width: 501px;
    text-align: center;
}

.advantages__offer_logo[b-0c3vt4pw8l] {
    max-width: 159px;
    margin: 0 auto 40px;
}

.advantages__offer_desc[b-0c3vt4pw8l] {
    padding-left: 37px;
    padding-right: 37px;
    margin-bottom: 24px;
}

.advantages__offer_list[b-0c3vt4pw8l] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.advantages__offer_item[b-0c3vt4pw8l] {
    padding: 24px;
}

.advantages__offer_item-icon--wrapper[b-0c3vt4pw8l] {
    background-color: var(--color-4);
    border-radius: 12px;
    width: 48px;
    height: 48px;
    padding: 12px;
    margin: 0 auto 20px;
}

.advantages__offer_item-text span[b-0c3vt4pw8l] {
    display: block;
    font-weight: 600;
    color: var(--color-2);
}

.advantages__img--wrapper[b-0c3vt4pw8l] {
    position: relative;
    background-color: var(--color-4);
    border-radius: 20px;
    z-index: 2;
    overflow: hidden;
    max-width: 710px;
    width: 100%;
    height: 475px;
}

.advantages__img-women[b-0c3vt4pw8l] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* directions */

.directions__tabs[b-0c3vt4pw8l] {
    gap: 16px;
    margin-bottom: 40px;
}

.directions__tab[b-0c3vt4pw8l] {
    border-radius: 40px;
    border: 1px solid var(--color-2);
    background-color: transparent;
    font-size: 1rem;
    line-height: 0.9375rem;
    padding: 16px 28px;
    font-weight: 500;
    white-space: nowrap;
    color: var(--col-2);
}

    .directions__tab.active[b-0c3vt4pw8l],
    .directions__tab:hover[b-0c3vt4pw8l] {
        background-color: var(--color-2);
        color: var(--color-white);
    }

.directions__offer-img_wrapper[b-0c3vt4pw8l] {
    position: relative;
    border-radius: 24px;
    background-color: var(--color-3);
    z-index: 2;
    overflow: hidden;
    max-width: 501px;
    width: 100%;
}

.directions__offer-img-line[b-0c3vt4pw8l] {
    position: absolute;
    top: 56px;
    left: -80px;
    z-index: -1;
}

.directions__offer-text_wrapper[b-0c3vt4pw8l] {
    padding: 92px 0 92px 60px;
}

.directions__offer-text[b-0c3vt4pw8l] {
    max-width: 666px;
}

.directions__offer-text_title[b-0c3vt4pw8l] {
    font-size: 1.75rem;
}

.directions__offer-text_desc[b-0c3vt4pw8l] {
    margin: 16px 0 40px;
    color: var(--dark-gray-color);
}

.directions__offer-text_btn[b-0c3vt4pw8l] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/* Free */

.free-wrapper[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 35px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    background-color: #D3DEFF;
    border-radius: 40px;
    overflow: hidden;
    z-index: 2;
    min-height: 600px;
}

.free-line-1[b-0c3vt4pw8l] {
    position: absolute;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -578px;
    left: -906px;
    z-index: -1;
}

.free-line-2[b-0c3vt4pw8l] {
    position: absolute;
    top: -39px;
    left: -99px;
    z-index: -1;
}

.free-line-3[b-0c3vt4pw8l] {
    position: absolute;
    right: -679px;
    bottom: -722px;
    z-index: -1;
}

.free-woman-img[b-0c3vt4pw8l] {
    position: absolute;
    right: -497px;
    top: 0;
}

.free__offer[b-0c3vt4pw8l] {
    margin-left: 104px;
    max-width: 449px;
}

.free__offer_title[b-0c3vt4pw8l] {
    font-size: 2.5rem;
    margin-bottom: 10px;
    text-align: center;
}

.free__offer_text[b-0c3vt4pw8l] {
    display: block;
    padding: 16px 40px;
    font-size: 3.25rem;
    background-color: var(--color-1);
    border-radius: 110px;
    font-weight: 700;
    color: var(--color-white);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 95px;
}

.free__offer_btn[b-0c3vt4pw8l] {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
}

.free__img_advantage[b-0c3vt4pw8l] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 392px;
    width: 100%;
    background-color: var(--color-white);
    border-radius: 16px;
    padding: 12px;
    gap: 24px;
}

.free__img_advantage-1[b-0c3vt4pw8l] {
    margin-left: 42px;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.free__img_advantage-2[b-0c3vt4pw8l] {
    margin-top: 11px;
    margin-left: 68px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.free__img_advantage-3[b-0c3vt4pw8l] {
    margin-top: 9px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

.free__img_advantage-4[b-0c3vt4pw8l] {
    margin-top: 12px;
    margin-left: 59px;
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
}

.free__img_advantage-5[b-0c3vt4pw8l] {
    margin-left: 9px;
    margin-top: 15px;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.free__img_advantage-icon--wrapper[b-0c3vt4pw8l] {
    background-color: var(--color-4);
    border-radius: 12px;
    width: 60px;
    height: 60px;
    padding: 12px;
}

.free__img_advantage-text--wrapper[b-0c3vt4pw8l] {
    max-width: 276px;
}

.free__img_advantage-text_title[b-0c3vt4pw8l] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 7px;
}

.free__img_advantage-text_desc[b-0c3vt4pw8l] {
    font-size: 1rem;
    color: var(--dark-gray-color);
}

/* subscription */

.subscription-wrapper[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
}

.subscription__training[b-0c3vt4pw8l] {
    padding: 20px 28px;
    background-color: var(--color-6);
    border-radius: 20px;
    max-width: 709px;
    width: 100%;
}

.subscription__training-individual[b-0c3vt4pw8l] {
    margin-bottom: 44px;
}

.subscription__training-individual_title[b-0c3vt4pw8l] {
    font-size: 1.25rem;
    margin-bottom: 26px;
}

.subscription__training-individual_list[b-0c3vt4pw8l] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 7px 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 16px;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
}

.subscription__training-individual_btn[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    background-color: var(--color-white);
    border-radius: 12px;
    padding: 12px 16px;
}

    .subscription__training-individual_btn.active[b-0c3vt4pw8l] {
        border: 1px solid var(--color-1);
    }

.subscription__training-individual_btn-icon--wrapper[b-0c3vt4pw8l] {
    background-color: var(--color-4);
    border-radius: 12px;
    width: 44px;
    height: 44px;
    padding: 12px;
}

.subscription__training-individual_btn-text-title[b-0c3vt4pw8l] {
    color: var(--dark-gray-color);
    font-weight: 500;
    margin-bottom: 8px;
    text-align: left;
}

.subscription__training-individual_btn-text-price[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 12px;
}

.subscription__training-individual_btn-text-price-old[b-0c3vt4pw8l] {
    display: block;
    font-weight: 500;
    position: relative;
    color: var(--col-2);
}

    .subscription__training-individual_btn-text-price-old span[b-0c3vt4pw8l] {
        position: absolute;
        background-image: url(../img/svg/line-old.svg);
        background-repeat: no-repeat;
        background-size: contain;
        top: 0px;
        left: -6px;
        display: block;
        height: 20px;
        width: 62px;
    }

.subscription__training-individual_btn-text-price-new[b-0c3vt4pw8l] {
    display: block;
    font-weight: 600;
    color: var(--col-2);
    font-size: 1.25rem;
}

.subscription__basket[b-0c3vt4pw8l] {
    padding: 20px 28px;
    background-color: var(--color-6);
    border-radius: 20px;
    max-width: 501px;
    width: 100%;
}

.subscription__basket-title[b-0c3vt4pw8l] {
    font-size: 1.25rem;
    margin-bottom: 26px;
    text-align: center;
}

.subscription__basket_total-item[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 12px 4px;
}

.subscription__basket_total-name[b-0c3vt4pw8l] {
    display: block;
}

.subscription__basket_total-point-wrap[b-0c3vt4pw8l] {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
}

.subscription__basket_total-price[b-0c3vt4pw8l] {
    font-weight: 500;
}

.subscription__basket_total-point-wrap[b-0c3vt4pw8l]::after {
    content: "....................................................................................................................................................";
    position: absolute;
    left: 0;
    height: 1rem;
    white-space: nowrap;
    color: var(--dark-gray-color);
}

.subscription__basket_total-summary--wrapper[b-0c3vt4pw8l] {
    margin-top: 26px;
}

.subscription__basket_total-summary[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.subscription__basket_total-label[b-0c3vt4pw8l] {
    font-size: 1rem;
    color: var(--dark-gray-color);
}

.subscription__basket_total-value[b-0c3vt4pw8l] {
    font-size: 2rem;
    font-weight: 700;
}

.subscription__basket-btn[b-0c3vt4pw8l] {
    background-color: var(--color-1);
    color: var(--color-white);
}

/* finished-package */

.finished-package__cards[b-0c3vt4pw8l] {
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.finished-package__card[b-0c3vt4pw8l] {
    min-width: 397px;
    max-width: 397px;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid var(--color-3);
}

.finished-package__card_title[b-0c3vt4pw8l] {
    font-size: 1.5rem;
    margin-bottom: 6px;
    color: var(--color-black);
}

.finished-package__card_desc[b-0c3vt4pw8l] {
    font-size: 1rem;
    margin-bottom: 20px;
    color: var(--color-black);
}

.finished-package__card_list[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 56px;
}

.finished-package__card_item[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.finished-package__card_item-img_wrap[b-0c3vt4pw8l] {
    background-color: var(--color-4);
    border-radius: 12px;
    width: 44px;
    height: 44px;
    padding: 12px;
}

.finished-package__card_item-text[b-0c3vt4pw8l] {
    font-size: 1rem;
    color: var(--color-black);
}

.finished-package__card_price[b-0c3vt4pw8l] {
}

.finished-package__card_price-old[b-0c3vt4pw8l] {
    position: relative;
    display: block;
}

    .finished-package__card_price-old span[b-0c3vt4pw8l] {
        position: absolute;
        background-image: url(../img/svg/line-old.svg);
        background-repeat: no-repeat;
        background-size: contain;
        top: 0px;
        left: -6px;
        display: block;
        height: 20px;
        width: 62px;
    }

.finished-package__card_price-new[b-0c3vt4pw8l] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    margin-top: 4px;
}

.finished-package__card_price-btn[b-0c3vt4pw8l] {
    margin-top: 20px;
    background-color: var(--color-1);
    color: var(--color-white);
    width: 100%;
}


/* reviews */

.reviews__list[b-0c3vt4pw8l] {
    gap: 20px;
    margin-bottom: 40px;
    align-items:stretch !important;
}

.reviews__item[b-0c3vt4pw8l] {
    background: var(--color-6);
    border-radius: 48px;
    padding: 40px;
    min-width: 395px;
    max-width: 395px;
    display: flex;
    flex-direction: column;
}

.reviews__item-stars[b-0c3vt4pw8l] {
    margin-bottom: 32px;
}

.reviews__star[b-0c3vt4pw8l] {
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url("../img/svg/star-empty.svg") no-repeat center;
    background-size: contain;
}

.reviews__star--filled[b-0c3vt4pw8l] {
    background: url("../img/svg/star-filled.svg") no-repeat center;
    background-size: contain;
}

.reviews__item-text[b-0c3vt4pw8l] {
    margin-bottom: 55px;
    line-height: 160%;
}

.reviews__item-user[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.reviews__item-avatar[b-0c3vt4pw8l] {
    width: 64px;
    height: 64px;
    background: var(--color-2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 1.5rem;
}

.reviews__item-info[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    
}

.reviews__item-name[b-0c3vt4pw8l] {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 140%;
    margin-bottom: 4px;
}

.reviews__item-role[b-0c3vt4pw8l] {
    color: var(--dark-gray-color);
    line-height: 120%;
}

.reviews__btns[b-0c3vt4pw8l] {
    gap: 20px;
}

.reviews__btn[b-0c3vt4pw8l] {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--col-2);
}

    .reviews__btn img[b-0c3vt4pw8l] {
        width: 28px;
        height: 28px;
    }

/* FAQ */

.faq[b-0c3vt4pw8l] {
}

.faq__title[b-0c3vt4pw8l] {
    font-size: 2rem;
    margin-bottom: 40px;
    text-align: center;
}

.faq__list[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.faq__item[b-0c3vt4pw8l] {
}

    .faq__item.active .faq__item-question_wrapper[b-0c3vt4pw8l],
    .faq__item-question_wrapper:hover[b-0c3vt4pw8l] {
        background-color: var(--color-3);
    }

    .faq__item.active .faq__item-answer[b-0c3vt4pw8l] {
        padding: 23px 40px;
        border-bottom: 1px solid var(--color-3);
        overflow: visible;
        max-height: 750px;
        visibility: visible;
    }

.faq__item-question_wrapper[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 40px;
    border-radius: 20px;
    cursor: pointer;
}

.faq__item-question[b-0c3vt4pw8l] {
    font-size: 1.25rem;
    font-weight: 700;
    width: 100%;
}

.faq__item-question-arrow[b-0c3vt4pw8l] {
    width: 26px;
    height: 26px;
}

.faq__item-answer[b-0c3vt4pw8l] {
    color: var(--dark-gray-color);
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 3s ease, padding 0.5s ease, visibility 3s ease;
    -o-transition: max-height 3s ease, padding 0.5s ease, visibility 3s ease;
    transition: max-height 3s ease, padding 0.5s ease, visibility 3s ease;
}

/* Footer */

.footer[b-0c3vt4pw8l] {
    background-color: var(--color-3);
    padding: 32px 0 40px;
    font-size: 1rem;
}

.footer-flex[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 62px;
}

.footer__item[b-0c3vt4pw8l] {
}

.footer__logo[b-0c3vt4pw8l] {
    max-width: 111px;
    margin-bottom: 15px;
}

.footer__contacts[b-0c3vt4pw8l] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 48px;
}

.footer__contact[b-0c3vt4pw8l] {
    gap: 12px;
    font-size: 1rem;
}

    .footer__contact img[b-0c3vt4pw8l] {
        width: 20px;
        height: 20px;
    }

.footer__authorization[b-0c3vt4pw8l] {
    gap: 12px;
    margin-bottom: 48px;
}

.footer__authorization-in[b-0c3vt4pw8l] {
    background-color: var(--color-1);
    color: var(--color-white);
    font-weight: 500;
}

.footer__authorization-register[b-0c3vt4pw8l] {
    color: var(--col-2);
    border: 1px solid var(--color-1);
    background-color: transparent;
    font-weight: 500;
}

    .footer__authorization-register:hover[b-0c3vt4pw8l] {
        color: var(--color-white);
        background-color: var(--color-1);
        border: 1px solid var(--color-1);
    }

.footer__socials[b-0c3vt4pw8l] {
    max-width: 186px;
}

.footer__social_title[b-0c3vt4pw8l] {
}

.footer__social[b-0c3vt4pw8l] {
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-white);
}

.footer__social-wrapper[b-0c3vt4pw8l] {
    gap: 8px;
    margin-top: 12px;
}

.footer__menu_title[b-0c3vt4pw8l] {
    font-size: 1.25rem;
    margin-bottom: 10px;
    font-weight: 600;
}

.footer__menu_list[b-0c3vt4pw8l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.footer__fond[b-0c3vt4pw8l] {
    max-width: 118px;
    margin-bottom: 40px;
}

.footer__data[b-0c3vt4pw8l] {
}

.footer__text[b-0c3vt4pw8l] {
    margin-top: 62px;
}

.scroll-none[b-0c3vt4pw8l] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .scroll-none[b-0c3vt4pw8l]::-webkit-scrollbar {
        display: none;
    }

@media (max-width: 1200px) {
    .container[b-0c3vt4pw8l] {
        max-width: 960px;
        width: 100%;
    }

    .advantages-wrapper[b-0c3vt4pw8l] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .advantages__img--wrapper[b-0c3vt4pw8l] {
        max-width: 100%;
        max-height: 362px;
    }

    .advantages__img-women[b-0c3vt4pw8l] {
        -o-object-position: center;
        object-position: center;
    }

    .advantages__offer[b-0c3vt4pw8l] {
        max-width: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
    }

    .advantages__offer-text[b-0c3vt4pw8l] {
        max-width: 260px;
    }

    .advantages__offer_desc[b-0c3vt4pw8l] {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }

    .free__offer[b-0c3vt4pw8l] {
        margin-left: 27px;
    }

    .subscription-wrapper[b-0c3vt4pw8l] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .subscription__training[b-0c3vt4pw8l] {
        max-width: 100%;
    }

    .subscription__basket[b-0c3vt4pw8l] {
        margin: 0 auto;
    }

    .advantages__offer_item[b-0c3vt4pw8l] {
        padding: 12px 24px;
        max-width: 192px;
        width: 100%;
    }

    .advantages__offer_item-icon--wrapper[b-0c3vt4pw8l] {
        margin: 0 auto 12px;
        width: 40px;
        height: 40px;
        padding: 10px;
    }
}

@media (max-width: 992px) {
    html[b-0c3vt4pw8l] {
        font-size:  .75rem;
    }

    .hero-right__video-wrapper[b-0c3vt4pw8l]::before {
        display: none;
    }

    .container[b-0c3vt4pw8l] {
        max-width: 720px;
        width: 100%;
    }

    .advantages__img--wrapper[b-0c3vt4pw8l] {
        max-height: 262px;
    }

    .directions__offer-img_wrapper[b-0c3vt4pw8l] {
        max-width: 224px;
    }

    .header[b-0c3vt4pw8l] {
        padding: 12px 40px;
    }

    .hero-left[b-0c3vt4pw8l] {
        max-width: 282px;
        padding: 31px 13px 20px;
    }

    .hero-right[b-0c3vt4pw8l] {
        margin-left: 0;
        padding-left: 0;
    }

    .hero-wrapper[b-0c3vt4pw8l] {
        gap: 8px;
        min-height: auto;
    }

    .hero-wrapper[b-0c3vt4pw8l],
    .hero-right__video[b-0c3vt4pw8l],
    .hero-right__video-wrapper[b-0c3vt4pw8l] {
        max-height: 279px;
    }

    .hero__title[b-0c3vt4pw8l] {
        font-size: 2.8333rem;
        margin-bottom: 32px;
    }

    .btn[b-0c3vt4pw8l] {
        height: 42px;
        padding: 12px 24px;
    }

    section[b-0c3vt4pw8l] {
        padding-bottom: 40px;
    }

    .advantages__offer_logo[b-0c3vt4pw8l] {
        max-width: 88px;
        margin: 0 auto 20px;
    }

    .directions__offer[b-0c3vt4pw8l] {
        gap: 60px;
    }

    .directions__offer-text_wrapper[b-0c3vt4pw8l] {
        padding: 0;
    }

    .directions__offer-text_desc[b-0c3vt4pw8l] {
        margin: 16px 0 20px;
    }

    .free__offer[b-0c3vt4pw8l] {
        max-width: 280px;
    }

    .free__offer_title[b-0c3vt4pw8l] {
        font-size: 2.1667rem;
        margin-bottom: 5px;
        text-align: center;
    }

    .free__offer_text[b-0c3vt4pw8l] {
        padding: 12px 20px;
        font-size: 1.7rem;
        margin-bottom: 30px;
    }

    .free__img_advantage[b-0c3vt4pw8l] {
        padding: 8px 12px 8px 8px;
        gap: 12px;
        max-width: 220px;
    }

    .free__img_advantage-text_title[b-0c3vt4pw8l] {
        font-size: .7rem;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .free__img_advantage-icon--wrapper[b-0c3vt4pw8l] {
        border-radius: 12px;
        width: 36px;
        height: 36px;
        padding: 8px;
    }

    .free__img_advantage-text--wrapper[b-0c3vt4pw8l] {
        max-width: 150px;
    }

    .free__img_advantage-text_desc[b-0c3vt4pw8l] {
        font-size: 0.6667rem;
    }

    .free-wrapper[b-0c3vt4pw8l] {
        gap: 22px;
        min-height: 336px;
    }

    .free__img_advantage-1[b-0c3vt4pw8l] {
        margin-left: 23px;
        -webkit-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    .free__img_advantage-2[b-0c3vt4pw8l] {
        margin-top: 6px;
        margin-left: 38px;
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    .free__img_advantage-3[b-0c3vt4pw8l] {
        margin-top: 5px;
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    .free__img_advantage-4[b-0c3vt4pw8l] {
        margin-top: 7px;
        margin-left: 33px;
        -webkit-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    .free__img_advantage-5[b-0c3vt4pw8l] {
        margin-left: 5px;
        margin-top: 8px;
        -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    .free-woman-img[b-0c3vt4pw8l] {
        position: absolute;
        right: -278px;
        top: 0;
        max-width: 669px;
    }

    /* .free-line-1 path,
	.free-line-2 path,
	.free-line-3 path {
		stroke-width: 50px;
	} */
    .free-line-1[b-0c3vt4pw8l],
    .free-line-2[b-0c3vt4pw8l],
    .free-line-3[b-0c3vt4pw8l] {
        max-width: 781.41px;
        max-height: 496.7px;
    }

    .free-line-1[b-0c3vt4pw8l] {
        top: -324px;
        left: -507px;
        z-index: -1;
    }

    .free-line-2[b-0c3vt4pw8l] {
        top: -22px;
        left: -55px;
    }

    .free-line-3[b-0c3vt4pw8l] {
        right: -380px;
        bottom: -403px;
    }

    .directions__tab[b-0c3vt4pw8l] {
        font-size: 1rem;
    }

    .directions__tabs[b-0c3vt4pw8l] {
        gap: 4px;
        margin-bottom: 20px;
    }

    .title-section[b-0c3vt4pw8l] {
        font-size: 2.1667rem;
        margin-bottom: 20px;
        text-align: center;
    }

    .hero-left-line-img[b-0c3vt4pw8l] {
        position: absolute;
        left: -38px;
        top: 26px;
        width: 358px;
        max-height: 227px;
        z-index: -1;
    }

    .subscription__basket_total-price[b-0c3vt4pw8l] {
        font-size: 1.1667rem;
    }

    .subscription__basket-title[b-0c3vt4pw8l] {
        font-size: 1.25rem;
        margin-bottom: 16px;
    }

    .finished-package__card_title[b-0c3vt4pw8l] {
        font-size: 1.6667rem;
    }

    .finished-package__card_desc[b-0c3vt4pw8l],
    .finished-package__card_item-text[b-0c3vt4pw8l] {
        font-size: 1rem;
    }

    .finished-package__cards[b-0c3vt4pw8l] {
        gap: 12px;
    }

    .finished-package__card[b-0c3vt4pw8l] {
        min-width: 282px;
        max-width: 282px;
    }

    .finished-package__card_item-img_wrap[b-0c3vt4pw8l] {
        width: 32px;
        height: 32px;
        padding: 8px;
    }

    .finished-package__card_price-new[b-0c3vt4pw8l] {
        font-size: 2.1667;
    }

    .faq__item-question_wrapper[b-0c3vt4pw8l] {
        padding: 8px 24px;
    }

    .faq__item-question-arrow[b-0c3vt4pw8l] {
        width: 20px;
        height: 20px;
    }

    .footer-flex[b-0c3vt4pw8l] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .footer__item-3[b-0c3vt4pw8l] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 28px;
    }

    .footer__fond[b-0c3vt4pw8l] {
        max-width: 86px;
        margin-bottom: 0px;
    }

    .footer__menu_title[b-0c3vt4pw8l] {
        font-size: 1.3333rem;
    }

    .header__logo[b-0c3vt4pw8l] {
        max-width: 66px;
    }
}

@media (max-width: 768px) {
    .container[b-0c3vt4pw8l] {
        max-width: 540px;
        width: 100%;
    }

    .hero-left[b-0c3vt4pw8l],
    .advantages__offer-text[b-0c3vt4pw8l],
    .directions__offer-img_wrapper[b-0c3vt4pw8l] {
        max-width: 100%;
    }

    .hero__baner[b-0c3vt4pw8l] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 8px;
    }


    .hero-wrapper[b-0c3vt4pw8l],
    .hero-right__video[b-0c3vt4pw8l],
    .hero-right__video-wrapper[b-0c3vt4pw8l] {
        height: 100%;
    }

    .hero-right__btn[b-0c3vt4pw8l] {
        margin: auto;
    }

    .hero-left-line-img[b-0c3vt4pw8l] {
        display: none;
    }

    .advantages__offer[b-0c3vt4pw8l] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .directions__offer[b-0c3vt4pw8l] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

    .free-wrapper[b-0c3vt4pw8l] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .free-wrapper[b-0c3vt4pw8l] {
        min-height: 100%;
        padding: 27px 0 35px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .free__offer[b-0c3vt4pw8l] {
        margin-left: auto;
        margin-right: auto;
    }

    .free-woman-img[b-0c3vt4pw8l] {
        position: absolute;
        right: 0;
        left: 8px;
        top: 189px;
        width: 669px;
    }

    .free-line-1[b-0c3vt4pw8l],
    .free-line-2[b-0c3vt4pw8l],
    .free-line-3[b-0c3vt4pw8l] {
        max-width: 781.41px;
        max-height: 496.7px;
    }

    .free-line-3[b-0c3vt4pw8l] {
        right: -273px;
        bottom: -285px;
    }
    .subscription__basket_total-summary--wrapper[b-0c3vt4pw8l] {
        flex-direction: column;
        gap: .5rem;
    }
}

@media (max-width: 576px) {
    .container[b-0c3vt4pw8l] {
        width: calc(100% - 30px);
    }

    .hero-wrapper[b-0c3vt4pw8l] {
        max-height: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .subscription__training-individual_list[b-0c3vt4pw8l] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .hero-right[b-0c3vt4pw8l] {
        height: 275px;
    }

    .footer-flex[b-0c3vt4pw8l] {
        gap: 40px;
    }
}

@media (max-width: 390px) {
    .container[b-0c3vt4pw8l] {
        width: calc(100% - 30px);
    }

    .hero-wrapper[b-0c3vt4pw8l] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hero-left-line-img-mob[b-0c3vt4pw8l] {
        display: block;
    }

    .directions__offer-img[b-0c3vt4pw8l] {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        max-height: 182px;
    }

    .hero-left-line-img-mob[b-0c3vt4pw8l] {
        display: block;
    }

    .reviews__item[b-0c3vt4pw8l] {
        padding: 40px 20px;
        min-width: 282px;
        max-width: 282px;
    }

    .header[b-0c3vt4pw8l] {
        padding: 12px 16px;
    }

    .hero-right[b-0c3vt4pw8l] {
        height: 175px;
    }
}
/* _content/BeUp.New/Components/Pages/Landing/LandingClient.razor.rz.scp.css */
*[b-yuayhphoar] {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease, opacity 0.3s ease;
    -o-transition: background-color 0.3s ease, opacity 0.3s ease;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    scroll-behavior: smooth;
}

html[b-yuayhphoar] {
    font-size: 16px;
}

body[b-yuayhphoar] {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: normal;
    font-size: 1rem;
    color: var(--col-2);
}

ul[b-yuayhphoar],
li[b-yuayhphoar] {
    display: block;
    padding: 0;
    margin: 0;
}

h1[b-yuayhphoar],
h2[b-yuayhphoar],
h3[b-yuayhphoar],
h4[b-yuayhphoar],
h5[b-yuayhphoar],
h6[b-yuayhphoar] {
    font-family: inherit;
    font-weight: 700;
    color: var(--col-2);
}

p[b-yuayhphoar] {
    margin: 0;
}

.container[b-yuayhphoar] {
    width: 100%;
    max-width: 1350px;
    padding: 0 60px;
    margin: 0 auto;
}

.d-flex[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-content-center[b-yuayhphoar] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-sb[b-yuayhphoar] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-items-center[b-yuayhphoar] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-stretch[b-yuayhphoar] {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

a[b-yuayhphoar] {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

button[b-yuayhphoar] {
    font-family: inherit;
    font-weight: 400;
    border: none;
    background: none;
    cursor: pointer;
}

.btn[b-yuayhphoar] {
    display: inline-block;
    width: auto;
    font-family: inherit;
    font-weight: 600;
    border-radius: 12px;
    max-height: 3.25rem;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .btn:hover[b-yuayhphoar] {
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

.btn-primary[b-yuayhphoar] {
    color: var(--color-white);
    background-color: var(--color-2);
    border-color: var(--color-2);
}

    .btn-primary:hover[b-yuayhphoar] {
        background-color: var(--btn-hover);
    }

.btn-secondary[b-yuayhphoar] {
    color: var(--color-2);
    background-color: transparent;
    border: 1px solid var(--color-2);
}

    .btn-secondary:hover[b-yuayhphoar] {
        color: var(--color-white);
        background-color: var(--btn-hover);
    }

.btn-tertiary[b-yuayhphoar] {
    color: var(--color-2);
    background-color: #F9F8FF;
}

    .btn-tertiary:hover[b-yuayhphoar] {
        color: var(--color-white);
        background-color: var(--color-2);
    }

/* h1 {
	font-size: 6rem;
}

h2 {
	font-size: 5rem;
}

h3 {
	font-size: 4rem;
} */

:hover[b-yuayhphoar] {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

img[b-yuayhphoar] {
    width: 100%;
    display: block;
}

.title-section[b-yuayhphoar] {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

.subtitle-section[b-yuayhphoar] {
    background-color: var(--color-6);
    color: var(--color-2);
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 500;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

section[b-yuayhphoar] {
    padding-bottom: 80px;
}

/* Header */

.header[b-yuayhphoar] {
    max-width: 1350px;
    margin: 0 auto;
    width: 100%;
    padding: 16px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__btn[b-yuayhphoar] {
    padding: 1rem 1.5rem;
}

.header__logo[b-yuayhphoar] {
    max-width: 111px;
}

.header__menu_list[b-yuayhphoar] {
    gap: 24px;
}

.header__menu_link[b-yuayhphoar] {
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

    .header__menu_link[b-yuayhphoar]::after {
        content: attr(data-text);
        font-weight: 700;
        height: 0;
        visibility: hidden;
        overflow: hidden;
        display: block;
    }

    .header__menu_link:hover[b-yuayhphoar],
    .header__menu_link.active[b-yuayhphoar] {
        font-weight: 700;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }



/* Стили для бургер-меню */
.header__burger[b-yuayhphoar] {
    display: none;
}

    .header__burger span[b-yuayhphoar] {
        display: block;
        height: 1px;
        width: 15px;
        background-color: var(--col-2);
        border-radius: 200px;
    }

.header__menu-mob[b-yuayhphoar] {
    display: none;
    overflow-y: scroll;
}

/* Адаптивные стили */
@media screen and (max-width: 768px) {
    .header__menu-mob[b-yuayhphoar] {
        display: none;
    }

    .header__menu[b-yuayhphoar],
    .header__btn[b-yuayhphoar] {
        display: none;
    }

    .header__menu-mob-top[b-yuayhphoar] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-bottom: 60px;
    }

    .header__burger[b-yuayhphoar] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__menu-mob .header__btn[b-yuayhphoar] {
        display: block;
        margin-top: 60px;
    }

    .header__menu-mob .header__menu_list[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .header__menu-mob .header__menu_list .header__menu_link[b-yuayhphoar] {
            font-size: 1.3333rem;
        }

    .header__menu-mob .header__menu_link-service[b-yuayhphoar] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header__menu-mob .header__submenu[b-yuayhphoar] {
        display: none;
        position: sticky;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid var(--color-3);
        border-radius: 0;
        min-width: 200px;
        margin-top: 20px;
    }

        .header__menu-mob .header__submenu.active[b-yuayhphoar] {
            display: block;
        }

    .header__menu_link-service-mob.active + .header__submenu_mob[b-yuayhphoar] {
        display: block;
    }

    .header__menu_link-service-mob.active img[b-yuayhphoar] {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .header__menu-mob .header__submenu-icon--wrapper[b-yuayhphoar] {
        width: 32px;
        height: 32px;
    }

    .header__menu-mob .header__submenu li a[b-yuayhphoar] {
        padding: 0 0 12px 0;
        border-bottom: none;
    }

    .header__submenu_arrow-img[b-yuayhphoar] {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 16px;
        height: 16px;
        margin-left: auto;
    }

    .header__menu-mob.active[b-yuayhphoar] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 12px 16px;
        background: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        z-index: 100000;
    }
}

/* Hero */

.hero[b-yuayhphoar] {
    padding-top: 20px;
}

.hero__baner[b-yuayhphoar] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    z-index: 1;
}

.hero__baner-main--wrapper[b-yuayhphoar] {
    background-color: var(--color-6);
    min-height: 500px;
    overflow: hidden;
    margin-bottom: 20px;
}

.hero__baner-main_content[b-yuayhphoar] {
    text-align: center;
}

.hero__baner-main_title[b-yuayhphoar] {
    font-size: 2.625rem;
    max-width: 60rem;
    margin: 0 auto;
}

.hero__baner-main_title-highlighting[b-yuayhphoar] {
    position: relative;
    color: var(--color-2);
    z-index: 1;
    display: inline-block;
}

    .hero__baner-main_title-highlighting[b-yuayhphoar]::before {
        content: "";
        position: absolute;
        inset: 0;
        width: calc(100% + 10px);
        background-color: var(--color-4);
        z-index: -1;
    }

.hero__baner-main_text[b-yuayhphoar] {
    margin-top: 1.75rem;
    margin-bottom: 2.5rem;
    color: #4E5080;
}

.hero__baner-main_btns[b-yuayhphoar] {
    gap: 20px;
}

.hero__baner-main-star[b-yuayhphoar] {
    position: absolute;
    background-image: url(../img-client/svg/hero-star-litle.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.hero__baner-main-star-1[b-yuayhphoar] {
    top: 39px;
    left: 50px;
    width: 92px;
    height: 92px;
}

.hero__baner-main-star-2[b-yuayhphoar],
.hero__baner-main-star-3[b-yuayhphoar],
.hero__baner-main-star-4[b-yuayhphoar] {
    width: 47px;
    height: 47px;
}

.hero__baner-main-star-2[b-yuayhphoar] {
    top: 15px;
    right: 107px;
}

.hero__baner-main-star-3[b-yuayhphoar] {
    bottom: 78px;
    right: 67px;
}

.hero__baner-main-star-4[b-yuayhphoar] {
    bottom: 31px;
    left: 304px;
}

.hero__baner-main-line[b-yuayhphoar] {
    position: absolute;
    top: -125px;
    left: -92px;
    background-image: url(../img-client/svg/hero-line-vector.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 1471px;
    height: 940px;
    z-index: -1;
}

.hero__baner-second--wrapper[b-yuayhphoar] {
    background-color: var(--color-3);
    min-height: 123px;
    overflow: hidden;
}

.hero__baner-second_text[b-yuayhphoar] {
    max-width: 46.5rem;
    color: var(--col-1);
    text-align: center;
    font-weight: 500;
}

.hero__baner-second-star[b-yuayhphoar] {
    position: absolute;
    background-image: url(../img-client/svg/hero-star-blue.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 275px;
    height: 275px;
    z-index: -1;
}

.hero__baner-second-star-1[b-yuayhphoar] {
    top: -76px;
    left: -54px;
    -webkit-transform: rotate(-19.5deg);
    -ms-transform: rotate(-19.5deg);
    transform: rotate(-19.5deg);
}

.hero__baner-second-star-2[b-yuayhphoar] {
    top: -92px;
    right: -42px;
    -webkit-transform: rotate(21.65deg);
    -ms-transform: rotate(21.65deg);
    transform: rotate(21.65deg);
}

/* advantages */

.advantages__subtitle[b-yuayhphoar] {
    margin-bottom: 0.75rem;
}

.advantages__title[b-yuayhphoar] {
    margin-bottom: 3.75rem;
}

.advantages__content[b-yuayhphoar] {
    gap: 43px;
}

.advantages__content-img--wrapper[b-yuayhphoar] {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    min-width: 24.875rem;
}

.advantages__content-img[b-yuayhphoar] {
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 356px;
}

.advantages__content-img-line[b-yuayhphoar] {
    position: absolute;
    top: 25px;
    left: -276px;
    background-image: url(../img-client/svg/advantages-line-vector.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 1043px;
    height: 668px;
}

.advantages__content-list[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 56px;
    -webkit-column-gap: 19px;
    -moz-column-gap: 19px;
    column-gap: 19px;
}

.advantages__content-item[b-yuayhphoar] {
    padding: 1.5rem;
    max-width: 15.625rem;
    max-height: 9.375rem;
    width: 100%;
}

.advantages__content-item_icon[b-yuayhphoar] {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--color-4);
    margin: 0 auto 20px;
}

    .advantages__content-item_icon img[b-yuayhphoar] {
        width: 1.5rem;
        height: 1.5rem;
    }

.advantages__content-item_text[b-yuayhphoar] {
    font-size: 1rem;
    text-align: center;
}

    .advantages__content-item_text span[b-yuayhphoar] {
        display: block;
        font-weight: 600;
        color: var(--color-2);
    }

/* demo-version */


.demo-version__baner[b-yuayhphoar] {
    border-radius: 40px;
    background-color: var(--color-5);
}

.demo-version__baner-main[b-yuayhphoar] {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 21px 73px 30px 60px;
    z-index: 1;
    border-radius: 40px 40px 0 0;
}

.demo-version__baner-main-content[b-yuayhphoar] {
    max-width: 38.875rem;
    margin: auto 0;
}

.demo-version__baner-main-title[b-yuayhphoar] {
    font-size: 2.625rem;
    margin-bottom: 1.5rem;
}

.demo-version__baner-main-imgs[b-yuayhphoar] {
    position: relative;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.demo-version__baner-main-img[b-yuayhphoar] {
    border-radius: 40px;
    border: 2px solid #5F4FD0;
    -webkit-box-shadow: 0px 14px 22px 0px #5F4FD052;
    box-shadow: 0px 14px 22px 0px #5F4FD052;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 18.5rem;
    min-width: 23.25rem;
    max-height: 18.5rem;
    max-width: 23.25rem;
}

.demo-version__baner-main-img--back[b-yuayhphoar] {
    position: absolute;
    border-radius: 40px;
    opacity: 50%;
    width: 259px;
    height: 206px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.demo-version__baner-main-img--back1[b-yuayhphoar] {
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
    top: 48px;
    left: -53px;
    background-image: url(../img-client/demo-version-img-second-left.jpg);
}

.demo-version__baner-main-img--back2[b-yuayhphoar] {
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    top: 48px;
    right: -48px;
    background-image: url(../img-client/demo-version-img-second-right.jpg);
}

.demo-version__baner-main-line[b-yuayhphoar] {
    position: absolute;
    top: -145px;
    left: -116px;
    z-index: -1;
}

.demo-version__baner-running-line[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    padding: 0.75rem 1rem;
    background-color: var(--color-2);
    color: white;
    border-radius: 0 0 40px 40px;
    overflow: hidden;
}

.demo-version__baner-running-line-text[b-yuayhphoar] {
    font-size: 1rem;
    text-wrap: nowrap;
    font-weight: 600;
}

.demo-version__baner-running-line-icon[b-yuayhphoar],
.demo-version__baner-running-line-icon svg[b-yuayhphoar] {
    width: 29px;
    height: 29px;
}

/* decisions */

.decisions__title[b-yuayhphoar] {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}

.decisions__list[b-yuayhphoar] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.decisions__item[b-yuayhphoar] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid var(--color-6);
    overflow: hidden;
}

    .decisions__item:nth-child(even)[b-yuayhphoar] {
        background-color: var(--color-6);
    }

    .decisions__item:nth-child(odd)[b-yuayhphoar]::before {
        content: "";
        position: absolute;
        right: -90px;
        bottom: -85px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='212' height='212' viewBox='0 0 92 92' fill='none'%3E%3Cpath d='M46 0L55.1726 36.8274L92 46L55.1726 55.1726L46 92L36.8274 55.1726L0 46L36.8274 36.8274L46 0Z' fill='%23F9F8FF'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 212px;
        height: 212px;
    }

.decisions__item-icon[b-yuayhphoar] {
    width: 60px;
    height: 60px;
    background-color: var(--color-4);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
}

    .decisions__item-icon img[b-yuayhphoar] {
        width: 36px;
        height: 36px;
    }

.decisions__item-title[b-yuayhphoar] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.decisions__item-desc[b-yuayhphoar] {
    color: var(--dark-gray-color);
    margin-bottom: 2.5rem;
}

.decisions__itemdecisions__item-btn[b-yuayhphoar] {
    margin-top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display:none;
}

.hero__baner-second_title[b-yuayhphoar] {
    margin-bottom: 6px;
    color: var(--col-1);
    font-size: 2rem;
}

.decisions .hero__baner-second_text[b-yuayhphoar] {
    font-size: 1.25rem;
}

/* packages */

.packages__title[b-yuayhphoar] {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}

.packages__list[b-yuayhphoar] {
    position: relative;
    background-color: var(--color-5);
    border-radius: 40px;
    padding: 67px 82px 39px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 70px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    z-index: 1;
    overflow: hidden;
}

.packages__line[b-yuayhphoar] {
    position: absolute;
    top: -63px;
    left: 60px;
    z-index: -1;
}

.packages__item[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
}

.packages__item_num-package[b-yuayhphoar] {
    color: var(--color-3);
    background-color: var(--color-1);
    padding: 1rem 2rem;
    font-size: 1.75rem;
    border-radius: 16px;
    font-weight: 700;
    margin-top: -53px;
    margin-bottom: 23px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.packages__item_list[b-yuayhphoar] {
    display: -ms-grid;
    display: grid;
    gap: 12px;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: repeat(2, 1fr);
    max-width: 29.625rem;
    margin-bottom: 20px;
}

.packages__item_list-item[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

    .packages__item_list-item:last-child[b-yuayhphoar] {
        grid-column: -1/1;
    }

.packages__item_list-item-icon[b-yuayhphoar] {
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-4);
    border-radius: 12px;
}

    .packages__item_list-item-icon img[b-yuayhphoar] {
        min-width: 20px;
        min-height: 20px;
        max-width: 20px;
        max-height: 20px;
    }

.packages__item_list-item-text span[b-yuayhphoar] {
    font-weight: 700;
}

.packages__item_price[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
}

.packages__item_price-main[b-yuayhphoar] {
    font-size: 2rem;
    font-weight: 700;
}

.packages__item_list-item-last[b-yuayhphoar] {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.packages__item_list-item-last-back[b-yuayhphoar] {
    background: var(--color-1);
    -webkit-box-shadow: 0px 24px 54px 0px #2BC4D54D;
    box-shadow: 0px 24px 54px 0px #2BC4D54D;
    height: 11.625rem;
    border-radius: 20px;
    margin-top: auto;
}

.packages__item_list-item-last-img--wrapper[b-yuayhphoar] {
    position: absolute;
    bottom: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 705px;
    height: 393px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.packages__item_list-item-last-img[b-yuayhphoar] {
    width: 990px;
    height: 661px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}



/* specialists */

.specialists__title[b-yuayhphoar] {
    margin: 12px 0;
}

.specialists__desc[b-yuayhphoar] {
    color: var(--dark-gray-color);
    font-size: 1rem;
    margin-bottom: 40px;
    text-align: center;
    max-width: 1065px;
    margin: 0 auto;
}

.specialists__list[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: auto;
    margin: 40px 0;
}

    .specialists__list[b-yuayhphoar]::-webkit-scrollbar {
        width: .625rem;
        height: 4px; /* width of the entire scrollbar */
    }

    .specialists__list[b-yuayhphoar]::-webkit-scrollbar-track {
        background: rgba(138, 168, 182, 0.20); /* color of the tracking area */
    }

    .specialists__list[b-yuayhphoar]::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
        background-repeat: no-repeat;
        background-position: center;
    }

.specialists__item[b-yuayhphoar] {
    position: relative;
    max-width: 208px;
    max-height: 313px;
    min-width: 208px;
    min-height: 313px;
    cursor: pointer;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px solid transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: .5rem;
}

    .specialists__item:hover[b-yuayhphoar],
    .specialists__item.active[b-yuayhphoar] {
        border: 1px solid var(--color-2);
        background: var(--color-6);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.specialists__item-avatar-img[b-yuayhphoar] {
    position: absolute;
    top: -1px;
    left: -1px;
    max-width: 13rem;
    min-width: 13rem;
    border-radius: 20px;
}

.specialists__item-info[b-yuayhphoar] {
    padding: 12px 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.specialists__item-name[b-yuayhphoar] {
    font-size: 1rem;
    margin-bottom: 4px;
    color: #000000;
    font-weight: 600;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.specialists__item-role[b-yuayhphoar] {
    color: var(--dark-gray-color);
    font-size: 1rem;
    font-weight: 500;
    display: block;
    margin: 0 auto;
}

.specialists__reviews[b-yuayhphoar] {
    position: relative;
}

.specialists__review[b-yuayhphoar] {
    display: none;
    max-width: 50.875rem;
    width: 100%;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid var(--color-6);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}

    .specialists__review.active[b-yuayhphoar] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.specialists__review-text[b-yuayhphoar] {
    position: relative;
    font-size: 0.75rem;
    color: var(--dark-gray-color);
    z-index: 1;
    max-width: 357px;
    margin-left: 16px;
}

.specialists__review-text-quotation[b-yuayhphoar] {
    position: absolute;
    top: -71px;
    left: -20px;
    width: 100px;
    height: 100px;
    z-index: -1;
}

.specialists__review-problems[b-yuayhphoar] {
    text-align: center;
}

.specialists__review-problems_title[b-yuayhphoar] {
    font-size: 0.75rem;
    margin-bottom: 16px;
}

.specialists__review-problems-list[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.specialists__review-problems-item[b-yuayhphoar] {
    color: var(--color-2);
    background-color: var(--color-6);
    border-radius: 50px;
    padding: 12px 24px;
    font-size: 0.75rem;
    font-weight: 500;
    text-wrap: nowrap;
}

.specialists__review-btns[b-yuayhphoar] {
    position: absolute;
    right: 0;
    top: 0;
}

.specialists__review-btn[b-yuayhphoar] {
    display: none;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: var(--color-6);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .specialists__review-btn img[b-yuayhphoar] {
        width: 20px;
        height: 20px;
    }

    .specialists__review-btn.active[b-yuayhphoar] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

/* subscription */

.subscription-wrapper[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
}

.subscription__title[b-yuayhphoar] {
    margin-bottom: 40px;
}

.subscription__trainings[b-yuayhphoar] {
    display: flex;
    flex-direction: column;
    gap: 44px;
    padding: 20px 28px;
    background-color: var(--color-6);
    border-radius: 20px;
    max-width: 709px;
    width: 100%;
    margin: auto;
}

.subscription__training-individual_title[b-yuayhphoar] {
    font-size: 1.25rem;
    margin-bottom: 26px;
}

.subscription__training-individual_list[b-yuayhphoar] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 7px 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 16px;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
}

.subscription__training-individual_btn[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    background-color: var(--color-white);
    border-radius: 12px;
    padding: 12px 16px;
}

    .subscription__training-individual_btn.active[b-yuayhphoar] {
        border: 1px solid var(--color-1);
    }

.subscription__training-individual_btn-icon--wrapper[b-yuayhphoar] {
    background-color: var(--color-4);
    border-radius: 12px;
    width: 44px;
    height: 44px;
    padding: 12px;
}

.subscription__training-individual_btn-text-title[b-yuayhphoar] {
    color: var(--dark-gray-color);
    font-weight: 500;
    margin-bottom: 8px;
    text-align: left;
    font-size: 1rem;
}

    .subscription__training-individual_btn-text-title span[b-yuayhphoar] {
        font-size: 1rem;
        color: var(--color-1);
        font-weight: 700;
    }

.subscription__training-individual_btn-text-price[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 12px;
}

.subscription__training-individual_btn-text-price-old[b-yuayhphoar] {
    display: block;
    font-weight: 500;
    position: relative;
    color: var(--col-2);
}

    .subscription__training-individual_btn-text-price-old span[b-yuayhphoar] {
        position: absolute;
        background-image: url(../img-client/svg/line-old.svg);
        background-repeat: no-repeat;
        background-size: contain;
        top: 0px;
        left: -6px;
        display: block;
        height: 20px;
        width: 62px;
    }

.subscription__training-individual_btn-text-price-new[b-yuayhphoar] {
    display: block;
    font-weight: 600;
    color: var(--col-2);
    font-size: 1.25rem;
}

.subscription__basket[b-yuayhphoar] {
    padding: 20px 28px;
    background-color: var(--color-6);
    border-radius: 20px;
    max-width: 501px;
    width: 100%;
    display:none;
}

.subscription__basket-title[b-yuayhphoar] {
    font-size: 1.25rem;
    margin-bottom: 26px;
    text-align: center;
}

.subscription__basket_total-item[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 12px 4px;
}

.subscription__basket_total-name[b-yuayhphoar] {
    display: block;
}

.subscription__basket_total-point-wrap[b-yuayhphoar] {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
}

.subscription__basket_total-price[b-yuayhphoar] {
    font-weight: 500;
}

.subscription__basket_total-point-wrap[b-yuayhphoar]::after {
    content: "....................................................................................................................................................";
    position: absolute;
    left: 0;
    height: 1rem;
    white-space: nowrap;
    color: var(--dark-gray-color);
}

.subscription__basket_total-summary--wrapper[b-yuayhphoar] {
    margin-top: 26px;
}

.subscription__basket_total-summary[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.subscription__basket_total-label[b-yuayhphoar] {
    font-size: 1rem;
    color: var(--dark-gray-color);
}

.subscription__basket_total-value[b-yuayhphoar] {
    font-size: 2rem;
    font-weight: 700;
}

.subscription__basket-btn[b-yuayhphoar] {
    background-color: var(--color-1);
    color: var(--color-white);
}

/* researches */

.researches__title[b-yuayhphoar] {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}

.researches__inner[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.researches__content[b-yuayhphoar] {
    width: 547px;
}

.researches__content-title[b-yuayhphoar] {
    text-align: left;
}

.researches__content-desc[b-yuayhphoar] {
    margin: 8px 0 20px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--dark-gray-color);
}

.researches__content-list[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.researches__content-item[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.researches__content-item_percent[b-yuayhphoar] {
    font-size: 3.25rem;
}

.researches__content-item_text[b-yuayhphoar] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--dark-gray-color);
}

.researches__graphic[b-yuayhphoar] {
    width: 501px;
}

.researches__graphic[b-yuayhphoar] {
    text-align: center;
    background-color: #FAFAFA;
    border-radius: 20px;
    padding: 20px;
}

.researches__graphic-title[b-yuayhphoar] {
    font-size: 0.75rem;
    color: var(--dark-gray-color);
    font-weight: 500;
    max-width: 19.125rem;
    margin: 0 auto;
}

.researches__graphic-btns[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color-6);
    border: 1px solid var(--color-4);
    border-radius: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px auto 64px;
}

.researches__graphic-btn[b-yuayhphoar] {
    border-radius: 30px;
    background-color: transparent;
    padding: 16px 32px;
    font-weight: 500;
    color: var(--dark-gray-color);
}

    .researches__graphic-btn.active[b-yuayhphoar] {
        background-color: var(--color-2);
        color: var(--color-3);
        -webkit-box-shadow: 0px 14px 22px 0px #5F4FD052;
        box-shadow: 0px 14px 22px 0px #5F4FD052;
    }

.researches__graphics[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 36px;
    height: 178px;
}

.researches__graphic-backg[b-yuayhphoar] {
    position: relative;
    border-radius: 8px;
    width: 181px;
}

.researches__graphic-backg[b-yuayhphoar] {
    position: relative;
    border-radius: 8px;
    width: 181px;
}

.researches__graphic-ordinary-backg[b-yuayhphoar] {
    background-color: #B5E0FB;
    height: 52px;
}

.researches__graphic-specialist-backg[b-yuayhphoar] {
    background-color: var(--col-1);
    height: 135px;
}

.active .researches__graphic-ordinary-backg[b-yuayhphoar] {
    background-color: #B5E0FB;
    height: 75px;
}

.active .researches__graphic-specialist-backg[b-yuayhphoar] {
    background-color: var(--col-1);
    height: 178px;
}

.researches__graphic-ordinary-percent[b-yuayhphoar] {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--col-3);
    font-size: 1.375rem;
    font-weight: 700;
}

.researches__graphic-ordinary-text[b-yuayhphoar] {
    color: var(--dark-gray-color);
    font-size: 0.75rem;
    margin-top: 12px;
    font-weight: 500;
}

.researches__baner[b-yuayhphoar] {
    position: relative;
    margin-top: 95px;
    background-color: var(--color-5);
    border-radius: 20px;
    padding: 24px;
    overflow: hidden;
    z-index: 1;
}

.researches__baner_content[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hero__baner_title[b-yuayhphoar] {
    font-size: 1.5rem;
    margin-left: 28px;
}

.researches__btn[b-yuayhphoar] {
    background-color: var(--color-1);
    color: #ffffff;
}

    .researches__btn:hover[b-yuayhphoar] {
        opacity: 0.8;
    }

.hero__baner-star[b-yuayhphoar] {
    position: absolute;
    left: 55.69%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(21.65deg);
    -ms-transform: translate(-50%, -50%) rotate(21.65deg);
    transform: translate(-50%, -50%) rotate(21.65deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='276' height='276' viewBox='0 0 276 276' fill='none'%3E%3Cpath d='M137.514 0.0136719L164.932 110.096L275.014 137.514L164.932 164.932L137.514 275.014L110.096 164.932L0.0136719 137.514L110.096 110.096L137.514 0.0136719Z' fill='%232BC4D5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    width: 275px;
    height: 275px;
    opacity: 20%;
    z-index: -1;
}


/* reviews */

.reviews__title[b-yuayhphoar] {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}

.reviews__list[b-yuayhphoar] {
    gap: 20px;
    margin-bottom: 40px;
    align-items: stretch !important;
}

.reviews__item[b-yuayhphoar] {
    background: var(--color-6);
    border-radius: 48px;
    padding: 40px;
    min-width: 395px;
    max-width: 395px;
    display: flex;
    flex-direction: column;
}

.reviews__item-stars[b-yuayhphoar] {
    margin-bottom: 32px;
}

.reviews__star[b-yuayhphoar] {
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url("../img-client/svg/star-empty.svg") no-repeat center;
    background-size: contain;
}

.reviews__star--filled[b-yuayhphoar] {
    background: url("../img-client/svg/star-filled.svg") no-repeat center;
    background-size: contain;
}

.reviews__item-text[b-yuayhphoar] {
    margin-bottom: 55px;
    line-height: 160%;
}

.reviews__item-user[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.reviews__item-avatar[b-yuayhphoar] {
    min-width: 64px;
    max-width: 64px;
    height: 64px;
    background: var(--color-2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 1.5rem;
}

.reviews__item-info[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.reviews__item-name[b-yuayhphoar] {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 140%;
    margin-bottom: 4px;
}

.reviews__item-role[b-yuayhphoar] {
    color: var(--dark-gray-color);
    line-height: 120%;
}

.reviews__btns[b-yuayhphoar] {
    gap: 12px;
    display:none;
}

.reviews__btn[b-yuayhphoar] {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    background-color: var(--color-6);
}

    .reviews__btn:hover[b-yuayhphoar] {
        background-color: var(--color-4);
    }

    .reviews__btn img[b-yuayhphoar] {
        width: 20px;
        height: 20px;
    }

/* FAQ */


.faq__title[b-yuayhphoar] {
    font-size: 2rem;
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
    text-align: center;
}

.faq__list[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.faq__item[b-yuayhphoar] {
}

    .faq__item.active .faq__item-question_wrapper[b-yuayhphoar],
    .faq__item-question_wrapper:hover[b-yuayhphoar] {
        background-color: var(--color-3);
    }

    .faq__item.active .faq__item-answer[b-yuayhphoar] {
        padding: 23px 40px;
        border-bottom: 1px solid var(--color-3);
        overflow: visible;
        max-height: 500px;
        visibility: visible;
    }

.faq__item-question_wrapper[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 40px;
    border-radius: 20px;
    cursor: pointer;
}

.faq__item-question[b-yuayhphoar] {
    font-size: 1.25rem;
    font-weight: 700;
    width: 100%;
}

.faq__item-question-arrow[b-yuayhphoar] {
    width: 26px;
    height: 26px;
}

.faq__item-answer[b-yuayhphoar] {
    color: var(--dark-gray-color);
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.5s ease, padding 0.5s ease, visibility 0.5s ease;
    -o-transition: max-height 0.5s ease, padding 0.5s ease, visibility 0.5s ease;
    transition: max-height 0.5s ease, padding 0.5s ease, visibility 0.5s ease;
}

/* Footer */

.footer[b-yuayhphoar] {
    background-color: var(--color-3);
    padding: 32px 0 40px;
    font-size: 1rem;
}

.footer-flex[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 62px;
}

.footer__item[b-yuayhphoar] {
}

.footer__logo[b-yuayhphoar] {
    max-width: 111px;
    margin-bottom: 15px;
}

.footer__contacts[b-yuayhphoar] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 48px;
}

.footer__contact[b-yuayhphoar] {
    gap: 12px;
    font-size: 1rem;
}

    .footer__contact img[b-yuayhphoar] {
        width: 20px;
        height: 20px;
    }

.footer__authorization[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 48px;
}

.footer__authorization-in[b-yuayhphoar] {
    background-color: var(--color-1);
    color: var(--color-white);
    font-weight: 500;
}

.footer__authorization-register[b-yuayhphoar] {
    color: var(--col-2);
    border: 1px solid var(--color-1);
    background-color: transparent;
    font-weight: 500;
}

    .footer__authorization-register:hover[b-yuayhphoar] {
        color: var(--color-white);
        background-color: var(--color-1);
        border: 1px solid var(--color-1);
    }

.footer__socials[b-yuayhphoar] {
    max-width: 186px;
}

.footer__social_title[b-yuayhphoar] {
}

.footer__social[b-yuayhphoar] {
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-white);
}

.footer__social-wrapper[b-yuayhphoar] {
    gap: 8px;
    margin-top: 12px;
}

.footer__menu_title[b-yuayhphoar] {
    font-size: 1.25rem;
    margin-bottom: 10px;
    font-weight: 600;
}

.footer__menu_list[b-yuayhphoar] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.footer__fond[b-yuayhphoar] {
    max-width: 118px;
    margin-bottom: 40px;
}

.footer__data[b-yuayhphoar] {
}

.footer__text[b-yuayhphoar] {
    margin-top: 62px;
}

.scroll-none[b-yuayhphoar] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .scroll-none[b-yuayhphoar]::-webkit-scrollbar {
        display: none;
    }

.hero__baner-star-2[b-yuayhphoar] {
    display: none;
}

@media (max-width: 1200px) {
    .container[b-yuayhphoar] {
        max-width: 960px;
        width: 100%;
    }

    .advantages__content[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .advantages__content-img--wrapper[b-yuayhphoar] {
        min-width: 100%;
    }

    .advantages__content-img[b-yuayhphoar] {
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 164px;
        max-height: 164px;
    }

    .advantages__content-img-line[b-yuayhphoar] {
        position: absolute;
        top: 25px;
        left: -31px;
        width: 969px;
        height: 616px;
    }

    .advantages__content-list[b-yuayhphoar] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(3, 1fr);
        gap: 0px;
    }
    .advantages__content-item[b-yuayhphoar] {
        padding: .75rem;
    }
    .advantages__content-item[b-yuayhphoar] {
        max-width: 100%;
        max-height: 100%;
    }

    .advantages__title[b-yuayhphoar] {
        margin-bottom: 20px;
    }

    .advantages__content[b-yuayhphoar] {
        gap: 20px;
    }

    .demo-version__baner-main-img[b-yuayhphoar] {
        min-height: 10rem;
        min-width: 12.625rem;
        max-height: 10rem;
        max-width: 12.625rem;
    }

    .demo-version__baner-main-img--back[b-yuayhphoar] {
        width: 8.75rem;
        height: 7rem;
    }

    .demo-version__baner-main-img--back1[b-yuayhphoar] {
        top: 26px;
        left: -29px;
    }

    .demo-version__baner-main-img--back2[b-yuayhphoar] {
        top: 26px;
        right: -29px;
    }

    .decisions__list[b-yuayhphoar] {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .decisions__item:nth-child(odd)[b-yuayhphoar]::before {
        display: none;
    }

    .decisions__item:nth-child(even)[b-yuayhphoar] {
        background-color: transparent;
    }

    .decisions__item:nth-child(n + 2):nth-child(-n + 3)[b-yuayhphoar],
    .decisions__item:nth-child(6)[b-yuayhphoar] {
        background-color: var(--color-6);
    }

    .hero__baner-second-star-1[b-yuayhphoar] {
        width: 176px;
        height: 176px;
        top: -34px;
        left: -62px;
    }

    .hero__baner-second-star-2[b-yuayhphoar] {
        width: 169px;
        height: 169px;
        top: -23px;
        right: -23px;
    }

    .packages__list[b-yuayhphoar] {
        padding: 44px 24px;
        row-gap: 36px;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
    }

    .packages__item:nth-child(3) .packages__item_list[b-yuayhphoar] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .packages__list[b-yuayhphoar] {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .specialists__review-btns[b-yuayhphoar] {
        display:none;
        position: sticky;
        margin-left: auto;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .subscription-wrapper[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
    }

    .subscription__training[b-yuayhphoar] {
        max-width: 100%;
    }

    .subscription__basket[b-yuayhphoar] {
        margin: 0 auto;
    }
}

@media (max-width: 992px) {
    html[b-yuayhphoar] {
        font-size:  .75rem;
    }

    .container[b-yuayhphoar] {
        max-width: 720px;
        width: 100%;
        padding: 0 0px;
    }

    .header[b-yuayhphoar] {
        padding: 12px 40px;
    }

    .btn[b-yuayhphoar] {
        height: 40px;
        padding: 8px 24px;
    }

    .faq__item-question_wrapper[b-yuayhphoar] {
        padding: 8px 24px;
    }

    .faq__item-question-arrow[b-yuayhphoar] {
        width: 20px;
        height: 20px;
    }

    .footer-flex[b-yuayhphoar] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .footer__item-3[b-yuayhphoar] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 28px;
    }

    .footer__fond[b-yuayhphoar] {
        max-width: 86px;
        margin-bottom: 0px;
    }

    .footer__menu_title[b-yuayhphoar] {
        font-size: 1.3333rem;
    }

    .header__logo[b-yuayhphoar] {
        max-width: 66px;
    }

    .hero__baner-second_content[b-yuayhphoar] {
        max-width: 22.625rem;
    }

    .header__menu_link[b-yuayhphoar] {
        font-size: 1rem;
    }

    .hero__baner-main-star-1[b-yuayhphoar] {
        top: -20px;
        left: -20px;
    }

    .hero__baner-main-star-3[b-yuayhphoar] {
        bottom: 12px;
        right: 34px;
    }

    .hero__baner-main-star-2[b-yuayhphoar],
    .hero__baner-main-star-4[b-yuayhphoar] {
        display: none;
    }

    .hero__baner-main--wrapper[b-yuayhphoar] {
        min-height: 337px;
    }

    .hero__baner-main_content[b-yuayhphoar] {
        max-width: 590px;
        margin: 0 auto;
    }

    .hero__baner-second_text[b-yuayhphoar],
    .hero__baner-second_content[b-yuayhphoar] {
        width: 100%;
        max-width: 30.167rem;
    }

    .advantages__content-img-line[b-yuayhphoar] {
        left: -158px;
    }

    .demo-version__baner-main-title[b-yuayhphoar] {
        font-size: 2.25rem;
    }

    .demo-version__baner-main-img[b-yuayhphoar],
    .demo-version__baner-main-img--back[b-yuayhphoar] {
        border-radius: 22px;
    }

    .demo-version__baner-running-line[b-yuayhphoar] {
        padding: 6px 16px;
    }

    section[b-yuayhphoar] {
        padding-bottom: 40px;
    }

    html .hero__baner-second_content[b-yuayhphoar] {
        font-size: 10px;
    }

    .packages__item_num-package[b-yuayhphoar] {
        font-size: 1.3rem;
        padding: 8px 32px;
        border-radius: 12px;
        margin-top: -36px;
    }

    .packages__item_list[b-yuayhphoar] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .packages__item[b-yuayhphoar] {
        padding: 20px 16px 16px;
    }

    .packages__item_list-item-last-img[b-yuayhphoar] {
        width: 741px;
        height: 494px;
    }

    .packages__item_list-item-last-img--wrapper[b-yuayhphoar] {
        width: 316px;
        height: 294px;
    }

    .packages__item_list-item-last-back[b-yuayhphoar] {
        height: 15.5rem;
    }

    .packages__line[b-yuayhphoar] {
        top: -63px;
        right: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width: 1471px;
        height: 940px;
    }

    .specialists__list[b-yuayhphoar] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin: 40px 0;
    }

    .specialists__desc[b-yuayhphoar] {
        max-width: 688px;
        font-size: 1rem;
    }

    .specialists__item-avatar-img[b-yuayhphoar] {
        max-width: 130px;
        min-width: 130px;
    }

    .specialists__item[b-yuayhphoar] {
        max-width: 130px;
        max-height: 216px;
        min-width: 130px;
        min-height: 216px;
    }

    .specialists__review[b-yuayhphoar] {
        max-width: 100%;
    }

    .specialists__review-text p[b-yuayhphoar] {
        max-width: 302px;
    }

    .specialists__review-text-quotation[b-yuayhphoar] {
        position: absolute;
        top: -67px;
        left: -21px;
        width: 92px;
        height: 92px;
    }

    .researches__inner[b-yuayhphoar],
    .researches__content-item[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .researches__content-item[b-yuayhphoar] {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .researches__inner[b-yuayhphoar] {
        gap: 40px;
    }

    .researches__content[b-yuayhphoar],
    .researches__graphic[b-yuayhphoar] {
        width: 100%;
    }

    .researches__content-list[b-yuayhphoar] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .researches__graphic[b-yuayhphoar] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 25px;
    }

    .researches__graphic-backg[b-yuayhphoar] {
        width: 140px;
        margin: 0 auto;
    }

    .researches__graphic-ordinary-text[b-yuayhphoar] {
        font-size: 1rem;
    }

    .researches__graphic-btn[b-yuayhphoar] {
        padding: 12px 20px;
    }

    .researches__graphic-btns[b-yuayhphoar] {
        margin: 16px 0 0;
    }

    .hero__baner-star[b-yuayhphoar] {
        left: 65.69%;
    }

    .reviews__item[b-yuayhphoar] {
        background: var(--color-6);
        border-radius: 48px;
        padding: 40px 20px;
        min-width: 282px;
        max-width: 282px;
    }

    .researches__baner[b-yuayhphoar] {
        margin-top: 20px;
    }

    .subscription__basket_total-price[b-yuayhphoar] {
        font-size: 1.1667rem;
    }

    .subscription__basket-title[b-yuayhphoar] {
        font-size: 1.25rem;
        margin-bottom: 16px;
    }

    .hero__baner-main_title[b-yuayhphoar] {
        font-size: 30px;
    }

    .demo-version__baner-main-content[b-yuayhphoar] {
        max-width: 223px;
    }
    .researches__graphics[b-yuayhphoar] {
        height: calc(178px + 36px);
    }
}

@media (max-width: 768px) {
    .container[b-yuayhphoar] {
        max-width: 540px;
        width: 100%;
    }

    .hero__baner-main-star-1[b-yuayhphoar] {
        top: -35px;
        left: -30px;
        width: 80px;
        height: 80px;
    }

    .hero__baner-main-star-4[b-yuayhphoar] {
        left: 22px;
        bottom: 103px;
        display: block;
        width: 17px;
        height: 17px;
    }

    .hero__baner-main-star-3[b-yuayhphoar] {
        bottom: 64px;
        right: -2px;
    }

    .hero__baner-second-star-2[b-yuayhphoar] {
        width: 75px;
        height: 75px;
        top: -1px;
        right: -17px;
    }

    .hero .hero__baner-second--wrapper[b-yuayhphoar] {
        min-height: 80px;
    }

    .hero__baner-second-star-1[b-yuayhphoar] {
        width: 115px;
        height: 115px;
        top: -22px;
        left: -38px;
    }

    .advantages__content-img-line[b-yuayhphoar] {
        top: -33px;
        left: -81px;
    }

    .packages__list[b-yuayhphoar] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .packages__item_list[b-yuayhphoar] {
        max-width: 100%;
    }

    .packages__item_list-item-last[b-yuayhphoar] {
        margin-top: 40px;
    }

    .researches__graphic[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hero__baner-star[b-yuayhphoar] {
        width: 185px;
        height: 185px;
    }

    .hero__baner-star-1[b-yuayhphoar] {
        top: -7px;
        left: -75px;
        -webkit-transform: rotate(158.35deg);
        -ms-transform: rotate(158.35deg);
        transform: rotate(158.35deg);
    }

    .hero__baner-star-2[b-yuayhphoar] {
        display: block;
        top: -20px;
        left: auto;
        right: -85px;
        -webkit-transform: rotate(21.65deg);
        -ms-transform: rotate(21.65deg);
        transform: rotate(21.65deg);
    }

    .researches__baner_content[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }

    .hero__baner_title[b-yuayhphoar] {
        font-size: 1.5rem;
        margin-left: 0px;
    }

    .decisions__item-icon[b-yuayhphoar] {
        width: 44px;
        height: 44px;
    }

        .decisions__item-icon img[b-yuayhphoar] {
            width: 20px;
            height: 20px;
        }

    .hero__baner-main_text[b-yuayhphoar] {
        max-width: 265px;
        margin: 16px auto;
    }
}

@media (max-width: 576px) {
    .container[b-yuayhphoar] {
        width: calc(100% - 30px);
    }

    .demo-version__baner-main-content[b-yuayhphoar] {
        max-width: 100%;
    }

    .footer-flex[b-yuayhphoar] {
        gap: 40px;
    }

    .hero__baner-second_text[b-yuayhphoar], .hero__baner-second_content[b-yuayhphoar] {
        width: 100%;
        max-width: 19.5rem;
    }

    .hero__baner-main_btns[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
    }

    .hero__baner-main--wrapper[b-yuayhphoar] {
        min-height: 260px;
    }

    .hero__baner-main_title[b-yuayhphoar] {
        font-size: 16px;
        max-width: 60rem;
    }

    .hero__baner-main_text[b-yuayhphoar] {
        font-size: 10px;
    }

    .advantages__content-img-line[b-yuayhphoar] {
        top: -10px;
        left: -41px;
        width: 420px;
        height: 267px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1471' height='940' viewBox='0 0 1471 940' fill='none'%3E%3Cpath opacity='0.3' d='M41 911L653.909 62.0635C666.912 44.0529 694.298 45.9292 704.723 65.5448L944.589 516.865C953.709 534.025 976.488 538.119 991.012 525.208L1438 127.856' stroke='%23EBE9F8' stroke-width='99'/%3E%3C/svg%3E");
    }

    .advantages__content-list[b-yuayhphoar] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 8px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .demo-version__baner-main[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 28px 25px 37px;
        gap: 27px;
    }

    .demo-version__baner-main-title[b-yuayhphoar],
    .hero__baner-second_title[b-yuayhphoar] {
        font-size: 20px;
    }

    .decisions__list[b-yuayhphoar] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .decisions__item:nth-child(n + 2):nth-child(-n + 3)[b-yuayhphoar],
    .decisions__item:nth-child(6)[b-yuayhphoar] {
        background-color: transparent;
    }

    .decisions__item:nth-child(even)[b-yuayhphoar] {
        background-color: var(--color-6) !important;
    }

    .decisions .hero__baner-second--wrapper[b-yuayhphoar] {
        text-align: center;
    }

    .decisions .hero__baner-second_content[b-yuayhphoar] {
        max-width: 283px;
    }

    .hero__baner-second_text[b-yuayhphoar] {
        max-width: 100%;
    }

    .hero__baner-second-star-1[b-yuayhphoar] {
        width: 95px;
        height: 95px;
    }

    .hero__baner-second-star-2[b-yuayhphoar] {
        width: 69px;
        height: 69px;
        top: auto;
        bottom: -15px;
        right: -23px;
    }

    .packages__item_list-item-icon[b-yuayhphoar] {
        min-width: 32px;
        min-height: 32px;
        max-width: 32px;
        max-height: 32px;
        border-radius: 8px;
    }

        .packages__item_list-item-icon img[b-yuayhphoar] {
            min-width: 16px;
            min-height: 16px;
            max-width: 16px;
            max-height: 16px;
        }

    .packages__list[b-yuayhphoar] {
        padding: 20px;
    }

    .specialists__review[b-yuayhphoar] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 40px 28px;
        gap: 45px;
    }

    .specialists__review-text-quotation[b-yuayhphoar] {
        top: -35px;
        left: -15px;
    }

    .specialists__review-text p[b-yuayhphoar] {
        text-align: center;
    }

    .researches__content-list[b-yuayhphoar] {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .researches__content-item[b-yuayhphoar] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .subscription__training-individual_list[b-yuayhphoar] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 390px) {
    .container[b-yuayhphoar] {
        width: calc(100% - 30px);
    }


    .header[b-yuayhphoar] {
        padding: 12px 16px;
    }
}
/* _content/BeUp.New/Components/Pages/Landing/LandingWorker.razor.rz.scp.css */
*[b-mrluhol3nb] {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease, opacity 0.3s ease;
    -o-transition: background-color 0.3s ease, opacity 0.3s ease;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    scroll-behavior: smooth;
}

html[b-mrluhol3nb] {
    font-size: 16px;
}

body[b-mrluhol3nb] {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: normal;
    font-size: 1rem;
    color: var(--col-2);
}

ul[b-mrluhol3nb],
li[b-mrluhol3nb] {
    display: block;
    padding: 0;
    margin: 0;
}

h1[b-mrluhol3nb],
h2[b-mrluhol3nb],
h3[b-mrluhol3nb],
h4[b-mrluhol3nb],
h5[b-mrluhol3nb],
h6[b-mrluhol3nb] {
    font-family: inherit;
    font-weight: 700;
    color: var(--col-2);
}

p[b-mrluhol3nb] {
    margin: 0;
}

.container[b-mrluhol3nb] {
    width: 100%;
    max-width: 1350px;
    padding: 0 60px;
    margin: 0 auto;
}

.d-flex[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-content-center[b-mrluhol3nb] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-sb[b-mrluhol3nb] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-items-center[b-mrluhol3nb] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-stretch[b-mrluhol3nb] {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

a[b-mrluhol3nb] {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

button[b-mrluhol3nb] {
    font-family: inherit;
    font-weight: 400;
    border: none;
    background: none;
    cursor: pointer;
}

.btn[b-mrluhol3nb] {
    display: inline-block;
    width: auto;
    font-family: inherit;
    font-weight: 600;
    border-radius: 12px;
    max-height: 3.25rem;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .btn:hover[b-mrluhol3nb] {
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

.btn-primary[b-mrluhol3nb] {
    color: var(--color-white);
    background-color: var(--color-2);
    border: 1px solid var(--color-2);
}

    .btn-primary:hover[b-mrluhol3nb] {
        background-color: var(--btn-hover);
    }

.btn-secondary[b-mrluhol3nb] {
    color: var(--color-2);
    background-color: transparent;
    border: 1px solid var(--color-2);
}

    .btn-secondary:hover[b-mrluhol3nb] {
        background-color: var(--btn-hover);
    }

/* h1 {
	font-size: 6rem;
}

h2 {
	font-size: 5rem;
}

h3 {
	font-size: 4rem;
} */

:hover[b-mrluhol3nb] {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

img[b-mrluhol3nb] {
    width: 100%;
    display: block;
}

.title-section[b-mrluhol3nb] {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

/* Header */

.header[b-mrluhol3nb] {
    max-width: 1350px;
    margin: 0 auto;
    width: 100%;
    padding: 16px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__btn[b-mrluhol3nb] {
    padding: 1rem 1.5rem;
}

.header__logo[b-mrluhol3nb] {
    max-width: 111px;
}

.header__menu_list[b-mrluhol3nb] {
    gap: 24px;
}

.header__menu_link[b-mrluhol3nb] {
    font-size: 0.875rem;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

    .header__menu_link[b-mrluhol3nb]::after {
        content: attr(data-text);
        font-weight: 700;
        height: 0;
        visibility: hidden;
        overflow: hidden;
        display: block;
    }

    .header__menu_link:hover[b-mrluhol3nb],
    .header__menu_link.active[b-mrluhol3nb] {
        font-weight: 700;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }



/* Стили для бургер-меню */
.header__burger[b-mrluhol3nb] {
    display: none;
}

    .header__burger span[b-mrluhol3nb] {
        display: block;
        height: 1px;
        width: 15px;
        background-color: var(--col-2);
        border-radius: 200px;
    }

.header__menu-mob[b-mrluhol3nb] {
    display: none;
    overflow-y: scroll;
}

/* Адаптивные стили */
@media screen and (max-width: 768px) {
    .header__menu-mob[b-mrluhol3nb] {
        display: none;
    }

    .header__menu[b-mrluhol3nb],
    .header__btn[b-mrluhol3nb] {
        display: none;
    }

    .header__menu-mob-top[b-mrluhol3nb] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-bottom: 60px;
    }

    .header__burger[b-mrluhol3nb] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__menu-mob .header__btn[b-mrluhol3nb] {
        display: block;
        margin-top: 60px;
    }

    .header__menu-mob .header__menu_list[b-mrluhol3nb] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .header__menu-mob .header__menu_list .header__menu_link[b-mrluhol3nb] {
            font-size: 1.3333rem;
        }

    .header__menu-mob .header__menu_link-service[b-mrluhol3nb] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header__menu-mob .header__submenu[b-mrluhol3nb] {
        display: none;
        position: sticky;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid var(--color-3);
        border-radius: 0;
        min-width: 200px;
        margin-top: 20px;
    }

        .header__menu-mob .header__submenu.active[b-mrluhol3nb] {
            display: block;
        }

    .header__menu_link-service-mob.active + .header__submenu_mob[b-mrluhol3nb] {
        display: block;
    }

    .header__menu_link-service-mob.active img[b-mrluhol3nb] {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .header__menu-mob .header__submenu-icon--wrapper[b-mrluhol3nb] {
        width: 32px;
        height: 32px;
    }

    .header__menu-mob .header__submenu li a[b-mrluhol3nb] {
        padding: 0 0 12px 0;
        border-bottom: none;
    }

    .header__submenu_arrow-img[b-mrluhol3nb] {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 16px;
        height: 16px;
        margin-left: auto;
    }

    .header__menu-mob.active[b-mrluhol3nb] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 12px 16px;
        background: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        z-index: 100000;
    }
}

.main[b-mrluhol3nb] {
    overflow: hidden;
}

/* Hero */

.hero[b-mrluhol3nb] {
    position: relative;
    padding: 66px 0 120px;
    overflow: hidden;
}

.hero-flex[b-mrluhol3nb] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hero__content[b-mrluhol3nb] {
    position: relative;
    max-width: 36.5rem;
    width: 100%;
}

.hero__title[b-mrluhol3nb] {
    text-transform: uppercase;
    font-size: 2.8125rem;
    font-weight: 800;
}

    .hero__title span[b-mrluhol3nb] {
        color: var(--color-2);
    }

.hero__content_advantages[b-mrluhol3nb] {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
    gap: 8px;
}

.hero__content_advantage[b-mrluhol3nb] {
    gap: 12px;
    padding: 0.75rem 1rem;
    border-radius: 10px;
}

.hero__content_advantage-arrow[b-mrluhol3nb] {
    width: 20px;
    height: 20px;
}

.hero__content_advantage-text[b-mrluhol3nb] {
    color: var(--dark-gray-color);
}

.hero__content_advantage--orange[b-mrluhol3nb] {
    background-color: #FFF3E8;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.hero__content_advantage--purple[b-mrluhol3nb] {
    background-color: var(--color-4);
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.hero__content_advantage--blue[b-mrluhol3nb] {
    background-color: var(--color-5);
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.hero__content_advantage--turquoise[b-mrluhol3nb] {
    background-color: #F1F9FF;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.hero__images[b-mrluhol3nb] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 27rem;
}

.hero__image[b-mrluhol3nb] {
    width: 13rem;
    height: 13rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 24px;
}

.hero__image--1[b-mrluhol3nb] {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.hero__image--2[b-mrluhol3nb] {
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.hero__image--3[b-mrluhol3nb] {
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.hero__image--4[b-mrluhol3nb] {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.hero-star[b-mrluhol3nb] {
    position: absolute;
    z-index: -1;
}

.hero-star-1[b-mrluhol3nb] {
    -webkit-transform: rotate(21.65deg);
    -ms-transform: rotate(21.65deg);
    transform: rotate(21.65deg);
    top: 91px;
    left: -185px;
}

.hero-star-2[b-mrluhol3nb] {
    -webkit-transform: rotate(-45.94deg);
    -ms-transform: rotate(-45.94deg);
    transform: rotate(-45.94deg);
    top: -47px;
    left: -95px;
}

.hero-star-3[b-mrluhol3nb] {
    -webkit-transform: rotate(21.65deg);
    -ms-transform: rotate(21.65deg);
    transform: rotate(21.65deg);
    top: -52px;
    right: -310px;
}

/* advantages */

.advantages[b-mrluhol3nb] {
    margin-bottom: 80px;
}

    .advantages .section-top__content[b-mrluhol3nb] {
        max-width: 36.625rem;
    }

.section-top__content[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
}

.section-top__text[b-mrluhol3nb] {
    font-size: 1rem;
    text-align: center;
    color: var(--dark-gray-color);
}

.title-section span[b-mrluhol3nb] {
    color: var(--color-2);
}

.advantages__list[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 74px;
    -moz-column-gap: 74px;
    column-gap: 74px;
    row-gap: 12px;
    margin-top: 40px;
}

.advantages__item[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    padding: 32px 0;
    border-radius: 20px;
    background-color: var(--color-2);
    color: var(--col-3);
    max-width: 293px;
    width: 100%;
    min-height: 264px;
}

    .advantages__item:nth-child(1)[b-mrluhol3nb] {
        -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    .advantages__item:nth-child(2)[b-mrluhol3nb] {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    .advantages__item:nth-child(3)[b-mrluhol3nb] {
        -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    .advantages__item:nth-child(4)[b-mrluhol3nb] {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    .advantages__item:nth-child(5)[b-mrluhol3nb] {
        -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    .advantages__item:nth-child(6)[b-mrluhol3nb] {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    .advantages__item:last-child .advantages__item_img--wrapper[b-mrluhol3nb] {
        margin-top: 0;
    }

    .advantages__item .advantages__item_img--wrapper[b-mrluhol3nb] {
        background: var(--color-4);
        margin-top: 20px;
    }

    .advantages__item:nth-child(even)[b-mrluhol3nb] {
        background: #F4F3FF;
        color: var(--color-black);
    }

.advantages__item_img--wrapper[b-mrluhol3nb] {
    padding: 12px 28px;
    border-radius: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.advantages__item_img[b-mrluhol3nb] {
    width: 2.25rem;
    height: 2.25rem;
}

.advantages__item_text[b-mrluhol3nb] {
    max-width: 14.5rem;
    text-align: center;
}

/* Work with us */

.work-with-us__steps[b-mrluhol3nb] {
    gap: 20px;
    margin-top: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.work-with-us__step[b-mrluhol3nb] {
    max-width: 292px;
    width: 100%;
    border-radius: 24px;
    background-color: var(--color-5);
    padding-bottom: 40px;
}

    .work-with-us__step:nth-child(even)[b-mrluhol3nb] {
        background: var(--color-6);
        margin-top: 44px;
    }

.work-with-us__step_img--wrapper[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 292px;
    height: 185px;
}

.work-with-us__step--1 .work-with-us__step_img[b-mrluhol3nb] {
    max-width: 206px;
}

.work-with-us__step--2 .work-with-us__step_img[b-mrluhol3nb] {
    max-width: 196px;
}

.work-with-us__step--3 .work-with-us__step_img[b-mrluhol3nb] {
    max-width: 208px;
}

.work-with-us__step--4 .work-with-us__step_img[b-mrluhol3nb] {
    max-width: 199px;
}

.work-with-us__step_content[b-mrluhol3nb] {
    padding: 0px 12px 0px 12px;
    margin-top: 20px;
    height: 160px;
}

.work-with-us__step_num[b-mrluhol3nb] {
    color: #BDD8DF;
    font-weight: bold;
    font-size: 16px;
}

.work-with-us__step_title[b-mrluhol3nb] {
    margin: 8px 0 16px;
    font-size: 24px;
    font-weight: 600;
    color: var(--col-2);
}

.work-with-us__step_desc[b-mrluhol3nb] {
    color: var(--dark-gray-color);
    font-size: 14px;
}

.work-with-us__btn[b-mrluhol3nb] {
    margin: 32px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/* requirements */

.requirements[b-mrluhol3nb] {
    margin: 100px 0 80px;
    overflow: hidden;
}

    .requirements .section-top__content[b-mrluhol3nb] {
        max-width: 32.5rem;
    }

.requirements__tabs[b-mrluhol3nb] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin: 28px 0 40px;
}

.requirements__tab[b-mrluhol3nb] {
    border-radius: 40px;
    background-color: transparent;
    border: 1px solid var(--color-2);
    color: var(--col-2);
    padding: 16px 28px;
    font-weight: 500;
}

    .requirements__tab:hover[b-mrluhol3nb],
    .requirements__tab.active[b-mrluhol3nb] {
        background-color: var(--color-2);
        color: var(--color-white);
    }

/* Обертка для прокрутки или смены карточек */
.requirements__cards-wrapper[b-mrluhol3nb] {
    position: relative;
    margin-top: 32px;
}

/* Контейнер с карточками */
.requirements__cards[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

/* Основная карточка */
.requirements__card[b-mrluhol3nb] {
    background: var(--color-5);
    border-radius: 24px;
    max-width: 50.875rem;
    width: 100%;
    padding: 2rem 1.75rem;
    position: relative;
    z-index: 2;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    display:none;
}
    .requirements__card.active[b-mrluhol3nb] {
        display:block;
    }


    .requirements__card-title[b-mrluhol3nb] {
        margin-bottom: 1rem;
        font-size: 1.75rem;
    }

.requirements__card--ghost[b-mrluhol3nb] {
    position: absolute;
    -webkit-transform: scale(0.54);
    -ms-transform: scale(0.54);
    transform: scale(0.54);
    -webkit-filter: blur(8px);
    filter: blur(8px);
    opacity: 0.6;
    z-index: 1;
    pointer-events: none;
}

    .requirements__card--ghost:nth-child(1)[b-mrluhol3nb] {
        left: -371px;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }

    .requirements__card--ghost:nth-child(3)[b-mrluhol3nb] {
        right: -370px;
        top: 0;
    }

.requirements__list[b-mrluhol3nb] {
    margin-bottom: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}

.requirements__item[b-mrluhol3nb] {
    position: relative;
    padding-left: 32px;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--dark-gray-color);
}

    .requirements__item[b-mrluhol3nb]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0px;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.67318 14.0066C5.51842 14.0066 5.36671 13.9635 5.23507 13.8821C5.10342 13.8007 4.99703 13.6843 4.92782 13.5459C4.85861 13.4075 4.82931 13.2525 4.84321 13.0984C4.85711 12.9442 4.91365 12.797 5.00651 12.6732L10.0065 6.00655C10.0841 5.90305 10.1848 5.81905 10.3005 5.7612C10.4162 5.70334 10.5438 5.67322 10.6732 5.67322C10.8025 5.67322 10.9301 5.70334 11.0459 5.7612C11.1616 5.81905 11.2622 5.90305 11.3398 6.00655L16.3398 12.6732C16.4327 12.797 16.4892 12.9442 16.5031 13.0984C16.517 13.2525 16.4877 13.4075 16.4185 13.5459C16.3493 13.6843 16.2429 13.8007 16.1113 13.8821C15.9796 13.9635 15.8279 14.0066 15.6732 14.0066H5.67318Z' fill='%232BC4D5'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }

.requirements__btn[b-mrluhol3nb] {
    font-weight: 500;
    padding: 1rem 1.5rem;
}

/* reviews */

.reviews__list[b-mrluhol3nb] {
    gap: 20px;
    margin-bottom: 40px;
    align-items: stretch !important;
}

.reviews__item[b-mrluhol3nb] {
    background: var(--color-6);
    border-radius: 48px;
    padding: 40px;
    min-width: 395px;
    max-width: 395px;
    display: flex;
    flex-direction: column;
}

.reviews__item-stars[b-mrluhol3nb] {
    margin-bottom: 32px;
}

.reviews__star[b-mrluhol3nb] {
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url("../img/svg/star-empty.svg") no-repeat center;
    background-size: contain;
}

.reviews__star--filled[b-mrluhol3nb] {
    background: url("../img/svg/star-filled.svg") no-repeat center;
    background-size: contain;
}

.reviews__item-text[b-mrluhol3nb] {
    margin-bottom: 55px;
    line-height: 160%;
}

.reviews__item-user[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.reviews__item-avatar[b-mrluhol3nb] {
    width: 64px;
    height: 64px;
    background: var(--color-2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 1.5rem;
}

.reviews__item-info[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.reviews__item-name[b-mrluhol3nb] {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 140%;
    margin-bottom: 4px;
}

.reviews__item-role[b-mrluhol3nb] {
    color: var(--dark-gray-color);
    line-height: 120%;
}

.reviews__btns[b-mrluhol3nb] {
    gap: 20px;
}

.reviews__btn[b-mrluhol3nb] {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--col-2);
}

    .reviews__btn img[b-mrluhol3nb] {
        width: 28px;
        height: 28px;
    }

.reviews .section-top__content[b-mrluhol3nb] {
    margin-bottom: 2.5rem;
}

/* FAQ */

.faq[b-mrluhol3nb] {
    margin: 117px 0 80px;
}

.faq__title[b-mrluhol3nb] {
    font-size: 2rem;
    margin-bottom: 40px;
    text-align: center;
}

.faq__list[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.faq__item.active .faq__item-question_wrapper[b-mrluhol3nb],
.faq__item-question_wrapper:hover[b-mrluhol3nb] {
    background-color: var(--color-3);
}

.faq__item.active .faq__item-answer[b-mrluhol3nb] {
    padding: 23px 40px;
    border-bottom: 1px solid var(--color-3);
    overflow: visible;
    max-height: 500px;
    visibility: visible;
}

.faq__item-question_wrapper[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 40px;
    border-radius: 20px;
    cursor: pointer;
}

.faq__item-question[b-mrluhol3nb] {
    font-size: 1.125rem;
    font-weight: 700;
    width: 100%;
}

.faq__item-question-arrow[b-mrluhol3nb] {
    width: 26px;
    height: 26px;
}

.faq__item-answer[b-mrluhol3nb] {
    color: var(--dark-gray-color);
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .5s ease, padding 0.5s ease, visibility .5s ease;
    -o-transition: max-height .5s ease, padding 0.5s ease, visibility .5s ease;
    transition: max-height .5s ease, padding 0.5s ease, visibility .5s ease;
}

/* Footer */

.footer[b-mrluhol3nb] {
    background-color: var(--color-3);
    padding: 32px 0 40px;
    font-size: 14px !important;
}

.footer-flex[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 62px;
}

.footer__logo[b-mrluhol3nb] {
    max-width: 111px;
    margin-bottom: 15px;
}

.footer__contacts[b-mrluhol3nb] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 48px;
}

.footer__contact[b-mrluhol3nb] {
    gap: 12px;
}

    .footer__contact img[b-mrluhol3nb] {
        width: 20px;
        height: 20px;
    }

.footer__authorization[b-mrluhol3nb] {
    gap: 12px;
    margin-bottom: 48px;
}

.footer__authorization-in[b-mrluhol3nb] {
    background-color: var(--color-1);
    color: var(--color-white);
    font-weight: 500;
}

.footer__authorization-register[b-mrluhol3nb] {
    color: var(--col-2);
    border: 1px solid var(--color-1);
    background-color: transparent;
    font-weight: 500;
}

    .footer__authorization-register:hover[b-mrluhol3nb] {
        color: var(--color-white);
        background-color: var(--color-1);
        border: 1px solid var(--color-1);
    }

.footer__socials[b-mrluhol3nb] {
    max-width: 186px;
}

.footer__social[b-mrluhol3nb] {
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-white);
}

.footer__social-wrapper[b-mrluhol3nb] {
    gap: 8px;
    margin-top: 12px;
}

.footer__menu_title[b-mrluhol3nb] {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}

.footer__menu_list[b-mrluhol3nb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.footer__fond[b-mrluhol3nb] {
    max-width: 118px;
    margin-bottom: 40px;
}

.footer__text[b-mrluhol3nb] {
    margin-top: 62px;
}

.scroll-none[b-mrluhol3nb] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .scroll-none[b-mrluhol3nb]::-webkit-scrollbar {
        display: none;
    }

@media (max-width: 1200px) {
    html[b-mrluhol3nb] {
        font-size: 14px;
    }

    .container[b-mrluhol3nb] {
        max-width: 960px;
        width: 100%;
    }

    .hero__content_advantages[b-mrluhol3nb] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px;
    }

    .hero__images[b-mrluhol3nb] {
        max-width: 100%;
    }

    .hero-star-1[b-mrluhol3nb] {
        top: 126px;
        left: -206px;
    }

        .hero-star-1 svg[b-mrluhol3nb] {
            width: 290px;
            height: 290px;
        }

    .hero-star-2[b-mrluhol3nb] {
        -webkit-transform: rotate(-39.77deg);
        -ms-transform: rotate(-39.77deg);
        transform: rotate(-39.77deg);
        top: -24px;
        left: -45px;
    }

        .hero-star-2 svg[b-mrluhol3nb] {
            width: 128.57px;
            height: 128.57px;
        }

    .hero-star-3[b-mrluhol3nb] {
        top: -16px;
        right: -146px;
    }

        .hero-star-3 svg[b-mrluhol3nb] {
            width: 290px;
            height: 290px;
        }

    .advantages__list[b-mrluhol3nb] {
        gap: 8px;
    }

    .work-with-us__steps[b-mrluhol3nb] {
        -webkit-column-gap: 54px;
        -moz-column-gap: 54px;
        column-gap: 54px;
        row-gap: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .work-with-us__step:nth-child(2)[b-mrluhol3nb] {
        margin-top: 51px;
    }

    .work-with-us__step:nth-child(3)[b-mrluhol3nb] {
        margin-left: 35px;
    }

    .work-with-us__step:nth-child(4)[b-mrluhol3nb] {
        margin-top: 114px;
        margin-left: -35px;
    }

    .advantages__item[b-mrluhol3nb] {
        max-width: 224px;
        min-height: 200px;
        gap: 40px;
    }
}

@media (max-width: 992px) {
    html[b-mrluhol3nb] {
        font-size: 12px;
    }

    .container[b-mrluhol3nb] {
        max-width: 720px;
        width: 100%;
        padding: 0;
    }

    .header[b-mrluhol3nb] {
        padding: 12px 40px;
    }

    .btn[b-mrluhol3nb] {
        height: 39px;
        padding: 12px 24px;
    }

    .faq__item-question_wrapper[b-mrluhol3nb] {
        padding: 8px 24px;
    }

    .faq__item-question-arrow[b-mrluhol3nb] {
        width: 20px;
        height: 20px;
    }

    .footer[b-mrluhol3nb] {
        font-size: 12px !important;
    }

    .footer-flex[b-mrluhol3nb] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .footer__item-3[b-mrluhol3nb] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 28px;
    }

    .footer__fond[b-mrluhol3nb] {
        max-width: 86px;
        margin-bottom: 0px;
    }

    .footer__menu_title[b-mrluhol3nb] {
        font-size: 16px;
        line-height: 20px;
    }

    .footer__contacts[b-mrluhol3nb],
    .footer__authorization[b-mrluhol3nb] {
        margin-bottom: 20px;
    }

    .header__logo[b-mrluhol3nb] {
        max-width: 66px;
    }

    .hero__content_advantage-arrow[b-mrluhol3nb] {
        width: 20px;
        height: 20px;
    }

    .hero__content_advantages[b-mrluhol3nb] {
        gap: 16px;
    }

    .advantages__item[b-mrluhol3nb] {
        max-width: 224px;
        min-height: 200px;
        gap: 40px;
    }

    .footer__text[b-mrluhol3nb] {
        font-size: 10px;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .container[b-mrluhol3nb] {
        max-width: 540px;
        width: 100%;
    }

    .footer-flex[b-mrluhol3nb] {
        gap: 40px;
    }

    .hero__btn[b-mrluhol3nb] {
        font-weight: 500;
    }

    .hero__images[b-mrluhol3nb] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 330px;
        display: none;
    }

    .hero-flex[b-mrluhol3nb] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 22px;
    }

    .hero-star-2[b-mrluhol3nb] {
        -webkit-transform: rotate(-21.65deg);
        -ms-transform: rotate(-21.65deg);
        transform: rotate(-21.65deg);
        top: 98px;
        left: -176px;
    }

        .hero-star-2 svg[b-mrluhol3nb] {
            width: 170.53px;
            height: 170.53px;
        }

    .hero-star-3[b-mrluhol3nb] {
        top: 16px;
        right: -213px;
    }

    .hero-star-1[b-mrluhol3nb] {
        display: none;
    }

    .hero__content[b-mrluhol3nb] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .hero__title[b-mrluhol3nb] {
        text-align: center;
        font-size: 22px;
    }

    .hero__content_advantages[b-mrluhol3nb] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        row-gap: 16px;
        max-width: 27rem;
    }

    .hero__content_advantage--blue[b-mrluhol3nb] {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    .hero__content_advantage--turquoise[b-mrluhol3nb] {
        -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    .hero[b-mrluhol3nb] {
        padding: 16px 0 48px;
    }

    .advantages__item:nth-child(3)[b-mrluhol3nb] {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    .advantages__item:nth-child(4)[b-mrluhol3nb] {
        -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    .advantages__item:nth-child(2)[b-mrluhol3nb],
    .advantages__item:nth-child(3)[b-mrluhol3nb],
    .advantages__item:nth-child(6)[b-mrluhol3nb] {
        background: #F4F3FF;
        color: var(--color-black);
    }

    .advantages__item:nth-child(4)[b-mrluhol3nb] {
        background-color: var(--color-2);
        color: var(--col-3);
    }

    .work-with-us__steps[b-mrluhol3nb] {
        margin-top: 24px;
        gap: 20px;
    }

    .work-with-us__step[b-mrluhol3nb] {
        max-width: 100%;
        padding: 0;
        margin: 0 !important;
    }

    .work-with-us__step_img--wrapper[b-mrluhol3nb] {
        max-width: 100%;
    }

    .reviews__item[b-mrluhol3nb] {
        padding: 40px 20px;
        min-width: 282px;
        max-width: 282px;
    }

    .reviews__list[b-mrluhol3nb] {
        gap: 12px;
    }

    .reviews__item-avatar[b-mrluhol3nb] {
        width: 44px;
        height: 44px;
    }

    .reviews__item-stars[b-mrluhol3nb] {
        margin-bottom: 20px;
    }

    .reviews__item-text[b-mrluhol3nb] {
        margin-bottom: 64px;
        font-size: 12px;
    }

    .reviews__btn[b-mrluhol3nb] {
        width: 32px;
        height: 32px;
    }

        .reviews__btn img[b-mrluhol3nb] {
            width: 16px;
            height: 16px;
        }

    .faq[b-mrluhol3nb] {
        padding: 40px 0;
        margin: 0;
    }

    .faq__item-question[b-mrluhol3nb] {
        font-size: 14px;
    }

    .work-with-us__step_content[b-mrluhol3nb] {
        padding: 0px 12px 32px 12px;
        margin-top: 20px;
        height: auto;
    }
}

@media (max-width: 576px) {
    html[b-mrluhol3nb] {
        font-size: 10px;
    }

    .container[b-mrluhol3nb] {
        width: calc(100% - 30px);
    }

    .footer-flex[b-mrluhol3nb] {
        gap: 40px;
    }

    .title-section[b-mrluhol3nb] {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }

    .hero__content[b-mrluhol3nb] {
        max-width: 27rem;
    }

    .btn[b-mrluhol3nb] {
        height: auto;
        max-height: 100%;
        padding: 16px 24px;
        font-size: 12px;
    }

    .advantages__item[b-mrluhol3nb] {
        max-width: 175px;
        min-height: 200px;
        gap: 40px;
    }

    .requirements__card--ghost[b-mrluhol3nb] {
        display: none;
    }

    .requirements__card-title[b-mrluhol3nb] {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .requirements__item[b-mrluhol3nb]::before {
        bottom: 0;
        margin: auto 0;
    }

    .requirements__card[b-mrluhol3nb] {
        padding: 16px;
    }

    .requirements[b-mrluhol3nb] {
        margin: 32px 0 60px;
    }

    .requirements__tabs[b-mrluhol3nb] {
        gap: 8px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .requirements__tab[b-mrluhol3nb] {
        padding: 10px 20px;
        font-size: 10px;
    }

    .faq__item.active .faq__item-answer[b-mrluhol3nb] {
        padding: 23px 20px;
        font-size: 12px;
    }
}

@media (max-width: 390px) {
    .container[b-mrluhol3nb] {
        width: calc(100% - 30px);
    }


    .header[b-mrluhol3nb] {
        padding: 12px 16px;
    }

    .advantages__item[b-mrluhol3nb] {
        max-width: 160px;
        min-height: 200px;
        gap: 40px;
    }

    .reviews__item[b-mrluhol3nb] {
        padding: 40px 20px;
        min-width: 282px;
        max-width: 282px;
    }
}
/* _content/BeUp.New/Components/Pages/MainComponent/ChelengeMain.razor.rz.scp.css */


.list-card .card[b-8pvuuqayje] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: calc(100% / 4);
}

    .list-card .card:hover[b-8pvuuqayje] {
        border-radius: 1rem;
        background: #FFF;
        gap: .75rem;
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);       
    }

        .list-card .card:hover .card-footer[b-8pvuuqayje] {
            padding: 0 .75rem .75rem;
            border-radius: 1rem;
            margin-bottom: -.75rem;
        }
    
.list-card .card .img[b-8pvuuqayje] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
        display:flex;
        justify-content:center;
        align-items:center;

    }


        .list-card .card .img img[b-8pvuuqayje] {
            min-height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

    .list-card .card:hover .img img[b-8pvuuqayje] {
        min-height: 105%;
        min-width: 105%;
        justify-content: center;
        display: flex;
    }

        .list-card .card .img .block-label-img[b-8pvuuqayje] {
            position: absolute;
            top: .5rem;
            left: .5rem;
            display: flex;
            gap: .5rem;
        }
        .list-card .card .img label[b-8pvuuqayje] {
           
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            
        }

.card-footer h5[b-8pvuuqayje] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-8pvuuqayje] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-8pvuuqayje] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.banner[b-8pvuuqayje] {
    background-image: url(svg/block-bg-pink-1000.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    margin-bottom: 1.25rem;
}

    .banner .block-info[b-8pvuuqayje],
    .banner .img-block[b-8pvuuqayje] {
        flex:1;
    }

.header-challenge[b-8pvuuqayje] {
    color: var(--Main-White, #FFF);
    /* Title/H2 */
    font-family: Montserrat;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .75rem;
}
.block-info[b-8pvuuqayje] {
    display: flex;
    flex-direction:column;
    padding: 1rem;
    align-items:center;
    justify-content:center;
}
.block-info p[b-8pvuuqayje] {
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.7;
    margin-bottom: 1.5rem;
}
.button-block[b-8pvuuqayje] {
    display: flex;
    gap: .5rem;
}
.button-block .time[b-8pvuuqayje],
.button-block .btn[b-8pvuuqayje] {
    display: flex;    
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Semibold */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

    .button-block .time[b-8pvuuqayje] {        
        background: var(--Pink-Pink-800, #F1A0FF);
    }


    .banner .img-block[b-8pvuuqayje] {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

        .banner .img-block img[b-8pvuuqayje] {
            border-radius: 0.75rem;
            aspect-ratio: 18.75 / 10;
            overflow: hidden;
            margin-top: -1rem;
        }

    .banner .img-block .img-1[b-8pvuuqayje] {
        transform: rotate(-7.796deg);
        flex-shrink: 0; 
       
        
    }
        .banner .img-block .img-2[b-8pvuuqayje] {
            transform: rotate(13.207deg);
            flex-shrink: 0;
            margin: -5rem 2rem 0 auto;
           
        }

@media (max-width: 640.98px) {

    .list-card .card[b-8pvuuqayje] {
        width: calc(100% / 1.25);
    }
    .banner[b-8pvuuqayje] {
        margin: 0 .75rem 1.25rem;
        flex-direction: column-reverse;
    }
        .banner .img-block img[b-8pvuuqayje] {            
            margin-top: 0;
        }
        .banner .img-block .img-2[b-8pvuuqayje] {
            margin: -4rem -1rem 0 auto;
            width: 60%;
        }
        .banner .img-block .img-1[b-8pvuuqayje] {
            transform: rotate(-7.796deg);
            flex-shrink: 0;
            width: 60%;
        }
}
/* _content/BeUp.New/Components/Pages/MainComponent/CouchMainComponent.razor.rz.scp.css */
.card[b-49d236uxdw] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 1rem;
    padding: .75rem;
    overflow: hidden;
}


.couch .card[b-49d236uxdw] {
    border-radius: 1rem;
    background-color: var(--Main-White, #FFF);
    padding: 1.25rem 2.5rem;
    position: relative;
}

    .couch .card .block[b-49d236uxdw] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        width: 60%;
    }

    .couch .card .btn[b-49d236uxdw] {
        width: fit-content;
    }

    .couch .card[b-49d236uxdw]:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 200%;
        top: -50%;
        right: -50%;
        background: url('img/couch-bacgraund.png') 0 0 repeat;
        transform: rotate(-30deg);
    }

    .couch .card p[b-49d236uxdw] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.traektoria[b-49d236uxdw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}
.work-list[b-49d236uxdw],
.recomendation[b-49d236uxdw],
.work[b-49d236uxdw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.work div[b-49d236uxdw] {
    display: flex;
    gap: 0.75rem;
}
.work span[b-49d236uxdw] {
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.row-r[b-49d236uxdw] {
    display: flex;
    gap: .75rem;
    align-items: center;
}

    .row-r .text[b-49d236uxdw] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

@media (max-width: 640.98px) {
    .card[b-49d236uxdw] {
        width: max-content;
        height: max-content;
        min-width: 7rem;
    }

    .couch[b-49d236uxdw] {
        margin: 0 .75rem;
        display: flex;
    }

        .couch .card[b-49d236uxdw] {
            width: 100%;
            padding: 7.5rem 1rem 1rem;
        }

            .couch .card[b-49d236uxdw]:before {
                content: "";
                position: absolute;
                width: 200%;
                height: 100%;
                top: -65%;
                left: -25%;
                background: url(img/couch-bacgraund.png) 0 0 repeat;
                transform: rotate(15deg);
            }

            .couch .card .block[b-49d236uxdw] {
                width: 100%;
            }
}
/* _content/BeUp.New/Components/Pages/MainComponent/ModalCuratorComponent.razor.rz.scp.css */

/* _content/BeUp.New/Components/Pages/MainComponent/ModalFree.razor.rz.scp.css */
h4[b-i0muubzcvg] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Title/H4 */
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-wrap:nowrap;
}
.modal-title p[b-i0muubzcvg] {
    text-wrap:auto;
}
.body-card[b-i0muubzcvg] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.date[b-i0muubzcvg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .25rem;
}

    label[b-i0muubzcvg] {
        display: flex;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        flex: 1 0 0;
        border-radius: 0.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
     label.active[b-i0muubzcvg] {
            background: var(--Purple-Purple-1000, #7E6CFF);
            color: var(--Main-White, #FFF);
        }
        label.disabled[b-i0muubzcvg] {            
            opacity: 0.5;            
        }

.time[b-i0muubzcvg] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .25rem;
}






/* _content/BeUp.New/Components/Pages/MainComponent/NewsMain.razor.rz.scp.css */
.grid-2[b-gmgg21og46] {
    gap: 1.25rem;
}
.title[b-gmgg21og46] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}
.news-right[b-gmgg21og46] {
    display:flex;
    flex-direction:column;
    gap: .5rem;
}
.main-block-news .img-block[b-gmgg21og46],
.news-right .img-block[b-gmgg21og46] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}
.news-right .grid-2[b-gmgg21og46] {
    cursor: pointer;
}
.main-block-news .img-block .label-block[b-gmgg21og46],
    .news-right .img-block .label-block[b-gmgg21og46] {
    position:absolute;
    top: .75rem;
    left: .75rem;
    display:flex;
    gap: .5rem;
}

label[b-gmgg21og46] {
    display: flex;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.25rem;
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);    
    font-family: Montserrat;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-block-news .img-block img[b-gmgg21og46],
    .news-right .img-block img[b-gmgg21og46] {
    width: 100%;
}

.date[b-gmgg21og46] {
    color: var(--Green-Green-1000, #2BC4D5);    
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-gmgg21og46] {
    
    text-overflow: ellipsis;    
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.news-right h5[b-gmgg21og46] {
    margin: .25rem 0 .5rem 0;
}

.news-right .text-block[b-gmgg21og46] {
    padding: .81rem 0;
}

.news-right .text-block p[b-gmgg21og46] {
    max-height: 2rem;
    overflow:hidden;
}

.main-block-news .img-block[b-gmgg21og46] {
    margin-bottom: 1.25rem;
}

.main-block-news h5[b-gmgg21og46] {
    margin-bottom:.5rem;
}

@media (max-width: 640.98px) {

    .grid-2[b-gmgg21og46] {        
        grid-template-columns: repeat(1, 1fr);
        padding: 0 .75rem;
    }

    .news-right .grid-2[b-gmgg21og46] {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }
    .main-block-news .img-block[b-gmgg21og46],
    .news-right .img-block[b-gmgg21og46] {
        position: relative;
        overflow: hidden;
        aspect-ratio: 1.37 / 1;
        border-radius: 1rem;
        display: flex;
        align-items: center;
    }
}
/* _content/BeUp.New/Components/Pages/MainComponent/NutritionMain.razor.rz.scp.css */


.list-card .card[b-vwzkz73d6l] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
    width: calc(100% / 6);
}

    .list-card .card .img[b-vwzkz73d6l] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 1/1;
        overflow:hidden;
    }
        .list-card .card .img img[b-vwzkz73d6l] {
            min-height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img label[b-vwzkz73d6l] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .5rem;
            left: .5rem;
        }

.card-footer h5[b-vwzkz73d6l] {
    margin-bottom: .5rem;
}
.card-footer .label-list[b-vwzkz73d6l] {
    display: flex;    
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-vwzkz73d6l] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Orange-Orange-100, #FFF8EC);
    color: var(--Orange-Orange-1000, #FFB53D);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.title[b-vwzkz73d6l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

@media (max-width: 640.98px) {

    .list-card .card[b-vwzkz73d6l] {
        width: calc(100% / 1.8);
    }
}
/* _content/BeUp.New/Components/Pages/MainComponent/PlanFormSection.razor.rz.scp.css */

/* Базовые стили для страницы лендинга */
.landing-page[b-uc51w2k767] {
    position: relative;
    background: var(--dark-blue-dark-blue-50, #f8f9fe);
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
}

/* Векторные фоны с анимацией покачивания */
.vector-fon[b-uc51w2k767] {
    position: absolute;
    overflow: hidden;
    max-width: calc(100vw - 1rem);
    z-index: 0;
    max-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 70rem;
    top: 52rem;
    pointer-events: none;
}

    .vector-fon .right[b-uc51w2k767] {
        margin-top: -9.65rem;
    }

    .vector-fon .right[b-uc51w2k767],
    .vector-fon .left[b-uc51w2k767] {
        flex: 1;
        position: relative;
        overflow: hidden;
        display: flex;
    }

    .vector-fon .right[b-uc51w2k767] {
        margin-top: -9.65rem;
        right: 30%;
        justify-content: end;
    }

    .vector-fon .left[b-uc51w2k767] {
        left: 30%;
        align-items: end;
        justify-content: start;
    }

        .vector-fon .right svg[b-uc51w2k767],
        .vector-fon .left svg[b-uc51w2k767] {
            width: 112.9375rem;
            height: 43.125rem;
            position: absolute;
            opacity: 0.5;
        }

        /* Анимация для векторов - плавное покачивание */
        .vector-fon .left svg[b-uc51w2k767] {
            animation: float-left-b-uc51w2k767 25s ease-in-out infinite alternate;
            transform-origin: center;
        }

    .vector-fon .right svg[b-uc51w2k767] {
        animation: float-right-b-uc51w2k767 30s ease-in-out infinite alternate;
        transform-origin: center;
    }

@keyframes float-left-b-uc51w2k767 {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
        filter: blur(0px);
    }

    20% {
        transform: translateX(10px) translateY(-8px) rotate(0.8deg);
        filter: blur(0.3px);
    }

    40% {
        transform: translateX(-8px) translateY(4px) rotate(-0.4deg);
        filter: blur(0.2px);
    }

    60% {
        transform: translateX(12px) translateY(-4px) rotate(0.6deg);
        filter: blur(0.25px);
    }

    80% {
        transform: translateX(-10px) translateY(6px) rotate(-0.3deg);
        filter: blur(0.15px);
    }
}

@keyframes float-right-b-uc51w2k767 {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
        filter: blur(0px);
    }

    25% {
        transform: translateX(-12px) translateY(-6px) rotate(-0.9deg);
        filter: blur(0.4px);
    }

    45% {
        transform: translateX(8px) translateY(3px) rotate(0.5deg);
        filter: blur(0.25px);
    }

    65% {
        transform: translateX(-14px) translateY(-2px) rotate(-0.7deg);
        filter: blur(0.35px);
    }

    85% {
        transform: translateX(10px) translateY(4px) rotate(0.4deg);
        filter: blur(0.2px);
    }
}

/* Хедер */
.landing-header[b-uc51w2k767] {
    position: relative;
    z-index: 100;
    padding: 24px 0;
}

.header-container[b-uc51w2k767] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo[b-uc51w2k767] {
    flex-shrink: 0;
    width: 74px;
    height: 26.91px;
}

    .logo img[b-uc51w2k767] {
        width: 100%;
        height: 100%;
    }

.nav-desktop[b-uc51w2k767] {
    display: flex;
    align-items: center;
}

.frame-1948761537[b-uc51w2k767] {
    display: flex;
    gap: 24px;
    align-items: center;
}

.nav-item[b-uc51w2k767] {
    color: var(--dark-dark-400, #9d9eb1);
    text-align: left;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.2s;
}

    .nav-item:hover[b-uc51w2k767] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

    .nav-item.active[b-uc51w2k767] {
        color: var(--dark-dark-1000, #0a0c3c);
    }

.header-buttons[b-uc51w2k767] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Герой-секция */
.hero-section[b-uc51w2k767] {
    position: relative;
    margin-bottom: 60px;
    z-index: 1;
}

.frame-1948761536[b-uc51w2k767] {
    background: #ffffff;
    border-radius: 36px;
    width: 100%;
    height: 598px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: end;
}

.rectangle-65[b-uc51w2k767] {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.hero-content[b-uc51w2k767] {
    position: relative;
    display: flex;
    gap: 60px;
    align-items: center;
    z-index: 2;
    padding: 2.5rem 1.5rem;
}

    .hero-content h1[b-uc51w2k767] {
        margin: 0;
    }

.hero-title[b-uc51w2k767] {
    color: var(--main-white, #ffffff);
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.hero-text-block[b-uc51w2k767] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 336px;
}

.hero-text[b-uc51w2k767] {
    color: var(--main-white, #ffffff);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.hero-btn[b-uc51w2k767] {
    align-self: flex-start;
}

/* Категории */
.categories-section[b-uc51w2k767] {
    position: relative;
    z-index: 1;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 60px;
    overflow-x: hidden;
}

.categories-container[b-uc51w2k767] {
    width: 100%;
    padding: 0 20px;
    overflow-x: auto;
    cursor: grab;
    scrollbar-width: none; /* Firefox */
}

    .categories-container[b-uc51w2k767]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }

    .categories-container:active[b-uc51w2k767] {
        cursor: grabbing;
    }

.categories-grid[b-uc51w2k767] {
    display: flex;
    gap: 16px;
    width: max-content;
    padding: 0 20px;
}

.category-card[b-uc51w2k767] {
    background: var(--main-white, #ffffff);
    border-radius: 20px;
    padding: 20px;
    min-width: 352px;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .category-card:hover[b-uc51w2k767] {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .category-card:nth-child(2)[b-uc51w2k767] {
        border: 1px solid var(--dark-blue-dark-blue-100, #ebefff);
    }

.category-header[b-uc51w2k767] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.category-icon[b-uc51w2k767] {
    border-radius: 12px;
    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.1);
}

    .category-icon img[b-uc51w2k767] {
        width: 20px;
        height: 20px;
    }

.category-arrow[b-uc51w2k767] {
    border-radius: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .category-arrow img[b-uc51w2k767] {
        width: 20px;
        height: 20px;
    }

.category-content[b-uc51w2k767] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-type[b-uc51w2k767] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.category-goal[b-uc51w2k767] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

/* Скелетоны при загрузке */
.skeleton[b-uc51w2k767] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading-b-uc51w2k767 1.5s infinite;
}

.skeleton-icon[b-uc51w2k767] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.skeleton-arrow[b-uc51w2k767] {
    width: 48px;
    height: 44px;
    border-radius: 12px;
}

.skeleton-text[b-uc51w2k767] {
    height: 20px;
    border-radius: 4px;
    margin-bottom: 8px;
}

    .skeleton-text:last-child[b-uc51w2k767] {
        height: 28px;
        width: 80%;
    }

@keyframes loading-b-uc51w2k767 {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Мобильные стили для категорий */
@media (max-width: 768px) {
    .categories-section[b-uc51w2k767] {
        margin-left: 0;
        padding: 0;
    }

    .categories-container[b-uc51w2k767] {
        padding: 0 12px;
    }

    .categories-grid[b-uc51w2k767] {
        padding: 0 12px;
    }

    .category-card[b-uc51w2k767] {
        min-width: 248px;
        padding: 12px;
    }

    .category-type[b-uc51w2k767] {
        font-size: 12px;
    }

    .category-goal[b-uc51w2k767] {
        font-size: 18px;
    }
}

/* Десктопные стили */
@media (min-width: 1025px) {
    .categories-grid[b-uc51w2k767] {
        justify-content: center;
    }
}

.category-icon img[b-uc51w2k767] {
    width: 20px;
    height: 20px;
}

.category-arrow[b-uc51w2k767] {
    border-radius: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .category-arrow img[b-uc51w2k767] {
        width: 20px;
        height: 20px;
    }

.category-content[b-uc51w2k767] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-type[b-uc51w2k767] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.category-goal[b-uc51w2k767] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

/* Главный заголовок */
.main-headline[b-uc51w2k767] {
    text-align: center;
    margin-bottom: 2rem;    
    position: relative;
    z-index: 1;
}

.headline-text[b-uc51w2k767] {
    font-family: Montserrat;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--dark-dark-1000);
    margin: 0;
}

.highlight-purple-light[b-uc51w2k767] {
    color: var(--purple-purple-700, #9889ff);
}

.highlight-purple[b-uc51w2k767] {
    color: var(--purple-purple-1000, #7e6cff);
}

.highlight-blue[b-uc51w2k767] {
    color: var(--dark-blue-dark-blue-1000, #3559ff);
}

/* Форма генерации плана */
.plan-form-section[b-uc51w2k767] {
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 1rem;
    background: #fff;
    padding: 1.25rem 2.5rem;
    overflow: hidden;
}

.plan-form-wrapper[b-uc51w2k767] {
    display: flex;
    justify-content: center;
  
  
}

[b-uc51w2k767] .form-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
}

.form-fields[b-uc51w2k767] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.form-group[b-uc51w2k767] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-label[b-uc51w2k767] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.drop-down[b-uc51w2k767] {
    background: rgba(248, 249, 254, 0.2);
    border-radius: 12px;
    padding: 12px;
    border: double 1px transparent;
    background-image: linear-gradient(white, white), linear-gradient(90deg, #aae7ee 0%, #bfb6ff 36.54%, #aebdff 62.98%, #ffe1b1 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.textarea-dropdown[b-uc51w2k767] {
    min-height: 109px;
}

.quick-options[b-uc51w2k767] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.quick-option[b-uc51w2k767] {
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    transition: background 0.2s;
}

    .quick-option:hover[b-uc51w2k767] {
        background: rgba(255, 255, 255, 0.5);
    }

    .quick-option.active[b-uc51w2k767] {
        background: var(--purple-purple-1000, #7e6cff);
        color: var(--main-white, #ffffff);
    }

.generate-btn[b-uc51w2k767] {
    align-self: flex-start;
}

/* Бесплатный план */
.free-plan-section[b-uc51w2k767] {
    margin-bottom: 100px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.free-plan-content[b-uc51w2k767] {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}

.text-content[b-uc51w2k767] {
    flex: 1;
    max-width: 653px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-title[b-uc51w2k767] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
}

.section-description[b-uc51w2k767] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.images-container[b-uc51w2k767] {
    position: relative;
    height: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.plan-image[b-uc51w2k767] {
    border-radius: 24px;
    position: absolute;
    width: 250px;
    height: 191px;
    object-fit: cover;
}

.rotated-left[b-uc51w2k767] {
    transform: rotate(-10deg);
    left: 0;
    animation: float-image-1-b-uc51w2k767 20s ease-in-out infinite;
}

.rotated-right[b-uc51w2k767] {
    transform: rotate(10deg);
    left: 170px;
    top: -35%;
    animation: float-image-2-b-uc51w2k767 25s ease-in-out infinite;
}

.rotated-slight-left[b-uc51w2k767] {
    transform: rotate(-5.145deg);
    left: 250px;
    top: 35%;
    animation: float-image-3-b-uc51w2k767 22s ease-in-out infinite;
}

/* Анимация для изображений планов */
@keyframes float-image-1-b-uc51w2k767 {
    0%, 100% {
        transform: rotate(-10deg) translateY(0);
    }

    50% {
        transform: rotate(-10deg) translateY(-10px);
    }
}

@keyframes float-image-2-b-uc51w2k767 {
    0%, 100% {
        transform: rotate(10deg) translateY(0);
    }

    50% {
        transform: rotate(10deg) translateY(-8px);
    }
}

@keyframes float-image-3-b-uc51w2k767 {
    0%, 100% {
        transform: rotate(-5.145deg) translateY(0);
    }

    50% {
        transform: rotate(-5.145deg) translateY(-12px);
    }
}

/* Проблемы */
.problems-grid[b-uc51w2k767] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
}

    .problems-grid[b-uc51w2k767]::-webkit-scrollbar {
        display: none;
    }

/* Gradient border wrapper for all cards */
.problem-card[b-uc51w2k767] {
    position: relative;
    padding: 1px;
    background: linear-gradient(90deg, #aae7ee 0%, #bfb6ff 36.54%, #aebdff 62.98%, #ffe1b1 100%);
    border-radius: 24px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

    .problem-card .card-inner[b-uc51w2k767] {
        background: #ffffff;
        border-radius: 23px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: -webkit-fill-available;
        transition: all 0.2s ease;
        min-height: 200px;
    }

    .problem-card:hover[b-uc51w2k767] {
        background: linear-gradient(163deg, #7e6cff 0%, #13a5ff 100%);
        box-shadow: 0px 0px 30px 1px rgba(126, 108, 255, 0.4);
        transform: translateY(-5px);
    }

    .problem-card:active .card-inner[b-uc51w2k767] {
        transform: scale(0.96);
        transition: transform 0.1s ease;
    }

.problem-icon[b-uc51w2k767] {
    display: flex;
}

.icon-wrapper[b-uc51w2k767] {
    border-radius: 12px;
    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Цвета для каждой карточки проблем */
.problem-card:nth-child(1) .icon-wrapper[b-uc51w2k767] {
    background: var(--green-green-1000, #2bc4d5);
    box-shadow: 0px 0px 34px 0px rgba(43, 196, 213, 0.3);
}

.problem-card:nth-child(2) .icon-wrapper[b-uc51w2k767] {
    background: var(--purple-purple-1000, #7e6cff);
    box-shadow: 0px 0px 34px 0px rgba(126, 108, 255, 0.3);
}

.problem-card:nth-child(3) .icon-wrapper[b-uc51w2k767] {
    background: var(--dark-blue-dark-blue-1000, #3559ff);
    box-shadow: 0px 0px 34px 0px rgba(53, 89, 255, 0.3);
}

.problem-card:nth-child(4) .icon-wrapper[b-uc51w2k767] {
    background: var(--orange-orange-1000, #ffb53d);
    box-shadow: 0px 0px 34px 0px rgba(255, 181, 61, 0.3);
}

.icon-wrapper img[b-uc51w2k767] {
    width: 20px;
    height: 20px;
}

.problem-content[b-uc51w2k767] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.problem-title[b-uc51w2k767] {
    color: var(--dark-dark-1000, #0a0c3c);
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
}

.problem-description[b-uc51w2k767] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

/* Мобильные стили */
.mobile-hidden[b-uc51w2k767] {
    display: flex;
}

.desktop-hidden[b-uc51w2k767] {
    display: none;
}

@media (max-width: 768px) {
    /* Адаптация векторных фонов для мобильных */
    .vector-fon[b-uc51w2k767] {
        display: none;
    }

    .container[b-uc51w2k767] {
        padding: 0;
    }

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

    .desktop-hidden[b-uc51w2k767] {
        display: flex !important;
    }

    .header-container[b-uc51w2k767] {
        padding: 12px;
    }

    .nav-desktop[b-uc51w2k767] {
        display: none;
    }

    /* Герой-секция для мобильных */
    .hero-section[b-uc51w2k767] {
        margin-bottom: .75rem;
    }

    .frame-1948761536[b-uc51w2k767] {
        border-radius: 20px;
        height: 305px;
        width: calc(100% - 1.5rem);
        margin: 0 .75rem;
    }

    [b-uc51w2k767] .form-container {
        flex-direction: column-reverse;
    }

    .hero-content[b-uc51w2k767] {
        position: relative;
        padding: 12px;
        flex-direction: column;
        gap: .75rem;
        align-items: start;
    }

    .hero-btn[b-uc51w2k767] {
        align-self: auto;
    }

    .hero-title[b-uc51w2k767] {
        font-size: 30px;
    }

    .hero-text-block[b-uc51w2k767] {
        max-width: 100%;
    }

    .hero-text[b-uc51w2k767] {
        font-size: 14px;
    }

    /* Категории для мобильных */
    .categories-grid[b-uc51w2k767] {
        padding-left: 12px;
    }

    .category-card[b-uc51w2k767] {
        min-width: 248px;
        padding: 12px;
    }

    .category-type[b-uc51w2k767] {
        font-size: 12px;
    }

    .category-goal[b-uc51w2k767] {
        font-size: 18px;
    }

    /* Главный заголовок для мобильных */
    .headline-text[b-uc51w2k767] {
        font-size: 20px;
        max-width: 353px;
        margin: 0 auto;
    }

    /* Форма для мобильных */
    .plan-form-section[b-uc51w2k767] {
        padding: 0 12px;
    }

    .form-container[b-uc51w2k767] {
        max-width: 100%;
        flex-direction: column-reverse;
        gap: 3rem;
    }

    /* Бесплатный план для мобильных */
    .free-plan-content[b-uc51w2k767] {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .text-content[b-uc51w2k767] {
        max-width: 100%;
    }

    .section-title[b-uc51w2k767] {
        font-size: 18px;
        max-width: 291px;
    }

    .section-description[b-uc51w2k767] {
        font-size: 12px;
    }

    .free-plan-section[b-uc51w2k767] {
        margin-bottom: 2.25rem;
    }

    .images-container[b-uc51w2k767] {
        display: flex;
        width: 100%;
        min-height: 150px;
        align-items: center;
    }

    .rotated-right[b-uc51w2k767] {
        top: 0;
    }

    .plan-image[b-uc51w2k767] {
        width: 129.82px;
        height: 99.18px;
        border-radius: 12.46px;
    }

    /* Анимация изображений для мобильных */
    .rotated-left[b-uc51w2k767] {
        animation: float-image-mobile-1-b-uc51w2k767 15s ease-in-out infinite;
    }

    .rotated-right[b-uc51w2k767] {
        animation: float-image-mobile-2-b-uc51w2k767 18s ease-in-out infinite;
    }

    .rotated-slight-left[b-uc51w2k767] {
        animation: float-image-mobile-3-b-uc51w2k767 16s ease-in-out infinite;
    }

    @keyframes float-image-mobile-1-b-uc51w2k767 {
        0%, 100% {
            transform: rotate(-10deg) translateY(0);
        }

        50% {
            transform: rotate(-10deg) translateY(-5px);
        }
    }

    @keyframes float-image-mobile-2-b-uc51w2k767 {
        0%, 100% {
            transform: rotate(10deg) translateY(0);
        }

        50% {
            transform: rotate(10deg) translateY(-4px);
        }
    }

    @keyframes float-image-mobile-3-b-uc51w2k767 {
        0%, 100% {
            transform: rotate(-5.145deg) translateY(0);
        }

        50% {
            transform: rotate(-5.145deg) translateY(-6px);
        }
    }

    /* Проблемы для мобильных */
    .problems-grid[b-uc51w2k767] {
        padding: 0 12px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .problem-card[b-uc51w2k767] {
        min-width: auto;
        flex-shrink: 0;
    }

        .problem-card .card-inner[b-uc51w2k767] {
            min-height: 180px;
            padding: 16px;
        }

    .problem-title[b-uc51w2k767] {
        font-size: 18px;
    }

    .problem-description[b-uc51w2k767] {
        font-size: 12px;
    }

    .plan-form-section[b-uc51w2k767] {
        margin-bottom: 2.75rem;
    }
}

/* Планшетные стили */
@media (min-width: 769px) and (max-width: 1024px) {
    .container[b-uc51w2k767] {
        padding: 0 20px;
    }

    /* Адаптация векторов для планшетов */
    .vector-fon[b-uc51w2k767] {
        height: 50rem;
        top: 40rem;
    }

        .vector-fon .right svg[b-uc51w2k767],
        .vector-fon .left svg[b-uc51w2k767] {
            width: 80rem;
            height: 30.625rem;
        }

    .hero-content[b-uc51w2k767] {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        left: 40px;
        top: 200px;
    }

    .categories-grid[b-uc51w2k767] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-card[b-uc51w2k767] {
        min-width: calc(50% - 8px);
    }

    .free-plan-content[b-uc51w2k767] {
        flex-direction: column;
        gap: 40px;
    }

    .images-container[b-uc51w2k767] {
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 200px;
    }

    .problems-grid[b-uc51w2k767] {
        grid-template-columns: repeat(2, 1fr);
        flex-wrap: wrap;
        justify-content: center;
    }

    .problem-card[b-uc51w2k767] {
        min-width: calc(50% - 10px);
    }
}

@media (min-width: 1025px) {
    .images-container[b-uc51w2k767] {
        display: flex;
    }
}

/* Десктопные стили */
@media (min-width: 1025px) {
    .vector-fon[b-uc51w2k767] {
        display: flex;
    }

    .problems-grid[b-uc51w2k767] {
        grid-template-columns: repeat(4, 1fr);
        overflow-x: visible;
    }

    .problem-card[b-uc51w2k767] {
        min-width: auto;
        width: 100%;
    }
}

/* Анимация для текста цели */
.form-title-animated[b-uc51w2k767] {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.loader[b-uc51w2k767] {
    color: var(--dark-dark-400, #9d9eb1);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 25px;
    box-sizing: content-box;
    height: 40px;
    display: flex;
    border-radius: 8px;
    align-items: center;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.words[b-uc51w2k767] {
    overflow: hidden;
    position: relative;
    height: 40px;
}

    .words[b-uc51w2k767]::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 20;
        pointer-events: none;
    }

.word[b-uc51w2k767] {
    display: block;
    height: 100%;
    padding-left: 6px;
    background: linear-gradient(90deg, #7e6cff 0%, #13a5ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: spin-goals-b-uc51w2k767 20s infinite;
}

@keyframes spin-goals-b-uc51w2k767 {
    0%, 8% {
        transform: translateY(0%);
    }

    10%, 18% {
        transform: translateY(-100%);
    }

    20%, 28% {
        transform: translateY(-200%);
    }

    30%, 38% {
        transform: translateY(-300%);
    }

    40%, 48% {
        transform: translateY(-400%);
    }

    50%, 58% {
        transform: translateY(-500%);
    }

    60%, 68% {
        transform: translateY(-600%);
    }

    70%, 78% {
        transform: translateY(-700%);
    }

    80%, 88% {
        transform: translateY(-800%);
    }

    90%, 98% {
        transform: translateY(-900%);
    }

    100% {
        transform: translateY(-1000%);
    }
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .loader[b-uc51w2k767] {
        font-size: 18px;
        height: 30px;
    }

    .words[b-uc51w2k767] {
        height: 30px;
    }

    .form-title-animated[b-uc51w2k767] {
        font-size: 20px;
    }
}

/* Анимация для поднятия категорий при скролле */
.categories-section[b-uc51w2k767] {
    position: relative;
    z-index: 2;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateY(0);
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
}

    .categories-section.lifted-up[b-uc51w2k767] {
        transform: translateY(-175px);
    }

    .categories-section .category-card[b-uc51w2k767] {
        background: var(--main-white, #ffffff);
        border-radius: 20px;
        padding: 20px;
        min-width: 352px;
        flex-shrink: 0;
        position: relative;
        transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        will-change: transform, background, backdrop-filter, box-shadow;
    }

    .categories-section.lifted-up .category-card[b-uc51w2k767],
    .categories-section.animating .category-card[b-uc51w2k767] {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

/* Для мобильных устройств */
@media (max-width: 768px) {
    .categories-section.lifted-up[b-uc51w2k767] {
        transform: translateY(-100px);
    }
}

/* Планшетные стили */
@media (min-width: 769px) and (max-width: 1024px) {
    .categories-section.lifted-up[b-uc51w2k767] {
        transform: translateY(-140px);
    }
}

/* ========== Стили для формы (добавленные) ========== */

/* Стили для валидации */
.validation-summary[b-uc51w2k767] {
    background: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 20px;
    color: #c53030;
    font-size: 14px;
    font-family: Montserrat;
}

.validation-message[b-uc51w2k767] {
    color: #c53030;
    font-size: 12px;
    margin-top: 4px;
    display: block;
    font-family: Montserrat;
    padding-left: 4px;
}

/* Стили для инпутов внутри drop-down */
[b-uc51w2k767] .selected-option-input,
[b-uc51w2k767] .placeholder-text-input {
    width: 100%;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-dark-1000, #0a0c3c);
    background: transparent;
    border: none;
    outline: none;
}

    [b-uc51w2k767] .selected-option-input::placeholder,
    [b-uc51w2k767] .placeholder-text-input::placeholder {
        color: var(--dark-dark-1000, #0a0c3c);
        opacity: 0.3;
    }

/* Контейнер для textarea */
.textarea-container[b-uc51w2k767] {
    height: 100%;
    width: 100%;
}

/* Textarea - занимает всю высоту блока */
[b-uc51w2k767] .textarea-dropdown .placeholder-text-input {
    width: 100%;
    height: 100%;
    min-height: 85px;
    resize: none;
    line-height: 1.5;
}

/* Убираем стандартные стили у инпутов */
[b-uc51w2k767] .drop-down input,
[b-uc51w2k767] .drop-down textarea {
    all: unset;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* Кнопка в состоянии загрузки */
.generate-btn:disabled[b-uc51w2k767] {
    opacity: 0.7;
    cursor: not-allowed;
    background: var(--purple-purple-800, #8a7aff);
}

    .generate-btn:disabled:hover[b-uc51w2k767] {
        background: var(--purple-purple-800, #8a7aff);
        transform: none;
    }

/* Кликабельные элементы */
.quick-option[b-uc51w2k767],
.word[b-uc51w2k767] {
    cursor: pointer;
}

.word[b-uc51w2k767] {
    transition: all 0.2s ease;
}

    .word:hover[b-uc51w2k767] {
        transform: translateY(-1px);
        text-shadow: 0 2px 4px rgba(126, 108, 255, 0.2);
    }

/* Мобильные стили для формы */
@media (max-width: 768px) {
    .validation-summary[b-uc51w2k767] {
        font-size: 12px;
        padding: 8px;
    }

    .validation-message[b-uc51w2k767] {
        font-size: 10px;
    }

    [b-uc51w2k767] .textarea-dropdown .placeholder-text-input {
        min-height: 60px;
        font-size: 12px;
    }
}

/* На десктопе можно увеличить высоту textarea */
@media (min-width: 769px) {
    .drop-down.textarea-dropdown[b-uc51w2k767] {
        height: 120px;
    }
}

.color-label-1[b-uc51w2k767] {
    background: var(--Orange-Orange-1000, #FFB53D);
    box-shadow: 0 0 34px 0 rgba(255, 181, 61, 0.30);
}

.color-label-2[b-uc51w2k767] {
    background: var(--Green-Green-1000, #2BC4D5);
    box-shadow: 0 0 34px 0 rgba(43, 196, 213, 0.30);
}

.color-label-3[b-uc51w2k767] {
    background: var(--Blue-Blue-1000, #13A5FF);
    box-shadow: 0 0 34px 0 rgba(19, 165, 255, 0.30);
}

.color-label-4[b-uc51w2k767] {
    background: var(--Purple-Purple-1000, #7E6CFF);
    box-shadow: 0 0 34px 0 rgba(126, 108, 255, 0.30);
}

.color-label-5[b-uc51w2k767] {
    background: var(--Pink-Pink-1000, #ED88FF);
    box-shadow: 0 0 34px 0 rgba(237, 136, 255, 0.30);
}


.plan-form-wrapper[b-uc51w2k767] {
   
}

.plan-form-section[b-uc51w2k767]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    top: 40%;
    right: -50%;
    background: url(img/couch-bacgraund.png) 0 0 repeat;
    transform: rotate(-30deg);
}

@media (max-width: 640.98px) {
    .plan-form-section[b-uc51w2k767]:before {
        content: "";
        position: absolute;
        width: 200%;
        height: 200%;
        top: -180%;
        left: 50%;
        background: url(img/couch-bacgraund.png) 0 0 repeat;
        transform: rotate(15deg);
    }
}

[b-uc51w2k767] .validation-message {
    color: var(--Main-Red, #EB4E4E);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* _content/BeUp.New/Components/Pages/MainComponent/PocketMain.razor.rz.scp.css */
.title[b-nww7et9r7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.color-2[b-nww7et9r7f]  svg path {
    fill: #FFF;
}
.color-1[b-nww7et9r7f]  svg path,
.color-3[b-nww7et9r7f]  svg path {
    fill: #FFF;
}

.card-pocket[b-nww7et9r7f] {
    display: grid;
    grid-template-columns: 1fr 1.36fr;
    padding: .5rem;
    border-radius: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: width 2s ease-in-out;
}    

    .card-pocket.color-1[b-nww7et9r7f] {
        background-image: url(svg/block-bg-pink-1000.svg);
    }
    .card-pocket.color-2[b-nww7et9r7f] {
        background-image: url('svg/block-bg-pupur.svg');        
    }
    .card-pocket.color-3[b-nww7et9r7f] {
        background-image: url('svg/block-bg.svg');        
    }

.list-card[b-nww7et9r7f] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    padding: .75rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr 1fr;
}
.card-position[b-nww7et9r7f] {
    border-radius: 0.75rem;
    background: var(--Purple-Purple-50, #F3F1FF);
    display: flex;
    padding: 0.5rem 0.75rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;    
}
    .card-position .img[b-nww7et9r7f] {
        border-radius: 0.75rem;
        background: var(--Purple-Purple-1000, #7E6CFF);
        display: flex;
        padding: 0.75rem;
        align-items: center;
        gap: 0.625rem;
    }

.color-3 .card-position .img[b-nww7et9r7f] {
    background: #2BC4D5;
}
.color-1 .card-position .img[b-nww7et9r7f] {
    background: var(--Pink-Pink-1000, #ED88FF);
}

.grid-column-1[b-nww7et9r7f] {
    grid-column: span 3;
}
.grid-column-2[b-nww7et9r7f] {
    grid-column: span 2;
}

h3[b-nww7et9r7f] {
    color: var(--Main-White, #FFF);
    /* Title/H4 */
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 .75rem;
}

p[b-nww7et9r7f] {
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 1.25rem;
}

.btn[b-nww7et9r7f] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

    .btn:hover[b-nww7et9r7f] {        
        background: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    }

.card-pocket-title[b-nww7et9r7f] {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    align-items: start;
    justify-content: center;
}
.card-position-name[b-nww7et9r7f] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
    .card-pocket[b-nww7et9r7f] {        
        grid-template-columns: 1fr;        
        margin: 0 .75rem;
        padding: 1rem;
        gap: 1.25rem;
    }
    h3[b-nww7et9r7f] {
      font-size: 1rem;
    }
    .card-pocket-title[b-nww7et9r7f] {
        padding: 0;
    }
    p[b-nww7et9r7f] {
        color: var(--Main-White, #FFF);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .grid-column-1[b-nww7et9r7f] {
        grid-column: span 6;
    }
    .grid-column-2[b-nww7et9r7f] {
        grid-column: span 3;
    }
}
/* _content/BeUp.New/Components/Pages/MainComponent/SessionToday.razor.rz.scp.css */
.card[b-fohc640j1r] {
    border-radius: 1rem;
    background: var(--Main-White);
    display: flex;
    padding: 1rem 1.75rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    flex-direction:column;
}

.card-body[b-fohc640j1r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}
.text-muted[b-fohc640j1r] {
    text-align:center;
}
/* _content/BeUp.New/Components/Pages/MainComponent/SliderMainTop.razor.rz.scp.css */
.slider[b-c84h7ctwbb] {
    border-radius: 1rem;
    background: #BA95CB;
    overflow:hidden;
}
/* _content/BeUp.New/Components/Pages/MainComponent/WorkerMain.razor.rz.scp.css */


.list-card .card[b-n9eor4qgtd] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: calc(100% / 6);
    min-width: calc(100% / 6);
}

    .list-card .card .img[b-n9eor4qgtd] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 1/1;
        overflow: hidden;
        display: flex;
    }

        .list-card .card .img img[b-n9eor4qgtd] {
            height: 100%;
            aspect-ratio: 1/1;
            justify-content: center;
            display: flex;
            flex: 1;
        }

        .list-card .card .img label[b-n9eor4qgtd] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            color: var(--Main-White, #FFF);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .5rem;
            left: .5rem;
        }

.card-footer h5[b-n9eor4qgtd] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-n9eor4qgtd] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;    
}

.card-footer label[b-n9eor4qgtd] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;    
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.color-4[b-n9eor4qgtd] {    
    background: var(--Orange-Orange-1000, #FFB53D);
}
.color-1[b-n9eor4qgtd] {    
    background: var(--Green-Green-1000, #2BC4D5);
}
.color-3[b-n9eor4qgtd] {
    background: var(--Blue-Blue-1000, #13A5FF);
}
.color-2[b-n9eor4qgtd] {
    background: var(--Purple-Purple-1000, #7E6CFF);
}

.card-footer[b-n9eor4qgtd] {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.card-footer .label-list label[b-n9eor4qgtd] {
    background: none;
}

    .card-footer .label-list .color-1 svg path[b-n9eor4qgtd] {
        fill: #2BC4D5;
    }

    .card-footer .label-list .color-2 svg path[b-n9eor4qgtd] {
        fill: #7E6CFF;
    }
    .card-footer .label-list .color-3 svg path[b-n9eor4qgtd] {
        fill: #13A5FF;
    }
    .card-footer .label-list .color-4 svg path[b-n9eor4qgtd] {
        fill: #FFB53D;
    }


@media (max-width: 640.98px) {
    .list-card[b-n9eor4qgtd] {
        padding: 0 0 0 .75rem;
    }
        .list-card .card[b-n9eor4qgtd] {
            width: calc(100% / 2);
            min-width: calc(100% / 2);
        }
        .list-card .card .img[b-n9eor4qgtd] {
            min-width: 12rem;
            background-size: cover;
        }
}
/* _content/BeUp.New/Components/Pages/MainComponent/WorkoutMain.razor.rz.scp.css */
.list-card .card[b-ckz3sn4ap0] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: calc(100% / 4);
}

    .list-card .card:hover[b-ckz3sn4ap0] {
        border-radius: 1rem;
        background: #FFF;
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);        
    }

        .list-card .card:hover .card-footer[b-ckz3sn4ap0] {
            padding: 0 .75rem .75rem;
            border-radius: 1rem;
            margin-bottom: -.75rem;
        }


    .list-card .card .img[b-ckz3sn4ap0] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
        display: flex;
    }

        .list-card .card .img img[b-ckz3sn4ap0] {
            min-height: 100%;
            min-width: 100%;            
            justify-content: center;
            display: flex;
        }

    .list-card .card:hover .img img[b-ckz3sn4ap0] {
        min-height: 105%;
        min-width: 105%;
        justify-content: center;
        display: flex;
    }


        .list-card .card .img label[b-ckz3sn4ap0] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Green-Green-1000, #2BC4D5);
            color: var(--Main-White, #FFF);
            font-size: 0.5rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .75rem;
            left: .75rem;
        }

.card-footer h5[b-ckz3sn4ap0] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-ckz3sn4ap0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    justify-content: space-between;
}

.card-footer label[b-ckz3sn4ap0] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Dark-Dark-300, #B6B7C5);        
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .5rem;
}

@media (max-width: 640.98px) {

    .list-card .card[b-ckz3sn4ap0] {        
        width: calc(100% / 2);
    }
}
/* _content/BeUp.New/Components/Pages/NewsPages/CardListNewsComponent.razor.rz.scp.css */
.img-block[b-j0xfk0sgtr] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.label-block[b-j0xfk0sgtr] {
    position: absolute;
    top: .75rem;
    left: .75rem;
    display: flex;
    gap: .5rem;
}

.img-block img[b-j0xfk0sgtr] {
    width: 100%;
}

.text-block p[b-j0xfk0sgtr] {
    text-overflow: ellipsis;
}

label[b-j0xfk0sgtr] {
    display: flex;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.25rem;
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);
    font-family: Montserrat;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.card-list[b-j0xfk0sgtr] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.25rem;
}

.card[b-j0xfk0sgtr] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    cursor: pointer;
}

.date[b-j0xfk0sgtr] {
    color: var(--Green-Green-1000, #2BC4D5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-j0xfk0sgtr] {
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.text-block h5[b-j0xfk0sgtr] {
    margin: .25rem 0 .5rem;
}

.text-block[b-j0xfk0sgtr] {
    max-height: 6.125rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.text-block p[b-j0xfk0sgtr] {
    --l: .75rem;
    display: -webkit-box;
    max-height: 3lh;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
    margin-top: auto;
}

    .title .text-block p[b-j0xfk0sgtr] {
        max-height: 9lh;
        -webkit-line-clamp: 9;
    }

h5[b-j0xfk0sgtr] {
    overflow: clip;
}

@media (max-width: 640.98px) {
    h4[b-j0xfk0sgtr],
    .two[b-j0xfk0sgtr] {
        margin: 0 .75rem;
    }
    .card-list[b-j0xfk0sgtr] {
        grid-template-columns: 1fr;
    }
    .button-filter-list[b-j0xfk0sgtr] {
        padding: 0;        
    }
    .card-list .card .text-block[b-j0xfk0sgtr] {
        max-height: 8rem;
    }

    .img-block[b-j0xfk0sgtr] {
        width: 100%;
    }
}
/* _content/BeUp.New/Components/Pages/NewsPages/CommentBlockComponent.razor.rz.scp.css */
.card[b-fhfl38zmn3] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    position: sticky;
    top: 0;
    max-height: calc(100vh - 8rem);
}
.comment-list[b-fhfl38zmn3] {
    display: flex;    
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
}

.comment-title[b-fhfl38zmn3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.user[b-fhfl38zmn3] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.comment[b-fhfl38zmn3] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}
.avatar[b-fhfl38zmn3] {
    width: 2.5rem;
    height: 2.5rem;
}
.avatar img[b-fhfl38zmn3] {
    width: 100%;
}

.user h4[b-fhfl38zmn3] {
    color: var(--Dark-Dark-1000, #0A0C3C);    
    font-size: 1rem;    
}
.text[b-fhfl38zmn3],
.user p[b-fhfl38zmn3] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-fav[b-fhfl38zmn3] {

}

.comment-footer[b-fhfl38zmn3] {
    border-radius: 1rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    display: flex;
    padding: 0.75rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: auto;
    gap: .5rem;
}
    .comment-footer div[b-fhfl38zmn3] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.btn-fav[b-fhfl38zmn3] {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


@media (max-width: 640.98px) {
    
}
/* _content/BeUp.New/Components/Pages/NewsPages/Details.razor.rz.scp.css */
.container[b-pf99fcwk14] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.new-block[b-pf99fcwk14] {
    display:grid;
    grid-template-columns: 46fr 30fr;
    gap: 1.25rem;
    position: relative;
}
.main-block[b-pf99fcwk14] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.img[b-pf99fcwk14] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.img img[b-pf99fcwk14] {
    width: 100%;
}
.author-card[b-pf99fcwk14] {
    display: flex;
    padding: 1rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.text-block[b-pf99fcwk14] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
}

    .text-block[b-pf99fcwk14]  p {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: justify;
    }
.label-block-footer[b-pf99fcwk14],
.footer-news[b-pf99fcwk14] {
    display: flex;
    align-items:center;
}

.footer-news[b-pf99fcwk14] {
    justify-content: space-between;    
    width: 100%;
}

.label-block-footer[b-pf99fcwk14] {
    gap: .5rem;
}

    .date[b-pf99fcwk14],
    .label-block-footer div[b-pf99fcwk14] {
        display: flex;
        align-items: center;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.author-card[b-pf99fcwk14] {
    display: flex;
    padding: 1rem;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    gap: 1.25rem;
}
.button-block[b-pf99fcwk14] {
    margin-left:auto;
}
.avatar[b-pf99fcwk14] {
    width: 4.875rem;
    height: 4.875rem;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    overflow: hidden;
}
.avatar img[b-pf99fcwk14] {
    width:100%;
}
.author-card small[b-pf99fcwk14] {
    color: var(--Purple-Purple-1000, #7E6CFF);    
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.author-card p[b-pf99fcwk14] {
    color: var(--Dark-Dark-400, #9D9EB1);    
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.author-card h4[b-pf99fcwk14] {
    margin: .5rem 0 .25rem;
}
.text[b-pf99fcwk14] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.active svg[b-pf99fcwk14] {
    fill: var(--Purple-Purple-1000, #7E6CFF);
}

@media (max-width: 640.98px) {

    .new-block[b-pf99fcwk14] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
    .author-card h4[b-pf99fcwk14] {
        font-size: 1rem;
    }
    .footer-news[b-pf99fcwk14] {
        flex-direction: column;
        align-items:start;
    }
    .avatar[b-pf99fcwk14] {
        display: flex;
        align-items:center;
    }
    .avatar img[b-pf99fcwk14] {
        border-radius: .5rem;
    }
    .footer-news[b-pf99fcwk14] {
        
    }
    .card-list .card .text-block[b-pf99fcwk14] {
        max-height: 8rem;
    }

    .img-block[b-pf99fcwk14] {
        width: 100%;
    }
}
/* _content/BeUp.New/Components/Pages/NewsPages/Index.razor.rz.scp.css */
.container[b-dqv2axa2xg] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.title[b-dqv2axa2xg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.img-block[b-dqv2axa2xg] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.label-block[b-dqv2axa2xg] {
    position: absolute;
    top: .75rem;
    left: .75rem;
    display: flex;
    gap: .5rem;
}

.img-block img[b-dqv2axa2xg] {
    width: 100%;
}

.title .text-block[b-dqv2axa2xg] {
    padding: 1rem 0;
}

    .title .text-block h5[b-dqv2axa2xg] {
        margin: .25rem 0 .5rem;
    }

.text-block p[b-dqv2axa2xg] {
    text-overflow: ellipsis;
}



    label[b-dqv2axa2xg] {
        display: flex;
        padding: 0.25rem 0.5rem;
        justify-content: center;
        align-items: center;
        gap: 0.25rem;
        border-radius: 0.25rem;
        background: var(--Main-White);
        color: var(--Dark-Dark-1000);
        font-family: Montserrat;
        font-size: 0.5rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.card-list[b-dqv2axa2xg] {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.25rem;
}
.card[b-dqv2axa2xg] {
    display: flex;   
    flex-direction: column;    
    align-items: flex-start;
    gap: 1.25rem;
    cursor:pointer;
}

.date[b-dqv2axa2xg] {
    color: var(--Green-Green-1000, #2BC4D5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-dqv2axa2xg] {
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.text-block h5[b-dqv2axa2xg] {
   margin: .25rem 0 .5rem;
}

.text-block[b-dqv2axa2xg] {
    max-height: 6.125rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.title .btn[b-dqv2axa2xg] {
    width: fit-content;
    margin-top: 1rem;
}

.text-block p[b-dqv2axa2xg] {
    --l: .75rem;
    display: -webkit-box;
    max-height: 3lh;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
    margin-top:auto;
}

.title .text-block[b-dqv2axa2xg] {
    max-height: max-content;
}
    .title .text-block p[b-dqv2axa2xg] {
        max-height: 9lh;
        -webkit-line-clamp: 9;
    }
h5[b-dqv2axa2xg] {
    overflow:clip;
}

@media (max-width: 640.98px) {
    .title[b-dqv2axa2xg] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }

    .card-list .card .text-block[b-dqv2axa2xg] {
        max-height: 8rem;
    }
    .img-block[b-dqv2axa2xg] {
        width: 100%;
    }
}
/* _content/BeUp.New/Components/Pages/NutritionPages/ButtonComponent.razor.rz.scp.css */
.select-custom[b-t39slk39lk] {
    display: flex;
    flex-direction:column;
    width: 100%;
    position:relative;
}
.select-custom .select-title[b-t39slk39lk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--Dark-Dark-400, #9D9EB1);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.75rem;
    border: 1px solid var(--Dark-Dark-200, #CECED8);
    background: var(--Main-White, #FFF);
    padding: 0.75rem;
    cursor: pointer;
    gap: .5rem;
}

    .select-custom.active .select-list[b-t39slk39lk] {
        display: flex;
    }
    .select-custom .select-list[b-t39slk39lk] {
        display: none;
        width: -webkit-fill-available;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 3.25rem;
        border-radius: 0.75rem;
        border: 1px solid var(--Purple-Purple-300, #CBC4FF);
        background: var(--Main-White, #FFF);
        z-index: 10;
    }

.row-list[b-t39slk39lk] {
    display: flex;
    padding: 0.75rem;
    flex-direction: row;
    justify-content: start;
    align-items: flex-start;
    align-self: stretch;
    color: var(--Dark-Dark-1000, #0A0C3C);    
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    gap: .5rem;
}
/* _content/BeUp.New/Components/Pages/NutritionPages/Details.razor.rz.scp.css */
.one[b-9zqe249plx] {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin: 1.25rem 0;
}

.right .title[b-9zqe249plx] {
    width: 100%;
}
.left[b-9zqe249plx] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
}

    .left .img[b-9zqe249plx] {
        width: 100%;
        border-radius: 0.75rem;
        overflow:hidden;
    }

        .left .img img[b-9zqe249plx] {
            min-height: 100%;
            min-width: 100%;
        }

    .left .card[b-9zqe249plx] {
        display: flex;
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
    }
.right[b-9zqe249plx] {
    display: flex;
    flex-direction: column;    
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
}

.list-progress[b-9zqe249plx] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}
    .list-progress .col[b-9zqe249plx] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        flex: 1 0 0;
    }

.col p[b-9zqe249plx] {
    color: var(--Dark-Dark-400, #9D9EB1);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.col .progress[b-9zqe249plx] {
    height: 0.5rem;
    align-self: stretch;
    background: #F3F1FF;
    border-radius: 2rem;
}

    .col .progress div[b-9zqe249plx] {
        background: #7E6CFF;
        height: 0.5rem;
        align-self: stretch;        
        border-radius: 2rem;
    }

.right .card-ingredient[b-9zqe249plx] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
}
.ingredient-list[b-9zqe249plx] {
    width: 100%;
}
.ingredient[b-9zqe249plx] {
    display: flex;
    padding: 0.5rem 0;
    justify-content: space-between;      
    color: var(--Dark-Dark-400, #9D9EB1);
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.lable-list[b-9zqe249plx] {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    flex-wrap: wrap;
}

    .lable-list label[b-9zqe249plx] {
        display: flex;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.right .title[b-9zqe249plx],
.card-ingredient .title[b-9zqe249plx] {
    margin: 0;
}




.ingredient .center[b-9zqe249plx] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    border-bottom: dotted 2px;
    margin: 0
}

    .ingredient .qantity[b-9zqe249plx] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/12 Semibold */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .two[b-9zqe249plx] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        align-self: stretch;
        margin-bottom: 1.25rem;
    }

.two .card[b-9zqe249plx] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}


    .two .card .step[b-9zqe249plx] {
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
    }

        .two .card .step:nth-child(2n)[b-9zqe249plx] {           
            background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
        }
        .two .card .step p[b-9zqe249plx] {
            color: var(--Dark-Dark-400, #9D9EB1);
            /* Paragraph/12 Medium */
            font-family: Montserrat;
            font-size: 0.75rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

.title .btn.active svg path[b-9zqe249plx] {
    fill: #000;
}

@media (max-width: 640.98px) {
    .one[b-9zqe249plx] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
}
/* _content/BeUp.New/Components/Pages/NutritionPages/DetailsGiga.razor.rz.scp.css */
.one[b-jurrco5b35] {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin: 1.25rem 0;
}

.right .title[b-jurrco5b35] {
    width: 100%;
}
.left[b-jurrco5b35] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
}

    .left .img[b-jurrco5b35] {
        width: 100%;
        border-radius: 0.75rem;
        overflow:hidden;
    }

        .left .img img[b-jurrco5b35] {
            min-height: 100%;
            min-width: 100%;
        }

    .left .card[b-jurrco5b35] {
        display: flex;
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
    }
.right[b-jurrco5b35] {
    display: flex;
    flex-direction: column;    
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
}

.list-progress[b-jurrco5b35] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}
    .list-progress .col[b-jurrco5b35] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        flex: 1 0 0;
    }

.col p[b-jurrco5b35] {
    color: var(--Dark-Dark-400, #9D9EB1);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.col .progress[b-jurrco5b35] {
    height: 0.5rem;
    align-self: stretch;
    background: #F3F1FF;
    border-radius: 2rem;
}

    .col .progress div[b-jurrco5b35] {
        background: #7E6CFF;
        height: 0.5rem;
        align-self: stretch;        
        border-radius: 2rem;
    }

.right .card-ingredient[b-jurrco5b35] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
}
.ingredient-list[b-jurrco5b35] {
    width: 100%;
}
.ingredient[b-jurrco5b35] {
    display: flex;
    padding: 0.5rem 0;
    justify-content: space-between;      
    color: var(--Dark-Dark-400, #9D9EB1);
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.lable-list[b-jurrco5b35] {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    flex-wrap: wrap;
}

    .lable-list label[b-jurrco5b35] {
        display: flex;
        padding: 0.5rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 2.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.right .title[b-jurrco5b35],
.card-ingredient .title[b-jurrco5b35] {
    margin: 0;
}




.ingredient .center[b-jurrco5b35] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    border-bottom: dotted 2px;
    margin: 0
}

    .ingredient .qantity[b-jurrco5b35] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/12 Semibold */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .two[b-jurrco5b35] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        align-self: stretch;
        margin-bottom: 1.25rem;
    }

.two .card[b-jurrco5b35] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}


    .two .card .step[b-jurrco5b35] {
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
    }

        .two .card .step:nth-child(2n)[b-jurrco5b35] {           
            background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
        }
        .two .card .step p[b-jurrco5b35] {
            color: var(--Dark-Dark-400, #9D9EB1);
            /* Paragraph/12 Medium */
            font-family: Montserrat;
            font-size: 0.75rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

.title .btn.active svg path[b-jurrco5b35] {
    fill: #000;
}

@media (max-width: 640.98px) {
    .one[b-jurrco5b35] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
}
/* _content/BeUp.New/Components/Pages/NutritionPages/Index.razor.rz.scp.css */
.container[b-bbabek2fjk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.one[b-bbabek2fjk] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 3fr 1fr; 
}




.two[b-bbabek2fjk] {
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}

.two-list[b-bbabek2fjk] {
    display: grid;
    grid-template-columns: 1fr 2.55fr;
    gap: 1.25rem;
}
.recipes-list[b-bbabek2fjk] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.25rem;
}



.recipes-list .card[b-bbabek2fjk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    cursor: pointer;
}

        .recipes-list .card .img[b-bbabek2fjk] {
            position: relative;
            border-radius: 0.75rem;
            aspect-ratio: 1/1;
            overflow: hidden;
            justify-content: center;
            display: flex;
            background-position: center;
        }

            .recipes-list .card .img img[b-bbabek2fjk] {
                min-height: 100%;
                width: auto;
                justify-content: center;
                display: flex;
            }

            .recipes-list .card .img label[b-bbabek2fjk] {
                position: absolute;
                display: inline-flex;
                padding: 0.25rem 0.5rem;
                justify-content: center;
                align-items: center;
                gap: 0.625rem;
                border-radius: 0.25rem;
                background: var(--Main-White, #FFF);
                color: var(--Dark-Dark-1000, #0A0C3C);
                font-size: 0.625rem;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                top: .5rem;
                left: .5rem;
            }

.card-footer h5[b-bbabek2fjk] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-bbabek2fjk] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-bbabek2fjk] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Orange-Orange-100, #FFF8EC);
    color: var(--Orange-Orange-1000, #FFB53D);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.recipes-filter[b-bbabek2fjk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.recipes-filter .card[b-bbabek2fjk] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    display: flex;    
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.recipes-filter .gigachat-card[b-bbabek2fjk] {
    background-image: url('img/gigachatfon.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.title-giga[b-bbabek2fjk] {
    display: flex;
    align-items:center;
    gap: .5rem;
}
    .title-giga p[b-bbabek2fjk] {
        color: #FFF;
        text-align: center;
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-giga div:last-child[b-bbabek2fjk] {
        display: flex;        
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }

.form-floating-giga[b-bbabek2fjk] {
    display: flex;    
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
}

    .form-floating-giga .form-control[b-bbabek2fjk] {        
        border: none;
        color: var(--Main-White, #FFF);
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 1;
        width: 100%;        
        background: rgba(234, 250, 251, 0.20);
    }

        .form-floating-giga .form-control[b-bbabek2fjk]::placeholder {
            color: var(--Main-White, #FFF);
        }

        .form-control:-webkit-autofill[b-bbabek2fjk] {
        }

input:-webkit-autofill[b-bbabek2fjk] {
    -webkit-text-fill-color: #fff !important;
}

input:-internal-autofill-selected[b-bbabek2fjk] {
    appearance: menulist-button;
    background-image: none !important;
    background: none !important;
    color: #fff !important;
}

input:-webkit-autofill[b-bbabek2fjk],
input:-webkit-autofill:hover[b-bbabek2fjk],
input:-webkit-autofill:focus[b-bbabek2fjk],
input:-webkit-autofill:active[b-bbabek2fjk] {
    box-shadow: 0 0 0 30px rgba(0,0,0,1) inset !important;
    /*-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset !important;
    color: #fff;*/
    -webkit-text-fill-color: #fff !important;    
}
a.btn[b-bbabek2fjk] {
    width: 100%;
    color: var(--Main-White, #FFF);
}
.btn-gigachat[b-bbabek2fjk] {
    border-radius: 0.75rem;
    background: rgba(234, 250, 251, 0.20);
}

    @media (max-width: 640.98px) {
        .one[b-bbabek2fjk], .two-list[b-bbabek2fjk] {
            grid-template-columns: 1fr;
            margin: 0 .75rem;
        }

        .recipes-list[b-bbabek2fjk] {
            grid-template-columns: 1fr;
        }

            .recipes-list .card .img[b-bbabek2fjk] {
                background-size: cover;
                aspect-ratio: 183/70;
            }

        .two h4[b-bbabek2fjk] {
            margin: 0 .75rem;
        }
    }
/* _content/BeUp.New/Components/Pages/NutritionPages/ModalCalendar.razor.rz.scp.css */
.modal-card[b-r9mldo6g4j] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    height: fit-content;
    margin: auto;
    width: min-content;
    z-index: 2001;
    min-width: 25rem;
}

.title-cal[b-r9mldo6g4j] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1.5rem;
}

    .title-cal.active .center-arrow svg[b-r9mldo6g4j] {
        transform: rotate(180deg);
    }

.center-arrow[b-r9mldo6g4j] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}

.month-name[b-r9mldo6g4j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
}

    .month-name label[b-r9mldo6g4j] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        /* Paragraph/10 Medium */
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.calendar[b-r9mldo6g4j] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

.dayofweek[b-r9mldo6g4j] {
    color: var(--Dark-Dark-300, #B6B7C5);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
}

.day[b-r9mldo6g4j] {
    display: flex;
    padding: 0.875rem 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

    .day i[b-r9mldo6g4j] {
        font-style: normal;
    }

    .day.active[b-r9mldo6g4j] {
        background: var(--Purple-Purple-1000, #7E6CFF);
        color: var(--Main-White, #FFF);
    }

    .day.grey[b-r9mldo6g4j] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
    }



/* _content/BeUp.New/Components/Pages/NutritionPages/ModalEditDairy.razor.rz.scp.css */
/* Модальное окно */
.modal-overlay[b-ff2mt7sr9w] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    padding: 1rem;
}

.modal-container[b-ff2mt7sr9w] {
    background: var(--bg-white);
    border-radius: 1.25rem;
    padding: 1.25rem;
    width: 100%;
    max-width: 56.25rem;
    position: relative;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
    animation: modalAppear-b-ff2mt7sr9w 0.3s ease-out;    
    max-height: 90vh;
    cursor: default; /* Убираем курсор pointer */
}

/* Кнопка закрытия */
.close-button[b-ff2mt7sr9w] {
    position: absolute;
    top: 0;
    right: -3.5rem;
    background: var(--bg-white);
    border: none;
    border-radius: 0.75rem;
    padding: 0.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}

/* Заголовок */
.modal-header[b-ff2mt7sr9w] {
    margin-bottom: 1.25rem;
    padding-right: 3rem;
}

.modal-title[b-ff2mt7sr9w] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1.4;
    margin: 0;
    flex-direction:row;
}

.modal-subtitle[b-ff2mt7sr9w] {
    color: var(--primary-color);
}

/* Форма */
.form-grid[b-ff2mt7sr9w] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.form-grid .col-1[b-ff2mt7sr9w] {
    display: flex;
    flex-direction:column;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .form-grid[b-ff2mt7sr9w] {
        grid-template-columns: 1fr 1fr;
    }
}

.form-group[b-ff2mt7sr9w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .form-group.full-width[b-ff2mt7sr9w] {
        grid-column: 1 / -1;
    }

.form-label[b-ff2mt7sr9w] {
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0;
}

.form-control[b-ff2mt7sr9w],
.select-wrapper[b-ff2mt7sr9w] {
    padding: 0.75rem;
    background: var(--bg-white);
    border: 0.0625rem solid var(--border-color);
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;    
    outline: none;
    transition: border-color 0.3s;
    font-family: 'Montserrat', sans-serif;
}

    .form-control[b-ff2mt7sr9w]::placeholder {
        color: var(--text-secondary);
    }

    .form-control:focus[b-ff2mt7sr9w],
    .select-wrapper:focus-within[b-ff2mt7sr9w] {
        border-color: var(--primary-color);
    }

.select-wrapper[b-ff2mt7sr9w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
    
    user-select: none;
}

.select-value[b-ff2mt7sr9w] {
    color: var(--text-color);
}

/* Выпадающий список времени */
.time-dropdown[b-ff2mt7sr9w] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--bg-white);
    border: 0.0625rem solid var(--border-color);
    border-radius: 0.75rem;
    margin-top: 0.25rem;
    max-height: 12.5rem;
    overflow-y: auto;
    z-index: 100;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
}

.time-option[b-ff2mt7sr9w] {
    padding: 0.75rem;
    color: var(--text-color);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.3s;
    user-select: none;
}

    .time-option:hover[b-ff2mt7sr9w] {
        background-color: var(--bg-light);
    }

    .time-option.active[b-ff2mt7sr9w] {
        background-color: var(--primary-color);
        color: white;
    }

/* Эмоции */
.emotions-section[b-ff2mt7sr9w] {
    margin-bottom: 2rem;
}

.emotions-title[b-ff2mt7sr9w] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 1.25rem;
    margin-top: 0;
}

.emotions-grid[b-ff2mt7sr9w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.5rem;
    justify-content: center;
}

.emotion-item[b-ff2mt7sr9w] {
    padding: 1.5rem 0;
    background: var(--bg-light);
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    cursor: pointer;
    transition: all 0.3s;
    border: 0.0625rem solid transparent;
    user-select: none;
}

    .emotion-item:hover[b-ff2mt7sr9w] {
        transform: translateY(-0.125rem);
        box-shadow: 0 0.25rem 0.75rem rgba(126, 108, 255, 0.1);
    }

    .emotion-item.selected[b-ff2mt7sr9w] {
        background: var(--bg-light);
        border-color: var(--primary-color);
        outline: 0.0625rem solid var(--primary-color);
        outline-offset: -0.0625rem;
    }

.emotion-icon[b-ff2mt7sr9w] {
    width: 6.25rem;
    height: 6.25rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .emotion-icon[b-ff2mt7sr9w]  svg {
        width: 100%;
        height: 100%;
    }

/* Кнопки действий */
.actions-container[b-ff2mt7sr9w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 2rem;
}

@media (min-width: 480px) {
    .actions-container[b-ff2mt7sr9w] {
        flex-direction: row;
        justify-content: flex-end;
    }
}

.button[b-ff2mt7sr9w] {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: none;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    min-width: 8rem;
    font-family: 'Montserrat', sans-serif;
    user-select: none;
}

.button-primary[b-ff2mt7sr9w] {
    background: var(--primary-color);
    color: var(--bg-white);
}

    .button-primary:hover[b-ff2mt7sr9w] {
        background: #6A5AFF;
        transform: translateY(-0.125rem);
        box-shadow: 0 0.25rem 0.75rem rgba(126, 108, 255, 0.3);
    }

.button-secondary[b-ff2mt7sr9w] {
    background: var(--bg-button-secondary);
    color: var(--text-color);
}

    .button-secondary:hover[b-ff2mt7sr9w] {
        background: #E0E3FF;
        transform: translateY(-0.125rem);
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    }

/* Сообщения об ошибках */
.text-danger[b-ff2mt7sr9w] {
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Анимация */
@keyframes modalAppear-b-ff2mt7sr9w {
    from {
        opacity: 0;
        transform: translateY(-1rem) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Мобильная оптимизация */
@media (max-width: 767px) {
    .modal-container[b-ff2mt7sr9w] {
        padding: 1rem;
        max-width: 100%;
        margin: 1rem;
        max-height: 85vh;
    }

    .close-button[b-ff2mt7sr9w] {
        top: 0.5rem;
        right: 0.5rem;
    }

    .modal-title[b-ff2mt7sr9w] {
        font-size: 1.25rem;
    }

    .modal-header[b-ff2mt7sr9w] {
        padding-right: 2.5rem;
    }

    .emotions-grid[b-ff2mt7sr9w] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .emotion-item[b-ff2mt7sr9w] {
        padding: 1rem 0;
        gap: 1rem;
    }

    .emotion-icon[b-ff2mt7sr9w] {
        width: 5rem;
        height: 5rem;
    }

    .button[b-ff2mt7sr9w] {
        width: 100%;
    }

    .actions-container[b-ff2mt7sr9w] {
        width: 100%;
    }

    .form-control[b-ff2mt7sr9w],
    .select-wrapper[b-ff2mt7sr9w] {
        
    }
}

@media (max-width: 480px) {
    .emotions-grid[b-ff2mt7sr9w] {
        grid-template-columns: 1fr;
        max-width: 20rem;
        margin: 0 auto;
    }

    .modal-title[b-ff2mt7sr9w] {
        font-size: 1.125rem;
    }

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

    .modal-overlay[b-ff2mt7sr9w] {
        padding: 0.5rem;
    }
}

/* Кастомные стили для InputNumber и InputText */
[b-ff2mt7sr9w] input.form-control {
    border: none;
    outline: none;    
    background: transparent;
    font-size: 0.875rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--text-color);
    border-radius: 0.75rem;
    border: 1px solid var(--Dark-Dark-200, #CECED8);
    background: var(--Main-White, #FFF);
}

[b-ff2mt7sr9w] textarea.form-control {
 height: 100%;
}

    [b-ff2mt7sr9w] input.form-control::placeholder {
        color: var(--text-secondary);
    }

/* Стили для валидации */
[b-ff2mt7sr9w] .validation-message {
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 0.25rem;
    display: block;
}

/* Скроллбар для выпадающего списка */
.time-dropdown[b-ff2mt7sr9w]::-webkit-scrollbar {
    width: 0.375rem;
}

.time-dropdown[b-ff2mt7sr9w]::-webkit-scrollbar-track {
    background: var(--bg-light);
    border-radius: 0.25rem;
}

.time-dropdown[b-ff2mt7sr9w]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 0.25rem;
}

    .time-dropdown[b-ff2mt7sr9w]::-webkit-scrollbar-thumb:hover {
        background: var(--text-secondary);
    }
/* _content/BeUp.New/Components/Pages/NutritionPages/MyFoodDiary.razor.rz.scp.css */
.grid-2[b-eyefy43htt] {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 1.25rem;
}
.card[b-eyefy43htt] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}
.button-arrow-block[b-eyefy43htt] {
    margin-left: auto;
}

.card .title[b-eyefy43htt] {
    width: 100%;
    margin-bottom: 0;
}

h5 b[b-eyefy43htt] {
    color: var(--Purple-Purple-1000, #7E6CFF);    
    font-weight: 600;    
}

.card-body[b-eyefy43htt] {
    width: 100%;
}

    .card-body hr[b-eyefy43htt] {
        border:none;
        height: 1px;
        background: #F3F1FF;
        margin: 1rem 0;
    }

.eating-card-title[b-eyefy43htt] {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.button-arrow-block .btn[b-eyefy43htt] {    
    background: var(--Dark-Blue-Dark-Blue-50);
}

    .button-arrow-block .btn:hover[b-eyefy43htt] {
        background: var(--Dark-Blue-Dark-Blue-200);
    }
.grid-2 .right[b-eyefy43htt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    align-self: stretch;
}

.target[b-eyefy43htt] {
    display: flex;
    padding: 1.25rem 1.5rem;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
    border-radius: 1rem;    
    background-image: url('svg/fon-target.svg');
    background-size: cover;
    background-repeat:no-repeat;
}
    .target .left[b-eyefy43htt] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .target .left p[b-eyefy43htt] {
        color: var(--Orange-Orange-1000, #FFB53D);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .target .right[b-eyefy43htt] {
        display: flex;
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        border-radius: 1rem;
        background: var(--Main-White, #FFF);
        flex: 1;
    }

.my-indicators[b-eyefy43htt] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.advice[b-eyefy43htt] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Green-Green-50, #F4FCFD);
}

.indicator[b-eyefy43htt] {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;    
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
}
.indicator-c[b-eyefy43htt] {
    display: flex;    
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
}
.indicator-l[b-eyefy43htt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.indicator-r[b-eyefy43htt] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.25rem;
    flex: 1;
}
    .indicator-b[b-eyefy43htt] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        max-width: 15rem;
    }

.arc-progress[b-eyefy43htt] {
    position:relative;
}
.arc-progress svg:first-child[b-eyefy43htt] {
    position: absolute;
    bottom: 0;
}

.row-list[b-eyefy43htt] {

}

.eating-card-list[b-eyefy43htt] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    align-self: stretch;
}

    .eating-card-list .info[b-eyefy43htt] {
        display: flex;
        flex-direction: column;
        padding: 0.75rem;
        align-items: start;
        gap: 0.5rem;
        flex: 1 0 0;
        border-radius: 0.75rem;
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    }

    .eating-card-list p[b-eyefy43htt] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .eating-card-list p.name[b-eyefy43htt] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-weight: 600;
    }

.btn-block[b-eyefy43htt] {
    display: flex;
    gap: .25rem;
}

@media (max-width: 640.98px) {
    .grid-2[b-eyefy43htt] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
}
/* _content/BeUp.New/Components/Pages/NutritionPages/MyNutrition.razor.rz.scp.css */
.card[b-g0u7pv4gts] {
    border-radius: 1rem;
    background: var(--Main-White);
    display: flex;
    padding: 1rem 1.75rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    flex-direction: column;
}

.card-body[b-g0u7pv4gts] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.text-muted[b-g0u7pv4gts] {
    text-align: center;
}
/* _content/BeUp.New/Components/Pages/NutritionPages/Questionnaire.razor.rz.scp.css */
.container[b-cxwwi7o4u1] {
    display:flex;
    flex-direction: column;
    gap: 1.25rem;
}
.row[b-cxwwi7o4u1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;    
}

.level div[b-cxwwi7o4u1] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items:center;
    cursor:pointer;
}

    .level div span[b-cxwwi7o4u1] {
        display: flex;
        border-radius: .25rem;
        border: 1px solid #D0D0D0;
        background: #FFF;
        height: 1.25rem;
        width: 1.25rem;
        align-items: center;
        justify-content: center;
    }

.level .active span[b-cxwwi7o4u1]::before {
    content: " ";
    background: rgb(43, 196, 214);
    height: 0.9rem;
    width: 0.9rem;
    border-radius: .25rem;    
}

.title[b-cxwwi7o4u1] {
    display:flex;
    flex-direction:column;
    gap: .5rem;
}

.parametr[b-cxwwi7o4u1], .parametr-1[b-cxwwi7o4u1] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}
[b-cxwwi7o4u1] form,
.card-block[b-cxwwi7o4u1],
.col-1[b-cxwwi7o4u1] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
}

.col-2[b-cxwwi7o4u1], .col-2 .parametr[b-cxwwi7o4u1] {
    width: 100%;
}

.purpose[b-cxwwi7o4u1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    width: 100%;
}

    .purpose div[b-cxwwi7o4u1] {
        border-radius: 1rem;        
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: .25rem;
        overflow:hidden;
    }

    .purpose .active[b-cxwwi7o4u1] {        
        border: 1px solid var(--Purple-Purple-1000, #7E6CFF);        
    }

        .purpose div img[b-cxwwi7o4u1] {
            width: 9.625rem;
            height: 9.625rem;
            aspect-ratio: 1/1;
            margin: -1.25rem -2rem 0 auto;
        }

        .purpose div p[b-cxwwi7o4u1] {
            color: var(--Dark-Dark-1000, #0A0C3C);            
            font-family: Montserrat;
            font-size: 1rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            display: flex;
            align-items:center;
            gap: .5rem;
        }

@media (max-width: 640.98px) {
    .card-block[b-cxwwi7o4u1] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }
}
/* _content/BeUp.New/Components/Pages/Profile/ChangePassword.razor.rz.scp.css */
.card[b-w2ss69u3ha] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

[b-w2ss69u3ha] form {
    display: flex;   
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    width:100%;
}

.form-group[b-w2ss69u3ha] {
    width: 100%;
}

.alarm[b-w2ss69u3ha] {
    display: none;
}
/* _content/BeUp.New/Components/Pages/Profile/Index.razor.rz.scp.css */
.container[b-g4fb41aoge] {
    display: flex;
    flex-direction:column;
    gap: 1.25rem;
}
.section-filter[b-g4fb41aoge] {
    display: grid;
    grid-template-columns: 1fr 2.55fr;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.filter .card[b-g4fb41aoge] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.btn[b-g4fb41aoge] {
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);
    color: var(--Dark-Dark-300, #B6B7C5);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    justify-content: start;
}
    .btn:hover[b-g4fb41aoge] {
        background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    }

    .btn.active[b-g4fb41aoge] {
        background: var(--Green-Green-100, #EAFAFB);
        color: var(--Green-Green-1000, #2BC4D5);       
    }

        .btn.active svg path[b-g4fb41aoge] {
            fill: #2BC4D5;            
        }


.btn-logout[b-g4fb41aoge] {
    background: none;
    border: none;
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 0;
    color: var(--Main-Red, #EB4E4E);
    /* Paragraph/16 Medium */
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

@media (max-width: 640.98px) {
    .section-filter[b-g4fb41aoge] {
        grid-template-columns: 1fr;
        margin: 0 .75rem 1.25rem;
    }

    .filter .card[b-g4fb41aoge] {
        flex-direction: row;
    }

    .filter .card span[b-g4fb41aoge] {
        display: none;
    }

        .filter .card .btn[b-g4fb41aoge],
            .filter .card .btn-logout[b-g4fb41aoge] {
        flex-direction: column;
        flex:1;
    }
}
/* _content/BeUp.New/Components/Pages/Profile/ProfileComponent.razor.rz.scp.css */
.card[b-bqxf1zfgtv] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}
.grid-2[b-bqxf1zfgtv] {
    gap: 1.25rem;
    width: 100%;
}
.form-floating[b-bqxf1zfgtv],
.description[b-bqxf1zfgtv] {
    width: 100%;
}

.right[b-bqxf1zfgtv], .left[b-bqxf1zfgtv] {
    display: flex;    
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.avatar[b-bqxf1zfgtv] {
    display: flex;
    justify-content: center;
    align-items: center;   
    z-index: 1;
}

.img[b-bqxf1zfgtv] {
    display: flex;
    position: relative;   
}

    .img[b-bqxf1zfgtv]::after {
        content: " ";
        height: 9rem;
        width: 9rem;
        background: rgb(0, 0, 0, .3);
        z-index: 1;
        position: absolute;
        border-radius: 9rem;
    }
    .img[b-bqxf1zfgtv]::before {
        content: " ";
        width: 2.25rem;
        height: 2.25rem;
        background-image: url('svg/photo.svg');        
        position: absolute;
        top: calc(50% - 1.125rem);
        left: calc(50% - 1.125rem);
        z-index: 2;
    }

    .img img[b-bqxf1zfgtv] {
        height: 9rem;
        width: auto;
        z-index: 0;        
    }

.notification[b-bqxf1zfgtv] {
    display:flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
}
.notification .row[b-bqxf1zfgtv] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items:center;
}

.checkbox-round[b-bqxf1zfgtv] {
    padding: 0;
    border-radius: inherit;
    border: none;
    background: none;
}

@media (max-width: 640.98px) {
    .grid-2[b-bqxf1zfgtv] {
        grid-template-columns: 1fr;
    }
}
/* _content/BeUp.New/Components/Pages/Profile/SubscriptionComponent.razor.rz.scp.css */
.card-profile[b-bt2hgr4kca] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}
.block-info[b-bt2hgr4kca] {
    width: 100%;
}
.block-info .row[b-bt2hgr4kca] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;    
}

.row[b-bt2hgr4kca] {
    border-radius: 0.75rem;
    
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;    
    padding: 1.25rem 1rem;
    align-items: center;
    gap: 0.625rem;
}

.block-header[b-bt2hgr4kca] {
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}
.center[b-bt2hgr4kca] {
    color: var(--Dark-Dark-400, #9D9EB1);    
}

@media (max-width: 640.98px) {
    .block-header.row div[b-bt2hgr4kca] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 6ch;
    }
}
/* _content/BeUp.New/Components/Pages/ProgramPage/Details.razor.rz.scp.css */
.pocket-details[b-sfm3fz4q0i] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 1.25rem;
}
.title-section[b-sfm3fz4q0i] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.75rem;
}

.banner[b-sfm3fz4q0i] {
    background-image: url('svg/baner-bg-color-1-full.svg');
    background-size: cover;
    border-radius: 0.75rem;    
    padding: 1.5rem;
    color: var(--Main-White, #FFF);
}

    .banner h3[b-sfm3fz4q0i],
        .banner p[b-sfm3fz4q0i] {
        color: var(--Main-White, #FFF);
        text-align:center;
    }
    .banner h3[b-sfm3fz4q0i] {
        margin-bottom: .75rem;
    }



.small[b-sfm3fz4q0i] {
    font-size: 0.625rem;
}

.footer-btn[b-sfm3fz4q0i] {
    display:flex;
    gap: .75rem;
    justify-content:center;
    margin: 1.25rem 0 .75rem;
}

.card-title-pocket[b-sfm3fz4q0i] {
    background-image: url('svg/baner-lg-color-1.svg');
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 1.75rem;
    align-items: center;
    gap: 0.625rem;
    border-radius: 1rem;    
}
.btn-list[b-sfm3fz4q0i] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    flex: 1;
}
.webinar-block[b-sfm3fz4q0i] {
    background-image: url('svg/baner-bg-color-1.svg');
    background-size: cover;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-1000, #7E6CFF);
    padding: 2.5rem;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
}
    .webinar-block .text[b-sfm3fz4q0i] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        color: #fff;
        flex: 1.7;
    }

    .text h3[b-sfm3fz4q0i], .text p[b-sfm3fz4q0i] {
        color: #fff;
    }
.step-block[b-sfm3fz4q0i] {
    background-image: url('svg/vector9.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 2rem;
    background-size: unset;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
    align-self: stretch;
}
.list-weekly[b-sfm3fz4q0i] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
}
.step-list[b-sfm3fz4q0i] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
    align-self: stretch;
}
.row-step[b-sfm3fz4q0i] {
    display: flex;
    padding: 0 3.75rem;
    align-items: flex-start;
    gap: 2.5rem;
    align-self: stretch;
}

.card-step[b-sfm3fz4q0i] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-50, #F3F1FF);
    flex: .55;
}
.step-block .row-wekly:nth-child(2n)[b-sfm3fz4q0i],
.step-list .row-step:nth-child(2n)[b-sfm3fz4q0i] {
    justify-content: end
}

.title-step[b-sfm3fz4q0i],
.title-step .one-t[b-sfm3fz4q0i] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
}

.video[b-sfm3fz4q0i] {
    display: flex;
    position:relative;
    cursor:pointer;
}

    .video:hover[b-sfm3fz4q0i]::after {
        content: " ";
        display: block;
        background: rgba(0,0,0,0.5);
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

    .video img[b-sfm3fz4q0i] {
        border-radius: 0.5rem;
    }

    .title-step .icon[b-sfm3fz4q0i] {
        display: flex;
        padding: 0.75rem;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Purple-Purple-1000, #7E6CFF);
        height: fit-content;
    }

.card-step p[b-sfm3fz4q0i] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.body-step[b-sfm3fz4q0i] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}
.date[b-sfm3fz4q0i] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-700, #9889FF);
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Semibold */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.include-list[b-sfm3fz4q0i],
.include[b-sfm3fz4q0i] {
    display: flex;
    gap: .75rem;
}
    .include-list[b-sfm3fz4q0i] {
        flex-direction: column;
    }
    .include[b-sfm3fz4q0i] {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
        .include .card[b-sfm3fz4q0i] {
            display: flex;
            padding: 1.5rem;
            flex-direction: column;
            align-items: center;
            gap: 0.75rem;
            flex: 1 0 0;
            border-radius: 0.75rem;
            background: var(--Purple-Purple-50, #F3F1FF);
            grid-column: span 3;
            text-align: center;
        }

        .include .span-2[b-sfm3fz4q0i] {
            grid-column: span 2;
        }

        .include .card .icon[b-sfm3fz4q0i] {
            display: flex;
            padding: 0.75rem;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.75rem;
            background: var(--Purple-Purple-1000, #7E6CFF);
        }

        .include .card p[b-sfm3fz4q0i] {           
            text-align: center; 
            font-size: 0.75rem;            
        }
.row-wekly[b-sfm3fz4q0i] {
    display: flex;
}
.card-weekly[b-sfm3fz4q0i] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
    flex: .55;
}

.price-block[b-sfm3fz4q0i] {
    display: grid;
    grid-template-columns: 1fr 1.55fr;
    padding: 0 3.75rem;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    align-self: stretch;
}

.phone[b-sfm3fz4q0i] {
    display: flex;
    padding-right: 6.6875rem;
    align-items: center;
    flex: 1 0 0;
    border-radius: 0.75rem;
    background: var(--Purple-Purple-1000, #7E6CFF);
    position: relative;
    height: 100%;
}
    .phone img[b-sfm3fz4q0i] {
        max-width: calc(100% - 5rem);
        position: absolute;
        bottom: 0;
        left: 0;
    }
.price-card[b-sfm3fz4q0i] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    border-radius: 0.75rem;
    background: var(--Main-White, #FFF);    
}
.price-list[b-sfm3fz4q0i] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
}
.price[b-sfm3fz4q0i] {
    display: flex;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    cursor:pointer;
}

    .price.active[b-sfm3fz4q0i] {
        border-radius: 0.75rem;
        border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
        background: var(--Purple-Purple-50, #F3F1FF);
    }
        .price .check svg path:last-child[b-sfm3fz4q0i] {
            fill:none
        }
    .price.active .check svg path:last-child[b-sfm3fz4q0i] {
        fill: #7E6CFF;
    }

    .price .text[b-sfm3fz4q0i] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .price small[b-sfm3fz4q0i] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/16 Medium */
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.check[b-sfm3fz4q0i] {
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
}

.price-card .btn-list[b-sfm3fz4q0i] {
    display: flex;
    gap: .75rem;
    width: 100%;
}
.price-card .btn-list .btn[b-sfm3fz4q0i] {
    flex: 1;
}

.price-card svg[b-sfm3fz4q0i] {
    width: 100%;
}




@media (max-width: 640.98px) {
    .title-section[b-sfm3fz4q0i], .price-block[b-sfm3fz4q0i] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
    .include[b-sfm3fz4q0i] {
        overflow-y: scroll;
        margin-right: -.75rem;
        scrollbar-width: none;

    }
    .include .card[b-sfm3fz4q0i] {        
       min-width: 9rem;
    }
    .include-list[b-sfm3fz4q0i] {
        margin: 0 .75rem;
    }
    .include[b-sfm3fz4q0i] {     
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 3rem;
    }
    .webinar-block[b-sfm3fz4q0i] {
        flex-direction: column;
        margin: 0 .75rem;
        padding: 1rem;
    }
    .btn-list[b-sfm3fz4q0i] {
        flex-direction: column;
        align-items: start;
    }
    .price-block[b-sfm3fz4q0i] {
        padding: 0;
    }
    .price-card[b-sfm3fz4q0i] {
        width: calc(100vw - 2.5rem);
        order: 2;
    }
    .phone[b-sfm3fz4q0i] {
        order: 1;
        min-height: 11rem;
    }
        .phone img[b-sfm3fz4q0i] {
            bottom: -.75rem;
        }

    .step-block[b-sfm3fz4q0i] {
        margin: 0 .75rem;
    }
    .list-weekly[b-sfm3fz4q0i], .row-step[b-sfm3fz4q0i] {
        padding: 0;
    }
    .card-step[b-sfm3fz4q0i], .card-weekly[b-sfm3fz4q0i] {
        flex: 1;
    }

    .title-step[b-sfm3fz4q0i] {
        flex-direction:column-reverse;
    }
    .video[b-sfm3fz4q0i] {
        flex: 1;
        width: 100%;
        max-height: 4.5rem;
        overflow: hidden;
        align-items: center;
        border-radius: .5rem;
        cursor: pointer;
    }

    .video[b-sfm3fz4q0i]:after {
       background: rgba(0,0,0,0.1)
    }

    .video img[b-sfm3fz4q0i] {
        width: 100%;
        height: 100%;
    }
    .card-title-pocket[b-sfm3fz4q0i] {
        align-items: start;
        padding: 1rem;
    }
}
/* _content/BeUp.New/Components/Pages/ProgramPage/DetailsStepComponent.razor.rz.scp.css */
.container[b-f5i521ce37] {
    display: flex;
    flex-direction:column;
    gap: 1.25rem;
}
.banner[b-f5i521ce37] {
    border-radius: 0.75rem;
    background-image: url('svg/baner-small-color-4.svg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1.3rem 3.5rem 1.3rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.name-banner[b-f5i521ce37] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.75rem;
    
}

    .name-banner h3[b-f5i521ce37] {
        color: var(--Main-White, #FFF);
    }
    .name-banner p[b-f5i521ce37] {
        color: var(--Main-White, #FFF);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.progress-banner[b-f5i521ce37] {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

    .progress-banner span[b-f5i521ce37] {
        position: absolute;
        margin: auto;
        color: #FFF;
        text-align: center;
        /* Title/H5 */
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.list-step[b-f5i521ce37] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .list-step .row[b-f5i521ce37] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        align-self: stretch;
    }

        .list-step .row .step-number[b-f5i521ce37] {
            display: flex;
            padding: 0.75rem;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 0.75rem;
            border-radius: 0.75rem;
            border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
            background: var(--Main-White, #FFF);
            flex: 1;
            height: -webkit-fill-available;
            max-height: 8rem;
            position:relative;
        }
            .step-note[b-f5i521ce37] {
                display: flex;
                padding: 1.5rem;
                flex-direction: column;
                align-items: flex-start;
                gap: 2.5rem;
                flex: 1 0 0;
                border-radius: 0.75rem;
                border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
                background: var(--Main-White, #FFF);
                flex: 3.7;
                overflow: hidden;
                position:relative;
            }

.list-step .row.lock .step-note[b-f5i521ce37]::after,
.list-step .row.lock .step-number[b-f5i521ce37]::after {
    content: url(img/lock.png);
    background: rgba(0, 0, 0, 0.40);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.list-step .row .step-note[b-f5i521ce37]::after {
    margin: -1.5rem;
}

@media (max-width: 640.98px) {
    .banner[b-f5i521ce37],
    .list-step[b-f5i521ce37] {
        margin: 0 .75rem;
    }
    .list-step .row[b-f5i521ce37] {
        flex-direction:column;
    }
    .step-number[b-f5i521ce37] {
        width: calc(100vw - 3rem);
        min-height: 4rem;
    }
    .step-note[b-f5i521ce37] {
        max-width: calc(100vw - 3rem);
        padding: .75rem;
        gap: 1.25rem;

    }
    .list-step .row .step-note[b-f5i521ce37]::after {
        margin: -.75rem;
    }
}
/* _content/BeUp.New/Components/Pages/ProgramPage/Index.razor.rz.scp.css */
.container[b-uv7wglcakt], .program-list[b-uv7wglcakt] {
    display: flex;
    flex-direction:column;
    gap: 1.25rem;
}
.title[b-uv7wglcakt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.color-2[b-uv7wglcakt]  svg path {
    fill: #FFF;
}

.color-1[b-uv7wglcakt]  svg path,
.color-3[b-uv7wglcakt]  svg path {
    fill: #FFF;
}

.card-pocket[b-uv7wglcakt] {
    display: grid;
    grid-template-columns: 1fr 1.36fr;
    padding: .5rem;
    border-radius: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: width 2s ease-in-out;
}

    .card-pocket.color-1[b-uv7wglcakt] {
        background-image: url(svg/block-bg-pink-1000.svg);
    }

    .card-pocket.color-2[b-uv7wglcakt] {
        background-image: url('svg/block-bg-pupur.svg');
    }

    .card-pocket.color-3[b-uv7wglcakt] {
        background-image: url('svg/block-bg.svg');
    }

.list-card[b-uv7wglcakt] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    padding: .75rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr 1fr;
}

.card-position[b-uv7wglcakt] {
    border-radius: 0.75rem;
    background: var(--Purple-Purple-50, #F3F1FF);
    display: flex;
    padding: 0.5rem 0.75rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

    .card-position .img[b-uv7wglcakt] {
        border-radius: 0.75rem;
        background: var(--Purple-Purple-1000, #7E6CFF);
        display: flex;
        padding: 0.75rem;
        align-items: center;
        gap: 0.625rem;
    }

.color-3 .card-position .img[b-uv7wglcakt] {
    background: #2BC4D5;
}

.color-1 .card-position .img[b-uv7wglcakt] {
    background: var(--Pink-Pink-1000, #ED88FF);
}

.grid-column-1[b-uv7wglcakt] {
    grid-column: span 3;
}

.grid-column-2[b-uv7wglcakt] {
    grid-column: span 2;
}

h3[b-uv7wglcakt] {
    color: var(--Main-White, #FFF);
    /* Title/H4 */
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 .75rem;
}

p[b-uv7wglcakt] {
    color: var(--Main-White, #FFF);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 1.25rem;
}

.btn[b-uv7wglcakt] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

    .btn:hover[b-uv7wglcakt] {
        background: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    }

.card-pocket-title[b-uv7wglcakt] {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    align-items: start;
    justify-content: center;
}

.card-position-name[b-uv7wglcakt] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
    .card-pocket[b-uv7wglcakt] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
        padding: 1rem;
        gap: 1.25rem;
    }

    h3[b-uv7wglcakt] {
        font-size: 1rem;
    }

    .card-pocket-title[b-uv7wglcakt] {
        padding: 0;
    }

    p[b-uv7wglcakt] {
        color: var(--Main-White, #FFF);
        /* Paragraph/12 Medium */
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .grid-column-1[b-uv7wglcakt] {
        grid-column: span 6;
    }

    .grid-column-2[b-uv7wglcakt] {
        grid-column: span 3;
    }
}
/* _content/BeUp.New/Components/Pages/ProgramPage/ModalVideo.razor.rz.scp.css */
.modal-card[b-vnlf5f2xnw] {
    max-width: 1280px;    
    padding: 1.25rem;
}

.modal-body[b-vnlf5f2xnw] {
    width: 100%;
    border-radius: .75rem;
    overflow:hidden;
    margin-top: -1.25rem;
}

@media (max-width: 1440.98px) {
    .modal-card[b-vnlf5f2xnw] {        
        max-width: calc(100vw - 14rem);
    }
}

@media (max-width: 640.98px) {
    .modal-card[b-vnlf5f2xnw] {
        max-width: calc(100vw - 2.5rem);
        padding: .75rem;
    }
    .btn-close-modal[b-vnlf5f2xnw] {
        right: 0;
        top: -3rem;
    }
}
/* _content/BeUp.New/Components/Pages/ProgramPage/NewsPocketComponent.razor.rz.scp.css */
.card-block[b-8kjy7ur9oh] {
    display:flex;
    flex-direction:column;
    gap: 1.25rem;
}

.img-block[b-8kjy7ur9oh] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.label-block[b-8kjy7ur9oh] {
    position: absolute;
    top: .75rem;
    left: .75rem;
    display: flex;
    gap: .5rem;
}

.img-block img[b-8kjy7ur9oh] {
    width: 100%;
}

.text-block p[b-8kjy7ur9oh] {
    text-overflow: ellipsis;
}

label[b-8kjy7ur9oh] {
    display: flex;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.25rem;
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);
    font-family: Montserrat;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.card-list[b-8kjy7ur9oh] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.25rem;
}

.card[b-8kjy7ur9oh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    cursor: pointer;
}

.date[b-8kjy7ur9oh] {
    color: var(--Green-Green-1000, #2BC4D5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-8kjy7ur9oh] {
    text-overflow: ellipsis;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.text-block h5[b-8kjy7ur9oh] {
    margin: .25rem 0 .5rem;
}

.text-block[b-8kjy7ur9oh] {
    max-height: 6.125rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .text-block p[b-8kjy7ur9oh] {
        --l: .75rem;
        display: -webkit-box;
        max-height: 3lh;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex-grow: 1;
        margin-top: auto;
    }

.title .text-block p[b-8kjy7ur9oh] {
    max-height: 9lh;
    -webkit-line-clamp: 9;
}

h5[b-8kjy7ur9oh] {
    overflow: clip;
}

@media (max-width: 640.98px) {
    h4[b-8kjy7ur9oh],
    .two[b-8kjy7ur9oh] {
        margin: 0 .75rem;
    }

    .card-list[b-8kjy7ur9oh] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }

    .button-filter-list[b-8kjy7ur9oh] {
        padding: 0;
    }
    .card-list .card .text-block[b-8kjy7ur9oh] {
        max-height: 8rem;
    }

    .img-block[b-8kjy7ur9oh] {
        width: 100%;
    }
}
/* _content/BeUp.New/Components/Pages/ProgramPage/SurveyComponent.razor.rz.scp.css */
.container[b-1hd3cp4r5j] {
    display: flex;    
    flex-direction: column;    
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}
.card[b-1hd3cp4r5j] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.row[b-1hd3cp4r5j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
}
.grid-2[b-1hd3cp4r5j] {
    gap: 1.25rem;
}

.card-bg[b-1hd3cp4r5j] {
    background-image: url('svg/baner-bg-color-1.svg');
    background-size: cover;
    border-radius: 0.75rem;
    padding: 2.63rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .card-bg h3[b-1hd3cp4r5j] {
        color: var(--Main-White, #FFF);
    }
    .card-bg p[b-1hd3cp4r5j] {
        color: var(--Main-White, #FFF);
        opacity: 0.7;
    }

.questions[b-1hd3cp4r5j] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

.btn-footer[b-1hd3cp4r5j] {
    display: flex;    
    gap: .75rem;
    width: 50%;
}

.questions .btn[b-1hd3cp4r5j] {
    flex: 1;
    background: none;
    border-radius: 0.75rem;
    border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
}

    .btn.off[b-1hd3cp4r5j] {
        border-radius: 0.75rem;
        border: 1px solid var(--Purple-Purple-1000, #7E6CFF);
        opacity: 0.3;
    }

        .btn.off.active[b-1hd3cp4r5j] {
            border-radius: 0.75rem;
            background: var(--Purple-Purple-1000, #7E6CFF);
            opacity: 1;
            color: var(--Main-White, #FFF);
        }

.result[b-1hd3cp4r5j] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

    .result .btn-footer[b-1hd3cp4r5j] {
        width: auto;
    }

@media (max-width: 640.98px) {
    h4[b-1hd3cp4r5j],
    .two[b-1hd3cp4r5j] {
        margin: 0 .75rem;
    }

    .grid-2[b-1hd3cp4r5j] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }

    .button-filter-list[b-1hd3cp4r5j] {
        padding: 0;
    }
}
/* _content/BeUp.New/Components/Pages/ProgramPage/WorkerListProgramComponent.razor.rz.scp.css */


.list-card .card[b-rv308jo859] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    justify-content: center;
    align-items: center;
}

    .list-card .card .img[b-rv308jo859] {
        width: 6.25rem;
        height: 6.25rem;
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 1/1;
        overflow: hidden;
        display: flex;
    }

        .list-card .card .img img[b-rv308jo859] {
            
            aspect-ratio: 1/1;
            justify-content: center;
            display: flex;
            flex: 1;
        }

        .list-card .card .img label[b-rv308jo859] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            color: var(--Main-White, #FFF);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .5rem;
            left: .5rem;
        }

.card-footer h5[b-rv308jo859] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-rv308jo859] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.card-footer label[b-rv308jo859] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.color-4[b-rv308jo859] {
    background: var(--Orange-Orange-1000, #FFB53D);
}

.color-1[b-rv308jo859] {
    background: var(--Green-Green-1000, #2BC4D5);
}

.color-3[b-rv308jo859] {
    background: var(--Blue-Blue-1000, #13A5FF);
}

.color-2[b-rv308jo859] {
    background: var(--Purple-Purple-1000, #7E6CFF);
}

.card-footer[b-rv308jo859] {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

    .card-footer .label-list label[b-rv308jo859] {
        background: none;
    }

    .card-footer .label-list .color-1 svg path[b-rv308jo859] {
        fill: #2BC4D5;
    }

    .card-footer .label-list .color-2 svg path[b-rv308jo859] {
        fill: #7E6CFF;
    }

    .card-footer .label-list .color-3 svg path[b-rv308jo859] {
        fill: #13A5FF;
    }

    .card-footer .label-list .color-4 svg path[b-rv308jo859] {
        fill: #FFB53D;
    }


@media (max-width: 640.98px) {
    .list-card[b-rv308jo859] {
        padding: 0 0 0 .75rem;
    }

        .title[b-rv308jo859]{
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 100%;
            width: calc(100vw - 3.5rem);
        }



            .list-card .card .img[b-rv308jo859] {
                width: 6.25rem;
                background-size: cover;
            }
}
/* _content/BeUp.New/Components/Pages/Schedule/BookingDialog.razor.rz.scp.css */
.booking-overlay[b-fvdxe5uqev] { position: fixed; inset: 0; z-index: 2000; background: #0a0c3c80; display: grid; place-items: center; padding: 1rem; }
.booking-dialog[b-fvdxe5uqev] { background: white; border-radius: 1.5rem; padding: 2rem; width: min(100%, 32rem); max-height: 90dvh; overflow: auto; }
.booking-dialog .btn[b-fvdxe5uqev] { margin: .4rem .4rem .4rem 0; }
/* _content/BeUp.New/Components/Pages/Schedule/CalendarDetails.razor.rz.scp.css */
.title-cal[b-lafijkoo1p] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1.5rem;
}

.title-cal.active .center-arrow svg[b-lafijkoo1p] {
    transform: rotate(180deg);
}

.center-arrow[b-lafijkoo1p] {
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}

.month-name[b-lafijkoo1p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
}

    .month-name label[b-lafijkoo1p] {
        color: var(--Dark-Dark-300, #B6B7C5);
        text-align: center;
        /* Paragraph/10 Medium */
        font-family: Montserrat;
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.calendar[b-lafijkoo1p] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

.dayofweek[b-lafijkoo1p] {
    color: var(--Dark-Dark-300, #B6B7C5);
    text-align: center;
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
}

.day[b-lafijkoo1p] {
    display: flex;
    padding: 0.875rem 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex: 1 0 0;
    border-radius: 0.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

    .day i[b-lafijkoo1p] {
        font-style: normal;
    }

    .day.active[b-lafijkoo1p] {
        background: var(--Purple-Purple-1000, #7E6CFF);
        color: var(--Main-White, #FFF);
    }

    .day.grey[b-lafijkoo1p] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
    }
/* _content/BeUp.New/Components/Pages/Schedule/ChelengeDetails.razor.rz.scp.css */


.list-card .card[b-mzxcyf59tz] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: calc(100% / 3);
}

    .list-card .card .img[b-mzxcyf59tz] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }

        .list-card .card .img img[b-mzxcyf59tz] {
            min-height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img .block-label-img[b-mzxcyf59tz] {
            position: absolute;
            top: .5rem;
            left: .5rem;
            display: flex;
            gap: .5rem;
        }

        .list-card .card .img label[b-mzxcyf59tz] {
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Main-White, #FFF);
            color: var(--Dark-Dark-1000, #0A0C3C);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

.card-footer h5[b-mzxcyf59tz] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-mzxcyf59tz] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.card-footer label[b-mzxcyf59tz] {
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Purple-Purple-100, #E5E2FF);
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.banner[b-mzxcyf59tz] {
    background-image: url(svg/block-bg-pink-1000.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    margin-bottom: 1.25rem;
}

    .banner .block-info[b-mzxcyf59tz],
    .banner .img-block[b-mzxcyf59tz] {
        flex: 1;
    }

.header-challenge[b-mzxcyf59tz] {
    color: var(--Main-White, #FFF);
    /* Title/H2 */
    font-family: Montserrat;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .75rem;
}

.block-info[b-mzxcyf59tz] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: center;
    justify-content: center;
}

    .block-info p[b-mzxcyf59tz] {
        color: var(--Main-White, #FFF);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.7;
        margin-bottom: 1.5rem;
    }

.button-block[b-mzxcyf59tz] {
    display: flex;
    gap: .5rem;
}

    .button-block .time[b-mzxcyf59tz],
    .button-block .btn[b-mzxcyf59tz] {
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
        color: var(--Dark-Dark-1000, #0A0C3C);
        /* Paragraph/14 Semibold */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .button-block .time[b-mzxcyf59tz] {
        background: var(--Pink-Pink-800, #F1A0FF);
    }


.banner .img-block[b-mzxcyf59tz] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

    .banner .img-block img[b-mzxcyf59tz] {
        border-radius: 0.75rem;
        aspect-ratio: 18.75 / 10;
        overflow: hidden;
        margin-top: -1rem;
    }

    .banner .img-block .img-1[b-mzxcyf59tz] {
        transform: rotate(-7.796deg);
        flex-shrink: 0;
    }

    .banner .img-block .img-2[b-mzxcyf59tz] {
        transform: rotate(13.207deg);
        flex-shrink: 0;
        margin: -5rem 2rem 0 auto;
    }
.card-block[b-mzxcyf59tz] {
    display: flex;
    flex-direction: column;    
    padding: 0.75rem;    
    align-items: flex-start;    
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

.list-card[b-mzxcyf59tz] {
    display: flex;
    gap: 1.25rem;
    overflow-y: auto;
    scrollbar-width: none;
    max-width: 56.75rem;
}

section .title[b-mzxcyf59tz] {
    width: 100%;
}

@media (max-width: 640.98px) {
    .list-card[b-mzxcyf59tz],
    section .title[b-mzxcyf59tz] {
        padding: 0;
    }

    .list-card[b-mzxcyf59tz] {
        max-width: calc(100vw - 1.5rem);
    }

    .list-card .card[b-mzxcyf59tz] {
        width: calc(100% / 1.25);
    }

    .card-block[b-mzxcyf59tz] {
        background: none;
        padding: 0;
    }
}
/* _content/BeUp.New/Components/Pages/Schedule/Details.razor.rz.scp.css */
.section-title[b-be0cn79hyd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.25rem 0;
}

    .worker-list .btn-title[b-be0cn79hyd],
    .section-title .btn-title[b-be0cn79hyd] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }
.worker-list[b-be0cn79hyd] {
    display: flex;
    flex-direction:column;
    gap:1.25rem;
}
.worker-list .btn-title[b-be0cn79hyd] {
    width: fit-content;
}

        .schedule-block[b-be0cn79hyd] {
            display: grid;
            grid-template-columns: 1fr 2.55fr;
            gap: 1.25rem;
        }

.title-block[b-be0cn79hyd] {
    display: flex;
    padding: 1.25rem 0.625rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: 1rem;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;    
}
.title-block.color-1[b-be0cn79hyd] {
    background-image: url('svg/baner-color-2.svg');
}
.title-block.color-2[b-be0cn79hyd] {
    background-image: url('svg/baner-color-2.svg');
}
.title-block.color-3[b-be0cn79hyd] {
    background-image: url('svg/baner-color-3.svg');
}
.title-block.color-4[b-be0cn79hyd] {
    background-image: url('svg/baner-color-4.svg');
}

    .title-block .avatar[b-be0cn79hyd] {
        border-radius: 1rem;
        width: 13rem;
        height: 13rem;
        overflow:hidden;
    }

        .title-block .avatar img[b-be0cn79hyd] {
            width: 100%;
        }

        .title-block .grid-4[b-be0cn79hyd] {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            padding: 1.5rem 1.25rem;
            justify-content: space-between;
            align-items: flex-start;
            border-radius: 1rem;
            background: var(--Main-White, #FFF);
        }
            .title-block .grid-4 div[b-be0cn79hyd] {
                color: var(--Dark-Dark-400, #9D9EB1);
                font-size: 0.75rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 0.5rem;
                flex-shrink: 0;
                padding: 0 .25rem;
            }

.card[b-be0cn79hyd] {
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
}

    .card p[b-be0cn79hyd] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.5;
    }

.education-list[b-be0cn79hyd] {
    width: 100%;
}
    .education-list .education-card[b-be0cn79hyd] {
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        align-self: stretch;
        border-radius: 0.75rem;
        background: var(--Main-White, #FFF);
    }
        .education-list .education-card:nth-child(2n)[b-be0cn79hyd] {            
            background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
        }

.education-card[b-be0cn79hyd] {
    color: var(--Dark-Dark-1000, #0A0C3C);   
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    .education-card label[b-be0cn79hyd],
    .education-card .year[b-be0cn79hyd] {
        color: var(--Dark-Dark-500, #85869E);        
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
.education-card-footer[b-be0cn79hyd] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
}

.time-list[b-be0cn79hyd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .25rem;
    width: 100%;
}

    .time-list button[b-be0cn79hyd] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        padding: 0.5rem 0;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        border-radius: 0.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        cursor: pointer;
    }

        .time-list button.active[b-be0cn79hyd] {
            color: var(--Main-White, #FFF);
            background: var(--Purple-Purple-1000, #7E6CFF);
        }

    .time-list button:disabled[b-be0cn79hyd] {
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

.filter-block .card[b-be0cn79hyd] {
    padding: 1rem;
    margin-bottom: 2rem;
}
.calendar[b-be0cn79hyd] {
    width: 100%;    
}

.today h4[b-be0cn79hyd] {
    margin-bottom: 1.25rem;
}

.card:has(video)[b-be0cn79hyd]{
    padding:0 .75rem .75rem;
}

[b-be0cn79hyd] .w-100 {
    width: calc(100% + 1.5rem);
    border-radius: 1rem;
    margin: 0 -.75rem;
}

@media (max-width: 640.98px) {
    .schedule-block[b-be0cn79hyd] {
        grid-template-columns: 1fr;
    }

    .filter-block[b-be0cn79hyd] {
        display: none;
    }
        .filter-block.active[b-be0cn79hyd] {
            display: block;
        }
    .schedule-block[b-be0cn79hyd] {
        margin: 0 .75rem;
    }
    .card-news[b-be0cn79hyd] {
        background: none;
        padding: 0;
    }
    .section-title[b-be0cn79hyd] {
        margin: 1.25rem .75rem;
    }
    .title-block .grid-4[b-be0cn79hyd] {
        gap: .25rem;
    }
    .title-block .grid-4 div[b-be0cn79hyd] {
        padding: 0;
    }
}
.time-list button[b-be0cn79hyd] { border: 0; touch-action: manipulation; font-family: inherit; }
.time-list button:disabled[b-be0cn79hyd] { cursor: default; }
.time-list button:focus-visible[b-be0cn79hyd] { outline: 2px solid #604fd0; }
/* _content/BeUp.New/Components/Pages/Schedule/History.razor.rz.scp.css */
.container[b-94u9o5aat0] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.btn-title[b-94u9o5aat0] {    
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}
    .btn-title:hover[b-94u9o5aat0] {
        background: var(--Dark-Blue-Dark-Blue-200, #D7DEFF);
    }
    .section-title[b-94u9o5aat0] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        align-self: stretch;
    }

.card-list[b-94u9o5aat0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}
.left[b-94u9o5aat0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.left .avatar-c[b-94u9o5aat0] {
    flex: 1;
}

    .left .card-body[b-94u9o5aat0] {
        flex: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .card-body p[b-94u9o5aat0] {

    }

.avatar-c img[b-94u9o5aat0] {
    width: 100%;
    border-radius: 0.75rem;
}

.session[b-94u9o5aat0] {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    width: fit-content;
}
.color-1 .session[b-94u9o5aat0] {
    border: 1px solid #13A5FF;
}
.color-2 .session[b-94u9o5aat0] {
    border: 1px solid #7E6CFF;
}
.color-3 .session[b-94u9o5aat0] {
    border: 1px solid #2BC4D5;
}
.color-4 .session[b-94u9o5aat0] {    
    border: 1px solid var(--Orange-Orange-1000, #FFB53D);
}

.card-worker[b-94u9o5aat0] {
    display: flex;
    padding-right: 1.25rem;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 0.75rem;
}

    .card-worker.color-4[b-94u9o5aat0] {
        background: var(--Orange-Orange-100, #FFF8EC);
    }

    .card-worker.color-3[b-94u9o5aat0] {        
        background: var(--Green-Green-100, #EAFAFB);
    }
    .card-worker.color-2[b-94u9o5aat0] {        
        background: var(--Purple-Purple-100, #E5E2FF);
    }
    .card-worker.color-1[b-94u9o5aat0] {
        background: var(--Green-Green-100, #EAFAFB);
    }
.color-1 .session svg path[b-94u9o5aat0] {
    stroke: #13A5FF;
    fill: none;
}
.color-2 .session svg path[b-94u9o5aat0] {
    stroke: #7E6CFF;
    fill: none;
}
.color-3 .session svg path[b-94u9o5aat0] {
    stroke: #2BC4D5;
    fill: none;
}
.color-4 .session svg path[b-94u9o5aat0] {
    stroke: #FFB53D;
    fill: none;
}
.color-1 .session[b-94u9o5aat0] {
    color: #13A5FF;
}
.color-2 .session[b-94u9o5aat0] {
    color: #7E6CFF;
}
.color-3 .session[b-94u9o5aat0] {
    color: #2BC4D5;
}
.color-4 .session[b-94u9o5aat0] {
    color: #FFB53D;
}

.color-3 svg path[b-94u9o5aat0] {
    fill: #2BC4D5;
}

.color-3 .btn[b-94u9o5aat0],
.color-3 label[b-94u9o5aat0] {
    background: var(--Green-Green-1000, #2BC4D5);
    color: var(--Main-White, #FFF);
}

.color-2 .btn[b-94u9o5aat0], .color-2 label[b-94u9o5aat0] {
    background: var(--Purple-Purple-1000, #7E6CFF);
    color: var(--Main-White, #FFF);
}

.color-1 .btn[b-94u9o5aat0], .color-1 label[b-94u9o5aat0] {
    background: var(--Blue-Blue-1000, #13A5FF);
    color: var(--Main-White, #FFF);
}

.color-4 .btn[b-94u9o5aat0], .color-4 label[b-94u9o5aat0] {
    background: var(--Orange-Orange-1000, #FFB53D);
    color: var(--Main-White, #FFF);
}

.btn-card-block[b-94u9o5aat0] {
    display: flex;   
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.card-worker[b-94u9o5aat0] { padding: 1rem; gap: 1rem; flex-wrap: wrap; background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF); }
.card-worker .left[b-94u9o5aat0] { min-width: 0; flex: 1 1 15rem; }
.card-worker .avatar-c[b-94u9o5aat0] { max-width: 6rem; }
.card-worker .btn-card-block[b-94u9o5aat0] { flex: 1 1 12rem; align-items: stretch; }
.card-worker [role="alert"][b-94u9o5aat0] { flex-basis: 100%; }
.card-worker .btn[b-94u9o5aat0] { white-space: normal; touch-action: manipulation; }
.section-title[b-94u9o5aat0] { flex-wrap: wrap; }
@media (max-width: 900px) {
    .card-list[b-94u9o5aat0] { grid-template-columns: minmax(0, 1fr); }
}

.info[b-94u9o5aat0] {
    color: var(--Dark-Dark-300, #B6B7C5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* _content/BeUp.New/Components/Pages/Schedule/Index.razor.rz.scp.css */
.section-title[b-adsitneu79] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.25rem 0;
}

    .section-title .btn-title[b-adsitneu79] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: flex;
        padding: 0.75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

    .schedule-block[b-adsitneu79] {
        display: grid;
        grid-template-columns: 1fr 2.55fr;
        gap: 1.25rem;
    }

.filter-block .card[b-adsitneu79] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 0 0;
    border-radius: 1rem;
    background: #FFF;
    position: sticky;
    top: 1.25rem;
}

    .filter-block .card div[b-adsitneu79] {
        flex: 1;
        width: 100%;
    }

.worker-list[b-adsitneu79] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.card-worker[b-adsitneu79] {
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    display: grid;
    grid-template-columns: 1fr 1.96fr 1.19fr;
    align-items: flex-start;
}

    .card-worker.disabled[b-adsitneu79] {        
        border: 1px solid var(--Dark-Dark-300, #B6B7C5);        
    }

.disabled .avatar[b-adsitneu79]::after {
    content: " ";
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0, .3);
    z-index: 1;
    position: absolute;    
    top: 0;
    left:0;
}

.not-work[b-adsitneu79] {
    display: none;
}

.disabled .not-work[b-adsitneu79] {
    display: flex;
    padding: 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.5rem;
    background: var(--Dark-Dark-1000, #0A0C3C);
    position: absolute;
    left: 1.0625rem;
    bottom: 1.0625rem;
    color: var(--Dark-Blue-Dark-Blue-300, #C3CEFF);
    /* Paragraph/10 Semibold */
    font-family: Montserrat;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    z-index: 2;
}

.card-worker .avatar[b-adsitneu79] {
    position: relative;
    border-radius: 0.75rem;
    aspect-ratio: 1/1;
    overflow: hidden;
    justify-content: center;
    display: flex;
}

        .card-worker .avatar img[b-adsitneu79] {
            height: 100%;
            width: auto;
            justify-content: center;
            display: flex;
        }

        .card-worker .avatar label[b-adsitneu79] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;            
            color: var(--Main-White, #FFF);
            font-size: 0.625rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .5rem;
            left: .5rem;
        }

    .card-worker .card-body[b-adsitneu79] {
        padding: 1rem 2.5rem 1rem 1.5rem;
    }

        .card-worker .card-body h6[b-adsitneu79] {
            color: var(--Dark-Dark-1000, #0A0C3C);            
            font-family: Montserrat;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: .5rem;
        }
        .card-worker .card-body p[b-adsitneu79] {
            overflow: hidden;
            color: var(--Dark-Dark-1000, #0A0C3C);
            text-overflow: ellipsis;
            font-family: Montserrat;
            font-size: 0.75rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            opacity: 0.5;
            display: -webkit-box;            
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6;
        }

.end-block[b-adsitneu79] {
    display: flex;
    height: 100%;
}

.card-block-grid[b-adsitneu79] {
    border-radius: 1rem;
    
    padding: 1.5rem 1.25rem;
    justify-content: space-between;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin: 1rem 1rem 1rem 0;
    flex: 1;
}

    .card-block-grid div[b-adsitneu79] {
        color: var(--Dark-Dark-400, #9D9EB1);
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;        
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
    }

.footer-card[b-adsitneu79] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    gap: 1rem;
}

.color-1 .btn[b-adsitneu79],
.color-1 label[b-adsitneu79] {
    background: var(--Green-Green-1000, #2BC4D5);
    color: var(--Main-White, #FFF);
}
.color-2 .btn[b-adsitneu79], .color-2 label[b-adsitneu79] {
    background: var(--Purple-Purple-1000, #7E6CFF);
    color: var(--Main-White, #FFF);
}
.color-3 .btn[b-adsitneu79], .color-3 label[b-adsitneu79] {
    background: var(--Blue-Blue-1000, #13A5FF);
    color: var(--Main-White, #FFF);
}

.color-4 .btn[b-adsitneu79], .color-4 label[b-adsitneu79] {
    background: var(--Orange-Orange-1000, #FFB53D);
    color: var(--Main-White, #FFF);
}

.color-1 svg path[b-adsitneu79] {
    fill: #2BC4D5;
}

.color-2 svg path[b-adsitneu79] {
    fill: #7E6CFF;
}

.color-3 svg path[b-adsitneu79] {
    fill: #13A5FF;
}

.color-4 svg path[b-adsitneu79] {
    fill: #FFB53D;
}

.color-1 .card-block-grid[b-adsitneu79] {    
    background: var(--Green-Green-50, #F4FCFD);
}
.color-2 .card-block-grid[b-adsitneu79] {
    background: var(--Purple-Purple-50, #F3F1FF);
}
.color-3 .card-block-grid[b-adsitneu79] {    
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}
.color-4 .card-block-grid[b-adsitneu79] {
    background: var(--Orange-Orange-50, #FFFBF5);
}

.footer-card .info[b-adsitneu79] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--Dark-Dark-300, #B6B7C5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.time-list[b-adsitneu79] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .25rem;
}

    .time-list label[b-adsitneu79] {
        color: var(--Dark-Dark-1000, #0A0C3C);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        padding: 0.5rem 0;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        border-radius: 0.5rem;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
        cursor: pointer;
    }

        .time-list label.active[b-adsitneu79] {
            color: var(--Main-White, #FFF);            
            background: var(--Purple-Purple-1000, #7E6CFF);
        }

    .time-list .disabled[b-adsitneu79] {        
        opacity: 0.5;
        background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    }

    @media (max-width: 640.98px) {
        .schedule-block[b-adsitneu79] {        
        grid-template-columns: 1fr; 
        padding: 0 .75rem;
    }
    .section-title[b-adsitneu79] {
        margin: 1.25rem .75rem;
    }
    .section-title span[b-adsitneu79] {
        display: none;
    }
    .filter-block[b-adsitneu79]  {
        display: none;
    }
    .filter-block.active[b-adsitneu79] {
        display: flex;
        flex-direction: column;
    }
    .card-worker[b-adsitneu79] {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    .end-block[b-adsitneu79] {
        grid-column: span 2;
    }
    .card-block-grid[b-adsitneu79] {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        margin: 0 .75rem .75rem;
        padding: 1rem .75rem;
    }
    .card-worker .card-body p[b-adsitneu79] {
        display: none;
    }
    .footer-card[b-adsitneu79] {
        flex-direction: column-reverse;
    }
    .card-worker .card-body[b-adsitneu79] {
        padding: .75rem .75rem .75rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: calc(100% - 1.5rem);
    }
}
/* _content/BeUp.New/Components/Pages/Schedule/NewsDetails.razor.rz.scp.css */
.grid-2[b-1jvwluj506] {
    gap: 1.25rem;
}
.title[b-1jvwluj506] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}
.news-right[b-1jvwluj506] {
    display:flex;
    flex-direction:column;
    gap: .5rem;
}
.main-block-news .img-block[b-1jvwluj506],
.news-right .img-block[b-1jvwluj506] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.3 / 1;
    border-radius: 1rem;
    display: flex;
    align-items: center;
}

.main-block-news .img-block .label-block[b-1jvwluj506],
    .news-right .img-block .label-block[b-1jvwluj506] {
    position:absolute;
    top: .75rem;
    left: .75rem;
    display:flex;
    gap: .5rem;
}

label[b-1jvwluj506] {
    display: flex;
    padding: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.25rem;
    background: var(--Main-White);
    color: var(--Dark-Dark-1000);    
    font-family: Montserrat;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-block-news .img-block img[b-1jvwluj506],
    .news-right .img-block img[b-1jvwluj506] {
    width: 100%;
}

.date[b-1jvwluj506] {
    color: var(--Green-Green-1000, #2BC4D5);    
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

p.mute[b-1jvwluj506] {
    
    text-overflow: ellipsis;    
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.news-right h5[b-1jvwluj506] {
    margin: .25rem 0 .5rem 0;
}

.news-right .text-block[b-1jvwluj506] {
    padding: .81rem 0;
}

.news-right .text-block p[b-1jvwluj506] {
    max-height: 2rem;
    overflow:hidden;
}

.main-block-news .img-block[b-1jvwluj506] {
    margin-bottom: 1.25rem;
}

.main-block-news h5[b-1jvwluj506] {
    margin-bottom:.5rem;
}

.card-block[b-1jvwluj506],
.title[b-1jvwluj506] {
    width: 100%;
}

@media (max-width: 640.98px) {
    section .title[b-1jvwluj506] {
        padding: 0;
    }

    .grid-2[b-1jvwluj506] {
        grid-template-columns: repeat(1, 1fr);
        max-width: calc(100vw - 1.5rem);
    }

    .news-right .grid-2[b-1jvwluj506] {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }

    .main-block-news .img-block[b-1jvwluj506],
    .news-right .img-block[b-1jvwluj506] {
        position: relative;
        overflow: hidden;
        aspect-ratio: 1.37 / 1;
        border-radius: 1rem;
        display: flex;
        align-items: center;
    }
}
/* _content/BeUp.New/Components/Pages/Schedule/TodayWorker.razor.rz.scp.css */
.card[b-ekd8nsuvoi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    margin-bottom: 1.25rem;
}

p[b-ekd8nsuvoi] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: .5rem;
}

.avatar[b-ekd8nsuvoi] {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0.75rem;
    aspect-ratio: 1 / 1;
}

.avatar img[b-ekd8nsuvoi] {
    width: 100%;
}

    .avatar label[b-ekd8nsuvoi] {
        position: absolute;
        display: inline-flex;
        padding: 0.25rem 0.5rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.25rem;
        color: var(--Main-White, #FFF);
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        top: .5rem;
        left: .5rem;        
    }
.body-card[b-ekd8nsuvoi] {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

    .body-card label[b-ekd8nsuvoi] {
        color: var(--Dark-Dark-300, #B6B7C5);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: .75rem;
    }

.btn-outline[b-ekd8nsuvoi] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;    
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;    
}

.info[b-ekd8nsuvoi] {
    background:none;
}

/* _content/BeUp.New/Components/Pages/Subscriptions/Cart.razor.rz.scp.css */
.block[b-eb2dw2zjwg] {
    max-width: 40rem;
    margin: 2rem auto 5rem;
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    gap: 1.25rem;
    flex-shrink: 0;
    border-radius: 1.25rem;
    background: #EBE9F8;
}

    .block h4[b-eb2dw2zjwg] {
        color: var(--Col-2, #0A0C3C);
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
        text-transform: none;
    }

.block-body[b-eb2dw2zjwg] {
    display:flex;
    flex-direction:column;
    gap: .75rem;
}
.card-block[b-eb2dw2zjwg] {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.2);
    padding: 1rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .75rem;
    margin: 0;
}

.image-type[b-eb2dw2zjwg] {
    border-radius: 0.75rem;
    background: var(--Color-4, #EBE9F8);
    padding: 0.75rem;
}

.card-s-body[b-eb2dw2zjwg] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    gap: .5rem;
}

.card-s-name[b-eb2dw2zjwg] {
    display: flex;
    justify-content: space-between;
}

    .card-s-name label[b-eb2dw2zjwg] {
        color: #505050;
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.summ[b-eb2dw2zjwg] {
    display: flex;
    gap: .5rem;
    align-items: end;
}

    .summ label[b-eb2dw2zjwg] {
        color: var(--Col-2, #0A0C3C);
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        position: relative;
    }

        .summ label div[b-eb2dw2zjwg] {
            margin: 0;
            background: #F00;
            height: 2px;
            width: calc(100% + .25rem);
            position: absolute;
            transform: rotate(-15deg);
            bottom: .5rem;
            left: -.125rem;
        }

    .summ h4[b-eb2dw2zjwg] {
        color: var(--Col-2, #0A0C3C);
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }


.footer .itog[b-eb2dw2zjwg]{
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: end;
    gap: .25rem;
    margin: 0rem 0 1.75rem;
}

.itog div[b-eb2dw2zjwg] {
    border-bottom: dotted 2px #505050;
    margin-bottom: 2px;
}

.itog p[b-eb2dw2zjwg] {
    margin: 0;
    color: #505050;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.itog-sum[b-eb2dw2zjwg] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.promo-code[b-eb2dw2zjwg] {
    margin-bottom: 1.25rem;
}

    .promo-code .btn-secondary[b-eb2dw2zjwg] {
        padding: 1rem;
        align-items: center;
        gap: 0.25rem;
        align-self: stretch;
        border-radius: 0.75rem;                
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        background: var(--Color-1, #2BC4D5);
        color: #FFF;
        border-color: #2BC4D5;
    }
        .promo-code .btn-outline-secondary[b-eb2dw2zjwg] {
        padding: 1rem;
        align-items: center;
        gap: 0.25rem;
        align-self: stretch;
        border-radius: 0.75rem;
        border: 1px solid #604FD0;
        color: #604FD0;
        font-family: Montserrat;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .line[b-eb2dw2zjwg] {
        display:flex;
        padding: 1rem 0;
    }
    .input-code[b-eb2dw2zjwg] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
.form-group[b-eb2dw2zjwg] {
    margin-bottom: 0;
}
.input-code .btn-secondary[b-eb2dw2zjwg] {
   /* margin-bottom: 1rem;*/
}

.btn-close-c[b-eb2dw2zjwg] {
    padding: 0.75rem;    
    border: 0;
    border-radius: 0.75rem;    
    margin-left: auto;
    cursor: pointer;
    background: var(--Color-4, #EBE9F8);
    display: flex;

}

.footer-block[b-eb2dw2zjwg] {
    gap: 1rem;
    display: flex;
}
    .footer-block .btn[b-eb2dw2zjwg] {
        width: 100%;
        border-radius: 0.75rem;
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .footer-block .btn-secondary[b-eb2dw2zjwg] {
        background: var(--Color-1, #2BC4D5);
        color: #FFF;
        border-color: #2BC4D5;
    }


@media (max-width: 640.98px) {
    .card-block[b-eb2dw2zjwg] {
        display: flex;     
    }

}
/* _content/BeUp.New/Components/Pages/Subscriptions/Fail.razor.rz.scp.css */
.card-block[b-t5mio9x0a2] {
    text-align: center;
}

h4[b-t5mio9x0a2] {
    color: #D04F4F;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem; /* 100% */
    text-transform: uppercase;
}

p[b-t5mio9x0a2] {
    color: #151D2A;
    text-align: center;
    font-family: "Montserrat";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    margin: .5rem 0 .75rem;
}

.btn[b-t5mio9x0a2] {
    display: inline-block;
}
/* _content/BeUp.New/Components/Pages/Subscriptions/Index.razor.rz.scp.css */
.card-block[b-5sta4af1kz] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.25rem;
    margin-top: .5rem;
}
.tariff[b-5sta4af1kz] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}
.tariff .tittle h2[b-5sta4af1kz] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 1.25rem;
}
    .tariff .tittle[b-5sta4af1kz] {
        position: sticky;
        padding-top: 1rem;
        top: 0rem;
        z-index: 10;
        background: var(--backgraund-light);
        border-radius: 1rem;
    }
        .tariff .tittle .type-tittle[b-5sta4af1kz] {
            display: flex;
            gap: .25rem;
            flex-flow: wrap;
        }
        .tariff .tittle .label-type[b-5sta4af1kz] {
            color: #0A0C3C;
            font-family: Montserrat;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            display: flex;
            padding: 0.75rem 1.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.5rem;
            border-radius: 2.5rem;
            background: #EBE9F8;
            cursor: pointer;           
            flex-flow: wrap;
        }
        .tariff .tittle .label-type.active[b-5sta4af1kz] {
            color: var(--Col-3, #F1FAFF);
            background: var(--Color-2, #5F4FD0);
        }

        .type-block .title[b-5sta4af1kz] {
            color: var(--Col-2, #0A0C3C);
            font-family: Montserrat;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

.type-block .list-block[b-5sta4af1kz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .25rem;
}
.card-s[b-5sta4af1kz] {
    display: flex;
    gap: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid var(--Color-4, #EBE9F8);
    background: #FFF;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    justify-content: stretch;
    align-items: center;
    cursor:pointer;
}

    .card-s.active[b-5sta4af1kz] {
        border-color: #2BC4D5;
    }

.image-type[b-5sta4af1kz] {
    border-radius: 0.75rem;
    background: var(--Color-4, #EBE9F8);
    padding: 0.75rem;
}
.card-s-body[b-5sta4af1kz] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    gap:.5rem;
}
.card-s-name[b-5sta4af1kz] {
    display: flex;
    justify-content: space-between;
}
.card-s-name label[b-5sta4af1kz] {
    color: #505050;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.summ[b-5sta4af1kz] {
    display:flex;
    gap: .5rem;
    align-items:end;
}
.summ label[b-5sta4af1kz] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position:relative;
}

    .summ label div[b-5sta4af1kz] {
        margin: 0;
        background: #F00;
        height: 2px;
        width: calc(100% + .25rem);
        position: absolute;
        transform: rotate(-15deg);
        bottom: .5rem;
        left: -.125rem;
    }

.summ h4[b-5sta4af1kz] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.round-select[b-5sta4af1kz] {
    border: solid 1px #2BC4D5;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
}
.active .round-select small[b-5sta4af1kz] {
    background-color: #2BC4D5;
    border: solid 1px #fff;
    display: block;
    width: .9rem;
    height: .9rem;
    border-radius: 1rem;
}

.pocket-block[b-5sta4af1kz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    align-items: start;
}

.card-packet[b-5sta4af1kz] {
    position: relative;
    background: #fff;
    display: flex;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    flex-direction: column;    
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 1.25rem;
    border: 1px solid var(--Color-3, #E1EDF5);
    min-height: 17.5rem;
}
.card-packet .summ[b-5sta4af1kz] {
    margin:auto 0 1.25rem;
}
.label-packet[b-5sta4af1kz] {
    color: var(--Col-3, #F1FAFF);
    font-family: Montserrat;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    position: absolute;
    right: 0.75rem;
    top: -0.875rem;
    border-radius: 3.125rem;
    background: var(--Color-1, #2BC4D5);
}

.color-label-1 .label-packet[b-5sta4af1kz] {
    background: var(--Color-1, #2BC4D5);
}
    .color-label-3 .label-packet[b-5sta4af1kz]  {
        background: var(--Col-1, #13A5FF);
    }
    .color-label-6 .label-packet[b-5sta4af1kz]  {
        background: var(--Color-2, #5F4FD0);
    }
.pocket-footer[b-5sta4af1kz] {
    width: 100%;
}
.pocket-footer button[b-5sta4af1kz] {
    background: none;
    border: none;
    color: var(--Color-1, #2BC4D5);
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    width: 100%;
}

.active .pocket-footer button svg[b-5sta4af1kz] {
    transform:rotate(180deg);
}
    .pocket-list[b-5sta4af1kz] {
    display: none;
}

.btn-packet[b-5sta4af1kz] {
    display: flex;
    padding: 0.75rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    color: #FFF;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.75rem;
    background: var(--Color-1, #2BC4D5);
    border:none;
    width: 100%;
}
.pocket-title[b-5sta4af1kz] {
    color: #000;
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.pocket-note[b-5sta4af1kz] {
    color: #000;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.active .pocket-list[b-5sta4af1kz] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.pocket-list-line[b-5sta4af1kz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    color: #000;
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .pocket-list-line div:first-child[b-5sta4af1kz] {
        display: flex;
        padding: 0.75rem;
        align-items: center;
        gap: 0.625rem;
        border-radius: 0.75rem;
        background: var(--Color-4, #EBE9F8);
    }

.cart-card[b-5sta4af1kz] {
    display: flex;
    padding: 1.25rem 1.75rem;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1.25rem;
    background: #fff;
    margin-bottom: 1.25rem;
}
    .cart-card .title[b-5sta4af1kz] {
        color: var(--Col-2, #0A0C3C);
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        justify-content:center;
    }
    .cart-card .itog[b-5sta4af1kz] {
        flex: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        border-top: dashed 1px #DFDFFE;
        padding-top: 1.25rem;
    }
    .btn-itog[b-5sta4af1kz] {
        border-radius: 0.75rem;
        background: #2BC4D5;
        color: #FFF;
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        width: 100%;
    }

.list-p[b-5sta4af1kz] {
    width: 100%;
    display: flex;
    flex-direction:column;
    gap: 1.5rem;
}
    .list-p .line[b-5sta4af1kz] {
        color: #505050;
        /* 14 Regular */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .list-p .summ-itog[b-5sta4af1kz] {
        color: var(--Col-2, #0A0C3C);
        /* 16 Medium */
        font-family: Montserrat;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.line[b-5sta4af1kz] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    width: 100%;
    color: #505050;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: .25rem;
    align-items: end;
}
.dots[b-5sta4af1kz] {
    border-bottom: dotted 2px #505050;
    margin-bottom: 2px;
}

.summ-itog[b-5sta4af1kz] {
    color: var(--Col-2, #0A0C3C);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}



@media (max-width: 640.98px) {
    .card-block[b-5sta4af1kz],
    .type-block .list-block[b-5sta4af1kz] {
        grid-template-columns: 1fr;
    }
    .tariff[b-5sta4af1kz] {
        gap: 1.25rem;
    }
    .title[b-5sta4af1kz] {
        margin-bottom: .75rem;
    }
    .tariff .tittle .type-tittle[b-5sta4af1kz] {
        display: flex;
        gap: .25rem;
        flex-flow: row;
        max-width: calc(100vw - 2rem);
        overflow-y: hidden;
        text-wrap: nowrap;
        padding: 0 0 .5rem 0;
    }
    .summ label[b-5sta4af1kz],
    .card-s-name label[b-5sta4af1kz] {
        font-size: .875rem;
    }
    .summ h4[b-5sta4af1kz] {
        font-size: 1.125rem;
    }

    .tariff .tittle .type-tittle[b-5sta4af1kz]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .tariff .tittle h2[b-5sta4af1kz] {
        font-size: 1.25rem;
        margin: 0 0 1rem;
    }
    .tariff .tittle .label-type[b-5sta4af1kz] {
        font-size: .75rem;
    }
    .type-block .title[b-5sta4af1kz] {
        font-size: 1rem;
    }
    .cart-block[b-5sta4af1kz] {
        position:sticky;
        bottom: 5rem;
    }
    .cart-card[b-5sta4af1kz] {
        padding: .75rem;
    }
        .cart-card .itog[b-5sta4af1kz] {
            gap: .75rem;
        }
        .cart-card .title[b-5sta4af1kz],
        .cart-card .list-block[b-5sta4af1kz],
        .cart-card .list-p[b-5sta4af1kz],
        .banner[b-5sta4af1kz] {
            display: none;
        }
    .cart-card .itog[b-5sta4af1kz] {
        border-top: none;
        padding-top: 0rem;
    }
    .summ-itog[b-5sta4af1kz] {
        font-size: 1rem;     
    }
    .line[b-5sta4af1kz] {
        font-size: .75rem;        
    }
    .btn-itog[b-5sta4af1kz] {
        font-size: .75rem;
    }
    .pocket-block[b-5sta4af1kz] {    
        grid-template-columns: 1fr;    
    }

}
.auth-prompt[b-5sta4af1kz] { position: fixed; z-index: 2000; inset: 20% 1rem auto; max-width: 32rem; margin: auto; padding: 2rem; background: white; border: 2px solid #7e6cff; border-radius: 1rem; box-shadow: 0 0 0 100vmax #0a0c3c80; }
.auth-prompt .btn[b-5sta4af1kz] { margin: .25rem; }
.card-s[b-5sta4af1kz], .card-packet[b-5sta4af1kz], .btn-packet[b-5sta4af1kz] { touch-action: manipulation; }
.card-s:focus-visible[b-5sta4af1kz], .btn-packet:focus-visible[b-5sta4af1kz] { outline: 3px solid #604fd0; outline-offset: 2px; }
/* _content/BeUp.New/Components/Pages/Subscriptions/PaymentLanding.razor.rz.scp.css */
.block[b-boegxuiiyd] {
    max-width: 40rem;
    margin: 2rem auto;
}

.card-block[b-boegxuiiyd] {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.2);
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.footer .itog[b-boegxuiiyd] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.promo-code[b-boegxuiiyd] {
    margin-bottom: 2rem;
}

.input-code[b-boegxuiiyd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.form-group[b-boegxuiiyd] {
    margin-bottom: 0;
}

.input-code .btn-secondary[b-boegxuiiyd] {
    /* margin-bottom: 1rem;*/
}
/* _content/BeUp.New/Components/Pages/Subscriptions/PaymentLandingTwo.razor.rz.scp.css */
.block[b-3h4ospuwxl] {
    max-width: 40rem;
    margin: 2rem auto;
}

.card-block[b-3h4ospuwxl] {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.2);
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.footer .itog[b-3h4ospuwxl] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.promo-code[b-3h4ospuwxl] {
    margin-bottom: 2rem;
}

.input-code[b-3h4ospuwxl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.form-group[b-3h4ospuwxl] {
    margin-bottom: 0;
}

.input-code .btn-secondary[b-3h4ospuwxl] {
    /* margin-bottom: 1rem;*/
}

.footer-block[b-3h4ospuwxl] {
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}
/* _content/BeUp.New/Components/Pages/Subscriptions/PaymentPocket.razor.rz.scp.css */
.block[b-06wv9njjlo] {
    max-width: 40rem;
    margin: 2rem auto;
}

.block-body[b-06wv9njjlo] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
}

.card-block[b-06wv9njjlo] {
    display: flex;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}

.footer[b-06wv9njjlo] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

    .footer .itog[b-06wv9njjlo] {
        display: flex;
        padding: 0.75rem 0.25rem;
        align-items: flex-end;
        gap: 0.25rem;
        align-self: stretch;
        width: 100%;
    }

.itog h4 b[b-06wv9njjlo] {
    font-weight: 600;
}

.footer .itog div[b-06wv9njjlo] {
    flex: 1;
    border-bottom: dotted 3px #9D9EB1;
}

.promo-code[b-06wv9njjlo] {
    margin-bottom: 2rem;
}

.input-code[b-06wv9njjlo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.form-group[b-06wv9njjlo] {
    margin-bottom: 0;
}

.input-code .btn-secondary[b-06wv9njjlo] {
    /* margin-bottom: 1rem;*/
}

.footer-block[b-06wv9njjlo] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

    .footer-block .btn[b-06wv9njjlo] {
        flex: 1;
    }
/* _content/BeUp.New/Components/Pages/Subscriptions/PaymentProgram.razor.rz.scp.css */
.block[b-wi69hrpapt] {
    max-width: 40rem;
    margin: 2rem auto;
}

.block-body[b-wi69hrpapt] {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1.25rem;
    background: var(--Main-White, #FFF);
}

.card-block[b-wi69hrpapt] {
    display: flex;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 0.75rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
}
.footer[b-wi69hrpapt] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}
    .footer .itog[b-wi69hrpapt] {
        display: flex;
        padding: 0.75rem 0.25rem;
        align-items: flex-end;
        gap: 0.25rem;
        align-self: stretch;        
        width: 100%;        
    }

.itog h4 b[b-wi69hrpapt] {
    font-weight: 600;
}
    .footer .itog div[b-wi69hrpapt] {
        flex: 1;
        border-bottom: dotted 3px #9D9EB1;
    }
.promo-code[b-wi69hrpapt] {
    margin-bottom: 2rem;
}

.input-code[b-wi69hrpapt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.form-group[b-wi69hrpapt] {
    margin-bottom: 0;
}

.input-code .btn-secondary[b-wi69hrpapt] {
    /* margin-bottom: 1rem;*/
}

.footer-block[b-wi69hrpapt] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.footer-block .btn[b-wi69hrpapt] {
    flex: 1;
}
/* _content/BeUp.New/Components/Pages/Subscriptions/Successfully.razor.rz.scp.css */
.card-block[b-4h9kyxxk0k] {
    text-align: center;
}

h4[b-4h9kyxxk0k] {
    color: #604FD0;
    text-align: center;
    font-family: "Montserrat";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem; /* 100% */
    text-transform: uppercase;
}
p[b-4h9kyxxk0k] {
    color: #151D2A;
    text-align: center;
    font-family: "Montserrat";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    margin: .5rem 0 .75rem;
}

.btn[b-4h9kyxxk0k] {
    display: inline-block;
}
/* _content/BeUp.New/Components/Pages/Worker/Challenge/AddChallenge.razor.rz.scp.css */
.btn-panel[b-b2nqm9s0cx]{
    grid-template-columns: repeat(4, 1fr)
}

.image[b-b2nqm9s0cx] {
    padding: .875rem;
}
.card-full[b-b2nqm9s0cx] {
    margin-top: 1rem;
    border-radius: .5rem;
    box-shadow: 0px 0px .625rem rgba(138, 168, 182, 0.2);
    background: var(--backgraund);   
}

.description[b-b2nqm9s0cx] {
    padding: .875rem;
    border-radius: .5rem;    
    background: #fff;
}
.btn-panel[b-b2nqm9s0cx] {   
    padding: .875rem;
}
.vid[b-b2nqm9s0cx] {
    align-items:center;
}

.footer-card[b-b2nqm9s0cx] {
    padding: .75rem;
    text-align:center;
}
.life-btn[b-b2nqm9s0cx] {
    display: flex;
    align-items: center;
    border: 1px solid #2BC4D6;
    margin-bottom: 1rem;
    margin-top: .5rem;
    border-radius: 1.5rem;
    overflow: hidden;
    cursor: pointer;
}

    .life-btn div[b-b2nqm9s0cx] {
        display: flex;
        width: 100%;
        padding: .25rem 1rem;
        justify-content: center;
        color: #2BC4D6;
        padding: .85rem;
    }

        .life-btn div:first-child[b-b2nqm9s0cx] {
            color: #ffffff;
            background-color: #2BC4D6;
            border-radius: 1.5rem;
        }

    .life-btn.active div:first-child[b-b2nqm9s0cx] {
        color: #2BC4D6;
        background-color: #ffffff;
    }

    .life-btn.active div:last-child[b-b2nqm9s0cx] {
        color: #ffffff;
        background-color: #2BC4D6;
        border-radius: 1.5rem;
    }

.btn-icon[b-b2nqm9s0cx] {
    background: #fff;
    border-radius: 1rem;
    border: none;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: 0.35rem 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}


.modal-dialog[b-b2nqm9s0cx] {
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    position:relative;
}

.btn-modal-close[b-b2nqm9s0cx] {
    position: absolute;
    top: -0.75rem;
    right: -0.75rem;
    padding: 0.75rem;
    display: flex;
    border: none;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.modal-body h4[b-b2nqm9s0cx] {
    color: #2BC4D6;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 200% */
    text-transform: uppercase;
}

.modal-title[b-b2nqm9s0cx],
.modal-footer[b-b2nqm9s0cx] {
    display: flex;
    align-items:center;
    justify-content:center;
    margin: 1.5rem 0;
}

.grid-btn[b-b2nqm9s0cx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.modal-footer .btn[b-b2nqm9s0cx] {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size:  .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 1.5rem;
    background: #604FD0;
    padding: 1rem 2rem;
}

    .modal-footer .btn-outline[b-b2nqm9s0cx] {
        color: #604FD0;
        text-align: center;
        font-family: Montserrat;
        font-size:  .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-radius: 1.5rem;
        border: 1px #604FD0 solid;
        background: none;
        padding: 1rem 2rem;
    }
/* _content/BeUp.New/Components/Pages/Worker/Challenge/ChallengeCard.razor.rz.scp.css */
.card[b-6n0ihgas1n] {
    background: #FFFFFF;
    box-shadow: 0rem 0rem .625rem rgba(138, 168, 182, 0.2);
    padding: 0.625rem 0.625rem 1rem;
    border-radius: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    gap: .5rem;    
}

    .card h4[b-6n0ihgas1n] {
        font-size: 1rem;
        line-height: 1.25rem;
        color: #151D2A;
        min-height: 2.3rem;
        /*margin-bottom: .75rem;*/
    }

.header[b-6n0ihgas1n] {
    margin: 0 0 .75rem 0;
    grid-template-columns: auto 1fr;
}

    .header label[b-6n0ihgas1n],
    .image label[b-6n0ihgas1n] {
        background: #EAF9FB;
        border-radius: 1.25rem;
        font-weight: 400;
        font-size: .75rem;
        line-height: 1;
        color: #2BC4D6;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding: 0.5rem 1rem;
    }

.date[b-6n0ihgas1n], .days[b-6n0ihgas1n] {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    color: #2BC4D6;
    display: flex;
    align-items: center;
    justify-content: start;
}

.days[b-6n0ihgas1n] {
    justify-content: end;
    margin-left:auto;
}

    .days img[b-6n0ihgas1n] {
        margin: 0 .5rem;
    }

.card p[b-6n0ihgas1n] {
    font-size: .75rem;
    line-height: 1rem;
    color: #4F4F4F;
    height: 3rem;
    overflow: hidden;
    position: relative;
    margin: 0;
}

    .card p.active[b-6n0ihgas1n] {
        height: auto;
    }

    .card p span b[b-6n0ihgas1n] {
        color: #4F4F4F;
    }

.card .description div[b-6n0ihgas1n] {
    color: #2BC4D6;
    background: #fff;
    cursor: pointer;
    margin-left: auto;
    margin-left: auto;
    display: flex;
    width: fit-content;
    margin-bottom: 0.75rem;
    font-size: .75rem;
    line-height: 1rem;
}

.footer[b-6n0ihgas1n] {
    display: flex;
    padding: 0;
}

    .footer .btn[b-6n0ihgas1n] {
        align-items: center;
        display: flex;
        padding: 0.5rem 0.75rem;
    }

    .footer span[b-6n0ihgas1n] {
        font-size: 1.25rem;
        margin-left: 1.25rem;
    }

.image[b-6n0ihgas1n] {
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    border-radius: 0.625rem;
    width: 100%;
}

    .image img[b-6n0ihgas1n] {
    }

    .image label[b-6n0ihgas1n] {
        position: absolute;
        color: #2BC4D6;
        text-align: center;
        font-size: .75rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background: #fff;
        padding: 0.25rem 0.5rem;
        border-radius: 1rem;
    }

    .image .right[b-6n0ihgas1n] {
        top: 0.5rem;
        right: .5rem;
        background: #fff;
        color: #604FD0;
    }

    .image .left[b-6n0ihgas1n] {
        top: 0.5rem;
        left: .5rem;
    }




@media (max-width: 640.98px) {
    .image[b-6n0ihgas1n] {
        width: 100%;
        border-radius: 1.25rem;
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .card[b-6n0ihgas1n] {
        grid-template-columns: 1fr;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Challenge/Index.razor.rz.scp.css */
.panel-filter[b-lkvkagziv2] {
    display: flex;
}

.challenge-block[b-lkvkagziv2] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 1rem;
    margin-top: 2rem;
}

    .challenge-block section[b-lkvkagziv2] {
        width: 100%;
    }

.panel-filter[b-lkvkagziv2] {
    display: flex;
    margin-bottom: 1.25rem;
}

.btn-text[b-lkvkagziv2] {
    padding: .25rem 1rem;
}

.card-block-challenge[b-lkvkagziv2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.panel-filter[b-lkvkagziv2]  .order-0 {
    order: 0;
    margin-right: 1rem;
}

.panel-mobile[b-lkvkagziv2] {
    order: 1;
}

.panel-filter[b-lkvkagziv2]  .order-2 {
    order: 2;
}
.panel-filter a.btn.btn-primary[b-lkvkagziv2] {
    text-align: center;
    padding: .5rem 1rem;
}

@media (max-width: 640.98px) {
    .panel-filter[b-lkvkagziv2] {
        display: grid;
        gap: .5rem;
        grid-template-columns: 1fr 1fr;
    }

        .panel-filter[b-lkvkagziv2]  .order-0 {
            order: 1;
            display: inline-block;
        }

        .panel-filter[b-lkvkagziv2]  .order-2 {
            margin-left: 0;
        }

    .panel-mobile[b-lkvkagziv2] {
        display: flex;
        width: calc(100vw - 3.5rem);
        overflow-y: auto;
        grid-column-start: 1;
        grid-column-end: 3;
    }

        .panel-mobile[b-lkvkagziv2]::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

    .challenge-block[b-lkvkagziv2],
    .card-block-challenge[b-lkvkagziv2] {
        grid-template-columns: 1fr;
    }

    .list[b-lkvkagziv2] {
        margin-bottom: 6rem;
    }

    .off[b-lkvkagziv2] {
        margin: 2rem 0;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Consultation/Consultation.razor.rz.scp.css */
.block[b-3rbvya3o2r] {
    margin-top: 2rem;
    max
}
.grid-block[b-3rbvya3o2r] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

.local-video-holder[b-3rbvya3o2r],
.participant-container[b-3rbvya3o2r] {    
    display: flex;
    width: auto;
    background-color: black;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .5rem;
    right: .5rem;
    max-height: 15rem;
    max-width: 10rem;
    border-radius: 1rem;
}

.patern[b-3rbvya3o2r] {
    display: flex;
    gap: .5rem;
    color: #fff;
    margin-bottom: 1rem;
}

    .patern label[b-3rbvya3o2r] {
        padding: .25rem .5rem;
        background: #604FD0;
        border-radius: .25rem;
    }

        .patern label small[b-3rbvya3o2r] {
            padding: .15rem .3rem;
            background: #fff;
            border-radius: .5rem;
            color: #604FD0;
            margin-left: .25rem;
        }

.timer[b-3rbvya3o2r] {
    position: absolute;
    color: #fff;
    bottom: .5rem;
    right: .5rem;
    width: 11rem;
    text-align: end;
    display: flex;
    gap: .5rem;
}
.message-worker[b-3rbvya3o2r] {
    background: #fff;
    border-radius: .625rem;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    position: relative;
    margin-bottom: .5rem;
}
.message-worker p[b-3rbvya3o2r] {
    margin: 0;
    font-size: .75rem;
    line-height: 1;
} 

.timer p[b-3rbvya3o2r] {
    margin: 0;
}

.video[b-3rbvya3o2r] {
    position: relative;
}

[b-3rbvya3o2r] video {
    width: 100%;
    border-radius: 1rem;
}
.page_action:fullscreen[b-3rbvya3o2r]  .video_container {
    width: 100%;
    height: 100vh;
}
.page_action[b-3rbvya3o2r] {
    position: relative;
    /*max-width: 900px;*/
    max-height: calc(100vh - 8rem);
}
.remote-video-holder[b-3rbvya3o2r] {
    background: #000;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4/3;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    max-height: calc(100vh - 16rem);
}
.btn_group[b-3rbvya3o2r] {
    display: none;
}
.btn_group.active-btn[b-3rbvya3o2r] {
    display: flex;
    gap: .5rem;
}
.card-session[b-3rbvya3o2r] {
    background: #fff;
    border-radius: .625rem;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    position: relative;
    margin-top: 1rem;
}
.time[b-3rbvya3o2r] {
    display:flex;
    margin-bottom: 1rem;
    gap: 1rem;
}
.worker-info[b-3rbvya3o2r] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.translation[b-3rbvya3o2r] {
    position: relative;
}
.modal-window[b-3rbvya3o2r] {
    position: absolute;
    background: none;
    border: 1px solid var(--primary);
    color: var(--primary);
    z-index: 1;
    border-radius: 1rem;
    padding: 1rem;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%);
}

    .modal-window h2[b-3rbvya3o2r] {
        font-style: normal;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1;
        text-transform: uppercase;
        margin: .5rem;
        text-align: center;
    }

.card-session label[b-3rbvya3o2r] {
    color: #fff;
    background: #2BC4D6;
    padding: .25rem .5rem;
    text-align: center;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 .35rem;
    border-radius: 1.5rem;
    display: block;
    position: absolute;
    right: .75rem;
    top: .5rem;
}
.card-session img[b-3rbvya3o2r] {
    max-width: 5rem;
}
    .worker-info p[b-3rbvya3o2r],
    .time p[b-3rbvya3o2r] {
        margin: 0;
    }
.incoming-call[b-3rbvya3o2r] {
    position: absolute;
    z-index: 100;
    background: none;
    padding: 1rem;
    border-radius: 1rem;
    margin: auto;
    top: calc(50% - 7rem);
    left: calc(50% - 6rem);
    display: flex;
}
    .incoming-call h2[b-3rbvya3o2r] {
        color: var(--primary);
    }
.hidden[b-3rbvya3o2r] {
    display: none;
}

.action_connecting[b-3rbvya3o2r] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin: 1rem 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 1rem;
    align-items: center;
}

.btn-icon[b-3rbvya3o2r] {
    background: none;
    padding: 0;
}
    .btn-icon svg path[b-3rbvya3o2r] {
        stroke: var(--primary);
    }
    .btn-icon svg[b-3rbvya3o2r] {
        fill: transparent;
    }


.one[b-3rbvya3o2r] {
    position: relative;
}

[b-3rbvya3o2r] .video_container video {
    height: 100%;
}

.chat-block[b-3rbvya3o2r] {
    border-radius: .625rem;
    background: #E2EEF5;
    height: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-height: calc(100vh - 8rem);
}

.chat-title[b-3rbvya3o2r] {
    border-radius: .625rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
}

    .chat-title h4[b-3rbvya3o2r] {
        color: #151D2A;
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }

    .chat-title .block-avatar[b-3rbvya3o2r] {
        margin-left: auto;
    }

        .chat-title .block-avatar img[b-3rbvya3o2r] {
            height: 2.5rem;
            border-radius: 36px;
            border: 2px solid #FFF;
        }

            .chat-title .block-avatar img:last-child[b-3rbvya3o2r] {
                margin-left: -1rem;
            }


.chat-footer[b-3rbvya3o2r] {
    border-radius: .625rem;
    background: #FFF;
    margin: .625rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: .75rem;
    margin-top: 1rem;
}

    .chat-footer input[b-3rbvya3o2r] {
        border: none;
        width: 100%;
    }

.message-block[b-3rbvya3o2r] {
    padding: 0 .5rem;
}

input[b-3rbvya3o2r] {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

:focus-visible[b-3rbvya3o2r] {
    outline: none;
}

.icon[b-3rbvya3o2r] {
    background: none;
    border: none;
}

textarea[b-3rbvya3o2r] {
    border: none;
    font-size: .75rem;
}

.chat-body[b-3rbvya3o2r] {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column-reverse;
}

.message[b-3rbvya3o2r] {
    background: #fff;
    margin: 0.75rem 2rem 0 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0.75rem 0;
    font-size: .75rem;
    position: relative;
}

    .message h5[b-3rbvya3o2r],
    .active h5[b-3rbvya3o2r] {
        margin: 0;
    }

    .message[b-3rbvya3o2r]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.264002 10C0.118198 10 0 9.8818 0 9.736C0 9.62067 0.0751945 9.51896 0.184528 9.48225C4.14604 8.15236 7 4.40947 7 0V7V8V10H5H0.264002Z' fill='white'/%3E%3C/svg%3E");
        position: absolute;
        left: -7px;
        bottom: -3px;
    }

.active[b-3rbvya3o2r] {
    margin: 0.75rem .75rem 0 2rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0 0.75rem;
    font-size: .75rem;
    position: relative;
    background: #ebe9f8;
}


    .active[b-3rbvya3o2r]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.736 10C6.8818 10 7 9.8818 7 9.736C7 9.62067 6.92481 9.51896 6.81547 9.48225C2.85396 8.15236 0 4.40947 0 0V7V8V10H2H6.736Z' fill='%23ebe9f8'/%3E%3C/svg%3E");
        position: absolute;
        right: -7px;
        bottom: -3px;
    }

.bag[b-3rbvya3o2r] {
    color: #2BC4D6;
}

@media (max-width: 1366px) {
    .page_action[b-3rbvya3o2r] {     
        max-width: 100%;
    }
}
@media (max-width: 1060px) {
    .grid-block[b-3rbvya3o2r] {
        grid-template-columns: 1fr;
        gap: 1rem;
    } 
}

@media (max-width: 640.98px) {
    .grid-block[b-3rbvya3o2r] {     
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .remote-video-holder[b-3rbvya3o2r] {
        aspect-ratio: inherit;
        min-height: 25vh;
    }

    .local-video-holder[b-3rbvya3o2r] {
        max-height: 15rem;
        max-width: 30vw;
    }
    .time[b-3rbvya3o2r] {
        margin-top: 1.5rem;
        margin-bottom: .5rem;
    }

        .time p[b-3rbvya3o2r] {
            font-size: .75rem;
        }

    .block[b-3rbvya3o2r] {
        margin-bottom: 6rem;
    }
}

/* _content/BeUp.New/Components/Pages/Worker/Consultation/ConsultationFree.razor.rz.scp.css */
.block[b-n72zzmv477] {
    margin-top: 2rem;
    max
}

.grid-block[b-n72zzmv477] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

.local-video-holder[b-n72zzmv477],
.participant-container[b-n72zzmv477] {
    display: flex;
    width: auto;
    background-color: black;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .5rem;
    right: .5rem;
    max-height: 15rem;
    max-width: 10rem;
    border-radius: 1rem;
}

.patern[b-n72zzmv477] {
    display: flex;
    gap: .5rem;
    color: #fff;
    margin-bottom: 1rem;
}

    .patern label[b-n72zzmv477] {
        padding: .25rem .5rem;
        background: #604FD0;
        border-radius: .25rem;
    }

        .patern label small[b-n72zzmv477] {
            padding: .15rem .3rem;
            background: #fff;
            border-radius: .5rem;
            color: #604FD0;
            margin-left: .25rem;
        }

.timer[b-n72zzmv477] {
    position: absolute;
    color: #fff;
    bottom: .5rem;
    right: .5rem;
    width: 11rem;
    text-align: end;
    display: flex;
    gap: .5rem;
}

.message-worker[b-n72zzmv477] {
    background: #fff;
    border-radius: .625rem;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    position: relative;
    margin-bottom: .5rem;
}

    .message-worker p[b-n72zzmv477] {
        margin: 0;
        font-size: .75rem;
        line-height: 1;
    }

.timer p[b-n72zzmv477] {
    margin: 0;
}

.video[b-n72zzmv477] {
    position: relative;
}

[b-n72zzmv477] video {
    width: 100%;
    border-radius: 1rem;
}

.page_action:fullscreen[b-n72zzmv477]  .video_container {
    width: 100%;
    height: 100vh;
}

.page_action[b-n72zzmv477] {
    position: relative;
    /*max-width: 900px;*/
    max-height: calc(100vh - 8rem);
}

.remote-video-holder[b-n72zzmv477] {
    background: #000;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4/3;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    max-height: calc(100vh - 16rem);
}

.btn_group[b-n72zzmv477] {
    display: none;
}

    .btn_group.active-btn[b-n72zzmv477] {
        display: flex;
        gap: .5rem;
    }

.card-session[b-n72zzmv477] {
    background: #fff;
    border-radius: .625rem;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    position: relative;
    margin-top: 1rem;
}

.time[b-n72zzmv477] {
    display: flex;
    margin-bottom: 1rem;
    gap: 1rem;
}

.worker-info[b-n72zzmv477] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.translation[b-n72zzmv477] {
    position: relative;
}

.modal-window[b-n72zzmv477] {
    position: absolute;
    background: none;
    border: 1px solid var(--primary);
    color: var(--primary);
    z-index: 1;
    border-radius: 1rem;
    padding: 1rem;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%);
}

    .modal-window h2[b-n72zzmv477] {
        font-style: normal;
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1;
        text-transform: uppercase;
        margin: .5rem;
        text-align: center;
    }

.card-session label[b-n72zzmv477] {
    color: #fff;
    background: #2BC4D6;
    padding: .25rem .5rem;
    text-align: center;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 .35rem;
    border-radius: 1.5rem;
    display: block;
    position: absolute;
    right: .75rem;
    top: .5rem;
}

.card-session img[b-n72zzmv477] {
    max-width: 5rem;
}

.worker-info p[b-n72zzmv477],
.time p[b-n72zzmv477] {
    margin: 0;
}

.incoming-call[b-n72zzmv477] {
    position: absolute;
    z-index: 100;
    background: none;
    padding: 1rem;
    border-radius: 1rem;
    margin: auto;
    top: calc(50% - 7rem);
    left: calc(50% - 6rem);
    display: flex;
}

    .incoming-call h2[b-n72zzmv477] {
        color: var(--primary);
    }

.hidden[b-n72zzmv477] {
    display: none;
}

.action_connecting[b-n72zzmv477] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin: 1rem 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 1rem;
    align-items: center;
}

.btn-icon[b-n72zzmv477] {
    background: none;
    padding: 0;
}

    .btn-icon svg path[b-n72zzmv477] {
        stroke: var(--primary);
    }

    .btn-icon svg[b-n72zzmv477] {
        fill: transparent;
    }


.one[b-n72zzmv477] {
    position: relative;
}

[b-n72zzmv477] .video_container video {
    height: 100%;
}

.chat-block[b-n72zzmv477] {
    border-radius: .625rem;
    background: #E2EEF5;
    height: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-height: calc(100vh - 8rem);
}

.chat-title[b-n72zzmv477] {
    border-radius: .625rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
}

    .chat-title h4[b-n72zzmv477] {
        color: #151D2A;
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }

    .chat-title .block-avatar[b-n72zzmv477] {
        margin-left: auto;
    }

        .chat-title .block-avatar img[b-n72zzmv477] {
            height: 2.5rem;
            border-radius: 36px;
            border: 2px solid #FFF;
        }

            .chat-title .block-avatar img:last-child[b-n72zzmv477] {
                margin-left: -1rem;
            }


.chat-footer[b-n72zzmv477] {
    border-radius: .625rem;
    background: #FFF;
    margin: .625rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: .75rem;
    margin-top: 1rem;
}

    .chat-footer input[b-n72zzmv477] {
        border: none;
        width: 100%;
    }

.message-block[b-n72zzmv477] {
    padding: 0 .5rem;
}

input[b-n72zzmv477] {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

:focus-visible[b-n72zzmv477] {
    outline: none;
}

.icon[b-n72zzmv477] {
    background: none;
    border: none;
}

textarea[b-n72zzmv477] {
    border: none;
    font-size: .75rem;
}

.chat-body[b-n72zzmv477] {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column-reverse;
}

.message[b-n72zzmv477] {
    background: #fff;
    margin: 0.75rem 2rem 0 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0.75rem 0;
    font-size: .75rem;
    position: relative;
}

    .message h5[b-n72zzmv477],
    .active h5[b-n72zzmv477] {
        margin: 0;
    }

    .message[b-n72zzmv477]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.264002 10C0.118198 10 0 9.8818 0 9.736C0 9.62067 0.0751945 9.51896 0.184528 9.48225C4.14604 8.15236 7 4.40947 7 0V7V8V10H5H0.264002Z' fill='white'/%3E%3C/svg%3E");
        position: absolute;
        left: -7px;
        bottom: -3px;
    }

.active[b-n72zzmv477] {
    margin: 0.75rem .75rem 0 2rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0 0.75rem;
    font-size: .75rem;
    position: relative;
    background: #ebe9f8;
}


    .active[b-n72zzmv477]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.736 10C6.8818 10 7 9.8818 7 9.736C7 9.62067 6.92481 9.51896 6.81547 9.48225C2.85396 8.15236 0 4.40947 0 0V7V8V10H2H6.736Z' fill='%23ebe9f8'/%3E%3C/svg%3E");
        position: absolute;
        right: -7px;
        bottom: -3px;
    }

.bag[b-n72zzmv477] {
    color: #2BC4D6;
}

@media (max-width: 1366px) {
    .page_action[b-n72zzmv477] {
        max-width: 100%;
    }
}

@media (max-width: 1060px) {
    .grid-block[b-n72zzmv477] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (max-width: 640.98px) {
    .grid-block[b-n72zzmv477] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .remote-video-holder[b-n72zzmv477] {
        aspect-ratio: inherit;
        min-height: 25vh;
    }

    .local-video-holder[b-n72zzmv477] {
        max-height: 15rem;
        max-width: 30vw;
    }

    .time[b-n72zzmv477] {
        margin-top: 1.5rem;
        margin-bottom: .5rem;
    }

        .time p[b-n72zzmv477] {
            font-size: .75rem;
        }

    .block[b-n72zzmv477] {
        margin-bottom: 6rem;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Main/Index.razor.rz.scp.css */
.grid-2[b-0vfwjhztgg],
.grid-1[b-0vfwjhztgg]{
    display: grid;
    gap: 2rem;
}

.grid-2[b-0vfwjhztgg] {
    grid-template-columns: 1fr 1fr;
}
.grid-1[b-0vfwjhztgg] {
    margin-top: 2rem;
}

.grid-coach[b-0vfwjhztgg] {
    display: grid;
    gap: 2rem;
    grid-template-columns: 3fr 1fr;
    margin-top: 2rem;
}

.card[b-0vfwjhztgg] {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    cursor: pointer;
    color: #080A0E;
}

@media (max-width: 640.98px) {
    .grid-coach[b-0vfwjhztgg], .grid-2[b-0vfwjhztgg] {
        grid-template-columns: 1fr;
    }
    .grid-1[b-0vfwjhztgg] {
        margin-bottom: 6rem;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Main/LifeTodayComponent.razor.rz.scp.css */
.card-block[b-nucecb80bc] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
   
}

.body[b-nucecb80bc] {
    border-radius: 10px;
    background: #FFF;
    gap: 1rem;
    display: flex;
    flex-direction: column;
    background: #E2EEF5;
}

h4[b-nucecb80bc] {
    margin-bottom: 1rem;
}

.block-full[b-nucecb80bc] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-nucecb80bc] {
        margin: auto 0;
    }

.footer[b-nucecb80bc] {
    color: #604FD0;
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}

.card[b-nucecb80bc] {
    background: #fff;
    border-radius: 0.75rem;
}

    .card .image[b-nucecb80bc] {        
        border-radius: .75rem;
        overflow: hidden;
        position: relative;
    }

    .card img[b-nucecb80bc] {
        width: 100%;
        border-radius: .75rem;
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .card .image label[b-nucecb80bc] {
        border-radius: 20px;
        background: #EAF9FB;
        color: #2BC4D6;
        font-size: .875rem;
        padding: 0.25rem 0.5rem;
        display: flex;
        margin-left: 0.25rem;
        align-items: center;
        position: absolute;
        top: 0.625rem;
        right: 0.5rem;
        display: flex;
    }

    .card .image label[b-nucecb80bc] {
        font-size: .75rem;
    }

        .card .image label.no-free[b-nucecb80bc] {
            color: var(--secondary);
        }


.footer[b-nucecb80bc] {
    padding-top: 1rem;
}

    .footer div[b-nucecb80bc] {
        width: 100%;
        display: flex;
        padding-bottom: 0.5rem;
    }

        .footer div span[b-nucecb80bc] {
            font-weight: 400;
            font-size: .75rem;
            line-height: 0px;
            color: #4530B3;
        }

            .footer div span:last-child[b-nucecb80bc] {
                margin-left: auto;
            }

    .footer h4[b-nucecb80bc] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25;
        color: #151D2A;
    }
/* _content/BeUp.New/Components/Pages/Worker/Main/ModalShedul.razor.rz.scp.css */
.modal-card[b-i0kvw3mdzr] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    height: fit-content;
    margin: auto;
    width: max-content;
}

.info[b-i0kvw3mdzr] {
    display: none;
}

p[b-i0kvw3mdzr] {
    margin: 0;
    font-size: .75rem;
}

.modal-body[b-i0kvw3mdzr] {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.card[b-i0kvw3mdzr] {
    padding: .5rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}


.active:hover[b-i0kvw3mdzr] {
    
}

.footer-card[b-i0kvw3mdzr] {
    text-align: center;
    font-size: .75rem;
}

.img[b-i0kvw3mdzr]  svg {
    max-width: 8rem;
    height: min-content;
    margin-bottom: 0.5rem;
}

.modal-title[b-i0kvw3mdzr] {
    position: relative;
    margin-bottom: 1rem;
}

    .modal-title .btn-close-modal[b-i0kvw3mdzr] {
        position: absolute;
        top: -3.5rem;
        right: -3.5rem;
        border: none;
        background: #fff;
        border-radius: 2rem;
        filter: drop-shadow(0px 0px 20px rgba(138, 168, 182, 0.20));
        padding: 1rem 1.15rem;
    }
.modal-footer[b-i0kvw3mdzr] {
    display: grid;
    grid-template-columns: 1fr auto auto;
}

    .modal-footer .name[b-i0kvw3mdzr] {
        display: flex;
        align-items: center;
        margin-left: 1rem;
        font-size: .85rem;
    }

.info[b-i0kvw3mdzr] {
    position: relative;
}

.info label[b-i0kvw3mdzr] {
    background: #2BC4D6;
    color: #fff;
    border-radius: 2rem;
    padding: 0.5rem 0.85rem;
    margin-left: .5rem;
    cursor: pointer;
    z-index: 110;
    position: relative;
}

.grid-4[b-i0kvw3mdzr] {
    grid-column-start: 1;
    grid-column-end: 6;
    display: grid;
    justify-content: center;
    gap: 1rem;
}

.btn-default[b-i0kvw3mdzr] {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size:  .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #EAF9FB;
    background: #EAF9FB;
    box-shadow: 0px 0px 4px 0px rgba(199, 226, 230, 0.59);
    padding: .5rem 1.5rem;
}
.card.active[b-i0kvw3mdzr] {
    border: 1px solid #2BC4D6;
    border-radius: .5rem;
}

.blur[b-i0kvw3mdzr] {
    background: #2BC4D6;    
    color: #fff;
}

@media (max-width: 640.98px) {
    .modal-card[b-i0kvw3mdzr] {
        max-width: calc(100vw - 7rem);
        margin: 1rem 1.5rem auto;
    }
    .modal-footer[b-i0kvw3mdzr] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }
    .modal-body[b-i0kvw3mdzr] {
        
        grid-template-columns: repeat(3,1fr);
        gap: .5rem;        
    }
    .name div[b-i0kvw3mdzr] {
        padding: .25rem;
        font-size: .75rem;
    }
    .card[b-i0kvw3mdzr] {
        padding: .25rem 0;
    }
    .info[b-i0kvw3mdzr] {
        display: none;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Main/MyScheduleComponent.razor.rz.scp.css */
p[b-9l7nqkhzvy] {
    margin: 0;
}

.schedule-block[b-9l7nqkhzvy] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    
}

.schedule-card[b-9l7nqkhzvy] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    margin: 1rem 1rem 0;
}

.body[b-9l7nqkhzvy] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    
}

    .body .block[b-9l7nqkhzvy] {
        border-right: 1px solid #E2EFF8;
        display: flex;
        flex-direction: column;
    }

        .body .block:last-child[b-9l7nqkhzvy] {
            border-right: none;
        }

.block .header-block[b-9l7nqkhzvy] {
    border-bottom: 1px solid #E2EFF8;
    padding: 1rem;
}

.block .body-block[b-9l7nqkhzvy] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.body p[b-9l7nqkhzvy] {
    color: #151D2A;    
    font-size: .75rem;    
    font-weight: 500;
    line-height: 1.25rem;
}

.header-block[b-9l7nqkhzvy] {
    color: #604FD0;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 140% */
}

    .header-block p[b-9l7nqkhzvy] {
        margin: 0;
        color: #151D2A;
        font-size: 0.75rem;
        font-weight: 500;        
    }

.circle-w[b-9l7nqkhzvy] {
    background: #fff;
    border-radius: 2rem;
    padding: 1rem 1.15rem;
    border: none;
    display: flex;
    width: fit-content;
    height: auto;
    margin: auto;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}

.circle[b-9l7nqkhzvy] {
    background: #F8F9FE;
    border-radius: 2rem;
    padding: .5rem;
    border: none;
    display: flex;
    width: fit-content;
}
.tab-panel[b-9l7nqkhzvy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: fit-content;
    gap: 2rem;
    padding: 1rem;
}

    .tab-panel p[b-9l7nqkhzvy] {
        color: #4F4F4F;        
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem;
        cursor: pointer;
    }
        .tab-panel p.active[b-9l7nqkhzvy] {
            color: #2BC4D6;
        }

        .btn-link[b-9l7nqkhzvy] {
            border: none;
            background: none;
            color: #2BC4D6;
            font-weight: 500;
            margin-top: auto;
        }

@media (max-width: 640.98px) {
    .schedule-block[b-9l7nqkhzvy] {
        grid-template-columns: 1fr;
        margin: 1rem 0;
    }

    .schedule-card[b-9l7nqkhzvy] {
        margin: 1rem 0 0;
    }

    .body[b-9l7nqkhzvy] {
        grid-template-columns: 1fr;
    }

    .block .header-block[b-9l7nqkhzvy] {
        border-top: 1px solid #E2EFF8;
        border-bottom: none;
        padding: 1rem;

    }
}
/* _content/BeUp.New/Components/Pages/Worker/Main/SeniorPsychologReportComponent.razor.rz.scp.css */
.component[b-golkt6dxk4] {
    height: 100%;
}

.card[b-golkt6dxk4] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    height: calc(100% - 2rem);
}


.body[b-golkt6dxk4] {
    border-radius: 10px;
    background: #FFF;
    height: calc(100% - 3.5rem);
}

h4[b-golkt6dxk4] {
    margin-bottom: 1rem;
}

.block-full[b-golkt6dxk4] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-golkt6dxk4] {
        margin: auto 0;
    }

.footer[b-golkt6dxk4] {
    color: #604FD0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}

.block[b-golkt6dxk4] {
    display: flex;
    gap: 1rem;
    padding: .5rem 1rem;
    align-items: center;
    border-bottom: 1px solid #E2EFF8;
}

.row-upcoming[b-golkt6dxk4] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .row-upcoming p[b-golkt6dxk4] {
        margin: 0;
    }

    .row-upcoming a[b-golkt6dxk4] {
        margin-left: auto;
    }

.body .block:last-child[b-golkt6dxk4] {
    border-bottom: none;
}

.block .avatar[b-golkt6dxk4] {
    flex: 1;
}

    .block .avatar img[b-golkt6dxk4] {
        width: 100%;
        max-width: 5rem;
    }

.block .body[b-golkt6dxk4] {
    flex: 5;
}
/* _content/BeUp.New/Components/Pages/Worker/Main/SessionsTodayComponent.razor.rz.scp.css */
.card[b-ar2fghi3vl] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}

.body[b-ar2fghi3vl] {
    border-radius: 10px;
    background: #FFF;
    padding: .5rem;
}

h4[b-ar2fghi3vl] {
    margin-bottom: 1rem;
}

.block-full[b-ar2fghi3vl] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-ar2fghi3vl] {
        margin: auto 0;
    }

.footer[b-ar2fghi3vl] {
    color: #604FD0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}

.block[b-ar2fghi3vl] {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
    gap: 1rem;
    margin-bottom: .5rem;
    padding: .5rem;
    border-bottom: 1px solid #E2EFF8;
}

.block-body h5[b-ar2fghi3vl] {
    margin: 0 0 1rem;
}

.block-body div[b-ar2fghi3vl] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
}

.block-body span b[b-ar2fghi3vl] {
    color: #2BC4D6;
}

.block-body p[b-ar2fghi3vl] {
    margin: 0;
}

.block .avatar img[b-ar2fghi3vl] {
    width: 100%;
}

.block .block-button[b-ar2fghi3vl] {
    display: grid;
    gap: 1rem;
}

@media (max-width: 640.98px) {
    .block-body .block-time[b-ar2fghi3vl] {
        gap: .25rem;
        grid-template-columns: auto 3fr 1fr;
        text-align: center;
    }
    .block-time span[b-ar2fghi3vl],
    .block-time p[b-ar2fghi3vl] {
        font-size: .875rem;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Main/UpcomingReportsComponent.razor.rz.scp.css */
.component[b-85ghjcz1kc] {
    height: 100%;
}
.card[b-85ghjcz1kc] {
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    height: calc(100% - 2rem);
}


.body[b-85ghjcz1kc] {
    border-radius: 10px;
    background: #FFF;
    height: calc(100% - 3.5rem);
}

h4[b-85ghjcz1kc] {
    margin-bottom: 1rem;
}

.block-full[b-85ghjcz1kc] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-85ghjcz1kc] {
        margin: auto 0;
    }

.footer[b-85ghjcz1kc] {
    color: #604FD0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}
.block[b-85ghjcz1kc] {
    display: flex;
    gap: 1rem;
    padding: .5rem 1rem;
    align-items: center;
    border-bottom: 1px solid #E2EFF8;
}
.row-upcoming[b-85ghjcz1kc] {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.row-upcoming p[b-85ghjcz1kc] {
    margin: 0;
}

.row-upcoming a[b-85ghjcz1kc] {
    margin-left: auto;
}

.body .block:last-child[b-85ghjcz1kc] {
    border-bottom: none;
}

.block .avatar[b-85ghjcz1kc] {
    flex: 1;
}
    .block .avatar img[b-85ghjcz1kc] {
        width: 100%;
        
    }
    .block .body[b-85ghjcz1kc] {
        flex: 5;
    }
/* _content/BeUp.New/Components/Pages/Worker/Main/WorkoutComponent.razor.rz.scp.css */
.card[b-ww0tvsmogt] {
    
}

.body[b-ww0tvsmogt] {
    border-radius: 10px;
    background: #FFF;
}

h4[b-ww0tvsmogt] {
    margin-bottom: 1rem;
}

.block-full[b-ww0tvsmogt] {
    padding: 1rem;
    text-align: center;
    min-height: 6rem;
    display: flex;
    justify-content: center;
}

    .block-full h4[b-ww0tvsmogt] {
        margin: auto 0;
    }

.footer[b-ww0tvsmogt] {
    color: #604FD0;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem;
}

.block[b-ww0tvsmogt] {
    display: grid;
    grid-template-columns: 1fr 3fr;
    margin-bottom: .5rem;
    border-radius: 0.75rem;
    background: #E2EEF5;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}

.avatar[b-ww0tvsmogt] {
    border-radius: .625rem 0 0 .625rem;
    overflow:hidden;
}

    .avatar img[b-ww0tvsmogt] {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
    }

.block .body[b-ww0tvsmogt] {
    padding: .5rem;    
    display: flex;
    flex-direction: column;
}

.body h5[b-ww0tvsmogt] {
    margin: 0 0 .5rem 0;
    font-size: 1rem;
    font-weight: 400;
}
.one span[b-ww0tvsmogt] {
    font-size: .75rem;
    color: #2BC4D6;
}
.one div[b-ww0tvsmogt] {
    display: flex;
}
.one div span:last-child[b-ww0tvsmogt] {
    margin-left:auto;
}

.two[b-ww0tvsmogt] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: auto;
}

    .two div[b-ww0tvsmogt] {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .two label[b-ww0tvsmogt] {
        font-size: .75rem;
        margin: 0 0 .5rem 0;
    }
    .two span[b-ww0tvsmogt] {
        margin-top: auto;
        text-align: center;
    }

@media (max-width: 640.98px) {
    .two[b-ww0tvsmogt] {       
        grid-template-columns: repeat(2,1fr);
        margin-top: .5rem;
    }
    .block[b-ww0tvsmogt] {
     
        grid-template-columns: 1fr 2fr;
     
    }

    .avatar img[b-ww0tvsmogt] {
        width: auto;
        height: 100%;
        aspect-ratio: inherit;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/News/Details.razor.rz.scp.css */
.card-block[b-is7wk3o451] {
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: 1rem;
    margin-top: 0;
}

.news-block h4[b-is7wk3o451] {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
    color: #151D2A;
}

.news-block .text[b-is7wk3o451] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    color: #4F4F4F;
    margin: 1.5rem 0;
}

    .news-block .text[b-is7wk3o451]  p {
        margin: 0;
        text-align: justify;
    }

.news-block img[b-is7wk3o451] {
    width: 100%;
    border-radius: 1.25rem;
    object-fit: cover;
    aspect-ratio: 16/4;
}

.news-block .header-news[b-is7wk3o451] {
    display: flex;
    margin: 1rem 0;
}

.header-news span[b-is7wk3o451],
.header-news div[b-is7wk3o451] {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.25rem;
    margin-right: 2rem;
}

.header-news span[b-is7wk3o451] {
    color: #604FD0;
}

.header-news svg[b-is7wk3o451] {
    margin-right: .5rem;
}

.favorit-block[b-is7wk3o451] {
    background: #E2EEF5;
    border-radius: .5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: .5rem .5rem .5rem 1.5rem;
}

    .favorit-block div[b-is7wk3o451] {
        display: flex;
        align-items: center;
    }

    .favorit-block h5[b-is7wk3o451] {
        margin: 0 1.5rem 0 auto;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1;
        text-align: right;
        text-transform: uppercase;
        color: #151D2A;
    }

    .favorit-block .btn-text[b-is7wk3o451] {
    }

    .favorit-block span[b-is7wk3o451] {
        font-weight: 400;
        font-size: .75rem;
        line-height: 1.25rem;
        color: #2F3744;
        margin-right: 1.5rem;
    }

    .favorit-block .btn-favorit svg[b-is7wk3o451] {
        height: 1rem;
    }

.add-commet[b-is7wk3o451] {
    display: flex;
    margin: 1rem 0;
}

.commet-button[b-is7wk3o451] {
    border: none;
    border-radius: 6.25rem;
    background: #604FD0;
    cursor: pointer;
    padding: .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: .5rem;
}

    .commet-button.disabled[b-is7wk3o451] {
        background: #D9D9D9;
    }

[b-is7wk3o451] textarea {
    width: calc(100% - 1.5rem);
    resize: vertical;
}

.card-commet[b-is7wk3o451] {
    border-bottom: 0.0625rem solid #ACD3E9;
    padding: .8rem 0;
}

.header-coomet[b-is7wk3o451] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .header-coomet h4[b-is7wk3o451] {
        text-transform: none;
        color: #4F4F4F;
        font-family: "Montserrat";
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem;
    }


    .header-coomet img[b-is7wk3o451] {
        height: 45px;
    }

.text-coomet[b-is7wk3o451] {
    color: #151D2A;
    font-family: "Montserrat";
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
    margin-top: .5rem;
}

.footer-commet[b-is7wk3o451] {
    margin-top: 1rem;
    color: #4F4F4F;
    font-family: "Montserrat";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}

.no-commet[b-is7wk3o451] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}

    .no-commet a[b-is7wk3o451] {
        margin-top: 1rem;
    }

@media (max-width: 640.98px) {
    .favorit-block[b-is7wk3o451] {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
    }

        .favorit-block h5[b-is7wk3o451] {
            margin: 0 auto 0 0;
        }

        .favorit-block div:first-child[b-is7wk3o451] {
            margin: .5rem 0 0;
        }

    .card-block[b-is7wk3o451] {
        grid-template-columns: 1fr;
    }

    .panel-filter[b-is7wk3o451] {
        display: flex;
        width: calc(100vw - 3.5rem);
        overflow-y: auto;
    }

        .panel-filter[b-is7wk3o451]::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

    .btn[b-is7wk3o451] {
        padding: .5rem 1rem;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/News/Edit.razor.rz.scp.css */
.image[b-yctr03peos] {
    padding: 1rem;
}

.description[b-yctr03peos] {
    background: #fff;
    border-radius: .5rem;
    padding: 1rem;
}

    .description .btn-secondary[b-yctr03peos] {
        margin: 1rem auto;
        display: block;
    }


.emotions-block[b-yctr03peos] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-top: 0.5rem;
}

.emotions-block .img[b-yctr03peos],
.emotions-block .img[b-yctr03peos]  svg {
    width: 100%;
    height: 2rem;
}

.card-emotion[b-yctr03peos] {
    padding: .2rem;
}

    .card-emotion.active[b-yctr03peos] {
        background: var(--backgraund);        
        border-radius: .5rem;
    }
/* _content/BeUp.New/Components/Pages/Worker/News/News.razor.rz.scp.css */
.panel-filter[b-fpgoy4f3f4] {
    display: flex;
}

.grid-news[b-fpgoy4f3f4] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
    margin-top: 1.5rem;
    
}


.card-block[b-fpgoy4f3f4] {
    display: grid;
    grid-template-columns: 1fr;
    
}
@media (max-width: 1700px) {
    .grid-news[b-fpgoy4f3f4] {
        grid-template-columns: repeat(3,1fr);
    }
}

@media (max-width: 640.98px) {
    .card-block[b-fpgoy4f3f4] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }

    .grid-news[b-fpgoy4f3f4] {
        grid-template-columns: 1fr;
    }

    .panel-filter[b-fpgoy4f3f4] {
        display: flex;
        width: calc(100vw - 3.5rem);
        overflow-y: auto;
    }

        .panel-filter[b-fpgoy4f3f4]::-webkit-scrollbar {
            width: 0;
            height: 0;
        }
}
/* _content/BeUp.New/Components/Pages/Worker/News/NewsCard.razor.rz.scp.css */
.card[b-9zr2tfbcii] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.image[b-9zr2tfbcii] {
    overflow: hidden;
    border-radius: 1.25rem;
    max-height: 10.5rem;
    position:relative;
}
img[b-9zr2tfbcii] {
    width: 100%;
    border-radius: 1.25rem;
    object-fit: cover;
    aspect-ratio: 16/9;
}


.footer[b-9zr2tfbcii] {
    margin-top: 1rem;
    display:flex;
    flex-direction:column;
}

.card div:last-child[b-9zr2tfbcii] {
    display:flex;
    margin-top:auto;
}

h4[b-9zr2tfbcii] {
    font-size: 14px;
    line-height: 18px;
}

span[b-9zr2tfbcii] {
    font-size:  .75rem;
    line-height: 20px;
    /* or 182% */


    color: #604FD0;
}
/* _content/BeUp.New/Components/Pages/Worker/Note/Note.razor.rz.scp.css */
.header-note[b-nhdae0xwz8] {
    display: flex;
}

[b-nhdae0xwz8] .dropdown.active .list,
.card-note .col:first-child[b-nhdae0xwz8] {
    background: #E2EEF5;
}

.card-note[b-nhdae0xwz8] {
    background: #FFFFFF;
    box-shadow: 0px 0px 0.5rem rgba(138, 168, 182, 0.2);
    border-radius: 0.5rem;
    margin: 1.5rem 0 0;
    max-height: 90vh;
    overflow: hidden;
    gap: 0;
}

    .card-note .body[b-nhdae0xwz8] {
        overflow-y: auto;
        height: calc(100vh - 15.5rem);
    }

        .card-note .body[b-nhdae0xwz8]::-webkit-scrollbar {
            width: 6px; /* width of the entire scrollbar */
        }

        .card-note .body[b-nhdae0xwz8]::-webkit-scrollbar-track {
            background: none; /* color of the tracking area */
        }

        .card-note .body[b-nhdae0xwz8]::-webkit-scrollbar-thumb {
            background-color: #8AA8B6; /* color of the scroll thumb */
            border-radius: 20px; /* roundness of the scroll thumb */
            border: 1px solid #8AA8B6; /* creates padding around scroll thumb */
        }

.grid-2[b-nhdae0xwz8] {
    grid-template-columns: 1fr 2fr;
}

.header-card[b-nhdae0xwz8] {
    margin: 1rem;
    display: flex;
    flex-direction: column;
}

    .header-card input[b-nhdae0xwz8] {
        width: 100%;
    }

.note-edit[b-nhdae0xwz8] {
    background: #fff;
    border-radius: .5rem;
}

.note-block[b-nhdae0xwz8] {
    padding: .875rem .875rem 0 .875rem;
    cursor: pointer;
    overflow: hidden;
    max-height: 15rem;
}

    .note-block.active[b-nhdae0xwz8] {
        background: #fff;
        margin-top: -2px;
    }

    .note-block h4[b-nhdae0xwz8] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #151D2A;
    }

    .note-block span[b-nhdae0xwz8] {
        font-weight: 400;
        font-size: .875rem;
        line-height: .875rem;
        color: #4F4F4F;
        margin: 0.875rem 0 0.875rem auto;
        display: flex;
        justify-content: end;
    }

    .note-block .note-body[b-nhdae0xwz8] {
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.25rem;
        color: #4F4F4F;
        overflow: hidden;
        max-height: 7.75rem;
    }

.note-filter[b-nhdae0xwz8] {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

    .note-filter span[b-nhdae0xwz8] {
        color: #2BC4D6;
        font-size: .75rem;
        margin-right: .5rem;
        cursor: pointer;
    }

    .note-filter .active[b-nhdae0xwz8] {
        text-decoration-line: underline;
    }

    .note-filter p[b-nhdae0xwz8] {
        margin-right: .5rem;
        color: #151D2A;
        font-size: .75rem;
    }

.note-block hr[b-nhdae0xwz8] {
    border: 1px solid #fff;
    margin: 0;
}


[b-nhdae0xwz8] .ql-editor {
    min-height: 30vh;
}

.btn-mini[b-nhdae0xwz8] {
    margin-left: auto;
    display: flex;
}
/* _content/BeUp.New/Components/Pages/Worker/Nutrition/AddEdit.razor.rz.scp.css */
.header-card[b-3cxrq5nq3u] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    margin: 1rem 0;
    padding: 1rem;
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
}

    .header-card .btn[b-3cxrq5nq3u],
    .header-card[b-3cxrq5nq3u]  .select {
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
        color: #2BC4D6;
        text-align: center;
        padding: .35rem 1rem;
        margin-right: 1rem;
        width: 100%;
        font-weight: 500;
    }

    .header-card[b-3cxrq5nq3u]  .select {
        margin-right: 0rem;
        font-size: .75rem;
    }

    .header-card .type div[b-3cxrq5nq3u],
    .header-card .ingridiet div[b-3cxrq5nq3u],
    .header-card .complexity div[b-3cxrq5nq3u] {
        display: flex;
    }

    .header-card div .btn:last-child[b-3cxrq5nq3u] {
        margin-right: 0;
    }

    .header-card .active[b-3cxrq5nq3u] {
        background: #2BC4D6;
        color: #fff;
    }
    .header-card label[b-3cxrq5nq3u] {
        font-size: .75rem;
        font-weight: 100;
        margin-bottom: 0.5rem;
        display: block;
    }

.card-body[b-3cxrq5nq3u] {
    padding: 0.875rem;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}
.form-row[b-3cxrq5nq3u] {
    display: grid;   
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
}
.image[b-3cxrq5nq3u] {
    margin: 1rem;
}

.card-full[b-3cxrq5nq3u] {
    margin: 1rem auto 2rem;
}

.btn-footer[b-3cxrq5nq3u] {
    display: grid;
    grid-template-columns: 1fr auto;
    margin: 1rem 0 2rem;
}

.btn-footer div:last-child[b-3cxrq5nq3u] {
    justify-self: end;
}


@media (max-width: 1130px) {
    .form-row[b-3cxrq5nq3u] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Nutrition/AddIngridient.razor.rz.scp.css */

.add[b-gnwy8i9roj] {
    display: grid;
    grid-template-columns: 4fr 2fr 2fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

[b-gnwy8i9roj] .select div:first-child {
    padding: 0.75rem 0.75rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    border-radius: 0.5rem;
}
.line[b-gnwy8i9roj] {
    display: grid;
    grid-template-columns: 4fr 4fr 1fr; 
    margin: .5rem 0;
}
/* _content/BeUp.New/Components/Pages/Worker/Nutrition/AddStep.razor.rz.scp.css */
.line[b-03epzscfm2], .add[b-03epzscfm2] {
    display: grid;
    grid-template-columns: 1fr 6fr 1fr;
    gap: 1rem;
}
.add[b-03epzscfm2] {
    margin-top: 1rem;
}

.line[b-03epzscfm2] {
    margin-top: .5rem;
}
/* _content/BeUp.New/Components/Pages/Worker/Nutrition/CardNutrition.razor.rz.scp.css */
.card[b-d0rsh4jp3m] {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: .625rem .625rem 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    cursor: pointer;
    color: #080A0E;
}
.img-card[b-d0rsh4jp3m] {
    position:relative;
}

    .img-card label[b-d0rsh4jp3m] {
        position: absolute;
        color: #2BC4D6;
        text-align: center;
        font-size: .75rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background: #fff;
        padding: .25rem .5rem;
        border-radius: 1rem;
        top: 1rem;
        right: 1rem;
    }
    .img-card img[b-d0rsh4jp3m] {
        object-fit: cover;
        aspect-ratio: 12/9;
        border-radius: .625rem;
        width: 100%;
    }
    p[b-d0rsh4jp3m] {
        font-weight: 500;
        margin: .75rem 0 .5rem;
        min-height: 2.25rem;
    }

.footer-card[b-d0rsh4jp3m] {
    display: flex;
    margin-top: auto;
}
    .footer-card .btn-favorit[b-d0rsh4jp3m] {
        margin-left: auto;
    }

    .footer-card a[b-d0rsh4jp3m] {
        color: #10ACBE;
        font-size: 1rem;        
        font-weight: 400;
        line-height: 1.3125rem;
        text-decoration-line: underline;
    }

    .footer-card a:hover[b-d0rsh4jp3m] {
        font-weight: 500;
    }

.list-ing[b-d0rsh4jp3m] {
    margin: 0;
    padding-left: 1rem;
    margin-bottom: .5rem;
    max-height: 4.5rem;
    
    
}
.backg[b-d0rsh4jp3m] {
    max-height: 4.5rem;
    overflow: hidden;   
    position: relative;
}
    .backg div[b-d0rsh4jp3m] {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
        height: 100%;
        width: 100%;
        z-index: 200;
        position: absolute;
        top:0;
    }
/* _content/BeUp.New/Components/Pages/Worker/Nutrition/CardStep.razor.rz.scp.css */
.title-card[b-uqw2g9prha] {
 
    display: grid;
    grid-template-columns:auto  1fr auto;
    gap: 2rem;
    margin-bottom: 1rem;
    align-items: center;
    text-align: center;
}

.card[b-uqw2g9prha] {
    border-radius: 1.25rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);    
    padding: .5rem 1rem;    
    min-height: 100%;
}

.btn-circle[b-uqw2g9prha] {
    background: #F8F9FE;
    border: none;
    border-radius: 1rem;
    padding: 10px 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-body[b-uqw2g9prha] {
    margin-bottom: .5rem;
    line-height: 1.3;
}
/* _content/BeUp.New/Components/Pages/Worker/Nutrition/Details.razor.rz.scp.css */
.card-title[b-vpstxom5ze] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.img[b-vpstxom5ze] {
    border-radius: 1rem;
    overflow: hidden;
}

    .img img[b-vpstxom5ze] {
        width: 100%;
    }

.info-block label[b-vpstxom5ze] {
    background: #2BC4D6;
    color: #FFF;
    padding: .5rem 1rem;
    border-radius: 1rem;
    font-size: .75rem;
    margin-right: 1rem;
}

.list-label[b-vpstxom5ze] {
    display: flex;
}

.info-block h4[b-vpstxom5ze] {
    margin-bottom: 2rem;
}

.info-block h4[b-vpstxom5ze],
.info-block b[b-vpstxom5ze] {
    font-weight: 500;
}

.info-block p[b-vpstxom5ze] {
    margin: .5rem 0;
}

.card-body[b-vpstxom5ze] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

.ingredient-list[b-vpstxom5ze] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: .5rem;
}

.card-body h4[b-vpstxom5ze] {
    margin-bottom: 1rem;
    font-weight: 500;
}

.grid[b-vpstxom5ze] {
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 1rem;
}

.btn-favorit.active svg path[b-vpstxom5ze] {
    fill: rgb(21, 29, 42);
}
/* _content/BeUp.New/Components/Pages/Worker/Nutrition/Index.razor.rz.scp.css */
.panel-filter[b-vf1jhcgr5w] {
    display: flex;
}

.grid-block[b-vf1jhcgr5w] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.block-top[b-vf1jhcgr5w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1260px;
    margin: 1rem auto 0;
    gap: 1rem;
}

.panel-filter[b-vf1jhcgr5w] {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr auto;
    gap: 1.5rem;
    border-radius: .625rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    margin-bottom: 1.25rem;
    padding: .625rem;
}

    .panel-filter .btn-panel[b-vf1jhcgr5w] {
        background: #fff;
        box-shadow: 0px 0px 10px rgba(138, 168, 182, 0.20);
        padding: .25rem .5rem;
        color: #2BC4D6;
        text-align: center;
        font-family: Montserrat;
        font-size: .75rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 0 .35rem;
    }

    .panel-filter .active[b-vf1jhcgr5w] {
        color: #fff;
        background: #2BC4D6;
        box-shadow: none;
    }

    .panel-filter .btn-text[b-vf1jhcgr5w] {
        padding: .25rem .5rem;
    }

[b-vf1jhcgr5w] .w-mc {
    width: max-content;
}

@media (max-width: 640.98px) {
    .block-top[b-vf1jhcgr5w] {
        grid-template-columns: 1fr;
    }

        .block-top .block-two[b-vf1jhcgr5w] {
            width: calc(100% - 1rem);
        }

    .panel-filter[b-vf1jhcgr5w] {
        grid-template-columns: 1fr;
        gap: 1rem;
        justify-items: start;
    }

    .b-1[b-vf1jhcgr5w], .b-2[b-vf1jhcgr5w] {
        grid-column: 1/2;
    }

    .b-3[b-vf1jhcgr5w] {
        order: 2;
    }

    .order-end[b-vf1jhcgr5w] {
        order: 1;
        grid-column: 1;
    }

    .grid-block[b-vf1jhcgr5w] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Report/Index.razor.rz.scp.css */
.grid[b-kbdo1yaf5y] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
    min-height: calc(100vh - 9rem);
}

.card-list[b-kbdo1yaf5y] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    height: 100%;
}

.r-details[b-kbdo1yaf5y] {
    height: 100%;
}

.card[b-kbdo1yaf5y] {
    display: grid;
    grid-template-columns: 1fr 3fr 2fr;
    border-bottom: 1px solid #E2EFF8;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

p[b-kbdo1yaf5y], span[b-kbdo1yaf5y] {
    margin: 0;
    font-size: .75rem;
}

h4[b-kbdo1yaf5y] {
    text-transform: none;
}

.avatar img[b-kbdo1yaf5y] {
    width: 100%;
}

.body-card h4[b-kbdo1yaf5y] {
    font-size: .875rem;
}

a.card[b-kbdo1yaf5y] { grid-template-columns: 1fr auto; color: inherit; text-decoration: none; }
@media (max-width: 760px) {
    .grid[b-kbdo1yaf5y] { grid-template-columns: 1fr; }
    .card-list[b-kbdo1yaf5y] { max-height: 22rem; overflow: auto; }
}
/* _content/BeUp.New/Components/Pages/Worker/Report/ReportDetail.razor.rz.scp.css */
.block-report[b-tddzj3kxyr] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: 1rem;
    height: calc(100% - 2rem);
}

[b-tddzj3kxyr] textarea {
    width: 100%;
}

p[b-tddzj3kxyr], span[b-tddzj3kxyr], label[b-tddzj3kxyr]{
    margin: 0;
    font-size: .75rem;
}

h4[b-tddzj3kxyr] {
    text-transform: none;
}

.body-r[b-tddzj3kxyr] {
    margin: 1rem 0;
}

    .body-r .row-b[b-tddzj3kxyr] {
        border-bottom: 1px solid #E2EFF8;
        padding: 1rem 0;
    }

.btn-block[b-tddzj3kxyr], .btn-block-2[b-tddzj3kxyr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: .25rem;
    padding: .25rem;
    background: #F8F9FE;
    border-radius: .5rem;
}

.body-r .btn-block button[b-tddzj3kxyr],
.body-r .btn-block-2 button[b-tddzj3kxyr] {
    background: #F8F9FE;
    border: none;
    border-radius: .5rem;
    padding: .5rem;
    font-size: 1rem;
}

.body-r .btn-block-2 .active[b-tddzj3kxyr] {
    background: #2BC4D6;
    color: #FFFFFF;
}

.btn-block button:last-child[b-tddzj3kxyr] {
    background: #2BC4D6;
    color: #FFFFFF;
}

        .btn-block.active button:first-child[b-tddzj3kxyr] {
            background: #2BC4D6;
            color: #FFFFFF;
        }
.btn-block.active button:last-child[b-tddzj3kxyr] {
    background: #F8F9FE;
    color: #4F4F4F;
}

        .btn[b-tddzj3kxyr] {
            margin-top: 1rem;
        }

[b-tddzj3kxyr] .select {

}

.grid-ii[b-tddzj3kxyr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: .5rem 0 0 0;
}

.grid-ii p[b-tddzj3kxyr] {
    line-height: 1.25;
}

.card-ii[b-tddzj3kxyr] {
    background: #E2EEF5;
    border-radius: 1rem;
    padding: .75rem;
}

.card-ii h6[b-tddzj3kxyr] {
    margin: .5rem 0;
    font-size: 1rem;
}

.d-flex[b-tddzj3kxyr] {
    display: flex;
    flex-direction: column;
}
.btn-block-row[b-tddzj3kxyr] {
    display: flex;
    gap: .5rem;
}

.btn-block-row .btn[b-tddzj3kxyr] {
    border-radius: .5rem;
}

.saved-text[b-tddzj3kxyr] { white-space: pre-wrap; overflow-wrap: anywhere; }
/* _content/BeUp.New/Components/Pages/Worker/SeniorReport/Index.razor.rz.scp.css */
.grid[b-jq7jipr7d4] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
    min-height: calc(100vh - 9rem);
}

.card-list[b-jq7jipr7d4] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    height: 100%;
}

.r-details[b-jq7jipr7d4] {
    height: 100%;
}

.card[b-jq7jipr7d4] {
    display: grid;
    grid-template-columns: 1fr 3fr 2fr;
    border-bottom: 1px solid #E2EFF8;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

p[b-jq7jipr7d4], span[b-jq7jipr7d4] {
    margin: 0;
    font-size: .75rem;
}

h4[b-jq7jipr7d4] {
    text-transform: none;
}

.avatar img[b-jq7jipr7d4] {
    width: 100%;
}

.body-card h4[b-jq7jipr7d4] {
    font-size: .875rem;
}
/* _content/BeUp.New/Components/Pages/Worker/SeniorReport/ReportDetail.razor.rz.scp.css */
.block-report[b-k8jphcay98] {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: 1rem;
    height: calc(100% - 2rem);
}

[b-k8jphcay98] textarea {
    width: 100%;
}

p[b-k8jphcay98], span[b-k8jphcay98], label[b-k8jphcay98]{
    margin: 0;
    font-size: .75rem;
}

h4[b-k8jphcay98] {
    text-transform: none;
}

.body-r[b-k8jphcay98] {
    margin: 1rem 0;
}

    .body-r .row-b[b-k8jphcay98] {
        border-bottom: 1px solid #E2EFF8;
        padding: 1rem 0;
    }

.btn-block[b-k8jphcay98], .btn-block-2[b-k8jphcay98] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: .25rem;
    padding: .25rem;
    background: #F8F9FE;
    border-radius: .5rem;
}

.body-r .btn-block button[b-k8jphcay98],
.body-r .btn-block-2 button[b-k8jphcay98] {
    background: #F8F9FE;
    border: none;
    border-radius: .5rem;
    padding: .5rem;
    font-size: 1rem;
}

.body-r .btn-block-2 .active[b-k8jphcay98] {
    background: #2BC4D6;
    color: #FFFFFF;
}

.btn-block button:last-child[b-k8jphcay98] {
    background: #2BC4D6;
    color: #FFFFFF;
}

        .btn-block.active button:first-child[b-k8jphcay98] {
            background: #2BC4D6;
            color: #FFFFFF;
        }
.btn-block.active button:last-child[b-k8jphcay98] {
    background: #F8F9FE;
    color: #4F4F4F;
}

        .btn[b-k8jphcay98] {
            margin-top: 1rem;
        }

[b-k8jphcay98] .select {

}

.grid-ii[b-k8jphcay98] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: .5rem 0 0 0;
}

.grid-ii p[b-k8jphcay98] {
    line-height: 1.25;
}

.card-ii[b-k8jphcay98] {
    background: #E2EEF5;
    border-radius: 1rem;
    padding: .75rem;
}

.card-ii h6[b-k8jphcay98] {
    margin: .5rem 0;
    font-size: 1rem;
}

.d-flex[b-k8jphcay98] {
    display: flex;
    flex-direction: column;
}
.btn-block-row[b-k8jphcay98] {
    display: flex;
    gap: .5rem;
}

.btn-block-row .btn[b-k8jphcay98] {
    border-radius: .5rem;
}
/* _content/BeUp.New/Components/Pages/Worker/Test/AddAnswers.razor.rz.scp.css */
.grid[b-6wceh00rvo] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
}
/* _content/BeUp.New/Components/Pages/Worker/Test/AddEdit.razor.rz.scp.css */
.card-block[b-odvw2760i9] {
    background: #FFFFFF;
    box-shadow: 0px 0px 0.5rem rgba(138, 168, 182, 0.2);
    border-radius: 0.5rem;
    margin: 1.5rem 0 0;
    padding: 1rem;
}
.btn-small[b-odvw2760i9] {
    margin-bottom: 1rem;
}
.footer[b-odvw2760i9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 1rem 0;
}

.footer div:last-child[b-odvw2760i9] {
    text-align: right;
}

[b-odvw2760i9] .title-block  {
    display:flex;
    align-items: center;
    margin-bottom: .5rem;
}

    [b-odvw2760i9] .title-block button {
        margin-left: auto;
    }
/* _content/BeUp.New/Components/Pages/Worker/Test/AddQuestions.razor.rz.scp.css */
[b-fduxsa2nr7] .grid {
    display: grid;
}
[b-fduxsa2nr7] .g-2 {
    grid-template-columns: auto 1fr auto;
}
.block-border[b-fduxsa2nr7] {
    border-bottom: 2px solid #D0D0D0;
    margin-bottom: 1rem;
}

.answers-block[b-fduxsa2nr7] {
    border-left: 2px solid #D0D0D0;
    margin-left: 1rem;
    padding-left: 1rem;
    margin-bottom: .5rem;
}
/* _content/BeUp.New/Components/Pages/Worker/Test/AddQuestionsAnswers.razor.rz.scp.css */
body[b-4t08m9d8sq] {
}
/* _content/BeUp.New/Components/Pages/Worker/Test/CardTest.razor.rz.scp.css */
.card[b-164dh9j8i3] {
    display:flex;
    flex-direction:column;
    font-size: 1rem;
    line-height: 1.125rem;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
}

.header-card[b-164dh9j8i3] {
    display: flex;
    align-items: center;
}

.header-card div[b-164dh9j8i3] {
    margin-right: .5rem;
}

span[b-164dh9j8i3] {
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #604FD0;
}

.card svg[b-164dh9j8i3] {
    fill: var(--primary);
}
/* _content/BeUp.New/Components/Pages/Worker/Test/Index.razor.rz.scp.css */
.grid-block[b-gcjmjf1hu2] {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
}
.panel[b-gcjmjf1hu2] {
    display:flex;
    justify-content:end;
    margin-bottom: 1rem;
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/AddWorkout.razor.rz.scp.css */
.bg-primary[b-jae2q2xw07] {    
    margin-top: 1rem;
    border-radius: .5rem;
    box-shadow: 0px 0px .625rem rgba(138, 168, 182, 0.2);
}

.bg-with[b-jae2q2xw07] {
    border-radius: .5rem;
}

.block-body[b-jae2q2xw07] {
    padding: .875rem;
}
h5[b-jae2q2xw07] {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}

.c-primary[b-jae2q2xw07] {
    color: #2BC4D6;
    margin-bottom: 1.5rem;
}

.footer-card[b-jae2q2xw07] {
    margin-top: 1.5rem;
    text-align: center;
    padding: .875rem;
}
.life-btn[b-jae2q2xw07] {
    display: flex;
    align-items: center;
    border: 1px solid #2BC4D6;
    margin-bottom: 1rem;
    margin-top: .5rem;    
    border-radius: 1.5rem;
    overflow:hidden;
    cursor: pointer;
}
    .life-btn div[b-jae2q2xw07] {
        display: flex;
        width: 100%;
        padding: .25rem 1rem;
        justify-content: center;
        color: #2BC4D6;
        padding: .85rem;
    }

    .life-btn div:first-child[b-jae2q2xw07] {
        color: #ffffff;
        background-color: #2BC4D6;
        border-radius: 1.5rem;
    }

    .life-btn.active div:first-child[b-jae2q2xw07] {
        color: #2BC4D6;
        background-color: #ffffff;
    }

    .life-btn.active div:last-child[b-jae2q2xw07] {
        color: #ffffff;
        background-color: #2BC4D6;
        border-radius: 1.5rem;
    }

.bg-with.mb-05[b-jae2q2xw07]{
    padding: 1rem;
}

/* _content/BeUp.New/Components/Pages/Worker/Workout/ChatLive.razor.rz.scp.css */
.chat-block[b-ppl9brjepq] {
    border-radius: .625rem;
    background: #E2EEF5;
    height: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-height: calc(100vh - 8rem);
}

.chat-title[b-ppl9brjepq] {
    border-radius: .625rem;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    padding: .75rem 1rem;
    display:flex;
    align-items: center;
}

    .chat-title h4[b-ppl9brjepq] {
        color: #151D2A;
        font-family: Montserrat;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }

    .chat-title .users-block[b-ppl9brjepq] {
        margin-left: auto;
        display: flex;
    }

        .chat-title .users-block img[b-ppl9brjepq] {
            height: 2.5rem;
            border-radius: 36px;
            border: 2px solid #FFF;
            margin-left: -1rem;
        }

        .chat-title .users-block .count-user[b-ppl9brjepq] {
            height: 2.5rem;
            width: 2.5rem;
            border-radius: 36px;
            border: 2px solid #FFF;
            margin-left: -1rem;
            background: #2BC4D6;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
        }
            .chat-title .users-block img:first-child[b-ppl9brjepq] {
            margin-left: 0;
        }


.chat-footer[b-ppl9brjepq] {
    border-radius: .625rem;
    background: #FFF;
    margin: .625rem;
    display:grid;
    grid-template-columns: auto 1fr auto;
    padding: .75rem;
}
.chat-footer input[b-ppl9brjepq] {
    border:none;
    width:100%;
}

.message-block[b-ppl9brjepq] {
    padding: 0 .5rem;
}

input[b-ppl9brjepq] {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

:focus-visible[b-ppl9brjepq] {
    outline: none;
}

.icon[b-ppl9brjepq] {
    background: none;
    border: none;
}
textarea[b-ppl9brjepq] {
    border:none;
    font-size: .75rem;
}

.chat-body[b-ppl9brjepq] {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column-reverse;
}

.message[b-ppl9brjepq] {
    background: #fff;
    margin: 0.75rem 2rem 0 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0.75rem 0;
    font-size: .75rem;
    position:relative;
}

.message h5[b-ppl9brjepq],
.active h5[b-ppl9brjepq] {
    margin: 0;
}

    .message[b-ppl9brjepq]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.264002 10C0.118198 10 0 9.8818 0 9.736C0 9.62067 0.0751945 9.51896 0.184528 9.48225C4.14604 8.15236 7 4.40947 7 0V7V8V10H5H0.264002Z' fill='white'/%3E%3C/svg%3E");    
        position: absolute;
        left: -7px;
        bottom: -3px;
    }
.active[b-ppl9brjepq] {
    margin: 0.75rem .75rem 0 2rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem 0.75rem 0 0.75rem;
    font-size: .75rem;
    position: relative;
    background: #ebe9f8;
}


    .active[b-ppl9brjepq]::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.736 10C6.8818 10 7 9.8818 7 9.736C7 9.62067 6.92481 9.51896 6.81547 9.48225C2.85396 8.15236 0 4.40947 0 0V7V8V10H2H6.736Z' fill='%23EBE9F8'/%3E%3C/svg%3E");
        position: absolute;
        right: -7px;
        bottom: -3px;
    }

.bag[b-ppl9brjepq] {
    color: #2BC4D6;
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/CollectionsWorkout.razor.rz.scp.css */
h4[b-we3b8l1bx8] {
    margin-top: 2rem;
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/Details.razor.rz.scp.css */
.grid-2[b-19p4wa999b] {
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 2rem;
}

[b-19p4wa999b] video {
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
}

.block-info[b-19p4wa999b] {
    margin: 1.25rem 0;
}

    .block-info h4[b-19p4wa999b] {
        color: #151D2A;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 1.25rem;
    }

    .block-info div[b-19p4wa999b] {
        display: flex;
    }

        .block-info div span[b-19p4wa999b] {
            font-size: .75rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            margin-right: 1rem;
            align-items: center;
            display: flex;
        }

            .block-info div span svg[b-19p4wa999b] {
                margin-right: .5rem;
            }

            .block-info div span:last-child[b-19p4wa999b] {
                margin-left: auto;
                margin-right: 0;
            }

            .block-info div span:first-child[b-19p4wa999b] {
                color: #4530B3;
            }

.block-footer[b-19p4wa999b] {
    display: grid;
    grid-template-columns: 3fr 5fr;
    gap: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid #E2EEF5;
}

    .block-footer .description[b-19p4wa999b] {
        color: #4F4F4F;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1rem;
        text-align: justify;
    }

.worker-info[b-19p4wa999b] {
    background: #fff;
    border-radius: .625rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    gap: 1rem;
}

    .worker-info .avatar img[b-19p4wa999b] {
        width: 100%;
    }

    .worker-info p[b-19p4wa999b] {
        color: #2BC4D6;
        font-weight: 500;
        margin: 0 0 .25rem;
    }

    .worker-info label[b-19p4wa999b] {
        color: #4F4F4F;
        font-size: .75rem;
    }

.like.active svg[b-19p4wa999b] {
    fill: #000;
}

.like[b-19p4wa999b] {
    cursor: pointer;
}
@media (max-width: 640.98px) {
    .block-footer[b-19p4wa999b],
    .grid-2[b-19p4wa999b] {
        grid-template-columns: 1fr;
    }

    .grid-2[b-19p4wa999b] {
        margin-bottom: 6rem;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/Index.razor.rz.scp.css */
.panel-filter div[b-sqafvq3nr1] {
    display: flex;
}

.card-block[b-sqafvq3nr1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

[b-sqafvq3nr1] .grid-workout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 1.25rem;
    gap: 1rem;
}

.panel-filter .panel-mobile[b-sqafvq3nr1] {
    display: flex;
}
a.btn-text[b-sqafvq3nr1] {
    margin-left: auto;
}
@media (max-width: 640.98px) {
    .card-block[b-sqafvq3nr1] {
        grid-template-columns: 1fr;
        margin-bottom: 6rem;
    }

    .grid-workout[b-sqafvq3nr1] {
        grid-template-columns: 1fr;
        width: calc(100vw - 2rem);
    }

    .panel-filter[b-sqafvq3nr1] {
        flex-direction: column;
    }

        .panel-filter .ml-a[b-sqafvq3nr1] {
            margin: 0 auto 0 0;
        }

    .panel-mobile[b-sqafvq3nr1] {
        display: flex;
        width: calc(100vw - 3.5rem);
        overflow-y: auto;
    }

        .panel-mobile[b-sqafvq3nr1]::-webkit-scrollbar {
            width: 0;
            height: 0;
        }
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/Live.razor.rz.scp.css */
.grid-2[b-ipc52tpl26] {
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 2rem;
}

[b-ipc52tpl26] video {
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
}

.video[b-ipc52tpl26] {
    display: block;
}

.title[b-ipc52tpl26] {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: start;
}

    .title div:last-child[b-ipc52tpl26] {
        justify-content: end;
    }

.video.active[b-ipc52tpl26] {
    display: flex;
    min-height: 30rem;
    flex-direction: column;
    position: relative;
}

.action_connecting[b-ipc52tpl26] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin: 1rem 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 1rem;
    align-items: center;
}    


.btn-icon[b-ipc52tpl26] {
    background: none;
    padding: 0;
}

    .btn-icon svg path[b-ipc52tpl26] {
        stroke: var(--primary);
    }

    .btn-icon svg[b-ipc52tpl26] {
        fill: transparent;
    }


.block-info[b-ipc52tpl26] {
    margin: 1.25rem 0;
}

    .block-info h4[b-ipc52tpl26] {
        color: #151D2A;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 1.25rem;
    }

    .block-info div[b-ipc52tpl26] {
        display: flex;
    }

        .block-info div span[b-ipc52tpl26] {
            font-size: .75rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            margin-right: 1rem;
            align-items: center;
            display: flex;
        }

            .block-info div span svg[b-ipc52tpl26] {
                margin-right: .5rem;
            }

            .block-info div span:last-child[b-ipc52tpl26] {
                margin-left: auto;
                margin-right: 0;
            }

            .block-info div span:first-child[b-ipc52tpl26] {
                color: #4530B3;
            }

.block-footer[b-ipc52tpl26] {
    display: grid;
    grid-template-columns: 3fr 5fr;
    gap: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid #E2EEF5;
}

    .block-footer .description[b-ipc52tpl26] {
        color: #4F4F4F;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1rem;
        text-align: justify;
    }

.worker-info[b-ipc52tpl26] {
    background: #fff;
    border-radius: .625rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
    padding: .75rem;
    box-shadow: 0px 0px 10px 0px rgba(138, 168, 182, 0.20);
    gap: 1rem;
}

    .worker-info .avatar img[b-ipc52tpl26] {
        width: 100%;
    }

    .worker-info p[b-ipc52tpl26] {
        color: #2BC4D6;
        font-weight: 500;
        margin: 0 0 .25rem;
    }

    .worker-info label[b-ipc52tpl26] {
        color: #4F4F4F;
        font-size: .75rem;
    }

.like.active svg[b-ipc52tpl26] {
    fill: #000;
}

.like[b-ipc52tpl26] {
    cursor: pointer;
}

.img img[b-ipc52tpl26] {
    width: 100%;
    border-radius: 1rem;
}
.remote-video-holder[b-ipc52tpl26] .video_container:first-child {
    display: none;
}

.btn_group[b-ipc52tpl26] {
    display: none;
}
    .btn_group.active-btn[b-ipc52tpl26] {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }

    @media (max-width: 640.98px) {
        .block-footer[b-ipc52tpl26], .grid-2[b-ipc52tpl26] {
        grid-template-columns: 1fr;
    }

    .grid-2[b-ipc52tpl26] {
        margin-bottom: 6rem;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/LiveWorkout.razor.rz.scp.css */
body[b-aql81cm3pr] {
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/MyWorkout.razor.rz.scp.css */
@media (max-width: 640.98px) {
    h4[b-efo6iaro9z] {
        margin-top: 2rem;
    }
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/MyWorkoutCard.razor.rz.scp.css */
section[b-rg96a84q72] {
    margin-top: 1rem;
    background: #FFFFFF;
    box-shadow: 0px 0px .5rem rgba(138, 168, 182, 0.2);
    border-radius: .5rem;
    padding: 1rem;
}
.image[b-rg96a84q72] {
    border-radius: .5rem;
    overflow:hidden;
    display:flex;
}
img[b-rg96a84q72] {
    width: 100%;
}
.footer-card[b-rg96a84q72] {
    margin-top: .5rem;
}

    .footer-card h4[b-rg96a84q72] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #151D2A;
    }

span[b-rg96a84q72] {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.25rem;
    color: #A6A6A6;
}
/* _content/BeUp.New/Components/Pages/Worker/Workout/WorkoutCardIndex.razor.rz.scp.css */
.card[b-1daq8usfhc] {
}

    .card .image[b-1daq8usfhc] {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        border-radius: 1.25rem;
        overflow: hidden;
        position:relative;
    }

    .card img[b-1daq8usfhc] {
        width: 100%;
        border-radius: 1.25rem;
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .card .image label[b-1daq8usfhc] {
        border-radius: 20px;
        background: #EAF9FB;
        color: #2BC4D6;
        font-size: .875rem;
        padding: 0.25rem 0.5rem;
        display: flex;
        margin-left: 0.25rem;
        align-items: center;
        position: absolute;
        top: 0.625rem;
        right: 0.5rem;
        display: flex;
    }

    .card .image label[b-1daq8usfhc] {
        font-size: .75rem;
    }

        .card .image label.no-free[b-1daq8usfhc] {
            color: var(--secondary);
        }


.footer[b-1daq8usfhc] {
    padding-top: 1rem;
}

    .footer div[b-1daq8usfhc] {
        width: 100%;
        display: flex;
        padding-bottom: 0.5rem;
    }

        .footer div span[b-1daq8usfhc] {
            font-weight: 400;
            font-size: .75rem;
            line-height: 0px;
            color: #4530B3;
        }

            .footer div span:last-child[b-1daq8usfhc] {
                margin-left: auto;
            }

    .footer h4[b-1daq8usfhc] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.6;
        color: #151D2A;
    }
/* _content/BeUp.New/Components/Pages/WorkoutPages/Details.razor.rz.scp.css */
.container[b-u7llhl7rk3] {
    display:flex;
    flex-direction: column;
    gap: 1.25rem;
}
.grid-2[b-u7llhl7rk3] {
    grid-template-columns: 46fr 30fr;
    gap: 1.25rem;    
}
.col-2[b-u7llhl7rk3] {
    position: relative;
}

.img-video[b-u7llhl7rk3] {
    border-radius: 0.75rem;
    aspect-ratio: 18.75 / 10;
    background-size: cover;
}

.author-card[b-u7llhl7rk3] {
    display: flex;
    padding: 1rem;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    gap: 1.25rem;
}

.button-block[b-u7llhl7rk3] {
    margin-left: auto;
}

.avatar[b-u7llhl7rk3] {
    width: 4.875rem;
    height: 4.875rem;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    overflow: hidden;
}

    .avatar img[b-u7llhl7rk3] {
        width: 100%;
    }

.author-card small[b-u7llhl7rk3] {
    color: var(--Purple-Purple-1000, #7E6CFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.author-card p[b-u7llhl7rk3] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.author-card h4[b-u7llhl7rk3] {
    margin: .5rem 0 .25rem;
}

.text[b-u7llhl7rk3] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.active svg[b-u7llhl7rk3] {
    fill: var(--Purple-Purple-1000, #7E6CFF);
}

.workout-block[b-u7llhl7rk3] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.list-span[b-u7llhl7rk3] {
    display: flex;
    justify-content: space-between;
}
.left[b-u7llhl7rk3], .right[b-u7llhl7rk3] {
    display:flex;
    gap: .5rem;
}
.right span[b-u7llhl7rk3],
.list-span span[b-u7llhl7rk3] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    /* Paragraph/14 Medium */
    font-family: Montserrat;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
}

[b-u7llhl7rk3] video {
    width: 100%;
    border-radius: 0.75rem;
}
.block-info[b-u7llhl7rk3] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.description[b-u7llhl7rk3] {
    color: var(--Dark-Dark-400, #9D9EB1);
    /* Paragraph/12 Medium */
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
    .grid-2[b-u7llhl7rk3] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }
    .list-span[b-u7llhl7rk3] {
        flex-direction: column;
    }
}
/* _content/BeUp.New/Components/Pages/WorkoutPages/Index.razor.rz.scp.css */
.container[b-27ggs7iqss], .filter[b-27ggs7iqss] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.one[b-27ggs7iqss] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 3fr 1fr;   
    min-height: 15rem;
}

[b-27ggs7iqss] .mySwiper p {
    color: var(--Dark-Dark-1000, #0A0C3C);    
}
[b-27ggs7iqss] .mySwiper h3 {
    color: var(--Dark-Dark-900, #232550);
    min-height: 1lh;
}

[b-27ggs7iqss] .mySwiper .btn-color-1 {
    background: var(--Green-Green-1000, #2BC4D5);
    color: var(--Main-White, #FFF);    
}
[b-27ggs7iqss] .mySwiper .btn-color-2 {
    color: var(--Main-White, #FFF);    
    background: var(--Purple-Purple-1000, #7E6CFF);
}
[b-27ggs7iqss] .mySwiper .btn-color-3 {
    color: var(--Main-White, #FFF);    
    background: var(--Dark-Blue-Dark-Blue-1000, #3559FF);
}

.two[b-27ggs7iqss] {
    display: grid;
    grid-template-columns: 1fr 2.55fr;
    gap: 1.25rem;
}

.card[b-27ggs7iqss] {
    cursor: pointer;
}

.card-list[b-27ggs7iqss] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    width: 100%;
}
.card-list .card[b-27ggs7iqss] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
    cursor: pointer;
}

    .card .img[b-27ggs7iqss] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }

     .card .img img[b-27ggs7iqss] {
            min-height: auto;
            width: 100%;
            justify-content: center;
            display: flex;
        }

     .card .img label[b-27ggs7iqss] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Green-Green-1000, #2BC4D5);
            color: var(--Main-White, #FFF);
            font-size: 0.5rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .75rem;
            left: .75rem;
        }

.card-footer h5[b-27ggs7iqss] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-27ggs7iqss] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    justify-content: space-between;
}

.card-footer label[b-27ggs7iqss] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .5rem;
}

.filter .card[b-27ggs7iqss] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    border-radius: 1rem;
    background: #FFF;
}

@media (max-width: 640.98px) {

    .one[b-27ggs7iqss], .two[b-27ggs7iqss] {
        grid-template-columns: 1fr;
        margin: 0 .75rem;
    }

    .filter[b-27ggs7iqss] {
        display: none;
    }
    .filter.active[b-27ggs7iqss] {
        display: block;
    }
    .card-list[b-27ggs7iqss] {
        grid-template-columns: 1fr;
    }

    [b-27ggs7iqss] swiper-slide {        
        background-position-x: -9rem !important;
    }    
}
/* _content/BeUp.New/Components/Pages/WorkoutPages/MyCoach.razor.rz.scp.css */
.card[b-505fno8vcs] {
    border-radius: 1rem;
    background: var(--Main-White);
    display: flex;
    padding: 1rem 1.75rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    flex-direction: column;
}

.card-body[b-505fno8vcs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.text-muted[b-505fno8vcs] {
    text-align: center;
}
/* _content/BeUp.New/Components/Pages/WorkoutPages/SimilarWorkouts.razor.rz.scp.css */
.list-card .card[b-3j0cp5h1b8] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: calc(100% / 4);
}

    .list-card .card .img[b-3j0cp5h1b8] {
        position: relative;
        border-radius: 0.75rem;
        aspect-ratio: 18.75/10;
        overflow: hidden;
    }

        .list-card .card .img img[b-3j0cp5h1b8] {
            height: 100%;
            min-width: 100%;
            justify-content: center;
            display: flex;
        }

        .list-card .card .img label[b-3j0cp5h1b8] {
            position: absolute;
            display: inline-flex;
            padding: 0.25rem 0.5rem;
            justify-content: center;
            align-items: center;
            gap: 0.625rem;
            border-radius: 0.25rem;
            background: var(--Green-Green-1000, #2BC4D5);
            color: var(--Main-White, #FFF);
            font-size: 0.5rem;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            top: .75rem;
            left: .75rem;
        }

.card-footer h5[b-3j0cp5h1b8] {
    margin-bottom: .5rem;
}

.card-footer .label-list[b-3j0cp5h1b8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    justify-content: space-between;
}

.card-footer label[b-3j0cp5h1b8] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Dark-Dark-300, #B6B7C5);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .5rem;
}

.title[b-3j0cp5h1b8] {
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 1.25rem;
}

@media (max-width: 640.98px) {

    .list-card .card[b-3j0cp5h1b8] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        width: calc(100% / 1.25);
    }
    .title[b-3j0cp5h1b8] {
        margin: 0 .75rem .25rem;
    }
}
/* _content/BeUp.New/Components/Pages/WorkoutPages/WorkoutComment.razor.rz.scp.css */
.card[b-290gjzcdgf] {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;
    border-radius: 1rem;
    background: var(--Main-White, #FFF);
    height: calc(100% - 2rem);
    position: absolute;
    top: 0;
    right: 0;
    width: -webkit-fill-available;
}

.comment-list[b-290gjzcdgf] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.25rem;   
    overflow-x:auto;
}

.comment-title[b-290gjzcdgf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.user[b-290gjzcdgf] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.comment[b-290gjzcdgf] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
}

.avatar[b-290gjzcdgf] {
    width: 2.5rem;
    height: 2.5rem;
}

    .avatar img[b-290gjzcdgf] {
        width: 100%;
    }

.user h4[b-290gjzcdgf] {
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 1rem;
}

.text[b-290gjzcdgf],
.user p[b-290gjzcdgf] {
    color: var(--Dark-Dark-400, #9D9EB1);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-fav[b-290gjzcdgf] {
}

.comment-footer[b-290gjzcdgf] {
    border-radius: 1rem;
    background: var(--Dark-Blue-Dark-Blue-50, #F8F9FE);
    display: flex;
    padding: 0.75rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: auto;
    gap: .5rem;
}

    .comment-footer div[b-290gjzcdgf] {
        color: var(--Dark-Dark-400, #9D9EB1);
        /* Paragraph/14 Medium */
        font-family: Montserrat;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.btn-fav[b-290gjzcdgf] {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 2.5rem;
    background: var(--Dark-Blue-Dark-Blue-100, #EBEFFF);
    color: var(--Dark-Dark-1000, #0A0C3C);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 640.98px) {
    

}