/* Start:/local/templates/rarus/css/alpha-tg.css?17835839705714*/
.alpha-tg {
    font-size: 20px;
}
.alpha-tg .button-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.alpha-tg .button-container.center {
    align-items: center;
}
.alpha-tg .button_green {
    font-size: 24px;
    padding: 10px 18px 12px;
}
.product-note {
    font-size: 0.8rem;
    margin-top: 0.65rem;
}
.center .product-note {
    text-align: center;
}
.section-title {
    /*font-weight: normal;*/
    color: #000;
    font-size: 1.65rem;
}
.title {
    position: relative;
    /*max-width: 650px;*/
}
.title_main {
    padding-top: 12px;
}
.title h1 {
    font-size: 3rem;
    line-height: 1;
}
.title h1 span {
    white-space: nowrap;
}
.title_descr {
    font-size: 0.95rem;
    margin-top: 0.45rem;
}
/*.title_note {
    position: absolute;
    right: 14px;
    top: -56px;
    z-index: -1;
    background-color: var(--green);
    color: #fff;
    font-size: 0.65rem;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px;
    border-radius: 50%;
}*/
.product-purpose {
    display: flex;
    justify-content: space-between;
    gap: 36px;
    margin-top: 1.3rem;
}
.product-purpose_left {
    width: 100%;
}
.product-purpose_left ul {
    margin: 0.25rem 0 1.1rem;
}
.product-purpose_left ul li {
    list-style: none;
    display: flex;
    margin-bottom: 0.4rem;
}
.product-purpose_left ul li:before {
    content: '—';
    padding-right: 6px;
}
.product-purpose_right {
    color: var(--green);
    display: flex;
    flex-direction: column;
}
.product-purpose_figure {
    font-size: 13rem;
    line-height: 0.75;
    margin-right: 26px;
}
.product-purpose_note {
    font-size: 0.8rem;
    align-self: flex-end;
    max-width: 125px;
}

.product-features {
    margin-top: 2.5rem;
}
.product-features_list {
    max-width: 900px;
    margin: 0.4rem 0 3.5rem;
}
.product-features_list li {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 15px;
    margin-bottom: 24px;
}
.product-features_list li:before {
    content: '';
    flex-shrink: 0;
    width: 85px;
    min-height: 85px;
    background-repeat: no-repeat;
    background-size: contain;
}
li.cup:before {
    background-image: url("/images/alpha-tg/cup.png");
}
li.calendar:before {
    background-image: url("/images/alpha-tg/calendar.png");
}
li.app:before {
    background-image: url("/images/alpha-tg/app.png");
}
li.portfolio:before {
    background-image: url("/images/alpha-tg/portfolio.png");
}
li.notes:before {
    background-image: url("/images/alpha-tg/notes.png");
}
li.money:before {
    background-image: url("/images/alpha-tg/money.png");
}
li.apps:before {
    background-image: url("/images/alpha-tg/apps.png");
}
li.message:before {
    background-image: url("/images/alpha-tg/message.png");
}
li.write:before {
    background-image: url("/images/alpha-tg/write.png");
}
li.sticker:before {
    background-image: url("/images/alpha-tg/sticker.png");
}

.workflow {
    margin-top: 4rem;
}
.workflow_list {
    max-width: 900px;
    margin: 0.4rem 0 3.5rem;
}
.workflow_list li {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 7px;
    margin-bottom: 24px;
}
.workflow_list li:before {
    content: '';
    flex-shrink: 0;
    width: 72px;
    min-height: 72px;
    background-repeat: no-repeat;
    background-size: contain;
}
li.monitor:before {
    background-image: url("/images/alpha-tg/monitor.png");
}
li.loudspeaker:before {
    background-image: url("/images/alpha-tg/loudspeaker.png");
}
li.folder:before {
    background-image: url("/images/alpha-tg/folder.png");
}
li.magnet:before {
    background-image: url("/images/alpha-tg/magnet.png");
}

.workflow p {
    margin: 0.5rem 0;
}
.workflow_screens {
    display: flex;
    justify-content: space-between;
    gap: 2%;
    margin: 2rem 0 3rem;
}
.workflow_screens img {
    max-width: 32%;
    height: auto;
}
.workflow_screen {
    max-width: 100%;
    height: auto;
    margin: 1rem 0;
}

.contacts {
    font-size: 22px;
    margin: 4rem 0 2rem;
}
.contacts a {
    color: #000;
}
.contacts a:hover {
    color: var(--dark_green);
}

.picture-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4%;
    max-width: 520px;
    margin: 2rem auto 3rem;
}
.picture-block_img {
    max-width: 40%;
}
.picture-block_text span {
    white-space: nowrap;
}

@media (max-width: 600px) {
    .alpha-tg {
        font-size: 1rem;
    }
    .title h1 {
        font-size: 1.85rem !important;
    }
    .alpha-tg .button_green {
        font-size: 22px;
    }
    .title_note {
        position: static;
        width: unset !important;
        height: unset !important;
        padding: 6px 8px 8px;
        border-radius: 6px;
        font-size: 0.8rem;
        margin-top: 8px;
    }
    .product-purpose {
        margin-top: 2rem;
    }
    .product-purpose_right {
        display: none;
    }

    .workflow_screens {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;
    }
    .workflow_screens img {
        max-width: 100%;
    }
    .workflow_list li,
    .product-features_list li {
        align-items: flex-start;
    }

}
@media (max-width: 476px) {
    .workflow_list li,
    .product-features_list li {
        gap: 15px;
    }
    .product-features_list li:before,
    .workflow_list li:before {
        width: 50px;
    }
}
/* End */


/* Start:/local/components/rarus/help-form/templates/light/style.css?17848907092594*/
.help-form {
    position: relative;
    padding: 20px 0 28px;
    background-repeat: no-repeat;
    background-position-y: bottom;
}
.help-form::before,
.help-form::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: var(--green);
    background: linear-gradient(to right, transparent 0, var(--green) 10%, var(--green) 90%, transparent 100%);
}
.help-form::before {
    top: 0;
}
.help-form::after {
    bottom: 0;
}
.help-form__title {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
}
.help-form__descr {
    text-align: center;
    margin: 0.4rem auto 1rem;
    font-size: 0.9rem;
}
.help-form form {
    display: flex;
    align-items: center;
    gap: 30px;
}
.help-form__fields {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 1rem;
}
.help-form__field {}
.help-form__fname {
    font-size: 0.8rem;
    margin: 0 12px 0.3rem;
}
.help-form__field input {
    border: 1px solid #000000;
    font-size: 0.9em;
    padding: 10px 12px;
    outline: none;
}
.help-form__field input:focus {
    border-width: 2px;
    padding: 9px 11px;
}
.help-form__field input::placeholder {
    color: #ccc;
}
.help-form__captcha {
    display: flex;
    justify-content: center;
    margin: 1rem 0 0;
}
.help-form__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    /*margin-top: 1.5rem;*/
}
.help-form__submit {
    display: block;
    background-color: var(--green);
    color: #fff;
    text-decoration: none;
    padding: 11px 24px;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 0.9rem;
}
.help-form__submit:hover {
    background-color: var(--dark_green);
}
.help-form__field.error-field input {
    /*border-color: #f5f817;*/
    border-color: red;
}
.error-field__text {
    display: none;
}
.error-field .error-field__text {
    display: block;
}
.error-field__text,
.error_session,
.error-captcha__text {
    color: red;
    font-size: 0.8rem;
}
.error-captcha__text {}
.error-field__text {
    margin: 2px 8px 0;
}
.error_session,
.error-captcha__text {
    margin-bottom: 1rem;
}
.help-form__success {
    font-size: 1.1rem;
    text-align: center;
}
@media (max-width: 1060px) {
    .help-form form {
        flex-direction: column;
        gap: 22px;
    }
}
@media (max-width: 830px) {
    .help-form__fields {
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* End */
/* /local/templates/rarus/css/alpha-tg.css?17835839705714 */
/* /local/components/rarus/help-form/templates/light/style.css?17848907092594 */