https://pastein.ru/t/1tM
Загрузка данных
/* ЕСМ 1200-... */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: relative;
width: 1200px;
height: 3013px;
border-radius: 48px;
/* Заканодательство */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 60px 20px;
gap: 24px;
width: 1200px;
height: 344px;
background: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 371px;
height: 200px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* ТС ПИоТ */
width: 371px;
height: 56px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 56px;
/* identical to box height, or 117% */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* txt */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 8px;
width: 371px;
height: 120px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Rectangle 1 */
width: 4px;
height: 120px;
background: #FF6B35;
border-radius: 100px 0px 0px 100px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* С 28 декабря 2025 года организациям, работающим с маркированными товарами, необходимо использовать ТС ПИоТ. Это обязательный элемент новой схемы работы с маркированной продукцией. */
width: 359px;
height: 120px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 24px;
gap: 8px;
width: 765px;
height: 224px;
background: #E6EDF5;
border-radius: 24px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Технические Средства Получения Информации о Товаре — программные и (или) программно-аппаратные средства, функционирующие в том числе с контрольно-кассовой техникой и предназначенные для получения участниками оборота информации о товарах, подлежащих обязательной маркировке средствами идентификации, которая содержится на указанных товарах, в том числе на упаковках таких товаров, и в информационной системе мониторинга. */
width: 717px;
height: 144px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Постановление Правительства России №303 от 19.03.2020 */
width: 717px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
text-align: right;
color: #284A69;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* 1 */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 60px 20px;
gap: 32px;
width: 1200px;
height: 328px;
background: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Frame 1171279478 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 291px;
height: 120px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* image 8 */
width: 291px;
height: 84px;
background: url(image.png);
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* ТС ПИоТ от АО «ЕСП» */
width: 291px;
height: 28px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 28px;
/* identical to box height, or 108% */
letter-spacing: 0.02em;
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* «Единый Сервисный Модуль» от АО «ЕСП» выполняет функции ТС ПИоТ и внесен в официальный реестр «Честного знака». */
width: 578px;
height: 56px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
/* or 156% */
text-align: center;
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* 3 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 60px 20px;
gap: 24px;
width: 1200px;
height: 788px;
background: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 32px;
width: 765px;
height: 668px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* title */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-end;
padding: 0px;
gap: 8px;
width: 765px;
height: 60px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* 5 */
width: 36px;
height: 60px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 60px;
/* identical to box height, or 100% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* причин выбрать ЕСМ для вашей кассы: */
width: 783px;
height: 40px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
/* identical to box height, or 125% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* points */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 765px;
height: 496px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* 1 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 765px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Check square */
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Group 2131330957 */
position: absolute;
width: 24px;
height: 24px;
left: 0px;
top: 0px;
/* Icon (Stroke) */
position: absolute;
left: 20.83%;
right: 18.04%;
top: 23.96%;
bottom: 31.09%;
background: #7EB780;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 725px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* subtitle */
width: 725px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* ЕСМ передает данные о маркированном товаре в ГИС МТ по защищенному каналу связи с применением фискального накопителя. */
width: 725px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* 2 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 765px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Check square */
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Group 2131330957 */
position: absolute;
width: 24px;
height: 24px;
left: 0px;
top: 0px;
/* Icon (Stroke) */
position: absolute;
left: 20.83%;
right: 18.04%;
top: 23.96%;
bottom: 31.09%;
background: #7EB780;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 725px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* subtitle */
width: 725px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Проверяет компоненты кассового узла и программное обеспечение на соответствие требованиям работы с ТС ПИоТ и соединения с ГИС МТ. */
width: 725px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* 3 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 765px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
/* Check square */
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Group 2131330957 */
position: absolute;
width: 24px;
height: 24px;
left: 0px;
top: 0px;
/* Icon (Stroke) */
position: absolute;
left: 20.83%;
right: 18.04%;
top: 23.96%;
bottom: 31.09%;
background: #7EB780;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 725px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* subtitle */
width: 725px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Вам не нужно самостоятельно вникать в технические детали и отвлекаться от ведения бизнеса. Наш эксперт выполнит настройку и установку ЕСМ. */
width: 725px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* 4 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 765px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
/* Check square */
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Group 2131330957 */
position: absolute;
width: 24px;
height: 24px;
left: 0px;
top: 0px;
/* Icon (Stroke) */
position: absolute;
left: 20.83%;
right: 18.04%;
top: 23.96%;
bottom: 31.09%;
background: #7EB780;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 725px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* subtitle */
width: 725px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Установка, настройка и техническая поддержка включены в стоимость пакета обслуживания, чтобы касса работала стабильно. */
width: 725px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* 5 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 765px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 4;
align-self: stretch;
flex-grow: 0;
/* Check square */
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Group 2131330957 */
position: absolute;
width: 24px;
height: 24px;
left: 0px;
top: 0px;
/* Icon (Stroke) */
position: absolute;
left: 20.83%;
right: 18.04%;
top: 23.96%;
bottom: 31.09%;
background: #7EB780;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 70.83%;
bottom: 0%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 70.83%;
right: 0%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* Vector */
position: absolute;
left: 0%;
right: 70.83%;
top: 0%;
bottom: 70.83%;
background: #7CB0DD;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 725px;
height: 80px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* subtitle */
width: 725px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* В личном кабинете АО «ЕСП» вы видите статус каждой кассы с установленным модулем, состояние ее компонентов, получаете уведомления и формируете отчеты. */
width: 725px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* btn */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 0px 0px 40px;
gap: 24px;
width: 673px;
height: 48px;
/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
/* btn */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
gap: 8px;
width: 368px;
height: 48px;
background: #056DC7;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Кнопка */
width: 320px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* sidebar/Log In */
display: none;
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* btn */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
gap: 8px;
width: 241px;
height: 48px;
/* accent/100
Ховер строк таблиц
Заливка кнопок
*/
background: #F2F8FC;
border: 1px solid #056DC7;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Кнопка */
width: 193px;
height: 24px;
/* Btn_SB_16_24 */
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
color: #056DC7;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* sidebar/Log In */
display: none;
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* img */
width: 371px;
height: 370px;
background: url(image.png);
border-radius: 16px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* 2 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px 20px;
gap: 8px;
width: 1200px;
height: 468px;
background: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
/* 2 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 44px 20px;
gap: 40px;
width: 1160px;
height: 468px;
background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0%, rgba(102, 102, 102, 0.2) 100%), #060633;
border-radius: 40px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Title */
width: 1120px;
height: 80px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 40px;
/* or 125% */
text-align: center;
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* cards */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 1120px;
height: 172px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* subtitle */
width: 1120px;
height: 28px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 28px;
/* identical to box height, or 127% */
text-align: center;
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* cards */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 1120px;
height: 120px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* 1 */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 24px 16px;
gap: 8px;
width: 357.33px;
height: 120px;
background: rgba(255, 255, 255, 0.1);
/* btn alternativ */
border: 1px solid #08BCCC;
border-radius: 16px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* Компания владеет компетенциями по настройке кассового узла для работы с ЕСМ */
width: 325.33px;
height: 72px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
text-align: center;
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* 2 */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 24px 16px;
gap: 8px;
width: 357.33px;
height: 120px;
background: rgba(255, 255, 255, 0.1);
/* btn alternativ */
border: 1px solid #08BCCC;
border-radius: 16px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;
/* Проводит установку ЕСМ в соответствие с актуальными инструкциями и версиями */
width: 325.33px;
height: 72px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
text-align: center;
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* 3 */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 24px 16px;
gap: 8px;
width: 357.33px;
height: 120px;
background: rgba(255, 255, 255, 0.1);
/* btn alternativ */
border: 1px solid #08BCCC;
border-radius: 16px;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 1;
/* Оказывает качественную техническую поддержку после установки */
width: 325.33px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
text-align: center;
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* Поможем пройти весь процесс подключения: проверим готовность решений для вашего кассового узла, проконсультируем по покупке пакета обслуживания и по созданию заявки на установку, проведем установку и настройку ЕСМ на ваших кассах. */
width: 1120px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
text-align: center;
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
/* 4 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 60px 20px;
gap: 24px;
width: 1200px;
height: 600px;
background: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 4;
align-self: stretch;
flex-grow: 0;
/* img-price */
width: 567px;
height: 323px;
background: url(tarif-card (1).png);
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 32px;
width: 569px;
height: 480px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* Как подключить ЕСМ с помощью партнера */
width: 569px;
height: 80px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
/* or 125% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* steps */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
width: 569px;
height: 368px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* 1 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 569px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* step */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
width: 24px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* step */
box-sizing: border-box;
width: 24px;
height: 24px;
border: 2px solid rgba(5, 109, 199, 0.5);
border-radius: 100px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* 1 */
position: absolute;
width: 24px;
height: 24px;
left: calc(50% - 24px/2);
top: calc(50% - 24px/2);
font-family: 'Golos Text';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
text-align: center;
color: #82B6E3;
/* line */
box-sizing: border-box;
width: 2px;
height: 48px;
border: 1px solid rgba(5, 109, 199, 0.5);
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* txt-box */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 24px;
gap: 8px;
width: 529px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* Зарегистрируйтесь в личном кабинете АО «ЕСП» при помощи УКЭП. */
width: 529px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* 2 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 569px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* step */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
width: 24px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* step */
box-sizing: border-box;
width: 24px;
height: 24px;
border: 2px solid #82B6E3;
border-radius: 100px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* 1 */
position: absolute;
width: 24px;
height: 24px;
left: calc(50% - 24px/2);
top: calc(50% - 24px/2);
font-family: 'Golos Text';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
text-align: center;
color: #82B6E3;
/* line */
box-sizing: border-box;
width: 2px;
height: 48px;
border: 1px solid rgba(5, 109, 199, 0.5);
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* txt-box */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 24px;
gap: 8px;
width: 529px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* Оплатите пакет обслуживания ЕСМ, указав наш код партнера: ХХХХХ. */
width: 529px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* 3 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 569px;
height: 48px;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
/* step */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
width: 24px;
height: 48px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* step */
box-sizing: border-box;
width: 24px;
height: 24px;
border: 2px solid #82B6E3;
border-radius: 100px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* 1 */
position: absolute;
width: 24px;
height: 24px;
left: calc(50% - 24px/2);
top: calc(50% - 24px/2);
font-family: 'Golos Text';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
text-align: center;
color: #82B6E3;
/* line */
box-sizing: border-box;
width: 2px;
height: 24px;
border: 1px solid rgba(5, 109, 199, 0.5);
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* txt-box */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 24px;
gap: 8px;
width: 529px;
height: 48px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* Создайте заявку на установку ЕСМ на ваши кассы. */
width: 529px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* 4 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 569px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
/* step */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
width: 24px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* step */
box-sizing: border-box;
width: 24px;
height: 24px;
border: 2px solid #82B6E3;
border-radius: 100px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* 1 */
position: absolute;
width: 24px;
height: 24px;
left: calc(50% - 24px/2);
top: calc(50% - 24px/2);
font-family: 'Golos Text';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
text-align: center;
color: #82B6E3;
/* line */
box-sizing: border-box;
width: 2px;
height: 48px;
border: 1px solid rgba(5, 109, 199, 0.5);
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* txt-box */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 0px 24px;
gap: 8px;
width: 529px;
height: 72px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* Мы свяжется с вами и договоримся об удобном времени и способе установки. */
width: 529px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* 5 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 569px;
height: 104px;
/* Inside auto layout */
flex: none;
order: 4;
align-self: stretch;
flex-grow: 0;
/* step */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
width: 24px;
height: 84px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* step */
box-sizing: border-box;
width: 24px;
height: 24px;
border: 2px solid #82B6E3;
border-radius: 100px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* 1 */
position: absolute;
width: 24px;
height: 24px;
left: calc(50% - 24px/2);
top: calc(50% - 24px/2);
font-family: 'Golos Text';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
text-align: center;
color: #82B6E3;
/* txt - btn */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 32px;
width: 529px;
height: 104px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* Осуществим установку и настройку ЕСМ под ключ. */
width: 529px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* btn */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
gap: 8px;
width: 368px;
height: 48px;
background: #056DC7;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Кнопка */
width: 320px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* sidebar/Log In */
display: none;
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* 5 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 60px 20px;
gap: 24px;
width: 1200px;
height: 376px;
background: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 5;
align-self: stretch;
flex-grow: 0;
/* Frame 1 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 32px;
width: 764px;
height: 256px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Не откладывайте подключение ЕСМ */
width: 764px;
height: 40px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
/* identical to box height, or 125% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Frame 41 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 764px;
height: 104px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* В официальном реестре «Честного знака» уже представлено большинство производителей кассового ПО, совместимых с ЕСМ (ТС ПИоТ от АО «ЕСП»). */
width: 764px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Оформите пакеты обслуживания в личном кабинете АО «ЕСП» и укажите код партнера, чтобы заявка поступила нам в работу. */
width: 764px;
height: 48px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* btn */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 24px;
width: 633px;
height: 48px;
/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
/* btn */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
gap: 8px;
width: 368px;
height: 48px;
background: #056DC7;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Кнопка */
width: 320px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
/* Typo/Light */
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* sidebar/Log In */
display: none;
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* btn */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
gap: 8px;
width: 241px;
height: 48px;
/* accent/100
Ховер строк таблиц
Заливка кнопок
*/
background: #F2F8FC;
border: 1px solid #056DC7;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Кнопка */
width: 193px;
height: 24px;
/* Btn_SB_16_24 */
font-family: 'Golos Text';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
color: #056DC7;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* sidebar/Log In */
display: none;
width: 24px;
height: 24px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* code */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding: 0px;
width: 372px;
height: 128px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* 61234 */
width: 276px;
height: 104px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 96px;
line-height: 104px;
/* identical to box height, or 108% */
text-align: center;
text-transform: uppercase;
background: linear-gradient(180deg, #A6A6A6 0%, #161E25 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* наш код партнера */
width: 372px;
height: 24px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
text-align: right;
/* Typo/Dark */
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* txt */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 24px 0px;
gap: 10px;
width: 1200px;
height: 109px;
background: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 6;
align-self: stretch;
flex-grow: 0;
/* Rectangle 2 */
width: 160px;
height: 1px;
background: #D9D9D9;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Информация носит исключительно ознакомительный/информационный характер и не является публичной офертой. */
width: 1200px;
height: 20px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
/* identical to box height, or 133% */
text-align: center;
color: #161E25;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* © АО «Единая Сервисная Платформа», 2024 – 2026 */
width: 1200px;
height: 20px;
font-family: 'Golos Text';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
/* identical to box height, or 133% */
text-align: center;
color: #161E25;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
