@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

/*- убираем стрелки input number-*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]:hover,
input[type=number]:focus {
    -moz-appearance: number-input;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@font-face {
    font-family: "Gilroy";
    font-display: swap;
    src: url("../../assets/fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("../../assets/fonts/Gilroy-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Gilroy";
    font-display: swap;
    src: url("../../assets/fonts/Gilroy-Light.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Gilroy";
    font-display: swap;
    src: url("../../assets/fonts/Gilroy-Medium.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("../../assets/fonts/Inter-Regular.woff2") format("woff2"), url("../../assets/fonts/Inter-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("../../assets/fonts/Inter-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Inter-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Gilroy";
    font-display: swap;
    src: url("../../assets/fonts/Gilroy-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Gilroy-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("../../assets/fonts/Inter-Bold.woff2") format("woff2"), url("../../assets/fonts/Inter-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
    color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover {
    color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
    color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- {
    color: #fff;
    background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
    background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- {
    background-color: var(--adp-background-color-in-range);
    color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
    background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty {
    background: none;
    border: none;
}

.air-datepicker-cell {
    border-radius: var(--adp-cell-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}

.air-datepicker-cell.-focus- {
    background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
    color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
    color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
    color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
    cursor: default;
    color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
    color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
    color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
    color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
    background: var(--adp-cell-background-color-in-range);
    border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover {
    background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
    border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
    color: #fff;
    border: none;
    background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
    color: #fff;
    background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
    background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
    -webkit-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
    -o-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
    transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
    display: none;
}

.air-datepicker-body--day-names {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (var(--adp-day-cell-width))[7];
    grid-template-columns: repeat(7, var(--adp-day-cell-width));
    margin: 8px 0 3px;
}

.air-datepicker-body--day-name {
    color: var(--adp-day-name-color);
    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;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
    cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
    color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
    display: -ms-grid;
    display: grid;
}

.air-datepicker-body--cells.-days- {
    -ms-grid-columns: (var(--adp-day-cell-width))[7];
    grid-template-columns: repeat(7, var(--adp-day-cell-width));
    grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--adp-border-color-inner);
    min-height: var(--adp-nav-height);
    padding: var(--adp-padding);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
    display: none;
}

.air-datepicker-nav--title, .air-datepicker-nav--action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.air-datepicker-nav--action {
    width: var(--adp-nav-action-size);
    border-radius: var(--adp-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.air-datepicker-nav--action:hover {
    background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
    background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
    visibility: hidden;
}

.air-datepicker-nav--action svg {
    width: 32px;
    height: 32px;
}

.air-datepicker-nav--action path {
    fill: none;
    stroke: var(--adp-nav-arrow-color);
    stroke-width: 2px;
}

.air-datepicker-nav--title {
    border-radius: var(--adp-border-radius);
    padding: 0 8px;
}

.air-datepicker-nav--title i {
    font-style: normal;
    color: var(--adp-nav-color-secondary);
    margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
    background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
    background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
    cursor: default;
    background: none;
}

.air-datepicker-buttons {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
}

.air-datepicker-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--adp-btn-color);
    border-radius: var(--adp-btn-border-radius);
    cursor: pointer;
    height: var(--adp-btn-height);
    border: none;
    background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
    outline: none;
}

.air-datepicker-button:active {
    background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
    outline: none;
    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;
    width: 100%;
    height: 100%;
}

.air-datepicker-time {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content 1fr;
    -ms-grid-columns: max-content 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
    border-top: none;
}

.air-datepicker-time--current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
}

.air-datepicker-time--current-colon {
    margin: 0 2px 3px;
    line-height: 1;
}

.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1;
}

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
    content: "";
    background: var(--adp-background-color-hover);
    border-radius: var(--adp-border-radius);
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after {
    opacity: 1;
}

.air-datepicker-time--current-ampm {
    text-transform: uppercase;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: var(--adp-time-day-period-color);
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px;
}

.air-datepicker-time--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: -webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;
    background: -o-linear-gradient(left, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
    background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
    margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
    background: none;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
    display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
    border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
    border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
    border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
    outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -moz-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -ms-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
    background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
    background: rgba(0, 0, 0, 0);
}

.air-datepicker {
    --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --adp-font-size: 14px;
    --adp-width: 246px;
    --adp-z-index: 100;
    --adp-padding: 4px;
    --adp-grid-areas: "nav" "body" "timepicker" "buttons";
    --adp-transition-duration: .3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: #f0f0f0;
    --adp-background-color-active: #eaeaea;
    --adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #4eb5e6;
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: #dedede;
    --adp-color-disabled: #aeaeae;
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 4px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);
    --adp-day-name-color: #ff9a19;
    --adp-day-name-color-hover: #8ad5f4;
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 32px;
    --adp-month-cell-height: 42px;
    --adp-year-cell-height: 56px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px;
    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: #5cc4ef;
    --adp-cell-background-color-selected-hover: #45bced;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0, 0, 0, .3);
    --adp-overlay-transition-duration: .3s;
    --adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99;
}

.air-datepicker {
    background: var(--adp-background-color);
    border: 1px solid var(--adp-border-color);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: var(--adp-border-radius);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: (-webkit-max-content)[4];
    -ms-grid-rows: (max-content)[4];
    grid-template-rows: repeat(4, -webkit-max-content);
    grid-template-rows: repeat(4, max-content);
    grid-template-areas: var(--adp-grid-areas);
    font-family: var(--adp-font-family), sans-serif;
    font-size: var(--adp-font-size);
    color: var(--adp-color);
    width: var(--adp-width);
    position: absolute;
    -webkit-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
    -o-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
    opacity: 0;
}

.air-datepicker.-from-top- {
    -webkit-transform: translateY(calc(var(--adp-transition-offset) * -1));
    -ms-transform: translateY(calc(var(--adp-transition-offset) * -1));
    transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
    -webkit-transform: translateX(var(--adp-transition-offset));
    -ms-transform: translateX(var(--adp-transition-offset));
    transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
    -webkit-transform: translateY(var(--adp-transition-offset));
    -ms-transform: translateY(var(--adp-transition-offset));
    transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
    -webkit-transform: translateX(calc(var(--adp-transition-offset) * -1));
    -ms-transform: translateX(calc(var(--adp-transition-offset) * -1));
    transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.air-datepicker.-inline- {
    border-color: var(--adp-border-color-inline);
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
    display: none;
}

.air-datepicker.-is-mobile- {
    --adp-font-size: var(--adp-mobile-font-size);
    --adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);
    --adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);
    --adp-nav-action-size: var(--adp-mobile-nav-height);
    position: fixed;
    width: var(--adp-mobile-width);
    border: none;
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
    display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
    -webkit-transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
    -ms-transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
    transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.air-datepicker-global-container {
    position: absolute;
    left: 0;
    top: 0;
}

.air-datepicker--pointer {
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    z-index: -1;
}

.air-datepicker--pointer:after {
    content: "";
    position: absolute;
    background: #fff;
    border-top: 1px solid var(--adp-border-color-inline);
    border-right: 1px solid var(--adp-border-color-inline);
    border-top-right-radius: var(--adp-poiner-border-radius);
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
    top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
    right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
    bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
    left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer {
    left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer {
    right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer {
    left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
    top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
    bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
    top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
    grid-area: nav;
}

.air-datepicker--content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: var(--adp-padding);
    grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
    display: none;
}

.air-datepicker--time {
    grid-area: timepicker;
}

.air-datepicker--buttons {
    grid-area: buttons;
}

.air-datepicker--buttons, .air-datepicker--time {
    padding: var(--adp-padding);
    border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
    position: fixed;
    background: var(--adp-overlay-background-color);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    -o-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    -webkit-transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    -o-transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
    opacity: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
    -o-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

/* ============================================================================
   CSS CUSTOM PROPERTIES
   ============================================================================ */
:root {
    --font-family-base:
            "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
            "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Symbol";
    --font-primary:
            "Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
            "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Symbol";
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --line-height-none: 100%;
    --line-height-tight: 115%;
    --line-height-title: 125%;
    --line-height-base: 135%;
    --line-height-text: 140%;
    --line-height-loose: 150%;
    --border-width-thin: 1px;
    --border-radius-none: 0;
    --border-radius-full: 9999px;
    --color-border-primary: #d9e2ec;
    --color-border-inverted: #ffffff20;
    --color-devider: var(--color-border-primary);
    --duration-hover: 0.4s;
    --duration-anim: ease-in-out 0.8s;
    --transition-duration-fast: 150ms;
    --transition-duration-base: 300ms;
    --transition-duration-slow: 500ms;
    --transition-timing-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-timing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --transition-timing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --transition-timing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animation-duration-slow: 0.6s;
    --animation-duration-base: 0.3s;
    --animation-duration-fast: 0.15s;
    --z-index-behind: -1;
    --z-index-base: 0;
    --z-index-elevated: 1;
    --z-index-dropdown: 1000;
    --z-index-sticky: 1100;
    --z-index-fixed: 1200;
    --z-index-overlay: 1300;
    --z-index-modal: 1400;
    --z-index-popover: 1500;
    --z-index-tooltip: 1600;
    --z-index-toast: 1700;
    --z-index-maximum: 2147483647;
    --viewport-width: 1920;
    --viewport-height: 1080;
    --index: calc(1vw + 1vh);
    --container-padding: var(--spacing-10);
    --container-max-width: 1920px;
    --grid-gap: var(--spacing-4);
    --color-background: #ffffff;
    --color-background-secondary: #f9fafb;
    --color-card-bg: #fbfbfb;
    --color-text: #181830;
    --color-text-2: #4b5563;
    --color-swiper-arrow: var(--color-blue-primary);
    --color-programs-icon: #e7a714;
    --color-yellow: #ffa500;
    --color-white: #ffffff;
    --color-white-40: #ffffff40;
    --color-primary: #d3eafe;
    --color-blue-primary: #6b6ee8;
    --color-soft-opacity: rgba(107, 110, 232, 0.1);
    --color-soft-opacity-05: rgba(107, 110, 232, 0.5);
    --color-vivid-blue: #5c5fe6;
    --color-sky-blue: #42aaff;
    --color-dark-violete: #9400d3;
    --color-dark-navy: #181830;
    --color-cool-navy-05: rgba(107, 110, 232, 0.5);
    --color-green-bright: #47be2c;
    --color-green-translucent: rgba(71, 190, 44, 0.7);
    --color-pink-soft: #f1a7b8;
    --color-pink: #db889b;
    --color-gray: #a3a4c0;
    --color-gray-teel: #a7a7a7;
    --color-gray-teel-15: #a7a7a715;
    --color-gray-light: #e7e7e7;
    --color-gray-muted: #bdbbcd;
    --color-gray-background: #f3f6fb;
    --color-gray-secondary: #8c8c98;
    --color-yellow-pastel: #fff795;
    --color-red-soft: #ff8075;
    --color-black: #000000;
    --color-black-opacity: rgba(0, 0, 0, 0.25);
    --color-border-dark: rgba(24, 24, 48, 0.1);
    --color-border-gray: #d9e2ec;
    --color-border-light: #c2c2c2;
    --color-light-blue: #d9e2ec;
    --color-dark-blue: #102a43;
    --color-steel-blue: #486581;
    --color-steel-blue-05: rgba(72, 101, 129, 0.5);
    --color-light-steel-blue: #e7ecf3;
    --color-ghost-white: #f0f4f8;
    --color-gray: #bcbcbc;
    --color-red: #ef4e4e;
    --color-ruby-red: #cf1124;
    --color-jungle-green: #27ab83;
    --color-middle-blue: #829ab1;
    --color-middle-blue-dark: #6d9dc1;
    --color-midnight-blue: #2e307f;
    --color-midnight-blue-10: rgba(46, 48, 127, 0.1);
    --color-golden: #e7a714;
    --color-light-periwinkle-40: rgba(196, 198, 255, 0.4);
    --color-coral-10: rgba(239, 78, 78, 0.1);
    --color-jungle-green-20: rgba(39, 171, 131, 0.2);
    --color-charcoal-20: rgba(16, 42, 67, 0.2);
    --color-charcoal-90: rgba(16, 42, 67, 0.9);
    --color-golden-10: rgba(209, 166, 41, 0.1);
    --color-light_sky_blue: #d4e5ff;
    --color-lime: #00ff00;
    --color-light_sky: #b1dcfc;
    --color-ice-blue: #ebf3fb;
    --color-yellow-dark-90: rgba(168, 102, 33, 0.9);
    --color-yellow-dark: #a86621;
    --color-green-01: rgba(71, 190, 44, 0.1);
    --color-gray-04: rgba(243, 246, 251, 0.4);
    --color-pastel-green: #bfe5bd;
    --color-red-dark: #c50902;
    --color-red-2: #ff625c;
    --color-red-2-90: rgba(255, 98, 92, 0.9);
    --color-red-lignt-90: rgba(199, 39, 33, 0.9);
    --color-red-lignt: #c72721;
    --color-red-lignt-10: rgba(199, 39, 33, 0.1);
    --color-light-blue-90: rgba(240, 244, 248, 0.9);
    --color-bl: #0050fb;
    --color-bl-dark: #0035a9;
    --color-yel: #ffb05ce5;
    --color-yel-dark: #a75400;
    --color-coral-light: #ff8fa2;
    --color-bl-90: rgba(46, 48, 127, 0.9);
    --color-blue-amas: #5c76cc;
    --color-very-light-blue: #e8eef6;
    --color-eggplant: #714654;
    --color-gr: #9e9e9e;
    --color-green-light: #00b400;
    --color-green-dark: #06562f;
    --color-yellow-light: #e1c200;
    --color-red-d: #942000;
    --color-gray-70: rgba(217, 217, 217, 0.07);
    --block-accent-background: rgba(196, 198, 255, 0.4);
    --color-surface-orange: #fff7ed;
    --color-surface-blue: #e4e5fd;
    --color-surface-danger: #fce7f3;
    --color-accent-primary: #f97316;
    --color-accent-secondary: var(--color-blue-primary);
    --color-text-primary: #0f172a;
    --color-text-secondary: #4b5563;
    --color-title-inverted: #ffffff;
    --color-text-inverted: #d0d0d0;
    --color-danger: #c93c77;
    --shadow-black: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
    --shadow-black-2: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
    --shadow-black-10: 0px 3px 20px rgba(0, 0, 0, 0.1);
    --shadow-primary: 0px 5px 20px 0px rgba(101, 101, 101, 0.2);
    --shadow-bl: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
    --shedow-secondary:
            32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03),
            8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
    --shadow-cart: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
    --background_fade_blue: linear-gradient(90deg, #ebf3fb 0%, #ebf3ff 100%);
    --bg-gradient-light-purple:
            linear-gradient(0deg, rgba(107, 110, 232, 0.15), rgba(107, 110, 232, 0.15)),
            #ffffff;
    --shadow-cart-2:
            -73px 0px 29px rgba(59, 59, 59, 0.01),
            -41px 0px 25px rgba(59, 59, 59, 0.03),
            -18px 0px 18px rgba(59, 59, 59, 0.04), -5px 0px 10px rgba(59, 59, 59, 0.05);
    --box-shadow-inset:
            inset -4px -4px 47px rgba(241, 167, 184, 0.2),
            inset 4px 4px 62px rgba(107, 110, 232, 0.1);
    --box-shadow-inset-hover:
            0px 0px 20px rgba(132, 107, 120, 0.2),
            inset -4px -4px 47px rgba(241, 167, 184, 0.2),
            inset 4px 4px 62px rgba(107, 110, 232, 0.1);
    --bg-gradient-green:
            linear-gradient(0deg, rgba(71, 190, 44, 0.2), rgba(71, 190, 44, 0.2)),
            #ffffff;
    --gradient-yellow: linear-gradient(166.6deg, #ffeece -3.59%, #e7ecf3 40.85%);
    --gradient-coral-light: linear-gradient(
            166.6deg,
            #ffeff2 -3.59%,
            #e7ecf3 40.85%
    );
    --gradient-sky-blue: linear-gradient(
            166.6deg,
            #d3ebff -3.59%,
            #e7ecf3 40.85%
    );
    --gradient-dark-violete: linear-gradient(
            166.6deg,
            #f7e3ff -3.59%,
            #e7ecf3 40.85%
    );
    --gradient-green-light: linear-gradient(
            166.6deg,
            #d7ffd7 -3.59%,
            #e7ecf3 40.85%
    );
    --gradient-yellow-light: linear-gradient(
            166.6deg,
            #ffffec -3.59%,
            #e7ecf3 40.85%
    );
    --gradient-red-d: linear-gradient(166.6deg, #faccc0 -3.59%, #e7ecf3 40.85%);
    --gradient-green-dark: linear-gradient(
            166.6deg,
            #bdf9dc -3.59%,
            #e7ecf3 40.85%
    );
    --gradient-eggplant: linear-gradient(
            166.6deg,
            #ffeaf1 -3.59%,
            #e7ecf3 40.85%
    );
    --gradient-middle-blue-dark: linear-gradient(
            166.6deg,
            #edf7ff -3.59%,
            #e7ecf3 40.85%
    );
    --grd-red: linear-gradient(96.13deg, #ff625c -1.95%, #cf1b15 106.85%);
    --grd-red-shw:
            inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4),
            inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    --grd-bl: linear-gradient(96.13deg, #0050fb -1.95%, #004aea 106.85%);
    --grd-bl-shw:
            inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4),
            inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    --grd-yel: linear-gradient(96.13deg, #ffb05c -1.95%, #cc6c0c 106.85%);
    --grd-yel-shw:
            inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5),
            inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    --bg-white: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #f0f4f8 87.5%);
    --bg-cn:
            linear-gradient(0deg, rgba(196, 198, 255, 0.4), rgba(196, 198, 255, 0.4)),
            #ffffff;
    --gr-cart: linear-gradient(
            161.61deg,
            #e7e7ff 38.68%,
            rgba(241, 167, 184, 0.4) 86.29%
    );
}

@media (min-width: 1920px) {
    :root {
        --font-size-xs: 14px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    :root {
        --font-size-xs: calc(
                12px + 2 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    :root {
        --font-size-xs: 12px;
    }
}
@media (min-width: 1920px) {
    :root {
        --font-size-sm: 16px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    :root {
        --font-size-sm: calc(
                14px + 2 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    :root {
        --font-size-sm: 14px;
    }
}
@media (min-width: 1920px) {
    :root {
        --font-size-base: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    :root {
        --font-size-base: calc(
                16px + 2 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    :root {
        --font-size-base: 16px;
    }
}
@media (min-width: 1920px) {
    :root {
        --font-size-lg: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    :root {
        --font-size-lg: calc(
                18px + 2 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    :root {
        --font-size-lg: 18px;
    }
}
@media (min-width: 1920px) {
    :root {
        --font-size-xl: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    :root {
        --font-size-xl: calc(
                21px + 3 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    :root {
        --font-size-xl: 21px;
    }
}
@media (min-width: 1920px) {
    :root {
        --font-size-4xl: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    :root {
        --font-size-4xl: calc(
                28px + 12 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    :root {
        --font-size-4xl: 28px;
    }
}
@media (min-width: 1920px) {
    :root {
        --font-size-5xl: 54px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    :root {
        --font-size-5xl: calc(
                36px + 18 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    :root {
        --font-size-5xl: 36px;
    }
}

@media screen and (max-width: 1240px) and (min-width: 1240px) {
    :root {
        --font-size-sm: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    :root {
        --font-size-sm: calc(
                12px + 2 *
                ((100vw - 768px) / (472))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    :root {
        --font-size-sm: 12px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    :root {
        --font-size-base: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    :root {
        --font-size-base: calc(
                14px + 2 *
                ((100vw - 768px) / (472))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    :root {
        --font-size-base: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    :root {
        --font-size-xl: 21px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    :root {
        --font-size-xl: calc(
                18px + 3 *
                ((100vw - 768px) / (472))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    :root {
        --font-size-xl: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    :root {
        --font-size-lg: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    :root {
        --font-size-lg: calc(
                16px + 2 *
                ((100vw - 768px) / (472))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    :root {
        --font-size-lg: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    :root {
        --font-size-4xl: 28px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    :root {
        --font-size-4xl: calc(
                21px + 7 *
                ((100vw - 768px) / (472))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    :root {
        --font-size-4xl: 21px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    :root {
        --font-size-5xl: 36px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    :root {
        --font-size-5xl: calc(
                24px + 12 *
                ((100vw - 768px) / (472))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    :root {
        --font-size-5xl: 24px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    :root {
        --font-size-lg: 16px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    :root {
        --font-size-lg: calc(
                14px + 2 *
                ((100vw - 360px) / (400))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    :root {
        --font-size-lg: 14px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    :root {
        --font-size-xl: 18px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    :root {
        --font-size-xl: calc(
                16px + 2 *
                ((100vw - 360px) / (400))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    :root {
        --font-size-xl: 16px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    :root {
        --font-size-4xl: 21px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    :root {
        --font-size-4xl: calc(
                18px + 3 *
                ((100vw - 360px) / (400))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    :root {
        --font-size-4xl: 18px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    :root {
        --font-size-5xl: 24px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    :root {
        --font-size-5xl: calc(
                20px + 4 *
                ((100vw - 360px) / (400))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    :root {
        --font-size-5xl: 20px;
    }
}
@media (min-width: 1680px) {
    :root {
        --spacing-unit: 4px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --spacing-unit: calc(
                2px + 2 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --spacing-unit: 2px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-width-base: 2px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-width-base: calc(
                1px + 1 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-width-base: 1px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-width-thick: 3px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-width-thick: calc(
                2px + 1 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-width-thick: 2px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-width-thicker: 4px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-width-thicker: calc(
                3px + 1 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-width-thicker: 3px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-sm: 4px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-sm: calc(
                2px + 2 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-sm: 2px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-base: 6px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-base: calc(
                4px + 2 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-base: 4px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-md: 8px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-md: calc(
                6px + 2 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-md: 6px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-lg: 12px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-lg: calc(
                8px + 4 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-lg: 8px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-xl: 16px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-xl: calc(
                12px + 4 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-xl: 12px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-2xl: 24px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-2xl: calc(
                16px + 8 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-2xl: 16px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-3xl: 32px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-3xl: calc(
                20px + 12 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-3xl: 20px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-4xl: 48px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-4xl: calc(
                24px + 24 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-4xl: 24px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-5xl: 64px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-5xl: calc(
                32px + 32 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-5xl: 32px;
    }
}
@media (min-width: 1680px) {
    :root {
        --border-radius-6xl: 80px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --border-radius-6xl: calc(
                48px + 32 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --border-radius-6xl: 48px;
    }
}

@media (min-width: 1680px) {
    :root {
        --icon-size-2xl: 72px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --icon-size-2xl: calc(
                40px + 32 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --icon-size-2xl: 40px;
    }
}
@media (min-width: 1680px) {
    :root {
        --icon-size-xl: 64px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --icon-size-xl: calc(
                32px + 32 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --icon-size-xl: 32px;
    }
}
@media (min-width: 1680px) {
    :root {
        --icon-size-lg: 48px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --icon-size-lg: calc(
                24px + 24 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --icon-size-lg: 24px;
    }
}
@media (min-width: 1680px) {
    :root {
        --icon-size-md: 32px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --icon-size-md: calc(
                20px + 12 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --icon-size-md: 20px;
    }
}
@media (min-width: 1680px) {
    :root {
        --icon-size-base: 24px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --icon-size-base: calc(
                20px + 4 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --icon-size-base: 20px;
    }
}
@media (min-width: 1680px) {
    :root {
        --icon-size-sm: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --icon-size-sm: calc(
                16px + 4 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --icon-size-sm: 16px;
    }
}
@media (min-width: 1680px) {
    :root {
        --icon-size-xs: 16px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    :root {
        --icon-size-xs: calc(
                12px + 4 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    :root {
        --icon-size-xs: 12px;
    }
}

:root {
    --spacing-0: 0;
    --spacing-1: calc(var(--spacing-unit) * 1);
    --spacing-2: calc(var(--spacing-unit) * 2);
    --spacing-3: calc(var(--spacing-unit) * 3);
    --spacing-4: calc(var(--spacing-unit) * 4);
    --spacing-5: calc(var(--spacing-unit) * 5);
    --spacing-6: calc(var(--spacing-unit) * 6);
    --spacing-8: calc(var(--spacing-unit) * 8);
    --spacing-10: calc(var(--spacing-unit) * 10);
    --spacing-12: calc(var(--spacing-unit) * 12);
    --spacing-16: calc(var(--spacing-unit) * 16);
    --spacing-20: calc(var(--spacing-unit) * 20);
    --spacing-24: calc(var(--spacing-unit) * 24);
    --spacing-32: calc(var(--spacing-unit) * 32);
    --spacing-40: calc(var(--spacing-unit) * 40);
    --spacing-48: calc(var(--spacing-unit) * 48);
    --spacing-56: calc(var(--spacing-unit) * 56);
    --spacing-64: calc(var(--spacing-unit) * 64);
    --spacing-72: calc(var(--spacing-unit) * 72);
    --spacing-80: calc(var(--spacing-unit) * 80);
    --spacing-96: calc(var(--spacing-unit) * 96);
}

/*- new color -*/
/*- color opacity -*/
.color-golden {
    color: var(--color-golden);
}

.green-bright {
    color: #47be2c !important;
}

.red-soft {
    color: #ff8075 !important;
}

.gray-muted {
    color: #bdbbcd !important;
}

.pink-soft {
    color: #f1a7b8 !important;
}

.color-accent {
    color: var(--color-blue-primary) !important;
}

.color-gray {
    color: var(--color-gray-teel) !important;
}

.color-green {
    color: var(--color-jungle-green) !important;
}

.dark-navy {
    color: var(--color-dark-navy) !important;
}

/*-text color -*/
.text-dark-blue, .chapter-accordion__title {
    color: #102a43;
}

.text-steel-blue, .regulatory-card__text {
    color: #486581;
}

.text-jungle-green {
    color: #27ab83;
}

.text-blue-primary, .chapter-card__item, .regulatory-card__title {
    color: #6b6ee8;
}

.text-color {
    color: var(--color-text-2);
}

.text-middle-blue {
    color: #829ab1;
}

.text-red {
    color: #ef4e4e;
}

.text-golden {
    color: #e7a714;
}

.text-accent-primary, .promo-hero__badge {
    color: var(--color-accent-primary, #f97316);
}

.text-accent-secondary {
    color: var(--color-accent-secondary, #7c3aed);
}

.text-primary, .heading-xxs, .heading-xs, .tariff-card__title, .tariff-table__head-col, .step-item__title, .advantages-card__title, .heading-small, .heading-base, .offer-card__label, .heading-large {
    color: var(--color-text-primary, #0f172a);
}

.text-secondary, .label, .caption, .body-small, .tariff-card__text, .step-item__text, .advantages-card__text, .list-accent-primary li,
.list-accent-secondary li,
.list-accent li, .body-base, .tariff-table__body-col, .body-large, .body-xl {
    color: var(--color-text-secondary, #4b5563);
}

.color-title-inverted, .promo-callback__form-label .label-check-span, .tariff-card--popular::before, .promo-automation__special, .offer-card__text, .step-item__count {
    color: var(--color-title-inverted, #fff) !important;
}

.color-text-inverted {
    color: var(--color-text-inverted, #d0d0d0) !important;
}

.text-gradient {
    background: -webkit-gradient(linear, left top, right top, from(var(--color-accent-primary)), to(var(--color-accent-secondary)));
    background: -o-linear-gradient(left, var(--color-accent-primary), var(--color-accent-secondary));
    background: linear-gradient(90deg, var(--color-accent-primary), var(--color-accent-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.assistent-chat__input::-webkit-input-placeholder, .chat-main__input::-webkit-input-placeholder {
    color: var(--color-middle-blue);
}

.assistent-chat__input::-moz-placeholder, .chat-main__input::-moz-placeholder {
    color: var(--color-middle-blue);
}

.assistent-chat__input:-ms-input-placeholder, .chat-main__input:-ms-input-placeholder {
    color: var(--color-middle-blue);
}

.assistent-chat__input::-ms-input-placeholder, .chat-main__input::-ms-input-placeholder {
    color: var(--color-middle-blue);
}

.color-middle-blue, .assistent-chat__input::placeholder,
.chat-main__input::placeholder {
    color: var(--color-middle-blue);
}

.color-dark-blue, .document-sidebar__title, .chapter-card__title, .regulatory-card__descr, .chapter-accordion__text, .reporting-row, .reporting-text, .plan-item__text {
    color: var(--color-dark-blue);
}

.color-steel-blue {
    color: var(--color-steel-blue) !important;
}

@media (min-width: 1920px) {
    .mb-60 {
        margin-bottom: 60px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .mb-60 {
        margin-bottom: calc(
                20px + 40 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .mb-60 {
        margin-bottom: 20px;
    }
}

@media (min-width: 1920px) {
    .mb-30 {
        margin-bottom: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .mb-30 {
        margin-bottom: calc(
                15px + 15 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .mb-30 {
        margin-bottom: 15px;
    }
}

@media (min-width: 1920px) {
    .mb-20 {
        margin-bottom: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .mb-20 {
        margin-bottom: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .mb-20 {
        margin-bottom: 10px;
    }
}

.page-padding-bottom {
    padding-bottom: 45px;
}

/* ============================================================================
   ADAPTIVE SPACING SYSTEM
   ============================================================================ */
/* ============================================================================
   MARGIN UTILITIES
   ============================================================================ */
.m-0 {
    margin: var(--spacing-0);
}

.m-1 {
    margin: var(--spacing-1);
}

.m-2 {
    margin: var(--spacing-2);
}

.m-3 {
    margin: var(--spacing-3);
}

.m-4 {
    margin: var(--spacing-4);
}

.m-5 {
    margin: var(--spacing-5);
}

.m-6 {
    margin: var(--spacing-6);
}

.m-8 {
    margin: var(--spacing-8);
}

.m-10 {
    margin: var(--spacing-10);
}

.m-12 {
    margin: var(--spacing-12);
}

.m-16 {
    margin: var(--spacing-16);
}

.m-20 {
    margin: var(--spacing-20);
}

.m-24 {
    margin: var(--spacing-24);
}

.m-32 {
    margin: var(--spacing-32);
}

.mt-0 {
    margin-top: var(--spacing-0);
}

.mt-1 {
    margin-top: var(--spacing-1);
}

.mt-2 {
    margin-top: var(--spacing-2);
}

.mt-3 {
    margin-top: var(--spacing-3);
}

.mt-4 {
    margin-top: var(--spacing-4);
}

.mt-5 {
    margin-top: var(--spacing-5);
}

.mt-6 {
    margin-top: var(--spacing-6);
}

.mt-8 {
    margin-top: var(--spacing-8);
}

.mt-10 {
    margin-top: var(--spacing-10);
}

.mt-12 {
    margin-top: var(--spacing-12);
}

.mt-16 {
    margin-top: var(--spacing-16);
}

.mt-20 {
    margin-top: var(--spacing-20);
}

.mt-24 {
    margin-top: var(--spacing-24);
}

.mt-32 {
    margin-top: var(--spacing-32);
}

.mr-0 {
    margin-right: var(--spacing-0);
}

.mr-1 {
    margin-right: var(--spacing-1);
}

.mr-2 {
    margin-right: var(--spacing-2);
}

.mr-3 {
    margin-right: var(--spacing-3);
}

.mr-4 {
    margin-right: var(--spacing-4);
}

.mr-5 {
    margin-right: var(--spacing-5);
}

.mr-6 {
    margin-right: var(--spacing-6);
}

.mr-8 {
    margin-right: var(--spacing-8);
}

.mr-10 {
    margin-right: var(--spacing-10);
}

.mr-12 {
    margin-right: var(--spacing-12);
}

.mr-16 {
    margin-right: var(--spacing-16);
}

.mr-20 {
    margin-right: var(--spacing-20);
}

.mr-24 {
    margin-right: var(--spacing-24);
}

.mr-32 {
    margin-right: var(--spacing-32);
}

.mb-0 {
    margin-bottom: var(--spacing-0);
}

.mb-1 {
    margin-bottom: var(--spacing-1);
}

.mb-2 {
    margin-bottom: var(--spacing-2);
}

.mb-3 {
    margin-bottom: var(--spacing-3);
}

.mb-4 {
    margin-bottom: var(--spacing-4);
}

.mb-5 {
    margin-bottom: var(--spacing-5);
}

.mb-6, .modal-favourites__filter {
    margin-bottom: var(--spacing-6);
}

.mb-8, .modal-request__head {
    margin-bottom: var(--spacing-8);
}

.mb-10 {
    margin-bottom: var(--spacing-10);
}

.mb-12 {
    margin-bottom: var(--spacing-12);
}

.mb-16 {
    margin-bottom: var(--spacing-16);
}

.mb-20 {
    margin-bottom: var(--spacing-20);
}

.mb-24 {
    margin-bottom: var(--spacing-24);
}

.mb-32 {
    margin-bottom: var(--spacing-32);
}

.mb-40 {
    margin-bottom: var(--spacing-40);
}

.mb-48 {
    margin-bottom: var(--spacing-48);
}

.ml-0 {
    margin-left: var(--spacing-0);
}

.ml-1 {
    margin-left: var(--spacing-1);
}

.ml-2 {
    margin-left: var(--spacing-2);
}

.ml-3 {
    margin-left: var(--spacing-3);
}

.ml-4 {
    margin-left: var(--spacing-4);
}

.ml-5 {
    margin-left: var(--spacing-5);
}

.ml-6 {
    margin-left: var(--spacing-6);
}

.ml-8 {
    margin-left: var(--spacing-8);
}

.ml-10 {
    margin-left: var(--spacing-10);
}

.ml-12 {
    margin-left: var(--spacing-12);
}

.ml-16 {
    margin-left: var(--spacing-16);
}

.ml-20 {
    margin-left: var(--spacing-20);
}

.ml-24 {
    margin-left: var(--spacing-24);
}

.ml-32 {
    margin-left: var(--spacing-32);
}

.mx-0 {
    margin-left: var(--spacing-0);
    margin-right: var(--spacing-0);
}

.mx-1 {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
}

.mx-2 {
    margin-left: var(--spacing-2);
    margin-right: var(--spacing-2);
}

.mx-3 {
    margin-left: var(--spacing-3);
    margin-right: var(--spacing-3);
}

.mx-4 {
    margin-left: var(--spacing-4);
    margin-right: var(--spacing-4);
}

.mx-5 {
    margin-left: var(--spacing-5);
    margin-right: var(--spacing-5);
}

.mx-6 {
    margin-left: var(--spacing-6);
    margin-right: var(--spacing-6);
}

.mx-8 {
    margin-left: var(--spacing-8);
    margin-right: var(--spacing-8);
}

.mx-10 {
    margin-left: var(--spacing-10);
    margin-right: var(--spacing-10);
}

.mx-12 {
    margin-left: var(--spacing-12);
    margin-right: var(--spacing-12);
}

.mx-16 {
    margin-left: var(--spacing-16);
    margin-right: var(--spacing-16);
}

.mx-20 {
    margin-left: var(--spacing-20);
    margin-right: var(--spacing-20);
}

.my-0 {
    margin-top: var(--spacing-0);
    margin-bottom: var(--spacing-0);
}

.my-1 {
    margin-top: var(--spacing-1);
    margin-bottom: var(--spacing-1);
}

.my-2 {
    margin-top: var(--spacing-2);
    margin-bottom: var(--spacing-2);
}

.my-3 {
    margin-top: var(--spacing-3);
    margin-bottom: var(--spacing-3);
}

.my-4 {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-4);
}

.my-5 {
    margin-top: var(--spacing-5);
    margin-bottom: var(--spacing-5);
}

.my-6 {
    margin-top: var(--spacing-6);
    margin-bottom: var(--spacing-6);
}

.my-8 {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
}

.my-10 {
    margin-top: var(--spacing-10);
    margin-bottom: var(--spacing-10);
}

.my-12 {
    margin-top: var(--spacing-12);
    margin-bottom: var(--spacing-12);
}

.my-16 {
    margin-top: var(--spacing-16);
    margin-bottom: var(--spacing-16);
}

.my-20 {
    margin-top: var(--spacing-20);
    margin-bottom: var(--spacing-20);
}

.mx-auto, .promo-advantages__head {
    margin-left: auto;
    margin-right: auto;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

/* ============================================================================
   PADDING UTILITIES
   ============================================================================ */
.p-0 {
    padding: var(--spacing-0);
}

.p-1 {
    padding: var(--spacing-1);
}

.p-2 {
    padding: var(--spacing-2);
}

.p-3 {
    padding: var(--spacing-3);
}

.p-4 {
    padding: var(--spacing-4);
}

.p-5 {
    padding: var(--spacing-5);
}

.p-6, .tariff-card__body, .tariff-card__head, .promo-automation__special, .advantages-card {
    padding: var(--spacing-6);
}

.p-8, .direction-card {
    padding: var(--spacing-8);
}

.p-10, .offer-card {
    padding: var(--spacing-10);
}

.p-12, .promo-offer__inner, .promo-hero__body {
    padding: var(--spacing-12);
}

.p-16 {
    padding: var(--spacing-16);
}

.p-20 {
    padding: var(--spacing-20);
}

.p-24 {
    padding: var(--spacing-24);
}

.p-32 {
    padding: var(--spacing-32);
}

.pt-0 {
    padding-top: var(--spacing-0);
}

.pt-1 {
    padding-top: var(--spacing-1);
}

.pt-2 {
    padding-top: var(--spacing-2);
}

.pt-3 {
    padding-top: var(--spacing-3);
}

.pt-4, .tariff-card__control {
    padding-top: var(--spacing-4);
}

.pt-5 {
    padding-top: var(--spacing-5);
}

.pt-6, .promo-automation__head {
    padding-top: var(--spacing-6);
}

.pt-8 {
    padding-top: var(--spacing-8);
}

.pt-10, .promo-hero__inner {
    padding-top: var(--spacing-10);
}

.pt-12 {
    padding-top: var(--spacing-12);
}

.pt-16 {
    padding-top: var(--spacing-16);
}

.pt-20 {
    padding-top: var(--spacing-20);
}

.pt-24 {
    padding-top: var(--spacing-24);
}

.pt-32 {
    padding-top: var(--spacing-32);
}

.pr-0 {
    padding-right: var(--spacing-0);
}

.pr-1 {
    padding-right: var(--spacing-1);
}

.pr-2 {
    padding-right: var(--spacing-2);
}

.pr-3 {
    padding-right: var(--spacing-3);
}

.pr-4 {
    padding-right: var(--spacing-4);
}

.pr-5 {
    padding-right: var(--spacing-5);
}

.pr-6 {
    padding-right: var(--spacing-6);
}

.pr-8 {
    padding-right: var(--spacing-8);
}

.pr-10 {
    padding-right: var(--spacing-10);
}

.pr-12 {
    padding-right: var(--spacing-12);
}

.pr-16 {
    padding-right: var(--spacing-16);
}

.pr-20 {
    padding-right: var(--spacing-20);
}

.pr-24 {
    padding-right: var(--spacing-24);
}

.pr-32 {
    padding-right: var(--spacing-32);
}

.pb-0 {
    padding-bottom: var(--spacing-0);
}

.pb-1 {
    padding-bottom: var(--spacing-1);
}

.pb-2 {
    padding-bottom: var(--spacing-2);
}

.pb-3 {
    padding-bottom: var(--spacing-3);
}

.pb-4 {
    padding-bottom: var(--spacing-4);
}

.pb-5 {
    padding-bottom: var(--spacing-5);
}

.pb-6 {
    padding-bottom: var(--spacing-6);
}

.pb-8 {
    padding-bottom: var(--spacing-8);
}

.pb-10 {
    padding-bottom: var(--spacing-10);
}

.pb-12 {
    padding-bottom: var(--spacing-12);
}

.pb-16 {
    padding-bottom: var(--spacing-16);
}

.pb-20 {
    padding-bottom: var(--spacing-20);
}

.pb-24 {
    padding-bottom: var(--spacing-24);
}

.pb-32 {
    padding-bottom: var(--spacing-32);
}

.pl-0 {
    padding-left: var(--spacing-0);
}

.pl-1 {
    padding-left: var(--spacing-1);
}

.pl-2 {
    padding-left: var(--spacing-2);
}

.pl-3 {
    padding-left: var(--spacing-3);
}

.pl-4, .modal-request__form-fields .input-angle__title {
    padding-left: var(--spacing-4);
}

.pl-5 {
    padding-left: var(--spacing-5);
}

.pl-6 {
    padding-left: var(--spacing-6);
}

.pl-8 {
    padding-left: var(--spacing-8);
}

.pl-10 {
    padding-left: var(--spacing-10);
}

.pl-12 {
    padding-left: var(--spacing-12);
}

.pl-16 {
    padding-left: var(--spacing-16);
}

.pl-20 {
    padding-left: var(--spacing-20);
}

.pl-24 {
    padding-left: var(--spacing-24);
}

.pl-32 {
    padding-left: var(--spacing-32);
}
.px-0 {
    padding-left: var(--spacing-0);
    padding-right: var(--spacing-0);
}

.px-1 {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
}

.px-2 {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
}

.px-3 {
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
}

.px-4 {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
}

.px-5 {
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-5);
}

.px-6 {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
}

.px-8 {
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
}

.px-10 {
    padding-left: var(--spacing-10);
    padding-right: var(--spacing-10);
}

.px-12, .promo-automation__inner, .promo-steps__list {
    padding-left: var(--spacing-12);
    padding-right: var(--spacing-12);
}

.px-16 {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
}

.px-20, .promo-tariffs__list {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
}

.py-0 {
    padding-top: var(--spacing-0);
    padding-bottom: var(--spacing-0);
}

.py-1 {
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
}

.py-2 {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
}

.py-3 {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
}

.py-4 {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
}

.py-5 {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-5);
}

.py-6 {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
}

.py-8 {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);
}

.py-10 {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-10);
}

.py-12, .promo-steps__inner {
    padding-top: var(--spacing-12);
    padding-bottom: var(--spacing-12);
}

.py-16, .promo-insights__inner {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
}

.py-20 {
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
}

.swiper-nav {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
}

.swiper-nav__btn {
    border-radius: 50%;
    background: var(--color-light-periwinkle-40);
    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;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .swiper-nav__btn {
        width: 36px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .swiper-nav__btn {
        width: calc(
                32px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .swiper-nav__btn {
        width: 32px;
    }
}
@media (min-width: 1920px) {
    .swiper-nav__btn {
        height: 36px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .swiper-nav__btn {
        height: calc(
                32px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .swiper-nav__btn {
        height: 32px;
    }
}
.swiper-nav__btn svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .swiper-nav__btn svg {
        width: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .swiper-nav__btn svg {
        width: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .swiper-nav__btn svg {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .swiper-nav__btn svg {
        height: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .swiper-nav__btn svg {
        height: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .swiper-nav__btn svg {
        height: 20px;
    }
}
.swiper-nav__btn svg path {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media screen and (hover: hover) {
    .swiper-nav__btn:hover:not(:disabled) {
        background: var(--color-blue-primary);
    }
    .swiper-nav__btn:hover:not(:disabled) svg path {
        --color-swiper-arrow: #fff;
    }
}
.swiper-nav__btn:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.swiper-nav__btn:disabled {
    opacity: 0.5;
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--font-primary);
    line-height: var(--line-height-base);
    letter-spacing: 0.02em;
}

*::-webkit-scrollbar-thumb {
    width: 3px;
    border-radius: 40px;
    background: #6b6ee8;
}
*::-webkit-scrollbar {
    width: 3px;
    border-radius: 40px;
    background: #f3f6fb;
}

body {
    background: url("../../assets/img/background.svg") no-repeat center top, #f3f6fb;
    background-size: 100% auto;
}
body::-webkit-scrollbar-thumb {
    width: 3px;
    border-radius: 40px;
    background: #6b6ee8;
}
body::-webkit-scrollbar {
    width: 3px;
    border-radius: 40px;
    background: #f3f6fb;
}

@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
        scrollbar-color: #6b6ee8 #f3f6fb;
    }
    *::-webkit-scrollbar-thumb {
        width: 3px;
        background: #6b6ee8;
        border-radius: 40px;
    }
    *::-webkit-scrollbar {
        width: 3px;
        background: #f3f6fb;
    }
    *::-moz-scrollbar {
        width: 3px;
    }
    * .scrollable-content::-moz-scrollbar-thumb {
        background: #6b6ee8;
        border-radius: 40px;
    }
}
a {
    text-decoration: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

ul {
    list-style: none;
}

button {
    border: none;
    outline: none;
    cursor: pointer;
    background: none;
    padding: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

html._fixed {
    overflow: clip;
}

.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: clip;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--color-background);
}

/* убираем тени safari */
input:not([type=checkbox]):not([type=radio]),
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.container {
    width: 100%;
    max-width: 100%;
}
@media (min-width: 1920px) {
    .container {
        padding-left: 120px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .container {
        padding-left: calc(
                40px + 80 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .container {
        padding-left: 40px;
    }
}
@media (min-width: 1920px) {
    .container {
        padding-right: 120px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .container {
        padding-right: calc(
                40px + 80 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .container {
        padding-right: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .container {
        padding-left: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
    .container {
        padding-left: calc(
                20px + 20 *
                (((100vw - 768px)) / ((512)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .container {
        padding-left: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .container {
        padding-right: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
    .container {
        padding-right: calc(
                20px + 20 *
                (((100vw - 768px)) / ((512)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .container {
        padding-right: 20px;
    }
}

time {
    display: block;
}

.line-bottom {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
@media (max-width: 1680px) {
    .line-bottom {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}
.line-bottom::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    width: 80px;
    height: 2px;
    background: rgba(24, 24, 48, 0.1);
}

.-is-fixed-page {
    overflow: hidden;
}

.btn,
.btn-dark,
.btn-red,
.btn-full,
.btn-accent {
    border-radius: 16px;
    border: 2px solid #6b6ee8;
    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;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 46px;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    font-size: 16px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #6b6ee8;
    padding: 10px 30px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1680px) {
    .btn,
    .btn-dark,
    .btn-red,
    .btn-full,
    .btn-accent {
        min-height: 44px;
        padding: 10px 20px;
        font-size: 14px;
        line-height: 110%;
    }
}
@media (max-width: 1240px) {
    .btn,
    .btn-dark,
    .btn-red,
    .btn-full,
    .btn-accent {
        min-height: 40px;
        padding: 11px 18px;
        border-radius: 14px;
        font-size: 12px;
        line-height: 110%;
    }
}
@media (max-width: 767px) {
    .btn,
    .btn-dark,
    .btn-red,
    .btn-full,
    .btn-accent {
        padding: 8px 11px;
        border-radius: 12px;
        font-size: 12px;
        line-height: 110%;
    }
}
@media (hover: hover) {
    .btn:hover,
    .btn-dark:hover,
    .btn-red:hover,
    .btn-full:hover,
    .btn-accent:hover {
        color: #ffffff;
        background: #6b6ee8;
    }
}
@media (hover: none) {
    .btn:active,
    .btn-dark:active,
    .btn-red:active,
    .btn-full:active,
    .btn-accent:active {
        background: #5c5fe6;
        border-color: #5c5fe6;
    }
}
.btn:active,
.btn-dark:active,
.btn-red:active,
.btn-full:active,
.btn-accent:active {
    background: #5c5fe6;
    border-color: #5c5fe6;
}

.btn-dark {
    border: 2px solid #181830;
    color: #181830;
}
@media (hover: hover) {
    .btn-dark:hover {
        color: #ffffff;
        background: #181830;
    }
}
@media (hover: none) {
    .btn-dark:active {
        background: #5c5fe6;
        border-color: #5c5fe6;
    }
}
.btn-dark:active {
    background: #8c8c98;
    border-color: #8c8c98;
}

.btn-red {
    border: 2px solid #ff8075;
    color: #ff8075;
}
@media (hover: hover) {
    .btn-red:hover {
        color: #ffffff;
        background: #ff8075;
    }
}
@media (hover: none) {
    .btn-red:active {
        background: #ffffff;
        border-color: #ff8075;
    }
}
.btn-red:active {
    background: #ffffff;
    border-color: #ff8075;
}

.btn-accent {
    color: var(--element-accent);
}
@media (hover: hover) {
    .btn-accent:hover {
        color: #ffffff;
        background: #ff8075;
    }
}
@media (hover: none) {
    .btn-accent:active {
        background: #ffffff;
        border-color: #ff8075;
    }
}
.btn-accent:active {
    background: #ffffff;
    border-color: #ff8075;
}

.btn-full {
    border: 2px solid #181830;
    background: #181830;
    color: #ffffff;
}
@media (hover: hover) {
    .btn-full:hover {
        color: #181830;
        background: none;
    }
}
@media (hover: none) {
    .btn-full:active {
        background: none;
        border-color: #8c8c98;
        border-color: #8c8c98;
    }
}
.btn-full:active {
    background: none;
    border-color: #8c8c98;
    border-color: #8c8c98;
}

.btn-show-more {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}
@media (max-width: 1680px) {
    .btn-show-more {
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .btn-show-more {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .btn-show-more {
        margin-top: 24px;
    }
}

.btn-catalog,
.btn-sort {
    padding: 12px !important;
}
@media screen and (max-width: 767px) {
    .btn-catalog,
    .btn-sort {
        padding: 8px !important;
    }
}
@media screen and (max-width: 767px) {
    .btn-catalog span,
    .btn-sort span {
        display: none;
    }
}

.btn-sort .--close {
    display: none;
}
.btn-sort.-is-active .--close {
    display: block;
}
.btn-sort.-is-active .--filter {
    display: none;
}

.modal-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.25);
    z-index: 5;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: -33333333333;
    opacity: 0;
    padding: 32px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
@media screen and (max-width: 1240px) {
    .modal-background {
        padding: 20px;
    }
}

.modal-background.--active {
    opacity: 1;
    z-index: 777;
}
.modal-background.--active .modal__container {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.modal__container {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin: auto;
    background: #ffffff;
    border-radius: 24px;
    padding: 25px;
}
@media (max-width: 1240px) {
    .modal__container {
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .modal__container {
        padding: 16px;
        border-radius: 16px;
    }
}

.modal__title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .modal__title {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .modal__title {
        font-size: 18px;
    }
}

.modal-btn {
    width: 100%;
}

.modal-row {
    padding: 5px 5px 5px 80px;
    border-radius: 24px;
    background: #f3f6fb;
    position: relative;
    margin-top: 15px;
}
@media (max-width: 1680px) {
    .modal-row {
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .modal-row {
        margin-top: 12px;
        padding-left: 50px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .modal-row {
        margin-top: 8px;
        padding: 8px;
        border-radius: 8px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 30px 1fr;
        grid-template-columns: 30px 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
    }
}

.modal-row-img {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.modal-row-img img,
.modal-row-img svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .modal-row-img img,
    .modal-row-img svg {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .modal-row-img {
        position: static;
        width: 30px;
        height: 30px;
    }
}

.modal-row-coll {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    border-radius: 24px;
    background: #ffffff;
    -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    padding: 40px 12px;
    z-index: 1;
    position: relative;
}
@media (max-width: 1680px) {
    .modal-row-coll {
        padding: 35px 12px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .modal-row-coll {
        padding: 20px 12px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .modal-row-coll {
        padding: 16px;
        border-radius: 8px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 8px;
    }
}

.modal-file-drop {
    height: 200px;
    padding: 17px;
}
.modal-file-drop img {
    width: 60px;
    height: 60px;
}
@media (max-width: 1680px) {
    .modal-file-drop img {
        width: 48px;
        height: 48px;
    }
}
.modal-file-drop .file-drop-text {
    font-size: 16px;
    font-weight: 300;
    padding-top: 8px;
    text-align: center;
}
@media (max-width: 1680px) {
    .modal-file-drop .file-drop-text {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .modal-file-drop .file-drop-text {
        font-size: 12px;
    }
}

.modal-file-row {
    display: -ms-grid;
    display: grid;
    gap: 15px;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
}
@media (max-width: 1680px) {
    .modal-file-row {
        -ms-grid-columns: 146px 1fr;
        grid-template-columns: 146px 1fr;
    }
}
@media (max-width: 1240px) {
    .modal-file-row {
        -ms-grid-columns: 138px 1fr;
        grid-template-columns: 138px 1fr;
    }
}
@media (max-width: 767px) {
    .modal-file-row {
        display: block;
    }
    .modal-file-row .files__list .file-row-element:nth-child(1) {
        margin-top: 8px;
    }
}
.modal-file-row .file-btn {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 200px;
}
@media (max-width: 1680px) {
    .modal-file-row .file-btn {
        min-width: 146px;
    }
}
@media (max-width: 1240px) {
    .modal-file-row .file-btn {
        min-width: 138px;
    }
}
@media (max-width: 767px) {
    .modal-file-row .file-btn {
        min-width: 116px;
    }
}

.modal__footer-row {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 120px 120px;
    grid-template-columns: 120px 120px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px;
}
@media (max-width: 1680px) {
    .modal__footer-row {
        margin-top: 20px;
        padding-top: 20px;
        -ms-grid-columns: 140px 140px;
        grid-template-columns: 140px 140px;
        gap: 12px;
    }
}
@media (max-width: 1240px) {
    .modal__footer-row {
        margin-top: 18px;
        padding-top: 18px;
        gap: 10px;
        -ms-grid-columns: 138px 138px;
        grid-template-columns: 138px 138px;
    }
}
@media (max-width: 767px) {
    .modal__footer-row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin-top: 12px;
        padding-top: 12px;
    }
}

.modal__container-seacrh.select {
    width: 593px;
}
.modal__container-seacrh.select .input-error {
    padding-bottom: 0;
}
.modal__container-seacrh.select .select__body-wrapp {
    margin-top: 15px;
    max-height: 180px;
}
@media (max-width: 1680px) {
    .modal__container-seacrh.select .select__body-wrapp {
        max-height: 160px;
    }
}
@media (max-width: 1240px) {
    .modal__container-seacrh.select .select__body-wrapp {
        max-height: 140px;
    }
}
@media (max-width: 767px) {
    .modal__container-seacrh.select .select__body-wrapp {
        max-height: 160px;
    }
}
@media (max-width: 1680px) {
    .modal__container-seacrh.select {
        width: 550px;
    }
}
@media (max-width: 1240px) {
    .modal__container-seacrh.select {
        width: 478px;
    }
}
@media (max-width: 767px) {
    .modal__container-seacrh.select {
        width: 320px;
    }
}
@media (max-width: 380px) {
    .modal__container-seacrh.select {
        width: 100%;
    }
}

.reporting-accordion {
    padding: 0 12px;
    border-radius: 8px;
    background-color: var(--color-light-steel-blue);
}
.reporting-accordion:not(:last-child) {
    margin-bottom: var(--spacing-5);
}
@media screen and (max-width: 767px) {
    .reporting-accordion {
        padding: 0 8px;
    }
}

.reporting-accordion__head {
    padding: 12px 0;
}
@media screen and (max-width: 767px) {
    .reporting-accordion__head {
        padding: 8px 0;
    }
}

.reporting-accordion__title {
    color: var(--color-dark-blue);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.reporting-accordion__inner {
    gap: 15px;
    padding: 12px 0;
    border-top: var(--border-width-thin) solid var(--color-border-gray);
}
@media screen and (max-width: 767px) {
    .reporting-accordion__inner {
        padding: 8px 0;
    }
}

.reporting-card {
    gap: var(--spacing-4);
    padding: var(--spacing-4);
    border-radius: 12px;
    border: var(--border-width-thin) solid var(--color-border-gray);
}

.reporting-card__head {
    gap: 12px;
}

.reporting-card__body {
    gap: 16px;
}

.reporting-card__desrc {
    gap: 8px;
}

.reporting-card__date {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 6px;
    padding: 6px 9px;
    background-color: var(--color-very-light-blue);
    border-radius: 9px;
    border: var(--border-width-thin) solid var(--color-border-gray);
    color: var(--color-dark-blue);
}
.reporting-card__date span {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.reporting-card__date svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1440px) {
    .reporting-card__date svg {
        width: 20px;
        height: 20px;
    }
}

.reporting-card__title {
    color: var(--color-dark-blue);
}

.reporting-card__text {
    color: var(--color-dark-blue);
}

.reporting-card__caption {
    color: var(--color-steel-blue);
}

.reporting-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    border-radius: 8px;
    padding-right: var(--spacing-2);
}

.reporting-warning {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    padding: 12px;
    gap: 12px;
    border-radius: 12px;
    background: rgba(231, 167, 20, 0.05);
}
@media screen and (max-width: 767px) {
    .reporting-warning {
        padding: 8px;
        gap: 8px;
    }
}

.reporting-warning__icon {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1440px) {
    .reporting-warning__icon {
        width: 20px;
        height: 20px;
    }
}
.reporting-warning__text {
    font-weight: var(--font-weight-medium);
    color: var(--color-golden);
}

.reporting__list {
    gap: 16px;
}

.reporting-link {
    color: var(--color-blue-primary);
}
@media screen and (hover: hover) {
    .reporting-link:hover {
        color: var(--color-golden);
    }
}

.plan__list {
    gap: 12px;
}

.plan-item {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding-bottom: 12px;
}
.plan-item:not(:last-child) {
    border-bottom: var(--border-width-thin) solid var(--color-border-gray);
}
@media screen and (max-width: 767px) {
    .plan-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.plan-item__text {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.plan-item__btn {
    margin-left: auto;
    padding: 12px !important;
}

.reporting-text p:not(:last-child) {
    margin-bottom: var(--spacing-4);
}

.reporting-rows {
    gap: var(--spacing-4);
}

.reporting-row {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 16px;
    padding: 16px 24px;
    border-radius: 12px;
    background-color: var(--color-light-steel-blue);
    font-size: 16px;
    font-weight: 600;
    line-height: var(--line-height-base);
}
@media screen and (max-width: 1440px) {
    .reporting-row {
        padding: 12px 14px;
        font-size: 14px;
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .reporting-row {
        padding: 12px;
    }
}
@media screen and (hover: hover) {
    .reporting-row:hover {
        background-color: var(--color-light-periwinkle-40);
    }
}
.reporting-row:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.reporting-row span {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.reporting-row__icon {
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 767px) {
    .reporting-row__icon {
        width: 24px;
        height: 24px;
    }
}
.reporting-file {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 12px;
    border: var(--border-width-thin) solid var(--color-border-gray);
    border-radius: 12px;
    padding: 16px 24px;
    color: var(--color-blue-primary);
    background: #e7ecf3;
}
@media screen and (max-width: 1440px) {
    .reporting-file {
        padding: 12px;
    }
}
.reporting-file svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (hover: hover) {
    .reporting-file:hover {
        border-color: var(--color-blue-primary);
    }
}
.reporting-file:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.select {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.select.is-active .select-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.select.is-active .select__header {
    border-radius: 16px 16px 0 0;
}
@media (max-width: 1240px) {
    .select.is-active .select__header {
        border-radius: 12px 12px 0 0;
    }
}

.select.is-active .select__body {
    display: block;
    -webkit-box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
}

.select__header {
    width: 100%;
    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;
    width: 100%;
    min-height: 46px;
    padding: 14px 16px;
    gap: 10px;
    background: #f3f6fb;
    border-radius: 16px;
}
.select__header .select-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1240px) {
    .select__header .select-arrow {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .select__header .select-arrow {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 1680px) {
    .select__header {
        padding: 14px;
        min-height: 44px;
    }
}
@media (max-width: 1240px) {
    .select__header {
        border-radius: 12px;
        min-height: 40px;
    }
}
@media (max-width: 767px) {
    .select__header {
        padding: 12px 18px;
    }
}

.select__body-wrapp {
    gap: var(--spacing-2);
    padding-right: 8px;
}

.select__body {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 10;
    background: #f3f6fb;
    border-radius: 0 0 16px 16px;
    padding: 0 8px 16px 16px;
    overflow: hidden;
}
@media (max-width: 1240px) {
    .select__body {
        border-radius: 0 0 12px 12px;
        padding: 0 7px 12px 14px;
    }
}
@media (max-width: 767px) {
    .select__body {
        padding: 0 9px 12px 18px;
    }
}

.select__item {
    cursor: pointer;
}

.select__current {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
    opacity: 0.6;
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 1680px) {
    .select__current {
        font-size: 14px;
        line-height: 110%;
    }
}
@media (max-width: 767px) {
    .select__current {
        font-size: 12px;
    }
}

.select__current.selected {
    opacity: 1;
}

.select__label {
    display: block;
    position: relative;
    cursor: pointer;
}

.select__label-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.select__item {
    padding: 12px 20px;
    display: block;
    min-height: 42px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #181830;
    transition: 0.4s;
}
@media (max-width: 1680px) {
    .select__item {
        padding: 12px 16px;
        min-height: 39px;
        font-size: 14px;
        line-height: 110%;
    }
}
@media (max-width: 1240px) {
    .select__item {
        padding: 10px 14px;
        min-height: 33px;
        line-height: 110%;
    }
}
@media (max-width: 767px) {
    .select__item {
        font-size: 12px;
    }
}
@media (hover: hover) {
    .select__item:hover {
        color: #6b6ee8;
    }
}
@media (hover: none) {
    .select__item:active {
        color: #6b6ee8;
    }
}

input:checked ~ .select__item {
    color: #6b6ee8;
    background: rgba(107, 110, 232, 0.1);
}

.select__body-wrapp {
    overflow: auto;
    max-height: 135px;
}
@media (max-width: 1680px) {
    .select__body-wrapp {
        max-height: 120px;
    }
}
@media (max-width: 1240px) {
    .select__body-wrapp {
        max-height: 100px;
    }
}
.select-container-title {
    padding-bottom: 4px;
    padding-left: 16px;
    font-weight: 300;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .select-container-title {
        font-size: 12px;
    }
}

.select__header.search__wrapp {
    padding: 0;
}
.select__header.search__wrapp input {
    height: 100%;
    min-height: 0;
}

.select__body-white {
    background: #ffffff;
    -webkit-box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
    padding-top: 5px;
}
.select__body-white .select__body-wrapp {
    max-height: 170px;
}
@media (max-width: 1680px) {
    .select__body-white .select__body-wrapp {
        max-height: 165px;
    }
}
@media (max-width: 1240px) {
    .select__body-white .select__body-wrapp {
        max-height: 140px;
    }
}
@media (max-width: 767px) {
    .select__body-white .select__body-wrapp {
        max-height: 115px;
    }
}

.select__body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 15px;
    padding-top: 15px;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}
@media (max-width: 1680px) {
    .select__body-row {
        gap: 12px;
    }
}
@media (max-width: 767px) {
    .select__body-row {
        padding-top: 12px;
        gap: 8px;
    }
}
@media (max-width: 572px) {
    .select__body-row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.select__body-row button {
    min-width: 120px;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 1680px) {
    .select__body-row button {
        min-width: 140px;
    }
}
@media (max-width: 572px) {
    .select__body-row button {
        min-width: 0;
        width: 100%;
    }
}

.select .input-error {
    padding-left: 0;
    padding-top: 4px;
    padding-bottom: 25px;
}
@media (max-width: 1680px) {
    .select .input-error {
        padding-bottom: 20px;
    }
}
@media (max-width: 1240px) {
    .select .input-error {
        padding-bottom: 18px;
    }
}
@media (max-width: 767px) {
    .select .input-error {
        padding-bottom: 12px;
    }
}

.select.is-active .search__wrapp {
    border-radius: 16px;
}
@media (max-width: 1240px) {
    .select.is-active .search__wrapp {
        border-radius: 12px;
    }
}

.select__label-check {
    width: 100%;
    display: block;
}

.select__check-title.label-check-span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 40px 12px 12px;
    min-height: 48px;
    border-radius: 8px;
    background: #f3f6fb;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    color: #181830;
}
@media (max-width: 1680px) {
    .select__check-title.label-check-span {
        font-size: 14px;
        min-height: 44px;
        padding-top: 14px;
        padding-bottom: 14px;
    }
}
@media (max-width: 1240px) {
    .select__check-title.label-check-span {
        min-height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .select__check-title.label-check-span {
        min-height: 36px;
        font-size: 12px;
        padding-top: 11px;
        padding-bottom: 11px;
    }
}
.select__check-title.label-check-span::after, .select__check-title.label-check-span::before {
    left: auto;
    right: 12px;
    top: 12px;
    -webkit-transform: translate(0%);
    -ms-transform: translate(0%);
    transform: translate(0%);
}
@media screen and (max-width: 1680px) {
    .select__check-title.label-check-span::after, .select__check-title.label-check-span::before {
        top: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .select__check-title.label-check-span::after, .select__check-title.label-check-span::before {
        top: 10px;
    }
}

.select__body-date {
    background: #ffffff;
    padding: 24px;
    width: 422px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 24px;
}
@media (max-width: 1680px) {
    .select__body-date {
        width: 410px;
        padding: 20px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .select__body-date {
        width: 360px;
        padding: 18px;
        border-radius: 18px;
    }
}
@media (max-width: 370px) {
    .select__body-date {
        width: 350px;
        padding: 15px;
    }
}

.select-date.is-active .select__body-date {
    border-radius: 24px;
}
@media (max-width: 1680px) {
    .select-date.is-active .select__body-date {
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .select-date.is-active .select__body-date {
        border-radius: 18px;
    }
}
.select-date.is-active .select__header {
    border-radius: 16px;
}
@media (max-width: 1240px) {
    .select-date.is-active .select__header {
        border-radius: 12px;
    }
}

.select-icon-date {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .select-icon-date {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .select-icon-date {
        width: 16px;
        height: 16px;
    }
}

.select__body-date-footer {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.input__wrapp-title {
    padding-left: 16px;
    padding-bottom: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.28px;
    color: #181830;
}
@media (max-width: 1680px) {
    .input__wrapp-title {
        font-size: 12px;
    }
}

.input,
.textarea {
    border-radius: 12px;
    background: #f3f6fb;
    width: 100%;
    min-height: 46px;
    padding: 14px 16px;
    border: none;
    outline: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: #181830;
}
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: rgba(24, 24, 48, 0.6);
}
.input::-moz-placeholder, .textarea::-moz-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: rgba(24, 24, 48, 0.6);
}
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: rgba(24, 24, 48, 0.6);
}
.input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: rgba(24, 24, 48, 0.6);
}
.input::placeholder,
.textarea::placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: rgba(24, 24, 48, 0.6);
}
@media (max-width: 1680px) {
    .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
        font-size: 14px;
    }
    .input::-moz-placeholder, .textarea::-moz-placeholder {
        font-size: 14px;
    }
    .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
        font-size: 14px;
    }
    .input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
        font-size: 14px;
    }
    .input::placeholder,
    .textarea::placeholder {
        font-size: 14px;
    }
}
@media (max-width: 1680px) {
    .input,
    .textarea {
        min-height: 44px;
        padding: 14px;
        font-size: 14px;
    }
}
@media (max-width: 1240px) {
    .input,
    .textarea {
        border-radius: 12px;
        min-height: 40px;
    }
}
@media (max-width: 767px) {
    .input,
    .textarea {
        min-height: 36px;
        padding: 10px 16px;
        border-radius: 10px;
    }
}

.textarea {
    min-height: 180px;
    resize: none;
}
@media (max-width: 1680px) {
    .textarea {
        min-height: 90px;
    }
}
@media (max-width: 1240px) {
    .textarea {
        min-height: 105px;
    }
}
@media (max-width: 767px) {
    .textarea {
        min-height: 120px;
    }
}

.password-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.password-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("../../assets/img/icon/visible.svg") no-repeat center center/contain;
}
@media (max-width: 1240px) {
    .password-btn {
        width: 18px;
        height: 18px;
        right: 14px;
    }
}
@media (max-width: 767px) {
    .password-btn {
        width: 16px;
        height: 16px;
        right: 16px;
    }
}
@media (hover: hover) {
    .password-btn:hover {
        opacity: 0.8;
    }
}
@media (hover: none) {
    .password-btn:active {
        opacity: 0.8;
    }
}
.password-btn:active {
    opacity: 0.8;
}

input[type=password] ~ .password-btn::after {
    background: url("../../assets/img/icon/Hide.svg") no-repeat center center/contain;
}

.input__wrapp-container {
    position: relative;
}

.input-password {
    padding-right: 40px;
}

.input-error {
    padding-left: 16px;
    padding-top: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.28px;
    color: #ff8075;
}
@media (max-width: 1240px) {
    .input-error {
        font-size: 12px;
    }
}

.search__wrapp {
    position: relative;
}

.search-input {
    padding-right: 40px;
}

.search-btn {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    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;
}
.search-btn img,
.search-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .search-btn {
        width: 18px;
        height: 18px;
        right: 14px;
    }
}
@media (max-width: 767px) {
    .search-btn {
        width: 16px;
        height: 16px;
        right: 16px;
    }
}

.input-error-absolte {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.input-date {
    padding-right: 40px;
    background: url("../../assets/img/icon/date.svg") no-repeat center right 15px/contain, #f3f6fb;
    background-size: 20px 20px;
}
@media (max-width: 1240px) {
    .input-date {
        background-size: 18px 18px;
    }
}
@media (max-width: 767px) {
    .input-date {
        background: url("../../assets/img/icon/date.svg") no-repeat center right 10px/contain, #f3f6fb;
        background-size: 16px 16px;
    }
}

.label {
    position: relative;
    display: block;
}

.label-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -11;
    opacity: 0;
}

.label-span {
    display: block;
}

.label-check {
    position: relative;
    display: block;
    cursor: pointer;
    display: inline-block;
}

.label-check-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: -11;
}

.label-check-span {
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.28px;
    color: #181830;
    display: block;
}
.label-check-span::after, .label-check-span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: url("../../assets/img/icon/square.svg") no-repeat center center/contain;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}
@media (max-width: 1240px) {
    .label-check-span::after, .label-check-span::before {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 767px) {
    .label-check-span::after, .label-check-span::before {
        width: 24px;
        height: 24px;
    }
}
.label-check-span::before {
    background: url("../../assets/img/icon/checkid.svg") no-repeat center center/contain;
    opacity: 0;
}
@media (max-width: 1680px) {
    .label-check-span {
        font-size: 12px;
    }
}
@media (max-width: 1240px) {
    .label-check-span {
        padding-left: 26px;
    }
}
@media (max-width: 767px) {
    .label-check-span {
        padding-left: 32px;
    }
}

.label-radio-span::after {
    background: url("../../assets/img/icon/circle.svg") no-repeat center center/contain;
}
.label-radio-span::before {
    background: url("../../assets/img/icon/circle-checkid.svg") no-repeat center center/contain;
}

input:checked ~ .label-check-span::after {
    opacity: 0;
}
input:checked ~ .label-check-span::before {
    opacity: 1;
}

input:indeterminate ~ .label-check-span::after {
    opacity: 0;
}
input:indeterminate ~ .label-check-span::before {
    background: url("../../assets/img/icon/line.svg") no-repeat center center/contain;
    opacity: 1;
}

input:indeterminate ~ .label-radio-span::before {
    background: url("../../assets/img/icon/circle.svg") no-repeat center center/contain;
}

.time-container {
    color: var(--color-dark-blue);
}

.date-container {
    padding-left: 12px;
    color: var(--color-steel-blue);
}

.avatar {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 20px;
}
@media (max-width: 1680px) {
    .avatar {
        width: 180px;
        height: 180px;
    }
}
@media (max-width: 1240px) {
    .avatar {
        border-radius: 5px;
    }
}
@media (max-width: 767px) {
    .avatar {
        width: 150px;
        height: 150px;
        border-radius: 12px;
    }
}

.avatar-label {
    display: contents;
}

.avatar-preview {
    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;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: url("../../assets/img/icon/foto.svg") no-repeat center center/contain, #d3eafe;
    background-size: 85px 85px;
}
@media (max-width: 1680px) {
    .avatar-preview {
        background-size: 78px 78px;
    }
}
@media (max-width: 767px) {
    .avatar-preview {
        background-size: 55px 55px;
    }
}
.avatar-preview img,
.avatar-preview svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.avatar-buttons-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border-radius: 0 0 0 10px;
    background: #f3f6fb;
    padding: 5px 15px 5px 10px;
}
@media (max-width: 767px) {
    .avatar-buttons-row {
        padding: 4px 8px;
        border-radius: 0 0 0 8px;
    }
}

.avatar-btn {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.avatar-btn img,
.avatar-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .avatar-btn {
        width: 20px;
        height: 20px;
    }
}
@media (hover: hover) {
    .avatar-btn:hover {
        opacity: 0.8;
    }
}
@media (hover: none) {
    .avatar-btn:active {
        opacity: 0.8;
    }
}
.avatar-btn:active {
    opacity: 0.8;
}

.avatar-btn + .avatar-btn {
    margin-left: 10px;
}

.tab-box {
    display: none;
}

.tab-box.tab--active {
    display: block;
}

.tabs-head {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-right: 15px;
}
.tabs-head::-webkit-scrollbar {
    display: none;
}
@media (max-width: 767px) {
    .tabs-head {
        padding: 8px;
        margin-bottom: 8px;
        border-radius: 16px;
        background: #F3F6FB;
    }
}

.tab-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
}
@media (max-width: 767px) {
    .tab-row {
        margin-left: 0;
        margin-right: auto;
        gap: 4px;
    }
}

.tab__label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    position: relative;
}
.tab__label:first-child {
    margin-right: 0;
}
@media (max-width: 767px) {
    .tab__label {
        margin-right: 0;
    }
}
@media (hover: hover) {
    .tab__label:hover {
        z-index: 2;
    }
}
@media (hover: none) {
    .tab__label:active {
        z-index: 2;
    }
}
.tab__label:active {
    z-index: 2;
}

.tab__label.is-active {
    z-index: 3;
    /*order: 1;*/
}

.tab__label-span {
    padding: 14px 32px;
    color: #181830;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.36px;
    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;
    background: #f3f6fb;
    border-radius: 16px 16px 0px 0px;
    border-top: 1px solid #bdbbcd;
    border-right: 1px solid #bdbbcd;
    border-left: 1px solid #bdbbcd;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    white-space: nowrap;
}
@media (max-width: 1680px) {
    .tab__label-span {
        padding: 12px 28px;
        font-size: 14px;
        border-radius: 14px 14px 0px 0px;
    }
}
@media (max-width: 1240px) {
    .tab__label-span {
        padding: 10px 24px;
    }
}
@media (max-width: 767px) {
    .tab__label-span {
        padding: 12px 18px;
        border-radius: 10px;
        border: 1px solid #bdbbcd;
    }
}
@media (hover: hover) {
    .tab__label-span:hover {
        color: #fff;
        background: #6b6ee8;
        border-color: #6b6ee8;
    }
}
@media (hover: none) {
    .tab__label-span:active {
        color: #fff;
        background: #6b6ee8;
        border-color: #6b6ee8;
    }
}
.tab__label-span:active {
    color: #fff;
    background: #6b6ee8;
    border-color: #6b6ee8;
}

input:checked ~ .tab__label-span {
    color: #fff;
    background: #6b6ee8;
}

.video__container {
    position: relative;
    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;
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .video__container {
        border-radius: 5px;
    }
}
.video__container video,
.video__container iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .video__container video,
    .video__container iframe {
        border-radius: 5px;
    }
}
.video__container::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 48, 0.6)), to(rgba(24, 24, 48, 0.6)));
    background: -o-linear-gradient(bottom, rgba(24, 24, 48, 0.6) 0%, rgba(24, 24, 48, 0.6) 100%);
    background: linear-gradient(0deg, rgba(24, 24, 48, 0.6) 0%, rgba(24, 24, 48, 0.6) 100%);
    opacity: 1;
    z-index: 1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
}
.video__container::before {
    content: "";
    background: url("../../assets/img/icon/play.svg") no-repeat center center/contain;
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: 50px;
    height: 50px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 2;
}
@media (max-width: 1680px) {
    .video__container::before {
        width: 45px;
        height: 45px;
        left: 15px;
        bottom: 15px;
    }
}
@media (max-width: 1240px) {
    .video__container::before {
        width: 36px;
        height: 36px;
    }
}
@media (max-width: 767px) {
    .video__container::before {
        width: 32px;
        height: 32px;
        left: 10px;
        bottom: 10px;
    }
}
@media (hover: hover) {
    .video__container:hover::before {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@media (hover: none) {
    .video__container:active::before {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.video__container:active::before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.video__container.--pause::after {
    z-index: -1;
    opacity: 0;
}
.video__container.--pause::before {
    display: none;
}

.file-row-element {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .file-row-element {
        gap: 5px;
    }
}

.file__row-img {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .file__row-img {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .file__row-img {
        width: 16px;
        height: 16px;
    }
}

.file__row--btn {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.file__row--btn img,
.file__row--btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .file__row--btn {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .file__row--btn {
        width: 16px;
        height: 16px;
    }
}
@media (hover: hover) {
    .file__row--btn:hover {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .file__row--btn:active {
        opacity: 0.7;
    }
}
.file__row--btn:active {
    opacity: 0.7;
}

.file__row--name {
    word-break: break-all;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #47BE2C;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.file-text {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
    opacity: 0.6;
    padding-top: 8px;
}
@media (max-width: 1680px) {
    .file-text {
        font-size: 12px;
    }
}
@media (max-width: 1240px) {
    .file-text {
        padding-top: 4px;
    }
}
@media (max-width: 767px) {
    .file-text {
        padding-top: 8px;
    }
}

.file-row-element + .file-row-element {
    margin-top: 12px;
}

.creating-lesson__tabs {
    max-width: 420px;
    margin-top: 12px;
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    .creating-lesson__tabs {
        max-width: 100%;
    }
}

.file-drop {
    width: 500px;
    height: 500px;
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 200px;
    background: #f3f6fb;
    border-radius: 16px;
    margin-bottom: 24px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    isolation: isolate;
}
.file-drop img,
.file-drop svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 60px;
    height: 60px;
    position: relative;
    z-index: -2;
}
@media (max-width: 1680px) {
    .file-drop img,
    .file-drop svg {
        width: 48px;
        height: 48px;
    }
}
.file-drop::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.5;
    z-index: -1;
    border: 2px dashed #6B6EE8;
    border-radius: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
}
.file-drop::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: rgba(24, 24, 48, 0.1);
    left: 0;
    bottom: -12px;
}
@media (max-width: 767px) {
    .file-drop::after {
        bottom: -8px;
    }
}
@media (max-width: 1680px) {
    .file-drop {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .file-drop {
        margin-bottom: 16px;
    }
}

.file-drop-text {
    position: relative;
    z-index: -3;
}

.file-text {
    text-align: center;
    padding-top: 8px;
}

.file-image-box {
    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;
    aspect-ratio: 39/20;
}
@media (max-width: 1680px) {
    .file-image-box {
        aspect-ratio: 11/6;
    }
}
@media (max-width: 1240px) {
    .file-image-box {
        aspect-ratio: 20/11;
    }
}
@media (max-width: 767px) {
    .file-image-box {
        aspect-ratio: 72/35;
    }
}
.file-image-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 12px;
    overflow: hidden;
}

.checkbox-tree-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: -11;
}

.checkbox-tree-check-span.label-check-span {
    padding: 0;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .checkbox-tree-check-span.label-check-span {
        width: 20px;
        height: 20px;
    }
}
.checkbox-tree-check-span.label-check-span::after, .checkbox-tree-check-span.label-check-span::before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .checkbox-tree-check-span.label-check-span::after, .checkbox-tree-check-span.label-check-span::before {
        width: 20px;
        height: 20px;
    }
}

.message-arhive {
    position: fixed;
    z-index: 33;
    bottom: 100px;
    right: 20px;
    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;
    padding: 24px;
    background: #ffffff;
    -webkit-box-shadow: 15px 15px 29px rgba(59, 59, 59, 0.09);
    box-shadow: 15px 15px 29px rgba(59, 59, 59, 0.09);
    border-radius: 24px;
    max-width: 350px;
    display: none;
}
@media (max-width: 1680px) {
    .message-arhive {
        max-width: 300px;
        padding: 20px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .message-arhive {
        max-width: 260px;
        padding: 18px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .message-arhive {
        padding: 12px;
        border-radius: 10px;
    }
}

.hidden {
    display: none;
}

.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fade-in-out 3s forwards;
    animation: fade-in-out 3s forwards;
}

@-webkit-keyframes fade-in-out {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    70% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }
}

@keyframes fade-in-out {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    70% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }
}
.message-arhive-img {
    width: 32px;
    height: 32px;
    margin-left: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.message-arhive-img img,
.message-arhive-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1680px) {
    .message-arhive-img {
        width: 28px;
        height: 28px;
    }
}
@media (max-width: 1240px) {
    .message-arhive-img {
        width: 24px;
        height: 24px;
    }
}

.air-datepicker-nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.air-datepicker-nav--title {
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
}
.air-datepicker-nav--title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
@media (max-width: 1680px) {
    .air-datepicker-nav--title {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .air-datepicker-nav--title {
        font-size: 18px;
    }
}
@media (hover: hover) {
    .air-datepicker-nav--title:hover {
        background: none;
        opacity: 0.7;
    }
}
@media (hover: none) {
    .air-datepicker-nav--title:active {
        background: none;
        opacity: 0.7;
    }
}
.air-datepicker-nav--title:active {
    background: none;
    opacity: 0.7;
}

.air-datepicker-nav--action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
}
.air-datepicker-nav--action::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: url("../../assets/img/icon/prev.svg") no-repeat center center/contain;
}
.air-datepicker-nav--action svg,
.air-datepicker-nav--action img {
    display: none;
}
@media (max-width: 1240px) {
    .air-datepicker-nav--action {
        width: 18px;
        height: 18px;
    }
}
@media (hover: hover) {
    .air-datepicker-nav--action:hover {
        background: none;
        opacity: 0.7;
    }
}
@media (hover: none) {
    .air-datepicker-nav--action:active {
        background: none;
        opacity: 0.7;
    }
}
.air-datepicker-nav--action:active {
    background: none;
    opacity: 0.7;
}

.air-datepicker-nav--title ~ .air-datepicker-nav--action::after {
    background: url("../../assets/img/icon/next.svg") no-repeat center center/contain;
}

.air-datepicker.-inline- {
    border: none;
    width: 100%;
}

.air-datepicker-nav {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-color: rgba(24, 24, 48, 0.1);
    padding-top: 0;
}
@media (max-width: 1680px) {
    .air-datepicker-nav {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 1240px) {
    .air-datepicker-nav {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}

.air-datepicker-body--day-name {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
    text-transform: capitalize;
}
@media (max-width: 1680px) {
    .air-datepicker-body--day-name {
        font-size: 12px;
    }
}

.air-datepicker-cell {
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    color: #181830;
    width: 32px;
    height: 32px;
    margin: auto;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: 1px solid rgba(0, 0, 0, 0);
}
@media (max-width: 1680px) {
    .air-datepicker-cell {
        font-size: 14px;
    }
}

.air-datepicker-cell.-day-.-current- {
    border: 1px solid #7C3AED;
    color: #7C3AED;
}

.air-datepicker-cell.-day-.-selected-,
.air-datepicker-cell.-day-.-focus- {
    background: #7C3AED;
    color: #ffffff;
    border: 1px solid #7C3AED;
}

.air-datepicker-body--day-names {
    -ms-grid-columns: (44px)[7];
    grid-template-columns: repeat(7, 44px);
    gap: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 1240px) {
    .air-datepicker-body--day-names {
        gap: 0;
    }
}

.air-datepicker--content {
    padding: 0;
}

.air-datepicker-body--cells.-days- {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-grid-columns: (44px)[7];
    grid-template-columns: repeat(7, 44px);
    grid-auto-rows: 44px;
    gap: 5px;
}
@media (max-width: 1240px) {
    .air-datepicker-body--cells.-days- {
        gap: 0;
    }
}

.air-datepicker-cell.-day-.-other-month- {
    color: #E8E8EB;
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 334;
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(101, 101, 101, 0.2);
    box-shadow: 0px 5px 20px 0px rgba(101, 101, 101, 0.2);
    padding: 15px 40px;
    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;
}
@media (max-width: 1240px) {
    .header {
        padding: 12px 20px;
    }
}

.header__logo {
    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;
    width: 285px;
}
.header__logo img,
.header__logo svg {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1680px) {
    .header__logo {
        width: 200px;
    }
}
@media (max-width: 767px) {
    .header__logo {
        width: 120px;
    }
}

.header__coll-inner {
    padding-right: 32px;
    margin-right: 32px;
    position: relative;
}
.header__coll-inner:nth-last-child(1) {
    padding-right: 0;
    margin-right: 0;
}
.header__coll-inner:nth-last-child(1)::after {
    height: 0;
}
.header__coll-inner::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 70px;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .header__coll-inner::after {
        height: 60px;
    }
}
@media (max-width: 1240px) {
    .header__coll-inner::after {
        height: 40px;
    }
}
@media (max-width: 767px) {
    .header__coll-inner::after {
        height: 30px;
    }
}
@media (max-width: 1680px) {
    .header__coll-inner {
        margin-right: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1240px) {
    .header__coll-inner {
        margin-right: 16px;
        padding-right: 16px;
    }
}
@media (max-width: 767px) {
    .header__coll-inner {
        margin-right: 12px;
        padding-right: 12px;
    }
}

.header__coll-inner {
    padding-top: 12px;
    padding-bottom: 12px;
}
@media (max-width: 1680px) {
    .header__coll-inner {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
@media (max-width: 1240px) {
    .header__coll-inner {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.header__contact-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header__coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header__coll-btn {
    padding: 10px 30px;
}
@media (max-width: 767px) {
    .header__coll-btn {
        padding: 8px;
    }
    .header__coll-btn span {
        display: none;
    }
}
.header__coll-btn svg,
.header__coll-btn img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: none;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .header__coll-btn svg,
    .header__coll-btn img {
        display: block;
    }
}
.header__coll-btn path,
.header__coll-btn rect {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .header__coll-btn:hover path,
    .header__coll-btn:hover rect {
        stroke: #ffffff;
    }
}
@media (hover: none) {
    .header__coll-btn:active path,
    .header__coll-btn:active rect {
        stroke: #ffffff;
    }
}
.header__coll-btn:active path,
.header__coll-btn:active rect {
    stroke: #ffffff;
}

@media (hover: hover) {
    .btn-full.header__coll-btn:hover path,
    .btn-full.header__coll-btn:hover rect {
        stroke: #181830;
    }
}
@media (hover: none) {
    .btn-full.header__coll-btn:active path,
    .btn-full.header__coll-btn:active rect {
        stroke: #181830;
    }
}
.btn-full.header__coll-btn:active path,
.btn-full.header__coll-btn:active rect {
    stroke: #181830;
}

.header__contact-inner + .header__contact-inner {
    padding-left: 15px;
}

.header__contact-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .header__contact-link {
        font-size: 16px;
    }
}
.header__contact-link svg,
.header__contact-link img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .header__contact-link svg,
    .header__contact-link img {
        width: 20px;
        height: 20px;
    }
}
.header__contact-link span {
    display: block;
    padding-left: 8px;
}
@media (max-width: 1680px) {
    .header__contact-link span {
        padding-left: 6px;
    }
}
@media (max-width: 1240px) {
    .header__contact-link span {
        display: none;
    }
}

@media (max-width: 1680px) {
    .header__coll-time .date-container {
        padding-left: 0;
        display: block;
        text-align: right;
        padding-top: 4px;
    }
    .header__coll-time .time-container {
        display: block;
        text-align: right;
    }
}
@media (max-width: 767px) {
    .header__coll-time {
        display: none;
    }
}

.header__avatar-name {
    color: #181830;
}

.header__avatar-id {
    padding-top: 2px;
    color: #47be2c;
}

.header__avatar-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.header__avatar-coll {
    padding-left: 12px;
}
@media (max-width: 1680px) {
    .header__avatar-coll {
        padding-left: 10px;
    }
}
@media (max-width: 1240px) {
    .header__avatar-coll {
        display: none;
    }
}

.header__avatar-img {
    border-radius: 50%;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: url("../../assets/img/icon/avatar.svg") no-repeat center center/contain, #D3EAFE;
    background-size: 70% 70%;
}
.header__avatar-img img,
.header__avatar-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}
@media (max-width: 1680px) {
    .header__avatar-img {
        width: 36px;
        height: 36px;
    }
}
@media (max-width: 767px) {
    .header__avatar-img {
        width: 24px;
        height: 24px;
    }
}

.header__avatar-id.gray {
    color: #bdbbcd;
}

.regist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    padding: 50px 20px;
    margin-top: 100px;
    min-height: calc(100vh - 100px);
}
@media (max-width: 1680px) {
    .regist {
        margin-top: 90px;
        min-height: calc(100vh - 90px);
    }
}
@media (max-width: 1240px) {
    .regist {
        margin-top: 65px;
        min-height: calc(100vh - 65px);
    }
}
@media (max-width: 767px) {
    .regist {
        padding: 30px 20px;
    }
}

.regist-form + .regist-form {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .regist-form + .regist-form {
        margin-top: 15px;
    }
}

.regist-form {
    margin: auto;
    border-radius: 24px;
    background: #ffffff;
    padding: 24px;
    width: 540px;
}
@media (max-width: 1680px) {
    .regist-form {
        width: 450px;
        padding: 20px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .regist-form {
        width: 478px;
        padding: 18px;
        border-radius: 18px;
    }
}
@media (max-width: 592px) {
    .regist-form {
        width: 100%;
        padding: 16px;
        border-radius: 16px;
    }
}

.regist-form-entry {
    width: 460px;
}
@media (max-width: 1680px) {
    .regist-form-entry {
        width: 404px;
    }
}
@media (max-width: 1240px) {
    .regist-form-entry {
        width: 478px;
        padding: 18px;
    }
}
@media (max-width: 592px) {
    .regist-form-entry {
        width: 100%;
    }
}

.regist-form-title {
    text-align: center;
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.regist-form-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
    height: 1px;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .regist-form-title::after {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .regist-form-title::after {
        width: 120px;
    }
}
@media (max-width: 1680px) {
    .regist-form-title {
        margin-bottom: 14px;
        padding-bottom: 14px;
    }
}
@media (max-width: 1240px) {
    .regist-form-title {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
}
@media (max-width: 767px) {
    .regist-form-title {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }
}

.regist__form-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    min-width: 200px;
}
@media (max-width: 1680px) {
    .regist__form-btn {
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .regist__form-btn {
        min-width: 150px;
    }
}
@media (max-width: 767px) {
    .regist__form-btn {
        margin-top: 15px;
        min-width: 145px;
    }
}

.regist__form-text {
    text-align: center;
    margin-top: 12px;
    padding-top: 12px;
    position: relative;
    line-height: 110%;
}
.regist__form-text::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
    height: 1px;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .regist__form-text::after {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .regist__form-text::after {
        width: 120px;
    }
}
@media (max-width: 1680px) {
    .regist__form-text {
        margin-top: 10px;
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    .regist__form-text {
        margin-top: 8px;
        padding-top: 8px;
    }
}

.regist-form-img {
    margin-left: auto;
    margin-right: auto;
    width: 90px;
    height: 90px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}
@media (max-width: 1680px) {
    .regist-form-img {
        width: 80px;
        height: 80px;
    }
}
@media (max-width: 1240px) {
    .regist-form-img {
        width: 60px;
        height: 60px;
    }
}
@media (max-width: 767px) {
    .regist-form-img {
        width: 48px;
        height: 48px;
    }
}

.regist__form-link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    text-decoration-line: underline;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
}
@media (max-width: 1680px) {
    .regist__form-link {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .regist__form-link {
        font-size: 12px;
    }
}
@media (hover: hover) {
    .regist__form-link:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .regist__form-link:active {
        text-decoration: none;
    }
}
.regist__form-link:active {
    text-decoration: none;
}

.regist__form-inner + .regist__form-inner {
    margin-top: 16px;
}
@media (max-width: 1680px) {
    .regist__form-inner + .regist__form-inner {
        margin-top: 12px;
    }
}
@media (max-width: 1240px) {
    .regist__form-inner + .regist__form-inner {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .regist__form-inner + .regist__form-inner {
        margin-top: 12px;
    }
}

.panel {
    overflow: clip;
    padding-right: 40px;
    padding-left: 145px;
    margin-top: 100px;
    min-height: calc(100vh - 100px);
    padding: 40px 40px 40px 145px;
}
@media (max-width: 1680px) {
    .panel {
        padding-left: 125px;
        margin-top: 90px;
        min-height: calc(100vh - 90px);
    }
}
@media (max-width: 1240px) {
    .panel {
        padding: 30px 20px 130px 20px;
        margin-top: 65px;
        min-height: calc(100vh - 65px);
    }
}
@media (max-width: 767px) {
    .panel {
        padding-top: 20px;
    }
}

.panel-nav {
    width: 120px;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 333;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-top: 100px;
}
.panel-nav::-webkit-scrollbar {
    display: none;
}
@media (max-width: 1680px) {
    .panel-nav {
        width: 101px;
        padding-top: 90px;
    }
}
@media (max-width: 1240px) {
    .panel-nav {
        height: auto;
        width: 100%;
        overflow: initial;
        top: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-top: 0;
        padding-left: 16px;
        padding-right: 16px;
    }
    .panel-nav::after, .panel-nav::before {
        content: "";
        width: 16px;
        height: calc(100% - 30px);
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 16px 0 0 0;
        background: #6b6ee8;
    }
    .panel-nav::before {
        left: auto;
        right: 0;
        border-radius: 0 16px 0 0;
    }
}

.panel__nav-container {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    isolation: isolate;
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
}
.panel__nav-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 130px;
    -webkit-mask: url("../../assets/img/panel/panel-top.svg");
    mask: url("../../assets/img/panel/panel-top.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    top: 0;
    left: 0;
    background: #6b6ee8;
    z-index: -2;
}
@media (max-width: 1680px) {
    .panel__nav-container::after {
        height: 116px;
    }
}
@media (max-width: 1240px) {
    .panel__nav-container::after {
        -webkit-mask: initial;
        mask: initial;
        width: 0;
    }
}
.panel__nav-container::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 130px;
    -webkit-mask: url("../../assets/img/panel/panel-bottom.svg");
    mask: url("../../assets/img/panel/panel-bottom.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    bottom: 0;
    left: 0;
    background: #6b6ee8;
    z-index: -2;
}
@media (max-width: 1680px) {
    .panel__nav-container::before {
        height: 116px;
    }
}
@media (max-width: 1240px) {
    .panel__nav-container::before {
        -webkit-mask: initial;
        mask: initial;
        width: 0;
    }
}
@media (max-width: 1680px) {
    .panel__nav-container {
        padding-top: 116px;
        padding-bottom: 116px;
    }
}
@media (max-width: 1240px) {
    .panel__nav-container {
        padding-top: 30px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
}

.panel__nav-inner {
    padding-left: 13px;
    padding-right: 13px;
}
@media (max-width: 1680px) {
    .panel__nav-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .panel__nav-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.panel__nav-list + .panel__nav-list,
.panel__nav-inner + .panel__nav-inner {
    padding-top: 25px;
}
@media (max-width: 1680px) {
    .panel__nav-list + .panel__nav-list,
    .panel__nav-inner + .panel__nav-inner {
        padding-top: 22px;
    }
}
@media (max-width: 1240px) {
    .panel__nav-list + .panel__nav-list,
    .panel__nav-inner + .panel__nav-inner {
        padding-top: 0;
    }
}

.panel__nav-list {
    background: #6b6ee8;
}
@media (max-width: 1240px) {
    .panel__nav-list {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        background: none;
    }
}

.panel__nav-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.28px;
    text-align: center;
    padding-top: 8px;
    color: #ffffff;
}
@media (max-width: 1680px) {
    .panel__nav-text {
        font-size: 12px;
        padding-top: 5px;
    }
}
@media (max-width: 1240px) {
    .panel__nav-text {
        margin-bottom: 0;
        margin-top: auto;
    }
}

.panel__nav-icon {
    width: 23px;
    height: 23px;
    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-left: auto;
    margin-right: auto;
    position: relative;
}
.panel__nav-icon img,
.panel__nav-icon svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .panel__nav-icon img,
    .panel__nav-icon svg {
        width: 22px;
        height: 22px;
    }
}
@media (max-width: 767px) {
    .panel__nav-icon img,
    .panel__nav-icon svg {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 1680px) {
    .panel__nav-icon {
        width: 21px;
        height: 21px;
    }
}
@media (max-width: 1240px) {
    .panel__nav-icon {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        top: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.panel__nav-icon::after {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
}
@media (max-width: 767px) {
    .panel__nav-icon::after {
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
    }
}

.panel__nav-number {
    position: absolute;
    left: 10px;
    top: -10px;
    padding: 2px 4px;
    background: #ff8075;
    border-radius: 10px;
    height: 17px;
    min-width: 17px;
    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;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.24px;
    color: #ffffff;
}
@media (max-width: 1680px) {
    .panel__nav-number {
        font-size: 11px;
        height: 15px;
        min-width: 15px;
    }
}
@media (max-width: 1240px) {
    .panel__nav-number {
        font-size: 10px;
        height: 13px;
        min-width: 13px;
        top: -5px;
    }
}
@media (max-width: 767px) {
    .panel__nav-number {
        height: 11px;
        min-width: 11px;
        left: 10px;
    }
}

.panel__nav-link {
    display: block;
}
.panel__nav-link path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (min-width: 767px) and (hover: hover) {
    .panel__nav-link:hover .panel__nav-icon::after {
        opacity: 1;
    }
    .panel__nav-link:hover .panel__nav-icon path {
        opacity: 1;
        fill: #ff8075;
    }
    .panel__nav-link:hover .panel__nav-icon .svg-opacity {
        opacity: 0.4;
    }
    .panel__nav-link:hover .panel__nav-icon .rec-opacity {
        fill-opacity: 0.4;
        fill: #ff8075;
    }
    .panel__nav-link:hover .panel__nav-icon .path-stroke {
        opacity: 1;
        stroke: #ff8075;
    }
}
@media (min-width: 767px) and (hover: none) {
    .panel__nav-link:active .panel__nav-icon::after {
        opacity: 1;
    }
    .panel__nav-link:active .panel__nav-icon path {
        opacity: 1;
        fill: #ff8075;
    }
}
@media (min-width: 767px) {
    .panel__nav-link:active .panel__nav-icon path {
        fill: #ff8075;
        opacity: 1;
    }
    .panel__nav-link:active .panel__nav-icon::after {
        opacity: 1;
    }
}
@media (max-width: 1240px) {
    .panel__nav-link {
        padding: 30px 10px 10px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }
}

@media (min-width: 1240px) {
    .panel__nav-link.--active .panel__nav-icon::after {
        opacity: 1;
    }
}
@media (min-width: 1240px) and (hover: hover) {
    .panel__nav-link.--active:hover .panel__nav-icon::after {
        opacity: 1;
    }
    .panel__nav-link.--active:hover .panel__nav-icon path {
        opacity: 1;
        fill: #ff8075;
    }
}
@media (min-width: 1240px) and (hover: none) {
    .panel__nav-link.--active:active .panel__nav-icon::after {
        opacity: 1;
    }
    .panel__nav-link.--active:active .panel__nav-icon path {
        opacity: 1;
        fill: #ff8075;
    }
}
@media (min-width: 1240px) {
    .panel__nav-link.--active:active .panel__nav-icon path {
        fill: #ff8075;
        opacity: 1;
    }
    .panel__nav-link.--active:active .panel__nav-icon::after {
        opacity: 1;
    }
}
@media (max-width: 1240px) {
    .panel__nav-link.--active {
        position: relative;
        background: none;
        height: 100%;
    }
    .panel__nav-link.--active .panel__nav-icon {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        top: -5px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
    .panel__nav-link.--active .panel__nav-number {
        left: 20px;
        top: 5px;
    }
}

.panel-box {
    border-radius: 24px;
    background: #ffffff;
    padding: 24px;
}
@media (max-width: 1680px) {
    .panel-box {
        border-radius: 20px;
        padding: 20px;
    }
}
@media (max-width: 1240px) {
    .panel-box {
        padding: 18px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .panel-box {
        padding: 16px;
        border-radius: 8px;
    }
}

.panel-box-wrapp {
    margin-top: 32px;
}
@media (max-width: 1680px) {
    .panel-box-wrapp {
        margin-top: 28px;
    }
}
@media (max-width: 1240px) {
    .panel-box-wrapp {
        margin-top: 24px;
    }
}
@media (max-width: 767px) {
    .panel-box-wrapp {
        margin-top: 16px;
    }
}

.panel-notification-back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.25);
    z-index: 5;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: -333;
    opacity: 0;
    padding: 32px 180px;
}
@media (max-width: 1680px) {
    .panel-notification-back {
        padding: 32px 125px;
    }
}
@media (max-width: 1240px) {
    .panel-notification-back {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .panel-notification-back {
        padding: 80px 0 0 0;
    }
}

.panel-notification-back.is-active {
    opacity: 1;
    z-index: 334;
}
.panel-notification-back.is-active .panel-notification {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 767px) {
    .panel-notification-back.is-active {
        z-index: 32;
    }
}

.panel-notification {
    width: 593px;
    margin: auto;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
    opacity: 0;
}
@media (max-width: 1680px) {
    .panel-notification {
        width: 441px;
    }
}
@media (max-width: 767px) {
    .panel-notification {
        width: 100%;
        margin-top: auto;
        margin-bottom: 0;
    }
}

.panel__notification-header {
    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;
}

.panel__notification-close {
    width: 36px;
    height: 36px;
    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: 2px solid rgba(241, 167, 184, 0.4);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.panel__notification-close svg,
.panel__notification-close img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.panel__notification-close path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1680px) {
    .panel__notification-close {
        width: 32.002px;
        height: 32.002px;
    }
}
@media (max-width: 1240px) {
    .panel__notification-close {
        width: 28px;
        height: 28px;
    }
}
@media (max-width: 767px) {
    .panel__notification-close {
        width: 24px;
        height: 24px;
    }
}
@media (hover: hover) {
    .panel__notification-close:hover .panel__notification-close-svg-back {
        opacity: 0;
    }
}
@media (hover: none) {
    .panel__notification-close:active .panel__notification-close-svg-back {
        opacity: 0;
    }
}
.panel__notification-close:active .panel__notification-close-svg-back {
    opacity: 0;
}

.panel__notification-row {
    border-radius: 24px;
    background: #f3f6fb;
    padding: 5px 5px 5px 90px;
    isolation: isolate;
    position: relative;
}
@media (max-width: 1680px) {
    .panel__notification-row {
        border-radius: 20px;
        padding-left: 40px;
    }
}
@media (max-width: 1240px) {
    .panel__notification-row {
        border-radius: 18px;
        padding-left: 35px;
    }
}
@media (max-width: 767px) {
    .panel__notification-row {
        padding: 8px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 32px 1fr;
        grid-template-columns: 32px 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
    }
}

.panel__notification-row + .panel__notification-row {
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .panel__notification-row + .panel__notification-row {
        margin-top: 10px;
    }
}
@media (max-width: 1240px) {
    .panel__notification-row + .panel__notification-row {
        margin-top: 8px;
    }
}

.panel__notification-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: auto;
    height: 100%;
    max-height: 120px;
}
@media (max-width: 1680px) {
    .panel__notification-img {
        max-height: 60px;
    }
}
@media (max-width: 1240px) {
    .panel__notification-img {
        max-height: 55px;
    }
}
@media (max-width: 767px) {
    .panel__notification-img {
        height: 32px;
        height: 32px;
        position: static;
    }
}
.panel__notification-img img,
.panel__notification-img svg {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .panel__notification-img img,
    .panel__notification-img svg {
        width: 100%;
    }
}

.panel__notification-coll {
    position: relative;
    border-radius: 24px;
    background: #ffffff;
    padding: 10px 18px;
    -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
}
@media (max-width: 1680px) {
    .panel__notification-coll {
        padding: 10px 16px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .panel__notification-coll {
        padding: 10px 14px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .panel__notification-coll {
        padding: 16px;
        border-radius: 8px;
    }
}

.panel__notific-check {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -333;
    opacity: 0;
    width: 0;
    overflow: hidden;
    z-index: -333;
}

.panel__notific-text {
    margin-top: 8px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width: 1680px) {
    .panel__notific-text {
        margin-top: 6px;
    }
}
@media (max-width: 1240px) {
    .panel__notific-text {
        margin-top: 4px;
    }
}
@media (max-width: 767px) {
    .panel__notific-text {
        margin-top: 8px;
    }
}

input:checked ~ .panel__notific-text {
    display: block;
}

.panel__notific-label {
    cursor: pointer;
    color: #6b6ee8;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.panel__notific-label::after {
    content: "Развернуть";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
}
@media (max-width: 1680px) {
    .panel__notific-label::after {
        font-size: 14px;
    }
}
@media (max-width: 1680px) {
    .panel__notific-label {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .panel__notific-label:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .panel__notific-label:active {
        text-decoration: none;
    }
}
.panel__notific-label:active {
    text-decoration: none;
}

input:checked ~ .panel__notific-label::after,
input:checked ~ .panel__notific-row .panel__notific-label::after {
    content: "Свернуть";
}

.panel__notific-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .panel__notific-row {
        margin-top: 10px;
    }
}
@media (max-width: 1240px) {
    .panel__notific-row {
        margin-top: 8px;
    }
}
@media (max-width: 767px) {
    .panel__notific-row {
        margin-top: 12px;
    }
}

.panel__notific-date {
    color: #bdbbcd;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.28px;
}
@media (max-width: 1680px) {
    .panel__notific-date {
        font-size: 12px;
    }
}

.panel__notification-body {
    padding-right: 5px;
    overflow: auto;
    height: 485px;
}
@media (max-width: 1680px) {
    .panel__notification-body {
        height: 440px;
    }
}
@media (max-width: 1240px) {
    .panel__notification-body {
        height: 420px;
    }
}
@media (max-width: 767px) {
    .panel__notification-body {
        height: calc(100vh - 305px);
    }
}

.panel__notification-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}
@media (max-width: 1680px) {
    .panel__notification-btn {
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .panel__notification-btn {
        margin-top: 18px;
    }
}
@media (max-width: 767px) {
    .panel__notification-btn {
        margin-top: 15px;
    }
}

.panel-notification {
    padding-right: 19px;
}
@media (max-width: 1680px) {
    .panel-notification {
        padding-right: 15px;
    }
}
@media (max-width: 1240px) {
    .panel-notification {
        padding-right: 13px;
    }
}
@media (max-width: 767px) {
    .panel-notification {
        padding-right: 11px;
        padding-bottom: 110px;
        border-radius: 8px 8px 0 0;
    }
}

.panel__notification-row.--allert .panel__notification-coll {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(107, 110, 232, 0.1)), to(rgba(107, 110, 232, 0.1))), #fff;
    background: -o-linear-gradient(bottom, rgba(107, 110, 232, 0.1) 0%, rgba(107, 110, 232, 0.1) 100%), #fff;
    background: linear-gradient(0deg, rgba(107, 110, 232, 0.1) 0%, rgba(107, 110, 232, 0.1) 100%), #fff;
}

.panel__absence-box {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    height: 700px;
}
@media (max-width: 1240px) {
    .panel__absence-box {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .panel__absence-box {
        height: 350px;
    }
}

.panel__absence-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 170px;
    height: 170px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1680px) {
    .panel__absence-img {
        width: 160px;
        height: 160px;
    }
}
@media (max-width: 1240px) {
    .panel__absence-img {
        width: 140px;
        height: 140px;
    }
}
@media (max-width: 767px) {
    .panel__absence-img {
        width: 90px;
        height: 90px;
    }
}

.panel__absence-text {
    letter-spacing: 0.36px;
    color: #bdbbcd;
    padding-top: 24px;
    text-align: center;
}
@media (max-width: 1680px) {
    .panel__absence-text {
        padding-top: 20px;
    }
}
@media (max-width: 1240px) {
    .panel__absence-text {
        padding-top: 18px;
    }
}
@media (max-width: 767px) {
    .panel__absence-text {
        padding-top: 12px;
    }
}

.panel__absence-notification {
    height: 440px;
}
@media (max-width: 1240px) {
    .panel__absence-notification {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .panel__absence-notification {
        height: 350px;
    }
}

.panel-title {
    letter-spacing: 0.66px;
    line-height: 110%;
    padding-bottom: 30px;
}
@media (max-width: 1240px) {
    .panel-title {
        padding-bottom: 28px;
    }
}
@media (max-width: 767px) {
    .panel-title {
        padding-bottom: 15px;
    }
}

.panel__nav-container {
    isolation: isolate;
}

.panel__nav-indicator {
    display: none;
    min-width: 60px;
    height: calc(100% - 30px);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 1240px) {
    .panel__nav-indicator {
        display: block;
    }
}
.panel__nav-indicator::after, .panel__nav-indicator::before {
    content: "";
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    background: #6b6ee8;
    position: absolute;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: -1;
}
.panel__nav-indicator::before {
    left: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.panel__nav-indicator-back {
    background: #6b6ee8;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 200px;
    width: 100%;
    height: 100%;
    -webkit-mask: url("../../assets/img/panel/table-back.svg");
    mask: url("../../assets/img/panel/table-back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    mask-position: center top;
}
@media (max-width: 767px) {
    .panel__nav-indicator-back {
        -webkit-mask: url("../../assets/img/panel/mobile-back.svg");
        mask: url("../../assets/img/panel/mobile-back.svg");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center top;
        mask-position: center top;
    }
}

.panel__nav-indicator-modifier .panel__nav-indicator-circle {
    opacity: 0;
}
.panel__nav-indicator-modifier .panel__nav-indicator-back {
    -webkit-mask: initial;
    mask: initial;
}
@media (max-width: 767px) {
    .panel__nav-indicator-modifier .panel__nav-indicator-back {
        -webkit-mask: initial;
        mask: initial;
    }
}

.panel-nav.panel-indicator-controll .panel__nav-indicator-circle {
    opacity: 1;
}
.panel-nav.panel-indicator-controll .panel__nav-indicator-back {
    -webkit-mask: url("../../assets/img/panel/table-back.svg");
    mask: url("../../assets/img/panel/table-back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    mask-position: center top;
}
@media (max-width: 767px) {
    .panel-nav.panel-indicator-controll .panel__nav-indicator-back {
        -webkit-mask: url("../../assets/img/panel/mobile-back.svg");
        mask: url("../../assets/img/panel/mobile-back.svg");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center top;
        mask-position: center top;
    }
}

.panel__nav-indicator-circle {
    position: absolute;
    left: 50%;
    top: -30px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    background: #6b6ee8;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
@media (max-width: 767px) {
    .panel__nav-indicator-circle {
        width: 40px;
        height: 40px;
        top: -26px;
    }
}

@media (max-width: 1240px) {
    .panel__nav-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}

@media (max-width: 1240px) {
    .panel__nav-list {
        display: contents;
    }
}
.panel__btns-contrall-box {
    display: none;
}
@media (max-width: 767px) {
    .panel__btns-contrall-box {
        display: block;
    }
}

.panel__nav-btn {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.24px;
    height: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.panel__nav-btn span {
    display: block;
    padding-top: 2px;
}
.panel__nav-btn::before {
    content: "";
    position: relative;
    background: url("../../assets/img/panel/doots.svg") no-repeat center center/contain;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.panel__nav-btn::after {
    content: "Еще";
    padding-top: 2px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.24px;
}

.panel__nav-btn.is-active::before {
    background: url("../../assets/img/panel/arrow.svg") no-repeat center center/contain;
}
.panel__nav-btn.is-active::after {
    content: "Закрыть";
}

.panel__hidden-menu {
    position: absolute;
    width: 100vw;
    padding: 35px 20px 75px 20px;
    border-radius: 16px 16px 0 0;
    background: #6b6ee8;
    left: 0;
    bottom: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    display: none;
}
@media (max-width: 767px) {
    .panel__hidden-menu {
        display: -ms-grid;
        display: grid;
    }
}

.panel__hidden-menu-inner {
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.panel__hidden-close {
    border-radius: 5px;
    opacity: 0.4;
    background: #ffffff;
    width: 60px;
    height: 3px;
}

.panel-nav.is-active .panel__hidden-menu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 1;
}

@media (max-width: 767px) {
    .panel-nav-additional-menu .panel__nav-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}

@media (max-width: 767px) {
    .panel-nav-additional-menu.is-active .panel__nav-indicator {
        opacity: 0;
    }
    .panel-nav-additional-menu.is-active .panel__nav-link.--active .panel__nav-icon {
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@media (max-width: 767px) {
    .hidden-indicator .panel__nav-indicator {
        display: none;
    }
    .hidden-indicator::after, .hidden-indicator::before {
        height: 100%;
    }
    .hidden-indicator .panel__nav-container {
        padding-top: 0;
        background: #6b6ee8;
        overflow: initial;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
    .hidden-indicator .panel__nav-link.--active .panel__nav-icon {
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .hidden-indicator .panel__nav-link.--active .panel__nav-text {
        color: #ff8075;
    }
}

.panel-cart {
    position: relative;
    background: #f3f6fb;
    border-radius: 24px;
    padding: 5px 5px 5px 120px;
    isolation: isolate;
}
@media (max-width: 1680px) {
    .panel-cart {
        padding-left: 110px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .panel-cart {
        border-radius: 18px;
        padding-left: 90px;
    }
}
@media (max-width: 767px) {
    .panel-cart {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 32px 1fr;
        grid-template-columns: 32px 1fr;
        padding: 8px;
        border-radius: 8px;
        gap: 4px;
    }
}

.panel-cart + .panel-cart {
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .panel-cart + .panel-cart {
        margin-top: 10px;
    }
}

.panel-cart-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: auto;
    z-index: -1;
}
.panel-cart-img img,
.panel-cart-img svg {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .panel-cart-img img,
    .panel-cart-img svg {
        height: auto;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .panel-cart-img {
        height: auto;
        width: 100%;
        position: relative;
    }
}

.panel-cart-wrapp {
    padding: 12px 16px;
    background: #ffffff;
    -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    border-radius: 24px;
}
@media (max-width: 1680px) {
    .panel-cart-wrapp {
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .panel-cart-wrapp {
        padding: 10px 12px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .panel-cart-wrapp {
        border-radius: 8px;
        padding: 8px;
    }
}

.panel-btn-prev {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: underline;
    color: #6b6ee8;
    margin-bottom: 8px;
}
@media (max-width: 1680px) {
    .panel-btn-prev {
        margin-bottom: 4px;
    }
}
@media (max-width: 767px) {
    .panel-btn-prev {
        margin-bottom: 16px;
    }
}
.panel-btn-prev svg,
.panel-btn-prev img {
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1680px) {
    .panel-btn-prev svg,
    .panel-btn-prev img {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 1240px) {
    .panel-btn-prev svg,
    .panel-btn-prev img {
        width: 14px;
        height: 14px;
    }
}
@media (max-width: 767px) {
    .panel-btn-prev svg,
    .panel-btn-prev img {
        width: 16px;
        height: 16px;
    }
}
@media (hover: hover) {
    .panel-btn-prev:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .panel-btn-prev:active {
        text-decoration: none;
    }
}
.panel-btn-prev:active {
    text-decoration: none;
}

@media (max-width: 572px) {
    .panel__nav-container-moder {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.--scroll.panel__nav-notif .panel__nav-icon::after {
    opacity: 0;
}

.is-active-panel.panel__nav-link .panel__nav-icon::after {
    opacity: 1;
}

.error-page-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 605px 603px;
    grid-template-columns: 605px 603px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1380px;
    margin-left: auto;
    margin-right: 135px;
    padding-top: 60px;
}
@media (max-width: 1750px) {
    .error-page-wrapp {
        margin-right: 0;
        padding-top: 0;
    }
}
@media (max-width: 1400px) {
    .error-page-wrapp {
        -ms-grid-columns: 1.1fr 1fr;
        grid-template-columns: 1.1fr 1fr;
        gap: 20px;
    }
}
@media (max-width: 760px) {
    .error-page-wrapp {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 600px) {
    .error-page-wrapp {
        display: block;
    }
}

.error-page-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    flex-shrink: 0;
}

.error-page-coll {
    padding: 80px 24px;
    background: #ffffff;
    border-radius: 24px;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    isolation: isolate;
}
@media (max-width: 1680px) {
    .error-page-coll {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 600px) {
    .error-page-coll {
        margin-top: 25px;
        padding: 108px 14px;
    }
}

.error-title-img {
    position: absolute;
    z-index: -1;
    left: 30px;
    top: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 70px;
}
@media (max-width: 1680px) {
    .error-title-img {
        width: 55px;
        left: 25px;
        top: 25px;
    }
}
@media (max-width: 1240px) {
    .error-title-img {
        width: 47px;
        top: 20px;
        left: 20px;
    }
}
@media (max-width: 767px) {
    .error-title-img {
        width: 40px;
        left: 15px;
        top: 15px;
    }
}

.error-title-img-2 {
    width: 417px;
    left: auto;
    right: 30px;
    top: auto;
    bottom: 30px;
}
@media (max-width: 1680px) {
    .error-title-img-2 {
        width: 340px;
        right: 25px;
        bottom: 25px;
    }
}
@media (max-width: 1240px) {
    .error-title-img-2 {
        width: 280px;
        right: 20px;
        bottom: 20px;
    }
}
@media (max-width: 767px) {
    .error-title-img-2 {
        width: 230px;
        right: 15px;
        bottom: 15px;
    }
}

.error-page-title {
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.error-page-title::after {
    content: "";
    width: 120px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .error-page-title {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}

.error-page-text {
    text-align: center;
}

.error__page-link {
    margin-top: 32px;
    width: 200px;
}
@media (max-width: 1240px) {
    .error__page-link {
        margin-top: 20px;
        width: 160px;
    }
}
@media (max-width: 767px) {
    .error__page-link {
        margin-top: 25px;
        width: 200px;
    }
}

.home__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: home__head;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.revision__home > .home__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
}

.home__buttons {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: home__buttons;
}

.home__date {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: home__date;
    height: 100%;
}

.home__info {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: home__info;
    margin-top: 30px;
    margin-right: 15px;
}

.revision__home > .home__info {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
}
@media (max-width: 1240px) {
    .home__info {
        margin-right: 0;
        margin-top: 20px;
    }
}

.home__cart {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: home__cart;
}

.revision__home > .home__cart {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
}

.home-panel-notification {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: home-panel-notification;
}

.revision__home > .home-panel-notification {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
}

.home {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    -ms-grid-columns: 1fr auto 285px 306px;
    grid-template-columns: 1fr auto 285px 306px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-template-areas: "home__head home__buttons home__buttons home__date" "home__info home__info home__cart home__cart" "home__info home__info home-panel-notification home-panel-notification";
}
@media (max-width: 1680px) {
    .home {
        -ms-grid-columns: 1fr auto 95px 240px;
        grid-template-columns: 1fr auto 95px 240px;
    }
}
@media (max-width: 1240px) {
    .home {
        -ms-grid-rows: auto auto 1fr auto;
        grid-template-rows: auto auto 1fr auto;
        -ms-grid-columns: 1fr 115px 260px;
        grid-template-columns: 1fr 115px 260px;
        grid-template-areas: "home__head home__head home__date" "home__cart home__buttons home__buttons" "home__info home__info home__info" "home-panel-notification home-panel-notification home-panel-notification";
    }
    .home__head {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .home__buttons {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
    }
    .home__date {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .home__info {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .home__cart {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    .home-panel-notification {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
}
@media (max-width: 767px) {
    .home {
        -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "home__head home__head home__head" " home__button-1 home__button-2 home__date" "home__cart home__cart home__cart" "home__info home__info home__info" "home-panel-notification home-panel-notification home-panel-notification";
        gap: 0 8px;
    }
    .home__head {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
    .home__date {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }
    .home__info {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
    .home__cart {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
    .home-panel-notification {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
}

@media (max-width: 767px) {
    .home__button-1 {
        grid-area: home__button-1;
    }
    .home__button-2 {
        grid-area: home__button-2;
    }
}
.home__text {
    padding-top: 15px;
}
@media (max-width: 1240px) {
    .home__text {
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    .home__text {
        padding-top: 8px;
    }
}

.home__buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-left: 30px;
}
@media (max-width: 1240px) {
    .home__buttons {
        gap: 20px;
        margin-left: 20px;
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .home__buttons {
        display: contents;
    }
}

.home__button {
    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;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: #ffffff;
    -webkit-box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
    border-radius: 24px;
    border: 1px solid rgba(0, 0, 0, 0);
    width: 280px;
    height: 240px;
}
@media (max-width: 1680px) {
    .home__button {
        border-radius: 20px;
        width: 210px;
        height: 185px;
    }
}
@media (max-width: 1240px) {
    .home__button {
        border-radius: 18px;
        width: 167px;
        height: 155px;
    }
}
@media (max-width: 767px) {
    .home__button {
        padding: 8px 10px;
        border-radius: 8px;
        width: 100%;
        height: 95px;
        margin-top: 15px;
    }
}
@media (hover: hover) {
    .home__button:hover {
        border-color: #6b6ee8;
    }
    .home__button:hover .home__button-name {
        color: #6b6ee8;
    }
}
@media (hover: none) {
    .home__button:active {
        border-color: #6b6ee8;
    }
    .home__button:active .home__button-name {
        color: #6b6ee8;
    }
}
.home__button:active {
    border-color: #6b6ee8;
}
.home__button:active .home__button-name {
    color: #6b6ee8;
}

.home__button.is-active {
    border-color: #6b6ee8;
}
.home__button.is-active .home__button-name {
    color: #6b6ee8;
}

.home__button-img {
    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-left: auto;
    margin-right: auto;
    width: 130px;
    height: 130px;
}
.home__button-img img,
.home__button-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1680px) {
    .home__button-img {
        width: 100px;
        height: 100px;
    }
}
@media (max-width: 1240px) {
    .home__button-img {
        width: 75px;
        height: 75px;
    }
}
@media (max-width: 767px) {
    .home__button-img {
        width: 32px;
        height: 32px;
    }
}

.home__button-name {
    text-align: center;
    padding-top: 15px;
    color: #181830;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1680px) {
    .home__button-name {
        padding-top: 10px;
    }
}
@media (max-width: 1240px) {
    .home__button-name {
        padding-top: 8px;
    }
}
@media (max-width: 767px) {
    .home__button-name {
        font-size: 12px;
        padding-top: 6px;
    }
}

.home__date {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 28px;
    height: 240px;
    padding: 20px 15px;
    background: #6B6EE8;
    -webkit-box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
    border-radius: 24px;
}
@media (max-width: 1680px) {
    .home__date {
        border-radius: 20px;
        height: 185px;
    }
}
@media (max-width: 1240px) {
    .home__date {
        padding: 18px;
        border-radius: 18px;
        height: 130px;
    }
}
@media (max-width: 767px) {
    .home__date {
        padding: 8px 16px;
        background: #6B6EE8;
        -webkit-box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
        box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        margin-left: 0;
        margin-top: 15px;
        height: 96px;
    }
}

.home__date-time {
    color: #ffffff;
    text-align: center;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: 107%;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.home__date-time::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 140px;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1240px) {
    .home__date-time::after {
        width: 193px;
    }
}
@media (max-width: 767px) {
    .home__date-time::after {
        width: 75px;
    }
}
@media (max-width: 1680px) {
    .home__date-time {
        font-size: 40px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 1240px) {
    .home__date-time {
        font-size: 32px;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}
@media (max-width: 767px) {
    .home__date-time {
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
}

.home__date-year {
    padding-top: 6px;
}
@media (max-width: 1240px) {
    .home__date-year {
        padding-top: 4px;
    }
}
@media (max-width: 767px) {
    .home__date-year {
        padding-top: 3px;
    }
}

.home__date-week,
.home__date-year {
    text-align: center;
    color: #ffffff;
}
@media (max-width: 767px) {
    .home__date-week,
    .home__date-year {
        font-size: 12px;
    }
}

.home__progress-circle {
    position: relative;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.home__progress-circle span {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #fff;
    position: absolute;
    z-index: 1;
    color: #f28caa;
    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;
}
@media (max-width: 1680px) {
    .home__progress-circle {
        width: 72px;
        height: 72px;
    }
}
@media (max-width: 1240px) {
    .home__progress-circle {
        width: 65px;
        height: 65px;
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .home__progress-circle {
        width: 40px;
        height: 40px;
        font-size: 10px;
    }
}

.home__info-document {
    display: inline-block;
    color: #bdbbcd;
    letter-spacing: 0.32px;
}
@media (max-width: 767px) {
    .home__info-document {
        font-size: 10px;
    }
}

.home__info-box-title {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
@media (max-width: 1680px) {
    .home__info-box-title {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
}
@media (max-width: 1240px) {
    .home__info-box-title {
        padding-bottom: 4px;
        margin-bottom: 4px;
    }
}
.home__info-box-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .home__info-box-title::after {
        width: 30px;
    }
}

.home__info-link {
    color: #47be2c;
    text-decoration-line: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .home__info-link:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .home__info-link:active {
        text-decoration: none;
    }
}
.home__info-link:active {
    text-decoration: none;
}

.home__info-btn {
    margin-top: 25px;
    min-width: 200px;
    line-height: 100%;
}
.home__info-btn span {
    padding-right: 5px;
}
@media (max-width: 767px) {
    .home__info-btn span {
        display: none;
        text-transform: capitalize;
    }
}
.home__info-btn span + span {
    padding-right: 0;
}
@media (max-width: 1680px) {
    .home__info-btn {
        margin-top: 18px;
        min-width: 170px;
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 1240px) {
    .home__info-btn {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        min-width: 160px;
    }
}
@media (max-width: 767px) {
    .home__info-btn {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 16px;
        min-width: 0;
    }
    .home__info-btn span + span {
        display: block;
    }
}

.home__info-button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 54px;
}
@media (max-width: 1680px) {
    .home__info-button {
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .home__info-button {
        margin-top: 18px;
    }
}
@media (max-width: 767px) {
    .home__info-button {
        margin-top: 15px;
    }
}

.home__info-footer {
    border-radius: 24px;
    background: #ffffff;
    padding: 12px;
    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: 12px;
}
@media (max-width: 1680px) {
    .home__info-footer {
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .home__info-footer {
        border-radius: 18px;
        padding: 10px;
        gap: 10px;
    }
}
@media (max-width: 767px) {
    .home__info-footer {
        padding: 8px;
        border-radius: 8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
    }
}

@media (max-width: 767px) {
    .home__info-footer-title {
        text-align: center;
    }
}

.home__info-footer-text {
    padding-top: 4px;
}
@media (max-width: 767px) {
    .home__info-footer-text {
        text-align: center;
    }
}

.home__info-footer-coll {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
}
.home__info-footer-coll::after, .home__info-footer-coll::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 33px;
    height: 1px;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .home__info-footer-coll::after, .home__info-footer-coll::before {
        width: 18px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.home__info-footer-coll::before {
    top: auto;
    bottom: 0;
}

.home__info-row {
    position: relative;
    background: #f3f6fb;
    border-radius: 24px;
    padding: 5px 5px 5px 120px;
    isolation: isolate;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 205px;
    grid-template-columns: 1fr 205px;
    gap: 5px;
}
@media (max-width: 1680px) {
    .home__info-row {
        padding-left: 110px;
        border-radius: 20px;
        -ms-grid-columns: 1fr 185px;
        grid-template-columns: 1fr 185px;
    }
}
@media (max-width: 1240px) {
    .home__info-row {
        border-radius: 18px;
        padding-left: 90px;
        -ms-grid-columns: 1fr 175px;
        grid-template-columns: 1fr 175px;
    }
}
@media (max-width: 767px) {
    .home__info-row {
        -ms-grid-columns: 32px 1fr auto;
        grid-template-columns: 32px 1fr auto;
        padding: 8px;
        border-radius: 8px;
        gap: 4px;
    }
}

.home__info-box {
    padding: 12px 16px;
    background: #ffffff;
    -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    border-radius: 24px;
}
@media (max-width: 1680px) {
    .home__info-box {
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .home__info-box {
        padding: 10px 12px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .home__info-box {
        border-radius: 8px;
        padding: 8px;
    }
}

.home__info-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: auto;
    z-index: -1;
}
.home__info-img img,
.home__info-img svg {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .home__info-img img,
    .home__info-img svg {
        height: auto;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .home__info-img {
        height: auto;
        width: 100%;
        position: relative;
    }
}

.home__info-row + .home__info-row {
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .home__info-row + .home__info-row {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .home__info-row + .home__info-row {
        margin-top: 15px;
    }
}

.home__cart-img {
    border-radius: 8px;
    border-top: 1px solid #6b6ee8;
    border-right: 2px solid #6b6ee8;
    border-bottom: 2px solid #6b6ee8;
    border-left: 1px solid #6b6ee8;
    overflow: hidden;
    width: 191px;
    height: 191px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1680px) {
    .home__cart-img {
        width: 80px;
        height: 80px;
    }
}
@media (max-width: 1240px) {
    .home__cart-img {
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 767px) {
    .home__cart-img {
        width: 64px;
        height: 64px;
    }
}
.home__cart-img img,
.home__cart-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home__cart {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 191px 1fr;
    grid-template-columns: 191px 1fr;
    gap: 20px;
    margin-top: 30px;
}
@media (max-width: 1680px) {
    .home__cart {
        -ms-grid-columns: 80px 1fr;
        grid-template-columns: 80px 1fr;
        gap: 12px;
    }
}
@media (max-width: 1240px) {
    .home__cart {
        margin-top: 20px;
        -ms-grid-columns: 70px 1fr;
        grid-template-columns: 70px 1fr;
    }
}
@media (max-width: 767px) {
    .home__cart {
        -ms-grid-columns: 64px 1fr;
        grid-template-columns: 64px 1fr;
        gap: 16px;
    }
}

.home__cart-coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.home__cart-contact-list {
    padding-top: 15px;
    margin-top: auto;
    margin-bottom: 0;
}
@media (max-width: 1240px) {
    .home__cart-contact-list {
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    .home__cart-contact-list {
        padding-top: 8px;
    }
}

.home__cart-wrapp-text {
    padding-top: 6px;
}
@media (max-width: 1680px) {
    .home__cart-wrapp-text {
        padding-top: 4px;
    }
}
@media (max-width: 1240px) {
    .home__cart-wrapp-text {
        padding-top: 2px;
    }
}
@media (max-width: 767px) {
    .home__cart-wrapp-text {
        padding-top: 4px;
    }
}

.home__cart-contact-link {
    letter-spacing: 0.32px;
    text-decoration-line: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .home__cart-contact-link:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .home__cart-contact-link:active {
        text-decoration: none;
    }
}
.home__cart-contact-link:active {
    text-decoration: none;
}

.home__cart-contact-inner + .home__cart-contact-inner {
    padding-top: 8px;
}
@media (max-width: 1680px) {
    .home__cart-contact-inner + .home__cart-contact-inner {
        padding-top: 6px;
    }
}
@media (max-width: 1240px) {
    .home__cart-contact-inner + .home__cart-contact-inner {
        padding-top: 4px;
    }
}
@media (max-width: 767px) {
    .home__cart-contact-inner + .home__cart-contact-inner {
        padding-top: 8px;
    }
}

@media (min-width: 1240px) {
    .home-panel-notification.panel-notification-back {
        margin-top: 15px;
        opacity: 1;
        z-index: 1;
        background: none;
        position: initial;
        padding: 0;
        overflow: initial;
        width: 100%;
        height: auto;
    }
    .home-panel-notification.panel-notification-back .panel-notification {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        opacity: 1;
        width: 100%;
    }
}

@media (min-width: 1240px) {
    .home-controll-scrolls._fixed {
        overflow: initial;
    }
}
@media (min-width: 1240px) {
    .home-panel-notification .panel__notification-close {
        display: none;
    }
}

.home__info-wrapp {
    min-height: 600px;
}

.user {
    max-width: 1660px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
}
@media (max-width: 1680px) {
    .user {
        -ms-grid-columns: 180px 1fr;
        grid-template-columns: 180px 1fr;
        gap: 28px;
    }
}
@media (max-width: 1240px) {
    .user {
        gap: 24px;
    }
}
@media (max-width: 767px) {
    .user {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

.user-avatar {
    margin-top: 15px;
}
@media (max-width: 1680px) {
    .user-avatar {
        margin-top: 8px;
    }
}

@media (max-width: 1680px) {
    .user__head {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }
}

.user__head-info {
    color: #47be2c;
}

.user__head-info,
.user__info {
    background: rgba(243, 246, 251, 0.4);
}
@media (max-width: 767px) {
    .user__head-info,
    .user__info {
        background: #F3F6FB;
    }
}

@media (max-width: 767px) {
    .user__info {
        font-size: 12px;
    }
}

.user__input-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 200px;
    grid-template-columns: 1fr 200px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 15px;
}
@media (max-width: 1680px) {
    .user__input-row {
        -ms-grid-columns: 1fr 180px;
        grid-template-columns: 1fr 180px;
        gap: 8px 10px;
    }
}
@media (max-width: 1240px) {
    .user__input-row {
        -ms-grid-columns: 1fr 160px;
        grid-template-columns: 1fr 160px;
    }
}
@media (max-width: 767px) {
    .user__input-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

.user__wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1680px) {
    .user__wrapp {
        gap: 10px;
    }
}
@media (max-width: 992px) {
    .user__wrapp {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
@media (max-width: 767px) {
    .user__wrapp {
        gap: 16px;
    }
}

.user__subwrapp {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 400px 1fr;
    grid-template-columns: 400px 1fr;
    gap: 15px 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1680px) {
    .user__subwrapp {
        gap: 10px;
        -ms-grid-columns: 250px 1fr;
        grid-template-columns: 250px 1fr;
    }
}
@media (max-width: 992px) {
    .user__subwrapp {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
@media (max-width: 767px) {
    .user__subwrapp {
        gap: 16px;
    }
}

.user-btn {
    width: 200px;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 1680px) {
    .user-btn {
        width: 180px;
    }
}
@media (max-width: 1240px) {
    .user-btn {
        width: 160px;
    }
}
@media (max-width: 767px) {
    .user-btn {
        width: 135px;
        margin-left: auto;
        margin-right: 0;
        font-size: 12px;
    }
}

.lesson {
    display: -ms-grid;
    display: grid;
    gap: 15px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-columns: 455px 15px 1fr 15px 280px;
    grid-template-columns: 455px 1fr 280px;
    grid-template-areas: "lesson-left lesson-center lesson-right";
}
@media (max-width: 1680px) {
    .lesson {
        -ms-grid-columns: 320px 1fr 220px;
        grid-template-columns: 320px 1fr 220px;
    }
}
@media (max-width: 1240px) {
    .lesson {
        -ms-grid-columns: 250px 12px 1fr;
        grid-template-columns: 250px 1fr;
        gap: 12px;
        -ms-grid-rows: auto 12px 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: "lesson-right lesson-center " "lesson-left lesson-center ";
    }
}
@media (max-width: 767px) {
    .lesson {
        display: block;
    }
}

.lesson-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: lesson-left;
}

.lesson-center {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: lesson-center;
}

.revision__lesson-grid > .lesson-center {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
}

.lesson-right {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: lesson-right;
}

.revision__lesson-grid > .lesson-right {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

@media (max-width: 1240px){
    .lesson-left {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .lesson-center {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
    }
    .lesson-right {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
}

/*
.lesson__video-container {
	aspect-ratio: 461/235;
	@media($macbook) {
		aspect-ratio: 101/50;
	}
	@media($laptop) {
		aspect-ratio: 43/23;
	}
	@media($mobile) {
		aspect-ratio: 14/13;
	}
}
*/
.lesson__tabs-label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin-right: -10px;
    position: relative;
}
.lesson__tabs-label:first-child {
    margin-right: 0;
}
@media (max-width: 767px) {
    .lesson__tabs-label {
        margin-right: 0;
    }
}
@media (hover: hover) {
    .lesson__tabs-label:hover {
        z-index: 2;
    }
}
@media (hover: none) {
    .lesson__tabs-label:active {
        z-index: 2;
    }
}
.lesson__tabs-label:active {
    z-index: 2;
}

.lesson__tabs-label.is-active {
    z-index: 3;
    /*order: 1;*/
}

input:checked ~ .lesson__tabs-btn {
    color: #fff;
    background: #6b6ee8;
}

.lesson__tabs-btn {
    padding: 14px 32px;
    color: #181830;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.36px;
    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;
    background: #f3f6fb;
    border-radius: 16px 16px 0px 0px;
    border-top: 1px solid #bdbbcd;
    border-right: 1px solid #bdbbcd;
    border-left: 1px solid #bdbbcd;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    white-space: nowrap;
}
@media (max-width: 1680px) {
    .lesson__tabs-btn {
        padding: 12px 28px;
        font-size: 14px;
        border-radius: 14px 14px 0px 0px;
    }
}
@media (max-width: 1240px) {
    .lesson__tabs-btn {
        padding: 10px 24px;
    }
}
@media (max-width: 767px) {
    .lesson__tabs-btn {
        padding: 12px 18px;
        border-radius: 10px;
        border: 1px solid #bdbbcd;
    }
}
@media (hover: hover) {
    .lesson__tabs-btn:hover {
        color: #fff;
        background: #6b6ee8;
        border-color: #6b6ee8;
    }
}
@media (hover: none) {
    .lesson__tabs-btn:active {
        color: #fff;
        background: #6b6ee8;
        border-color: #6b6ee8;
    }
}
.lesson__tabs-btn:active {
    color: #fff;
    background: #6b6ee8;
    border-color: #6b6ee8;
}

.lesson__tabs-head {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-right: 15px;
}
.lesson__tabs-head::-webkit-scrollbar {
    display: none;
}
@media (max-width: 767px) {
    .lesson__tabs-head {
        padding: 8px;
        margin-bottom: 8px;
        border-radius: 16px;
        background: #F3F6FB;
    }
}

.lesson__tabs-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
}
@media (max-width: 767px) {
    .lesson__tabs-row {
        margin-left: 0;
        margin-right: auto;
        gap: 4px;
    }
}

.lesson__tabs-container {
    margin-bottom: 30px;
}
@media (max-width: 1680px) {
    .lesson__tabs-container {
        margin-bottom: 24px;
    }
}
@media (max-width: 1240px) {
    .lesson__tabs-container {
        margin-bottom: 18px;
    }
}
@media (max-width: 767px) {
    .lesson__tabs-container {
        margin-bottom: 16px;
    }
}

.lesson-center h2 {
    padding-bottom: 15px;
    color: #181830;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.48px;
}
@media (max-width: 1680px) {
    .lesson-center h2 {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .lesson-center h2 {
        font-size: 18px;
        padding-bottom: 12px;
    }
}
@media (max-width: 767px) {
    .lesson-center h2 {
        font-size: 16px;
        padding-bottom: 16px;
    }
}
.lesson-center p,
.lesson-center li {
    color: #181830;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.32px;
}
.lesson-center p a,
.lesson-center li a {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-decoration: underline;
    color: #4099F8;
}
@media (hover: hover) {
    .lesson-center p a:hover,
    .lesson-center li a:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .lesson-center p a:active,
    .lesson-center li a:active {
        text-decoration: none;
    }
}
.lesson-center p a:active,
.lesson-center li a:active {
    text-decoration: none;
}
@media (max-width: 1680px) {
    .lesson-center p,
    .lesson-center li {
        font-size: 14px;
    }
}
.lesson-center h3 {
    color: #181830;
    font-family: Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.36px;
}
@media (max-width: 1680px) {
    .lesson-center h3 {
        font-size: 16px;
    }
}
.lesson-center p + h3,
.lesson-center ul + h3 {
    padding-top: 24px;
}
@media (max-width: 1680px) {
    .lesson-center p + h3,
    .lesson-center ul + h3 {
        padding-top: 20px;
    }
}
@media (max-width: 1240px) {
    .lesson-center p + h3,
    .lesson-center ul + h3 {
        padding-top: 16px;
    }
}
@media (max-width: 767px) {
    .lesson-center p + h3,
    .lesson-center ul + h3 {
        padding-top: 22px;
    }
}
.lesson-center h3 {
    padding-bottom: 16px;
}
@media (max-width: 1680px) {
    .lesson-center h3 {
        padding-bottom: 14px;
    }
}
@media (max-width: 1240px) {
    .lesson-center h3 {
        padding-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .lesson-center h3 {
        padding-bottom: 8px;
    }
}
.lesson-center p + p {
    padding-top: 7px;
}
.lesson-center p + ul,
.lesson-center ul + p {
    padding-top: 7px;
}
.lesson-center li + li {
    padding-top: 5px;
}
.lesson-center ul {
    padding-left: 25px;
    list-style: disc;
}

.lesson-img-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
}
@media (max-width: 1680px) {
    .lesson-img-box {
        padding-top: 20px;
        padding-bottom: 20px;
        gap: 15px;
    }
}
@media (max-width: 1240px) {
    .lesson-img-box {
        gap: 10px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}
.lesson-img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1;
    border-radius: 12px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .lesson-img-box img {
        border-radius: 8px;
    }
}

.lesson__accordion-svg {
    display: none;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .lesson__accordion-svg {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 767px) {
    .lesson__accordion-svg {
        display: block;
    }
}

.lesson__accordion-btn {
    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;
}
@media (max-width: 1240px) {
    .lesson__accordion-btn .lesson__accordion-svg {
        display: block;
    }
}

.lesson__accordion-wrapp {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .lesson__accordion-wrapp {
        padding-top: 14px;
        margin-top: 14px;
    }
}
@media (max-width: 1240px) {
    .lesson__accordion-wrapp {
        padding-top: 12px;
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .lesson__accordion-wrapp {
        margin-top: 8px;
        padding-top: 8px;
    }
}

.lesson__file-inner + .lesson__file-inner,
.lesson__link-inner + .lesson__link-inner {
    padding-top: 10px;
}
@media (max-width: 767px) {
    .lesson__file-inner + .lesson__file-inner,
    .lesson__link-inner + .lesson__link-inner {
        padding-top: 12px;
    }
}

.lesson__file-link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px 1fr 20px;
    grid-template-columns: 20px 1fr 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #47be2c;
}
@media (max-width: 1240px) {
    .lesson__file-link {
        -ms-grid-columns: 18px 1fr 18px;
        grid-template-columns: 18px 1fr 18px;
        gap: 6px;
    }
}
@media (max-width: 767px) {
    .lesson__file-link {
        -ms-grid-columns: 16px 1fr 16px;
        grid-template-columns: 16px 1fr 16px;
    }
}
.lesson__file-link span {
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.lesson__file-link .lesson__file-icon g {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .lesson__file-link:hover .lesson__file-icon g {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .lesson__file-link:active .lesson__file-icon g {
        opacity: 0.7;
    }
}
.lesson__file-link:active .lesson__file-icon g {
    opacity: 1;
}

.lesson__link-link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #4099F8;
}
.lesson__link-link span {
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 1240px) {
    .lesson__link-link {
        -ms-grid-columns: 18px 1fr;
        grid-template-columns: 18px 1fr;
        gap: 6px;
    }
}
@media (max-width: 767px) {
    .lesson__link-link {
        -ms-grid-columns: 16px 1fr;
        grid-template-columns: 16px 1fr;
    }
}

.lesson__link-link,
.lesson__file-link {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
    text-decoration-line: underline;
}
.lesson__link-link img,
.lesson__link-link svg,
.lesson__file-link img,
.lesson__file-link svg {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1240px) {
    .lesson__link-link img,
    .lesson__link-link svg,
    .lesson__file-link img,
    .lesson__file-link svg {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .lesson__link-link img,
    .lesson__link-link svg,
    .lesson__file-link img,
    .lesson__file-link svg {
        width: 16px;
        height: 16px;
    }
}
@media (hover: hover) {
    .lesson__link-link:hover span,
    .lesson__file-link:hover span {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .lesson__link-link:active,
    .lesson__file-link:active {
        opacity: 0.7;
    }
}
.lesson__link-link:active,
.lesson__file-link:active {
    opacity: 1;
    color: #f1a7b8;
}

.lesson__file-btn {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    margin-top: 25px;
}
@media (max-width: 1680px) {
    .lesson__file-btn {
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .lesson__file-btn {
        margin-top: 18px;
    }
}
@media (max-width: 767px) {
    .lesson__file-btn {
        margin-top: 16px;
    }
}

.lesson__accordion + .lesson__accordion {
    margin-top: 15px;
}
@media (max-width: 1240px) {
    .lesson__accordion + .lesson__accordion {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .lesson__accordion + .lesson__accordion {
        margin-top: 4px;
    }
}

.lesson__plan-wrapp {
    padding-top: 18px;
    margin-top: 18px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1240px) {
    .lesson__plan-wrapp {
        padding-top: 12px;
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .lesson__plan-wrapp {
        margin-top: 8px;
        padding-top: 8px;
    }
}

.lesson__plan--btn-wrapp {
    width: 100%;
    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;
}
@media (max-width: 1240px) {
    .lesson__plan--btn-wrapp {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.lesson__plan--btn-text {
    color: #f1a7b8;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.36px;
    padding-left: 8px;
}
@media (max-width: 1680px) {
    .lesson__plan--btn-text {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .lesson__plan--btn-text {
        font-size: 14px;
    }
}
.lesson__plan--btn-text span {
    color: #181830;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.28px;
}
@media (max-width: 1680px) {
    .lesson__plan--btn-text span {
        font-size: 12px;
    }
}
@media (max-width: 1240px) {
    .lesson__plan--btn-text span {
        display: none;
    }
}

.lesson__plan--btn {
    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;
}

.lesson__module--btn {
    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;
    padding: 8px 12px;
    background: rgba(107, 110, 232, 0.1);
    border-radius: 8px;
}
@media (max-width: 1680px) {
    .lesson__module--btn {
        padding: 8px 10px;
    }
}
@media (max-width: 767px) {
    .lesson__module--btn {
        padding: 8px 12px;
        border-radius: 4px;
    }
}

.lesson__plan-list-inner + .lesson__plan-list-inner {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .lesson__plan-list-inner + .lesson__plan-list-inner {
        padding-top: 18px;
        margin-top: 18px;
    }
}
@media (max-width: 1240px) {
    .lesson__plan-list-inner + .lesson__plan-list-inner {
        margin-top: 16px;
        padding-top: 16px;
    }
}
@media (max-width: 767px) {
    .lesson__plan-list-inner + .lesson__plan-list-inner {
        padding-top: 8px;
        margin-top: 8px;
    }
}

.lesson__module-wrapp {
    padding-top: 18px;
}
@media (max-width: 1240px) {
    .lesson__module-wrapp {
        padding-top: 16px;
    }
}

.lesson__module-inner + .lesson__module-inner {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1240px) {
    .lesson__module-inner + .lesson__module-inner {
        padding-top: 14px;
        margin-top: 14px;
    }
}
@media (max-width: 767px) {
    .lesson__module-inner + .lesson__module-inner {
        margin-top: 12px;
        padding-top: 12px;
    }
}

.lesson__module-link {
    display: block;
    padding-left: 60px;
}
@media (max-width: 1680px) {
    .lesson__module-link {
        padding-left: 32px;
    }
}
@media (max-width: 1240px) {
    .lesson__module-link {
        padding-left: 20px;
    }
}
@media (max-width: 767px) {
    .lesson__module-link {
        padding-left: 30px;
    }
}

.lesson__module-link-title {
    letter-spacing: 0.32px;
    color: #181830;
}

.lesson__module-link-text {
    padding-top: 8px;
    letter-spacing: 0.32px;
    color: #181830;
}
@media (max-width: 1680px) {
    .lesson__module-link-text {
        padding-top: 6px;
    }
}
@media (max-width: 1240px) {
    .lesson__module-link-text {
        padding-top: 4px;
    }
}
@media (max-width: 767px) {
    .lesson__module-link-text {
        padding-top: 8px;
    }
}

.lesson__test-row {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px;
}
@media (max-width: 1680px) {
    .lesson__test-row {
        gap: 12px;
    }
}
@media (max-width: 1240px) {
    .lesson__test-row {
        margin-top: 14px;
    }
}
@media (max-width: 767px) {
    .lesson__test-row {
        margin-top: 12px;
        gap: 8px;
    }
}

.lesson__test-title {
    letter-spacing: 0.24px;
    text-align: right;
}
.lesson__test-title span {
    color: #6b6ee8;
}

.lesson__test-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 8px 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 0;
    border-radius: 8px;
}
.lesson__test-btn svg,
.lesson__test-btn img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
    margin-left: 16px;
}
@media (max-width: 1680px) {
    .lesson__test-btn svg,
    .lesson__test-btn img {
        margin-left: 12px;
    }
}
@media (max-width: 1240px) {
    .lesson__test-btn svg,
    .lesson__test-btn img {
        width: 18px;
        height: 18px;
        margin-left: 8px;
    }
}
@media (max-width: 767px) {
    .lesson__test-btn svg,
    .lesson__test-btn img {
        margin-left: 16px;
    }
}

.lesson__module-test-container {
    border-radius: 8px;
    background: rgba(107, 110, 232, 0.1);
    padding: 8px 12px;
}
@media (max-width: 1680px) {
    .lesson__module-test-container {
        padding: 8px 10px;
    }
}
@media (max-width: 1240px) {
    .lesson__module-test-container {
        padding: 8px;
    }
}
@media (max-width: 767px) {
    .lesson__module-test-container {
        padding: 8px 12px;
    }
}
.lesson__module-test-container .lesson__test-row {
    margin-top: 8px;
}
@media (max-width: 1680px) {
    .lesson__module-test-container .lesson__test-row {
        margin-top: 6px;
    }
}
@media (max-width: 1240px) {
    .lesson__module-test-container .lesson__test-row {
        margin-top: 4px;
    }
}
@media (max-width: 767px) {
    .lesson__module-test-container .lesson__test-row {
        margin-top: 8px;
    }
}

.lesson__modul-finish-mobile {
    display: none;
}

.lesson__modul-finish {
    margin-top: 12px;
    padding: 32px;
    border-radius: 24px;
    text-align: center;
    letter-spacing: 0.48px;
    background: url("../../assets/img/lesson-back.png") no-repeat center center/cover;
}
@media (max-width: 1680px) {
    .lesson__modul-finish {
        border-radius: 20px;
        padding: 20px;
    }
}
@media (max-width: 1240px) {
    .lesson__modul-finish {
        padding: 18px;
        border-radius: 18px;
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .lesson__modul-finish {
        border-radius: 8px;
        padding: 16px;
        margin-top: 8px;
        display: none;
    }
}

.lesson__modul-finish-mobile {
    display: none;
}
@media (max-width: 767px) {
    .lesson__modul-finish-mobile {
        display: block;
    }
}

.lesson__module-link.is-active .lesson__module-link-title,
.lesson__module-link.is-active .lesson__module-link-text {
    color: #6b6ee8;
}

.lesson__module-accordion.old .lesson__module-title,
.lesson__module-accordion.old .lesson__module-link-title,
.lesson__module-accordion.old .lesson__module-link-text {
    color: #8c8c98;
}

.lesson__module-link .lesson__module-link-title {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .lesson__module-link:hover .lesson__module-link-title {
        color: #6b6ee8;
    }
}
@media (hover: none) {
    .lesson__module-link:active .lesson__module-link-title {
        color: #6b6ee8;
    }
}
.lesson__module-link:active .lesson__module-link-title {
    color: #6b6ee8;
}

@media (max-width: 767px) {
    .lesson-right {
        margin-top: 4px;
    }
}

@media (max-width: 767px) {
    .lesson-center {
        margin-top: 24px;
    }
}

@media (max-width: 1240px) {
    .lesson__accordion-btn ~ .lesson__accordion-wrapp {
        display: block;
    }
    .lesson__accordion-btn.is-active ~ .lesson__accordion-wrapp {
        display: none;
    }
    .lesson__accordion-btn .lesson__accordion-svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .lesson__accordion-btn.is-active .lesson__accordion-svg {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@media (max-width: 767px) {
    .lesson__accordion-btn ~ .lesson__accordion-wrapp {
        display: none;
    }
    .lesson__accordion-btn.is-active ~ .lesson__accordion-wrapp {
        display: block;
    }
    .lesson__accordion-btn .lesson__accordion-svg {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .lesson__accordion-btn.is-active .lesson__accordion-svg,
    .lesson__plan--btn.is-active .lesson__accordion-svg,
    .lesson__module--btn.is-active .lesson__accordion-svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .lesson__plan--btn ~ .lesson__plan-wrapp {
        display: none;
    }
    .lesson__plan--btn.is-active ~ .lesson__plan-wrapp {
        display: block;
    }
    .lesson__module--btn ~ .lesson__module-wrapp {
        display: none;
    }
    .lesson__module--btn.is-active ~ .lesson__module-wrapp {
        display: block;
    }
}
.testing__header {
    padding-bottom: 12px;
}
@media (max-width: 767px) {
    .testing__header {
        padding-bottom: 25px;
    }
}

.testing__header-title {
    letter-spacing: 0.66px;
    line-height: 110%;
}

.testion__header-text {
    padding-top: 10px;
}
.testion__header-text a {
    color: #6b6ee8;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
@media (max-width: 1680px) {
    .testion__header-text {
        padding-top: 8px;
    }
}

.testing {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 603px;
    grid-template-columns: 1fr 603px;
    gap: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1680px) {
    .testing {
        gap: 15px;
        -ms-grid-columns: 1fr 320px;
        grid-template-columns: 1fr 320px;
    }
}
@media (max-width: 1240px) {
    .testing {
        -ms-grid-columns: 1fr 230px;
        grid-template-columns: 1fr 230px;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .testing {
        display: block;
    }
}

@media (max-width: 767px) {
    .testing__info-list {
        margin-top: 24px;
    }
}

.testing__question-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px auto 20px;
    grid-template-columns: 20px auto 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    color: #47be2c;
    text-decoration: underline;
}
@media (max-width: 1240px) {
    .testing__question-link {
        -ms-grid-columns: 18px auto 18px;
        grid-template-columns: 18px auto 18px;
        gap: 6px;
    }
}
@media (max-width: 767px) {
    .testing__question-link {
        -ms-grid-columns: 16px auto 16px;
        grid-template-columns: 16px auto 16px;
    }
}
.testing__question-link .lesson__file-icon g {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .testing__question-link:hover .lesson__file-icon g {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .testing__question-link:active .lesson__file-icon g {
        opacity: 0.7;
    }
}
.testing__question-link:active .lesson__file-icon g {
    opacity: 1;
}
.testing__question-link img,
.testing__question-link svg {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1240px) {
    .testing__question-link img,
    .testing__question-link svg {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .testing__question-link img,
    .testing__question-link svg {
        width: 16px;
        height: 16px;
    }
}
@media (hover: hover) {
    .testing__question-link:hover span {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .testing__question-link:active {
        opacity: 0.7;
    }
}
.testing__question-link:active {
    opacity: 1;
    color: #f1a7b8;
}

.testing__time {
    margin-left: auto;
    margin-right: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px 24px;
    border-radius: 24px 24px 0px 0px;
    background: #f1a7b8;
    color: #ffffff;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.36px;
}
@media (max-width: 1680px) {
    .testing__time {
        padding: 12px 20px;
        border-radius: 20px 20px 0px 0px;
        font-size: 16px;
    }
}
@media (max-width: 1240px) {
    .testing__time {
        padding: 8px 16px;
        border-radius: 16px 16px 0px 0px;
    }
}
@media (max-width: 767px) {
    .testing__time {
        margin-right: 15px;
        padding: 8px 12px;
        border-radius: 12px 12px 0px 0px;
        font-size: 14px;
    }
}
.testing__time span {
    color: #181830;
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.48px;
    padding-left: 12px;
}
@media (max-width: 1680px) {
    .testing__time span {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .testing__time span {
        font-size: 18px;
        padding-left: 8px;
    }
}
@media (max-width: 767px) {
    .testing__time span {
        font-size: 16px;
    }
}

.testing__question {
    margin-top: 20px;
    max-width: 550px;
}
@media (max-width: 1680px) {
    .testing__question {
        margin-top: 18px;
    }
}
@media (max-width: 1240px) {
    .testing__question {
        margin-top: 16px;
    }
}
@media (max-width: 767px) {
    .testing__question {
        margin-top: 8px;
    }
}
.testing__question img {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .testing__question img {
        border-radius: 8px;
    }
}

.testing__answer {
    padding-top: 20px;
    margin-top: 14px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .testing__answer {
        padding-top: 18px;
        margin-top: 12px;
    }
}
@media (max-width: 1240px) {
    .testing__answer {
        padding-top: 16px;
        margin-top: 9px;
    }
}
@media (max-width: 767px) {
    .testing__answer {
        padding-top: 8px;
        margin-top: 12px;
    }
}

.testing__result {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #ff8075;
    padding: 6px 10px;
    border-radius: 8px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.32px;
}
@media (max-width: 1680px) {
    .testing__result {
        font-size: 14px;
    }
}
@media (max-width: 1240px) {
    .testing__result {
        padding: 6px 8px;
    }
}
@media (max-width: 767px) {
    .testing__result {
        font-size: 12px;
    }
}

.testing__result.green {
    background: #47be2c;
}

.testing__answer-list {
    padding-top: 15px;
}
@media (max-width: 1680px) {
    .testing__answer-list {
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    .testing__answer-list {
        padding-top: 8px;
    }
}

.testing__answer-inner + .testing__answer-inner {
    padding-top: 12px;
}
@media (max-width: 1680px) {
    .testing__answer-inner + .testing__answer-inner {
        padding-top: 10px;
    }
}
@media (max-width: 1240px) {
    .testing__answer-inner + .testing__answer-inner {
        padding-top: 8px;
    }
}

.testing__answer-label-span {
    font-size: 16px;
}
@media (max-width: 1680px) {
    .testing__answer-label-span {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .testing__answer-label-span {
        font-size: 12px;
    }
}
.testing__answer-label-span::after, .testing__answer-label-span::before {
    width: 24px;
    height: 24px;
}
@media (max-width: 1240px) {
    .testing__answer-label-span::after, .testing__answer-label-span::before {
        width: 20px;
        height: 20px;
    }
}

.testing__answer-label-span.correct::after {
    background: url("../../assets/img/icon/square-green.svg") no-repeat center center/contain;
}
.testing__answer-label-span.correct::before {
    background: url("../../assets/img/icon/square-green.svg") no-repeat center center/contain;
}

.testing__answer-label-span.label-radio-span.correct::after {
    background: url("../../assets/img/icon/circle-green.svg") no-repeat center center/contain;
}
.testing__answer-label-span.label-radio-span.correct::before {
    background: url("../../assets/img/icon/circle-green.svg") no-repeat center center/contain;
}

.testing__answer-label-span.wrong::after {
    background: url("../../assets/img/icon/check-wrong.svg") no-repeat center center/contain;
}
.testing__answer-label-span.wrong::before {
    background: url("../../assets/img/icon/check-wrong.svg") no-repeat center center/contain;
}

.testing__answer-label-span.label-radio-span.wrong::after {
    background: url("../../assets/img/icon/radio-wrong.svg") no-repeat center center/contain;
}
.testing__answer-label-span.label-radio-span.wrong::before {
    background: url("../../assets/img/icon/radio-wrong.svg") no-repeat center center/contain;
}

.testing__answer-label-span::before {
    background: url("../../assets/img/icon/check-green-2.svg") no-repeat center center/contain;
}

.testing__answer-label-span.label-radio-span::before {
    background: url("../../assets/img/icon/radio-green.svg") no-repeat center center/contain;
}

.testing__btns-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
    padding-top: 24px;
    margin-top: 24px;
}
@media (max-width: 1680px) {
    .testing__btns-row {
        gap: 15px;
        margin-top: 20px;
        padding-top: 20px;
    }
}
@media (max-width: 1240px) {
    .testing__btns-row {
        margin-top: 18px;
        padding-top: 18px;
        gap: 10px;
    }
}
@media (max-width: 767px) {
    .testing__btns-row {
        padding-top: 24px;
        margin-top: 24px;
        gap: 8px;
    }
}
.testing__btns-row::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 1px;
    background: rgba(24, 24, 48, 0.1);
}

.testing-btn {
    min-width: 200px;
}
@media (max-width: 1680px) {
    .testing-btn {
        min-width: 146px;
    }
}
@media (max-width: 1240px) {
    .testing-btn {
        min-width: 110px;
    }
}
@media (max-width: 767px) {
    .testing-btn {
        min-width: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.testing-btn-complete {
    color: #f1a7b8;
    border-color: #f1a7b8;
}
@media (hover: hover) {
    .testing-btn-complete:hover {
        color: #ffffff;
        background: #f1a7b8;
        border-color: #f1a7b8;
    }
}
@media (hover: none) {
    .testing-btn-complete:active {
        color: #ffffff;
        background: #f1a7b8;
        border-color: #f1a7b8;
    }
}
.testing-btn-complete:active {
    color: #ffffff;
    background: #f1a7b8;
    border-color: #f1a7b8;
}

.testing-container-finish {
    margin-left: auto;
    margin-right: auto;
    max-width: 575px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 125px 1fr;
    grid-template-columns: 125px 1fr;
    gap: 30px;
}
@media (max-width: 1680px) {
    .testing-container-finish {
        max-width: 480px;
        -ms-grid-columns: 115px 1fr;
        grid-template-columns: 115px 1fr;
    }
}
@media (max-width: 1240px) {
    .testing-container-finish {
        -ms-grid-columns: 90px 1fr;
        grid-template-columns: 90px 1fr;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .testing-container-finish {
        display: block;
    }
}

.testing__finish-img {
    width: 125px;
    height: 125px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1680px) {
    .testing__finish-img {
        width: 115px;
        height: 115px;
    }
}
@media (max-width: 1240px) {
    .testing__finish-img {
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 767px) {
    .testing__finish-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.testing__finish-title {
    letter-spacing: 0.48px;
    color: #ff8075;
    padding-bottom: 16px;
}
@media (max-width: 1240px) {
    .testing__finish-title {
        padding-bottom: 12px;
    }
}
@media (max-width: 767px) {
    .testing__finish-title {
        text-align: center;
        padding-bottom: 16px;
    }
}

.testing__finish-title.green {
    color: #47be2c;
}

@media (max-width: 767px) {
    .testing__finish-coll {
        margin-top: 8px;
    }
}

.testing__finish-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .testing__finish-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.testing__finish-row + .testing__finish-row {
    padding-top: 8px;
}

.testing__finish-link {
    letter-spacing: 0.32px;
    text-decoration-line: underline;
    color: #6b6ee8;
}
@media (max-width: 767px) {
    .testing__finish-link {
        display: block;
        margin-top: 6px;
    }
}
@media (hover: hover) {
    .testing__finish-link:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .testing__finish-link:active {
        text-decoration: none;
    }
}
.testing__finish-link:active {
    text-decoration: none;
}

.testing__finish-text span {
    color: #ff8075;
}

.testing__finish-text.green {
    color: #47be2c;
}

.testing__finish-text.blue span {
    color: #6b6ee8;
}

.testing__finish-btn-row {
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
@media (max-width: 1240px) {
    .testing__finish-btn-row {
        padding-top: 14px;
        margin-top: 14px;
    }
}
@media (max-width: 767px) {
    .testing__finish-btn-row {
        margin-top: 16px;
        padding-top: 16px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
.testing__finish-btn-row::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 80px;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .testing__finish-btn-row::after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.testing__figish-btn {
    width: 100%;
}
@media (max-width: 767px) {
    .testing__figish-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
}

.testing__container-title {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 5px;
}

.testing__container-title-num {
    color: #f1a7b8;
}

.testing-container-wrapp + .testing-container-wrapp {
    margin-top: 24px;
}

.testing-container-wrapp + .testing-container-finish {
    margin-top: 32px;
}
@media (max-width: 1680px) {
    .testing-container-wrapp + .testing-container-finish {
        margin-top: 28px;
    }
}
@media (max-width: 767px) {
    .testing-container-wrapp + .testing-container-finish {
        margin-top: 24px;
    }
}

.testing-container-finish + .testing-container-finish {
    margin-top: 32px;
}
@media (max-width: 1680px) {
    .testing-container-finish + .testing-container-finish {
        margin-top: 28px;
    }
}
@media (max-width: 767px) {
    .testing-container-finish + .testing-container-finish {
        margin-top: 24px;
    }
}

.testing__info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 14px;
}
@media (max-width: 1680px) {
    .testing__info-list {
        gap: 9px;
    }
}
@media (max-width: 1240px) {
    .testing__info-list {
        gap: 5px;
    }
}
@media (max-width: 767px) {
    .testing__info-list {
        gap: 8px;
    }
}

.testing__info-statrus {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px;
    border-radius: 8px;
    background: #f3f6fb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 1240px) {
    .testing__info-statrus {
        padding: 5px;
        border-radius: 6px;
    }
}
@media (max-width: 767px) {
    .testing__info-statrus {
        padding: 4px;
    }
}
.testing__info-statrus svg,
.testing__info-statrus img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    width: 24px;
    height: 24px;
}
@media (max-width: 1240px) {
    .testing__info-statrus svg,
    .testing__info-statrus img {
        width: 20px;
        height: 20px;
        margin-left: 5px;
    }
}
@media (max-width: 767px) {
    .testing__info-statrus svg,
    .testing__info-statrus img {
        margin-left: 4px;
    }
}

.testing__info-status-name {
    padding-right: 8px;
    border-right: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1240px) {
    .testing__info-status-name {
        padding-right: 5px;
    }
}
@media (max-width: 767px) {
    .testing__info-status-name {
        padding-right: 4px;
    }
}

.testing__info-status-name {
    letter-spacing: 0.32px;
}

.notification-filter {
    gap: 12px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 310px 310px 200px;
    grid-template-columns: 1fr 310px 310px 200px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .notification-filter {
        -ms-grid-columns: 1fr 195px 195px 180px;
        grid-template-columns: 1fr 195px 195px 180px;
    }
}
@media (max-width: 1240px) {
    .notification-filter {
        -ms-grid-columns: 1fr 170px 170px;
        grid-template-columns: 1fr 170px 170px;
        gap: 10px;
    }
}
@media (max-width: 767px) {
    .notification-filter {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 12px;
    }
}

.notification-btn {
    width: 100%;
}
@media (max-width: 1240px) {
    .notification-btn {
        margin-left: auto;
        margin-right: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 767px) {
    .notification-btn {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        margin-right: auto;
        padding-left: 25px;
        padding-right: 25px;
    }
}

.notification-tabs {
    margin-top: 15px;
}
@media (max-width: 1240px) {
    .notification-tabs {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .notification-tabs {
        margin-top: 16px;
    }
}

.notification-tab {
    display: none;
}

.panel__absence-box.notification-tab.tab--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.notification__file {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px auto 20px;
    grid-template-columns: 20px auto 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    color: #47be2c;
    text-decoration: underline;
}
@media (max-width: 1240px) {
    .notification__file {
        -ms-grid-columns: 18px auto 18px;
        grid-template-columns: 18px auto 18px;
        gap: 6px;
    }
}
@media (max-width: 767px) {
    .notification__file {
        -ms-grid-columns: 16px auto 16px;
        grid-template-columns: 16px auto 16px;
    }
}
.notification__file .lesson__file-icon g {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .notification__file:hover .lesson__file-icon g {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .notification__file:active .lesson__file-icon g {
        opacity: 0.7;
    }
}
.notification__file:active .lesson__file-icon g {
    opacity: 1;
}
.notification__file img,
.notification__file svg {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1240px) {
    .notification__file img,
    .notification__file svg {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .notification__file img,
    .notification__file svg {
        width: 16px;
        height: 16px;
    }
}
@media (hover: hover) {
    .notification__file:hover span {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .notification__file:active {
        opacity: 0.7;
    }
}
.notification__file:active {
    opacity: 1;
    color: #f1a7b8;
}

.notification__cart + .notification__cart {
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .notification__cart + .notification__cart {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .notification__cart + .notification__cart {
        margin-top: 12px;
    }
}

.notification__cart {
    background: #f3f6fb;
    border-radius: 24px;
    padding: 5px 5px 5px 80px;
    position: relative;
    isolation: isolate;
}
@media (max-width: 1680px) {
    .notification__cart {
        padding-left: 60px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .notification__cart {
        padding-left: 45px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .notification__cart {
        border-radius: 8px;
        padding: 8px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 30px 1fr;
        grid-template-columns: 30px 1fr;
        gap: 10px;
    }
}

.notification__cart-head {
    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;
}

.notification__cart-time {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px 8px;
    letter-spacing: 0.02em;
    color: #bdbbcd;
}

.notification__info {
    background: #f3f6fb;
    border-radius: 24px;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1680px) {
    .notification__info {
        padding: 10px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .notification__info {
        padding: 8px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .notification__info {
        border-radius: 8px;
        display: block;
    }
}

.notification__user-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: #6b6ee8;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 12px;
}
@media (max-width: 1680px) {
    .notification__user-img {
        margin-right: 10px;
    }
}
@media (max-width: 1240px) {
    .notification__user-img {
        width: 50px;
        height: 50px;
        margin-right: 8px;
    }
}
@media (max-width: 767px) {
    .notification__user-img {
        width: 40px;
        height: 40px;
        border-radius: 4px;
    }
}
.notification__user-img img,
.notification__user-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.notification__info-coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 767px) {
    .notification__info-coll {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.notification__user-name {
    padding-bottom: 8px;
    margin-bottom: 8px;
}
@media (max-width: 1240px) {
    .notification__user-name {
        padding-bottom: 6px;
        margin-bottom: 6px;
    }
}
@media (max-width: 767px) {
    .notification__user-name {
        margin-bottom: 4px;
        padding-bottom: 4px;
    }
}

@media (max-width: 767px) {
    .notification__user-job span {
        display: block;
        padding-top: 4px;
    }
}

@media (max-width: 767px) {
    .notification__info-list {
        padding-left: 48px;
        padding-top: 8px;
    }
}

.notification__info-inner + .notification__info-inner {
    padding-top: 4px;
}
@media (max-width: 767px) {
    .notification__info-inner + .notification__info-inner {
        padding-top: 8px;
    }
}

.notification__info-link {
    text-decoration: underline;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-align: right;
    display: block;
}
@media (max-width: 767px) {
    .notification__info-link {
        text-align: left;
    }
}
@media (hover: hover) {
    .notification__info-link:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .notification__info-link:active {
        text-decoration: none;
    }
}
.notification__info-link:active {
    text-decoration: none;
}

.notification__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .notification__footer {
        margin-top: 10px;
    }
}
@media (max-width: 1240px) {
    .notification__footer {
        margin-top: 8px;
    }
}
@media (max-width: 767px) {
    .notification__footer {
        margin-top: 12px;
    }
}

.notification__footer-btn {
    margin-left: auto;
    margin-right: 0;
}

.notification__footer-btns {
    margin-left: auto;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    gap: 10px 12px;
}

.notification__footer-files-list {
    margin-top: 4px;
    max-width: 300px;
}

.notification__footer-files-inner + .notification__footer-files-inner {
    margin-top: 5px;
}

.notification__file span {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.notification__footer-dell {
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 1680px) {
    .notification__footer-dell {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 1240px) {
    .notification__footer-dell {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .notification__footer-dell {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.notification__footer-btn-width {
    min-width: 200px;
}
@media (max-width: 1680px) {
    .notification__footer-btn-width {
        min-width: 180px;
    }
}
@media (max-width: 1240px) {
    .notification__footer-btn-width {
        min-width: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .notification__footer-btn-width {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.notification__hide-text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0;
}
@media (max-width: 767px) {
    .notification__hide-text {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}

.notification__hide-btn {
    margin-top: 12px;
    display: block;
}
@media (max-width: 1680px) {
    .notification__hide-btn {
        margin-top: 10px;
    }
}
@media (max-width: 1240px) {
    .notification__hide-btn {
        margin-top: 8px;
    }
}
@media (max-width: 767px) {
    .notification__hide-btn {
        font-size: 12px;
    }
    .notification__hide-btn::after {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .notification-tabs-head {
        background: #ffffff;
    }
}

.catalog-filter {
    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;
    gap: 10px;
}
@media (max-width: 767px) {
    .catalog-filter {
        display: block;
    }
}

.catalog__search-wrapp {
    width: 1000px;
}
@media (max-width: 1680px) {
    .catalog__search-wrapp {
        width: 686px;
    }
}
@media (max-width: 1240px) {
    .catalog__search-wrapp {
        width: 100%;
    }
}

.catalog-filter-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 200px;
}
@media (max-width: 1680px) {
    .catalog-filter-btn {
        min-width: 180px;
    }
}
@media (max-width: 1240px) {
    .catalog-filter-btn {
        min-width: 138px;
    }
}
@media (max-width: 767px) {
    .catalog-filter-btn {
        min-width: 110px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 12px;
    }
}

.catalog-table {
    margin-top: 15px;
}
@media (max-width: 1240px) {
    .catalog-table {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .catalog-table {
        margin-top: 24px;
    }
}

@media (max-width: 1680px) {
    .catalog__table-cart {
        padding-left: 84px;
    }
}
@media (max-width: 1240px) {
    .catalog__table-cart {
        padding-left: 55px;
    }
}
@media (max-width: 767px) {
    .catalog__table-cart {
        padding: 4px;
    }
}

.catalog__table-btns {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding-left: 12px;
    margin-left: 12px;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
    height: 100%;
}
@media (max-width: 1680px) {
    .catalog__table-btns {
        padding-left: 10px;
    }
}
@media (max-width: 1240px) {
    .catalog__table-btns {
        margin-left: 10px;
        padding-left: 8px;
    }
}
@media (max-width: 767px) {
    .catalog__table-btns {
        padding-left: 4px;
        margin-left: 4px;
    }
}

.catalog__table-btn {
    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;
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1680px) {
    .catalog__table-btn {
        width: 28px;
        height: 28px;
    }
}
@media (max-width: 1240px) {
    .catalog__table-btn {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 767px) {
    .catalog__table-btn {
        width: 20px;
        height: 20px;
    }
}
.catalog__table-btn img,
.catalog__table-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .catalog__table-btn:hover {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .catalog__table-btn:active {
        opacity: 0.7;
    }
}
.catalog__table-btn:active {
    opacity: 0.7;
}

.catalog__table-cart-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: 20px;
}
@media (max-width: 1680px) {
    .catalog__table-cart-wrapp {
        padding: 18px;
    }
}
@media (max-width: 1240px) {
    .catalog__table-cart-wrapp {
        padding: 12px 14px;
    }
}
@media (max-width: 767px) {
    .catalog__table-cart-wrapp {
        padding: 8px;
    }
}

@media (max-width: 767px) {
    .catalog__table-name {
        font-size: 12px;
    }
}

.catalog__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: catalog__table-id;
    padding-top: 3px;
    min-width: 55px;
}
@media (max-width: 1680px) {
    .catalog__table-id {
        min-width: 50px;
    }
}
@media (max-width: 1240px) {
    .catalog__table-id {
        padding-top: 0;
    }
}

.catalog__table-name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: catalog__table-name;
}
@media (max-width: 1240px) {
    .catalog__table-name {
        padding-top: 8px;
    }
}
@media (max-width: 767px) {
    .catalog__table-name {
        padding-top: 4px;
    }
}

.catalog__table-link {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
    grid-area: catalog__table-link;
    padding-left: 25px;
    padding-right: 25px;
}
@media (max-width: 1680px) {
    .catalog__table-link {
        padding-left: 19px;
        padding-right: 19px;
    }
}
@media (max-width: 1240px) {
    .catalog__table-link {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .catalog__table-link {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 8px;
    }
}

.catalog__tabel-info-list {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: catalog__tabel-info-list;
}

.catalog__table-cart-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 12px 1fr 12px auto;
    grid-template-columns: auto 1fr auto;
    -ms-grid-rows: auto 0 1fr;
    grid-template-rows: auto 1fr;
    gap: 0 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-template-areas: "catalog__table-id catalog__table-name catalog__table-link" "... catalog__tabel-info-list catalog__table-link";
}
@media (max-width: 1680px) {
    .catalog__table-cart-info {
        gap: 0 10px;
    }
}
@media (max-width: 1240px) {
    .catalog__table-cart-info {
        -ms-grid-rows: auto auto 1fr;
        grid-template-rows: auto auto 1fr;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        grid-template-areas: "catalog__table-id catalog__table-link" "catalog__table-name catalog__table-link" "catalog__tabel-info-list catalog__tabel-info-list";
    }
    .catalog__table-id {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .catalog__table-name {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .catalog__table-link {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }
    .catalog__tabel-info-list {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}
@media (max-width: 767px) {
    .catalog__table-cart-info {
        display: block;
    }
}

.catalog__tabel-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 24px;
}
@media (max-width: 1680px) {
    .catalog__tabel-info-list {
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .catalog__tabel-info-list {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .catalog__tabel-info-list {
        margin-top: 8px;
        display: block;
    }
}

.catalog__tabel-info-text {
    padding-top: 4px;
}
@media (max-width: 767px) {
    .catalog__tabel-info-text {
        padding-top: 0;
        padding-left: 4px;
    }
}

.catalog__tabel-info-title {
    position: relative;
    padding-top: 10px;
    white-space: nowrap;
}
.catalog__tabel-info-title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 1px;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .catalog__tabel-info-title::after {
        width: 30px;
    }
}
@media (max-width: 1680px) {
    .catalog__tabel-info-title {
        padding-top: 8px;
    }
}
@media (max-width: 1240px) {
    .catalog__tabel-info-title {
        padding-top: 6px;
    }
}
@media (max-width: 767px) {
    .catalog__tabel-info-title {
        padding-top: 4px;
    }
}

.catalog__tabel-info-inner + .catalog__tabel-info-inner {
    padding-left: 30px;
    margin-left: 30px;
    position: relative;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .catalog__tabel-info-inner + .catalog__tabel-info-inner {
        padding-left: 18px;
        margin-left: 18px;
    }
}
@media (max-width: 1240px) {
    .catalog__tabel-info-inner + .catalog__tabel-info-inner {
        padding-left: 12px;
        margin-left: 12px;
    }
}
@media (max-width: 767px) {
    .catalog__tabel-info-inner + .catalog__tabel-info-inner {
        padding-left: 0;
        margin-left: 0;
        border: none;
        padding-top: 4px;
    }
}

@media (max-width: 767px) {
    .catalog__tabel-info-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

.catalog__missing-btn {
    position: relative;
    margin-top: 48px;
    min-width: 200px;
}
.catalog__missing-btn::after {
    content: "";
    width: 90px;
    height: 1px;
    background: rgba(24, 24, 48, 0.1);
    position: absolute;
    left: 50%;
    top: -24px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1680px) {
    .catalog__missing-btn::after {
        top: -20px;
    }
}
@media (max-width: 1240px) {
    .catalog__missing-btn::after {
        top: -18px;
    }
}
@media (max-width: 767px) {
    .catalog__missing-btn::after {
        top: -16px;
    }
}
@media (max-width: 1680px) {
    .catalog__missing-btn {
        margin-top: 40px;
        min-width: 146px;
    }
}
@media (max-width: 1240px) {
    .catalog__missing-btn {
        min-width: 138px;
        margin-top: 36px;
    }
}
@media (max-width: 767px) {
    .catalog__missing-btn {
        min-width: 116px;
        margin-top: 32px;
    }
}

.catalog__absence-box {
    height: 600px;
}
@media (max-width: 1240px) {
    .catalog__absence-box {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .catalog__absence-box {
        height: 350px;
    }
}

.creating__info.tab--active {
    display: -ms-grid;
    display: grid;
}

.creating__info {
    -ms-grid-columns: 230px 1fr;
    grid-template-columns: 230px 1fr;
    gap: 0 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
}
@media (max-width: 1680px) {
    .creating__info {
        -ms-grid-columns: 180px 1fr;
        grid-template-columns: 180px 1fr;
    }
}
@media (max-width: 767px) {
    .creating__info {
        gap: 0;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        -ms-grid-rows: auto auto 1fr;
        grid-template-rows: auto auto 1fr;
    }
}

.creating-avatar {
    width: 230px;
    height: 230px;
    margin-top: 15px;
}
@media (max-width: 1680px) {
    .creating-avatar {
        width: 180px;
        height: 180px;
        margin-top: 8px;
    }
}
@media (max-width: 1240px) {
    .creating-avatar {
        margin-top: 6px;
    }
}
@media (max-width: 767px) {
    .creating-avatar {
        width: 150px;
        height: 150px;
        margin-top: 8px;
    }
}

.creating__info-head {
    width: 230px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
}
@media (max-width: 1680px) {
    .creating__info-head {
        width: 180px;
    }
}
@media (max-width: 767px) {
    .creating__info-head {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }
}

.creating__info-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
}
@media (max-width: 767px) {
    .creating__info-wrapp {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        margin-top: 25px;
    }
}

.creating-box-footer {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-grid-columns: 200px 200px;
    grid-template-columns: 200px 200px;
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 16px;
    gap: 12px;
}
@media (max-width: 1680px) {
    .creating-box-footer {
        -ms-grid-columns: 146px 146px;
        grid-template-columns: 146px 146px;
    }
}
@media (max-width: 1240px) {
    .creating-box-footer {
        -ms-grid-columns: 140px 140px;
        grid-template-columns: 140px 140px;
    }
}
@media (max-width: 572px) {
    .creating-box-footer {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

.creating-box-btn {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.creating__module-head-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 0 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 32px;
}
@media (max-width: 1680px) {
    .creating__module-head-wrapp {
        margin-top: 28px;
    }
}
@media (max-width: 1240px) {
    .creating__module-head-wrapp {
        gap: 10px;
        margin-top: 24px;
    }
}
@media (max-width: 767px) {
    .creating__module-head-wrapp {
        display: block;
    }
}

.creating__module-head-btn {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    padding-left: 32px;
    padding-right: 32px;
}
@media (max-width: 1680px) {
    .creating__module-head-btn {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 1240px) {
    .creating__module-head-btn {
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media (max-width: 767px) {
    .creating__module-head-btn {
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px;
    }
}

.creating-module {
    margin-top: 15px;
}
@media (max-width: 1240px) {
    .creating-module {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .creating-module {
        margin-top: 16px;
    }
}

.creating__module-row.panel-cart {
    padding: 5px;
    display: block;
}
@media (max-width: 767px) {
    .creating__module-row.panel-cart {
        padding: 2px;
    }
}

.creating__module-row-wrapp {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: 20px;
}
@media (max-width: 1680px) {
    .creating__module-row-wrapp {
        padding: 18px;
    }
}
@media (max-width: 1240px) {
    .creating__module-row-wrapp {
        padding: 16px;
    }
}
@media (max-width: 767px) {
    .creating__module-row-wrapp {
        padding: 8px;
    }
}

.creating__module-btns {
    padding-left: 20px;
    margin-left: 20px;
}
@media (max-width: 1680px) {
    .creating__module-btns {
        padding-left: 18px;
        margin-left: 18px;
    }
}
@media (max-width: 767px) {
    .creating__module-btns {
        margin-left: 4px;
        padding-left: 4px;
    }
}

.creating__module-row-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
}
@media (max-width: 767px) {
    .creating__module-row-top {
        display: block;
    }
}

.creating__module-status-coll {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
}
@media (max-width: 767px) {
    .creating__module-status-coll {
        margin-top: 4px;
    }
}

.creating__module-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 12px;
}
@media (max-width: 1240px) {
    .creating__module-list {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .creating__module-list {
        margin-top: 8px;
        display: block;
    }
}

.creating__module-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .creating__module-status {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.creating__module-status img,
.creating__module-status svg {
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1680px) {
    .creating__module-status img,
    .creating__module-status svg {
        width: 28px;
        height: 28px;
    }
}
@media (max-width: 1240px) {
    .creating__module-status img,
    .creating__module-status svg {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 767px) {
    .creating__module-status img,
    .creating__module-status svg {
        width: 20px;
        height: 20px;
    }
}

input:checked ~ .creating__module-hidden-container {
    display: block;
}

.creating__module-hidden-container {
    position: relative;
    padding-top: 15px;
    margin-top: 15px;
    padding-right: 140px;
    display: none;
}
@media (max-width: 1680px) {
    .creating__module-hidden-container {
        padding-top: 14px;
        margin-top: 14px;
        padding-right: 125px;
    }
}
@media (max-width: 1240px) {
    .creating__module-hidden-container {
        margin-top: 12px;
        padding-top: 12px;
        padding-right: 120px;
    }
}
@media (max-width: 767px) {
    .creating__module-hidden-container {
        padding-top: 0;
        padding-right: 0;
    }
}
.creating__module-hidden-container::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 1px;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .creating__module-hidden-container::after {
        width: 0;
        background: none;
    }
}

.creating__module-hidden-inner + .creating__module-hidden-inner {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1240px) {
    .creating__module-hidden-inner + .creating__module-hidden-inner {
        padding-top: 8px;
        margin-top: 8px;
    }
}
@media (max-width: 767px) {
    .creating__module-hidden-inner + .creating__module-hidden-inner {
        border-top: none;
        padding-left: 16px;
        padding-right: 16px;
        display: block;
    }
}

.creating__module-hidden-inner {
    padding-left: 60px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 10px;
}
@media (max-width: 1680px) {
    .creating__module-hidden-inner {
        padding-left: 40px;
    }
}
@media (max-width: 1240px) {
    .creating__module-hidden-inner {
        padding-left: 20px;
    }
}
@media (max-width: 767px) {
    .creating__module-hidden-inner {
        padding-left: 16px;
        padding-right: 16px;
        display: block;
    }
}

.creating__module-text {
    padding-top: 4px;
}

.creating__module-hidden-coll {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    border-right: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .creating__module-hidden-coll {
        padding-bottom: 0;
        padding-top: 5px;
        border: none;
    }
}

.creating__module-hidden-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
}
.creating__module-hidden-btn img,
.creating__module-hidden-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1680px) {
    .creating__module-hidden-btn {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 1240px) {
    .creating__module-hidden-btn {
        width: 20px;
        height: 20px;
    }
}

.creating__module-hidden-btn + .creating__module-hidden-btn {
    margin-left: 20px;
}
@media (max-width: 1680px) {
    .creating__module-hidden-btn + .creating__module-hidden-btn {
        margin-left: 16px;
    }
}

.creating__module-hidden-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 767px) {
    .creating__module-hidden-btns {
        margin-top: 8px;
    }
}

.creating__module-label {
    margin-top: 12px;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 767px) {
    .creating__module-label {
        margin-top: 8px;
    }
}

.creating__module-status-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.creating__module-status-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 4px;
}
@media (max-width: 767px) {
    .creating__module-status-info {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.creating__module-status-info img,
.creating__module-status-info svg {
    width: 20px;
    height: 20px;
    margin-left: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .creating__module-status-info img,
    .creating__module-status-info svg {
        width: 16px;
        height: 16px;
    }
}

.creating-lessons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 475px 1fr;
    grid-template-columns: 475px 1fr;
    gap: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1680px) {
    .creating-lessons {
        -ms-grid-columns: 350px 1fr;
        grid-template-columns: 350px 1fr;
        gap: 28px;
    }
}
@media (max-width: 1240px) {
    .creating-lessons {
        -ms-grid-columns: 260px 1fr;
        grid-template-columns: 260px 1fr;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .creating-lessons {
        display: block;
    }
}

.creating-lessons-acc-btns {
    margin-left: 8px;
    padding-left: 8px;
}
@media (max-width: 1240px) {
    .creating-lessons-acc-btns {
        margin-left: 6px;
        padding-left: 6px;
    }
}
@media (max-width: 767px) {
    .creating-lessons-acc-btns {
        margin-left: 4px;
        padding-right: 4px;
    }
}
.creating-lessons-acc-btns .catalog__table-btn {
    width: 28px;
    height: 28px;
}
@media (max-width: 1680px) {
    .creating-lessons-acc-btns .catalog__table-btn {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 1240px) {
    .creating-lessons-acc-btns .catalog__table-btn {
        width: 20px;
        height: 20px;
    }
}

.creating-lessons-acc-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}

.creating-lessons-acc-link {
    padding-left: 30px;
}
@media (max-width: 1680px) {
    .creating-lessons-acc-link {
        padding-left: 24px;
    }
}
@media (max-width: 1240px) {
    .creating-lessons-acc-link {
        padding-left: 16px;
    }
}

.creating-lessons-acc {
    margin-top: 25px;
}
@media (max-width: 1240px) {
    .creating-lessons-acc {
        margin-top: 16px;
    }
}

.creating__lessons-add {
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 1680px) {
    .creating__lessons-add {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1240px) {
    .creating__lessons-add {
        padding-left: 17px;
        padding-right: 17px;
    }
}
@media (max-width: 767px) {
    .creating__lessons-add {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.creating__lessons-panel.panel-cart {
    padding: 5px;
}
@media (max-width: 767px) {
    .creating__lessons-panel.panel-cart {
        padding: 2px;
        display: block;
    }
}

.creating__lessons-panel-wrapp.panel-cart-wrapp {
    padding: 20px;
}
@media (max-width: 1680px) {
    .creating__lessons-panel-wrapp.panel-cart-wrapp {
        padding: 18px;
    }
}
@media (max-width: 1240px) {
    .creating__lessons-panel-wrapp.panel-cart-wrapp {
        padding: 14px;
    }
}
@media (max-width: 767px) {
    .creating__lessons-panel-wrapp.panel-cart-wrapp {
        padding: 8px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.creating-lessons-wrapp-row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-grid-columns: 1fr 270px;
    grid-template-columns: 1fr 270px;
    gap: 12px;
}
@media (max-width: 1680px) {
    .creating-lessons-wrapp-row {
        -ms-grid-columns: 1fr 200px;
        grid-template-columns: 1fr 200px;
    }
}
@media (max-width: 1240px) {
    .creating-lessons-wrapp-row {
        gap: 12px 10px;
    }
}
@media (max-width: 992px) {
    .creating-lessons-wrapp-row {
        -ms-grid-columns: 1fr 130px;
        grid-template-columns: 1fr 130px;
    }
}
@media (max-width: 767px) {
    .creating-lessons-wrapp-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

.creating-lessons-textarea-wrapp {
    margin-top: 12px;
}
@media (max-width: 1240px) {
    .creating-lessons-textarea-wrapp {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .creating-lessons-textarea-wrapp {
        margin-top: 12px;
    }
}

.creating-lessons-textarea {
    resize: none;
    height: 264px;
}
@media (max-width: 1680px) {
    .creating-lessons-textarea {
        height: 88px;
    }
}
@media (max-width: 1240px) {
    .creating-lessons-textarea {
        height: 103px;
    }
}
@media (max-width: 767px) {
    .creating-lessons-textarea {
        height: 120px;
    }
}

.creating-lessons-wrapp-inner {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    padding-right: 282px;
}
@media (max-width: 1680px) {
    .creating-lessons-wrapp-inner {
        margin-top: 20px;
        padding-top: 20px;
        padding-right: 0;
    }
}
@media (max-width: 1240px) {
    .creating-lessons-wrapp-inner {
        margin-top: 16px;
        padding-top: 16px;
    }
}

.creating-lessons-wrapp-title {
    padding-bottom: 15px;
}
@media (max-width: 1240px) {
    .creating-lessons-wrapp-title {
        padding-bottom: 12px;
    }
}

.creating__lesson-btn {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 767px) {
    .creating__lesson-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 12px;
    }
}

.creating-lessons-row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-grid-columns: 1fr 200px;
    grid-template-columns: 1fr 200px;
    gap: 12px;
}
@media (max-width: 1680px) {
    .creating-lessons-row {
        -ms-grid-columns: 1fr 180px;
        grid-template-columns: 1fr 180px;
    }
}
@media (max-width: 767px) {
    .creating-lessons-row {
        display: block;
    }
}

.creating__lesson-links-list {
    max-width: 300px;
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .creating__lesson-links-list {
        max-width: 312px;
    }
}

.creating__lesson-links-inner + .creating__lesson-links-inner {
    margin-top: 12px;
}
@media (max-width: 1240px) {
    .creating__lesson-links-inner + .creating__lesson-links-inner {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .creating__lesson-links-inner + .creating__lesson-links-inner {
        margin-top: 8px;
    }
}

.creating__lesson-links-inner a {
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #4099F8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1680px) {
    .creating__lesson-links-inner a {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .creating__lesson-links-inner a {
        font-size: 12px;
    }
}
@media (hover: hover) {
    .creating__lesson-links-inner a:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .creating__lesson-links-inner a:active {
        text-decoration: none;
    }
}
.creating__lesson-links-inner a:active {
    text-decoration: none;
}

.creating__lesson-links-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (max-width: 767px) {
    .creating__lesson-links-inner {
        gap: 5px;
    }
}

.creating__lesson-links-icon,
.creating__lessons-lindk-dell {
    width: 20px;
    height: 20px;
    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;
}
@media (max-width: 1240px) {
    .creating__lesson-links-icon,
    .creating__lessons-lindk-dell {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .creating__lesson-links-icon,
    .creating__lessons-lindk-dell {
        width: 16px;
        height: 16px;
    }
}
.creating__lesson-links-icon img,
.creating__lesson-links-icon svg,
.creating__lessons-lindk-dell img,
.creating__lessons-lindk-dell svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.creating__lessons-file {
    max-width: 550px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
}
@media (max-width: 1680px) {
    .creating__lessons-file {
        -ms-grid-columns: 180px 1fr;
        grid-template-columns: 180px 1fr;
    }
}
@media (max-width: 1240px) {
    .creating__lessons-file {
        -ms-grid-columns: 160px 1fr;
        grid-template-columns: 160px 1fr;
    }
}
@media (max-width: 767px) {
    .creating__lessons-file {
        display: block;
        max-width: 100%;
    }
}

.creating__lessons-file-list {
    padding-left: 12px;
    margin-left: 12px;
}
.creating__lessons-file-list:has(.file-row-element) {
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .creating__lessons-file-list:has(.file-row-element) {
        border: none;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .creating__lessons-file-list {
        padding-top: 8px;
        margin-top: 8px;
        padding-left: 0;
        margin-left: 0;
    }
}

.creating__lessons-file-btn {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 767px) {
    .creating__lessons-file-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.creating__listeners-filter {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 360px 360px 200px;
    grid-template-columns: 1fr 360px 360px 200px;
    gap: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .creating__listeners-filter {
        -ms-grid-columns: 1fr 250px 250px 180px;
        grid-template-columns: 1fr 250px 250px 180px;
    }
}
@media (max-width: 1240px) {
    .creating__listeners-filter {
        -ms-grid-columns: 1fr 250px 250px;
        grid-template-columns: 1fr 250px 250px;
        gap: 10px;
    }
}
@media (max-width: 992px) {
    .creating__listeners-filter {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .creating__listeners-filter {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

@media (max-width: 992px) {
    .creating__listeners-search {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
@media (max-width: 767px) {
    .creating__listeners-search {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
    }
}

.creating__listeners-filter-btn {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 1240px) {
    .creating__listeners-filter-btn {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        margin-left: auto;
        margin-right: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 992px) {
    .creating__listeners-filter-btn {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
@media (max-width: 767px) {
    .creating__listeners-filter-btn {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        margin-right: auto;
        padding-left: 25px;
        padding-right: 25px;
    }
}

.creating__listeners-box-padding {
    margin-top: 15px;
}
@media (max-width: 1240px) {
    .creating__listeners-box-padding {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-box-padding {
        margin-top: 16px;
    }
}

.creating__listeners-head {
    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;
}
@media (max-width: 572px) {
    .creating__listeners-head {
        display: block;
    }
}

.creating__listeners-btn {
    min-width: 200px;
}
@media (max-width: 1680px) {
    .creating__listeners-btn {
        min-width: 180px;
    }
}
@media (max-width: 1240px) {
    .creating__listeners-btn {
        min-width: 140px;
    }
}
@media (max-width: 572px) {
    .creating__listeners-btn {
        margin-top: 16px;
        min-width: 0;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.creating__listeners-btns-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px;
}
@media (max-width: 1240px) {
    .creating__listeners-btns-row {
        gap: 10px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-btns-row {
        gap: 8px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .creating__listeners-btns-row .creating__listeners-btn {
        width: 100%;
        padding-left: 2px;
        padding-right: 2px;
    }
}

.creating__checkbox-tree-head {
    min-height: 48px;
    border-radius: 8px;
    padding: 12px;
    background: #f3f6fb;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 1fr;
    grid-template-columns: 24px 1fr;
    gap: 4px;
}
@media (max-width: 1240px) {
    .creating__checkbox-tree-head {
        min-height: 44px;
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
    }
}
@media (max-width: 767px) {
    .creating__checkbox-tree-head {
        min-height: 36px;
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        padding: 8px 10px;
    }
}

.creating__checkbox-tree-btn {
    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;
    width: 100%;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    text-align: left;
    color: #181830;
}
@media (max-width: 1680px) {
    .creating__checkbox-tree-btn {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .creating__checkbox-tree-btn {
        font-size: 14px;
    }
}
.creating__checkbox-tree-btn svg,
.creating__checkbox-tree-btn img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .creating__checkbox-tree-btn svg,
    .creating__checkbox-tree-btn img {
        width: 16px;
        height: 16px;
    }
}

.creating__checkbox-tree-wrapp + .creating__checkbox-tree-wrapp {
    margin-top: 8px;
}
@media (max-width: 1240px) {
    .creating__checkbox-tree-wrapp + .creating__checkbox-tree-wrapp {
        margin-top: 6px;
    }
}

.creating__checkbox-tree-wrapp .checkbox-tree-inner + .checkbox-tree-inner {
    padding-top: 6px;
    margin-top: 6px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1240px) {
    .creating__checkbox-tree-wrapp .checkbox-tree-inner + .checkbox-tree-inner {
        padding-top: 4px;
        margin-top: 4px;
    }
}

.checkbox-tree-inner.accordion.is-active .checkbox-tree.accordion-wrapp {
    display: block;
}
.checkbox-tree-inner.accordion.is-active .creating__checkbox-tree-btn svg,
.checkbox-tree-inner.accordion.is-active .creating__checkbox-tree-btn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp {
    display: none;
    padding-top: 8px;
}
@media (max-width: 1240px) {
    .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp {
        padding-top: 6px;
    }
}
.creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 110%;
    color: #181830;
}
@media (max-width: 1680px) {
    .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span {
        font-size: 12px;
    }
}
.creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span::after, .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span::before {
    width: 24px;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1240px) {
    .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span::after, .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span::before {
        width: 20px;
        height: 20px;
    }
}

.creating__listeners-header-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 48px;
    height: 48px;
    padding: 8px;
}
.creating__listeners-header-btn img,
.creating__listeners-header-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1680px) {
    .creating__listeners-header-btn {
        width: 44px;
        height: 44px;
    }
}
@media (max-width: 1240px) {
    .creating__listeners-header-btn {
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-header-btn {
        width: 20px;
        height: 20px;
        padding: 0;
    }
}
@media (hover: hover) {
    .creating__listeners-header-btn:hover {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .creating__listeners-header-btn:active {
        opacity: 0.7;
    }
}
.creating__listeners-header-btn:active {
    opacity: 0.7;
}

.creating__listeners-header-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 4px;
}
@media (max-width: 1240px) {
    .creating__listeners-header-btns {
        margin-left: 2px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-header-btns {
        margin-left: 8px;
    }
}

.creating__listeners-header-btn + .creating__listeners-header-btn {
    margin-left: 4px;
}
@media (max-width: 1240px) {
    .creating__listeners-header-btn + .creating__listeners-header-btn {
        margin-left: 2px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-header-btn + .creating__listeners-header-btn {
        margin-left: 12px;
    }
}

.creating__listeners-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.creating__listeners-header-coll {
    width: 100%;
    padding: 14px 16px;
    min-height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(107, 110, 232, 0.1);
    border-radius: 8px;
}
@media (max-width: 1680px) {
    .creating__listeners-header-coll {
        padding: 12px 14px;
        min-height: 48px;
    }
}
@media (max-width: 1240px) {
    .creating__listeners-header-coll {
        min-height: 40px;
        padding: 10px 12px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-header-coll {
        padding: 4px 8px;
    }
}

.creating__listeners-header-label {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.creating__listeners-acc-btn {
    width: 100%;
    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;
    gap: 5px;
    margin-left: 12px;
}

.creating__listeners-acc-btn.is-active .creating__listeners-tree-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.creating__listeners-tree-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1240px) {
    .creating__listeners-tree-arrow {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-tree-arrow {
        width: 20px;
        height: 20px;
    }
}

.creating__listeners-tree-coll-id {
    padding-right: 12px;
}
@media (max-width: 1240px) {
    .creating__listeners-tree-coll-id {
        padding-right: 8px;
    }
}

.creating__listeners-tree-coll-title,
.creating__listeners-tree-coll-id,
.creating__listeners-tree-coll-numm {
    text-align: left;
}
@media (max-width: 767px) {
    .creating__listeners-tree-coll-title,
    .creating__listeners-tree-coll-id,
    .creating__listeners-tree-coll-numm {
        display: block;
    }
}

@media (max-width: 767px) {
    .creating__listeners-tree-coll-title .creating__listeners-tree-coll-numm {
        padding-top: 2px;
    }
}

.creating__listeners-tree-row + .creating__listeners-tree-row {
    margin-top: 12px;
}
@media (max-width: 1240px) {
    .creating__listeners-tree-row + .creating__listeners-tree-row {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-tree-row + .creating__listeners-tree-row {
        margin-top: 8px;
    }
}

.creating__listeners-acc-wrapp {
    padding-top: 8px;
    padding-left: 60px !important;
}
@media (max-width: 1680px) {
    .creating__listeners-acc-wrapp {
        padding-left: 50px !important;
    }
}
@media (max-width: 1240px) {
    .creating__listeners-acc-wrapp {
        padding-left: 25px !important;
    }
}
@media (max-width: 767px) {
    .creating__listeners-acc-wrapp {
        padding-left: 0 !important;
        padding-top: 4px;
    }
}

.creating__listeners-row-label {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 6px;
    margin-top: 40px;
}
@media (max-width: 1240px) {
    .creating__listeners-row-label {
        margin-top: 30px;
        margin-right: 4px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-row-label {
        margin-top: 0;
    }
}

.creating__listeners-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (hover: hover) {
    .creating__listeners-row:hover .creating__listeners-cart-wrapp {
        border-color: #6b6ee8;
    }
}
@media (hover: none) {
    .creating__listeners-row:active .creating__listeners-cart-wrapp {
        border-color: #6b6ee8;
    }
}
.creating__listeners-row:active .creating__listeners-cart-wrapp {
    border-color: #6b6ee8;
}

.creating__listeners-row + .creating__listeners-row {
    margin-top: 6px;
}
@media (max-width: 1240px) {
    .creating__listeners-row + .creating__listeners-row {
        margin-top: 4px;
    }
}

.creating__listeners-cart-wrapp.panel-cart-wrapp {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 1240px) {
    .creating__listeners-cart-wrapp.panel-cart-wrapp {
        padding: 14px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-wrapp.panel-cart-wrapp {
        padding: 4px;
    }
}

.creating__listeners-cart.panel-cart {
    width: 100%;
    display: block;
    padding: 5px;
}
@media (max-width: 767px) {
    .creating__listeners-cart.panel-cart {
        padding: 4px;
    }
}

.creating__listeners-cart-coll {
    position: relative;
    width: 100%;
}

.creating__listeners-cart-status {
    position: absolute;
    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;
    padding: 4px 12px;
    border-radius: 0 0 12px 12px;
    right: 20px;
    color: #ffffff;
    top: -16px;
    background: #ff8075;
}
.creating__listeners-cart-status::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background: #ff8075;
    -webkit-mask: url("../../assets/img/icon/left.svg");
    mask: url("../../assets/img/icon/left.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top right;
    mask-position: top right;
}
@media (max-width: 767px) {
    .creating__listeners-cart-status::after {
        width: 0;
        background: none;
    }
}
.creating__listeners-cart-status::before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    right: 0px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    background: #ff8075;
    -webkit-mask: url("../../assets/img/icon/right.svg");
    mask: url("../../assets/img/icon/right.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top right;
    mask-position: top right;
}
@media (max-width: 767px) {
    .creating__listeners-cart-status::before {
        width: 0;
        background: none;
    }
}
@media (max-width: 1680px) {
    .creating__listeners-cart-status {
        right: 30px;
    }
}
@media (max-width: 1240px) {
    .creating__listeners-cart-status {
        top: -14px;
        right: 0;
        padding: 2px 8px;
        border-radius: 0 0 8px 8px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-status {
        top: 0;
        position: initial;
        margin-bottom: 4px;
        border-radius: 4px;
        width: 160px;
        padding: 4px;
    }
}
@media (max-width: 400px) {
    .creating__listeners-cart-status {
        width: 100%;
    }
}

.creating__listeners-cart-foto {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    background: url("../../assets/img/icon/Profile.svg") no-repeat center center/contain, #d3eafe;
    background-size: 50% 50%;
}
.creating__listeners-cart-foto img,
.creating__listeners-cart-foto svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .creating__listeners-cart-foto {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-foto {
        width: 48px;
        height: 48px;
    }
}

.creating__listeners-cart-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.creating__listeners-cart-bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    padding-top: 10px;
    margin-top: 8px;
    position: relative;
}
.creating__listeners-cart-bottom::after {
    content: "";
    height: 1px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .creating__listeners-cart-bottom::after {
        width: 0;
        background: none;
    }
}
@media (max-width: 1240px) {
    .creating__listeners-cart-bottom {
        margin-top: 10px;
        padding-top: 6px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-bottom {
        display: block;
        padding-top: 0;
        margin-top: 8px;
    }
}

.creating__listeners-cart-subcoll {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 0 16px;
}
@media (max-width: 767px) {
    .creating__listeners-cart-subcoll {
        display: block;
    }
}

.creating__listeners-cart-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    padding-top: 12px;
    gap: 4px 8px;
}
@media (max-width: 1240px) {
    .creating__listeners-cart-contacts {
        padding-top: 6px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-contacts {
        padding-top: 4px;
        display: block;
    }
}

.creating__listeners-cart-id {
    height: 100%;
    padding-bottom: 4px;
    position: relative;
}
.creating__listeners-cart-id::after {
    content: "";
    height: 1px;
    width: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .creating__listeners-cart-id::after {
        width: 0;
        background: none;
    }
}

.creating__listeners-cart-name {
    padding-bottom: 12px;
    position: relative;
}
@media (max-width: 1240px) {
    .creating__listeners-cart-name {
        padding-bottom: 6px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-name {
        padding-bottom: 4px;
    }
    .creating__listeners-cart-name::after {
        content: "";
        height: 1px;
        width: 80px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}

.creating__listeners-cart-contacts-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: underline;
    font-weight: var(--font-weight-medium) !important;
}
.creating__listeners-cart-contacts-link img,
.creating__listeners-cart-contacts-link svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
    margin-right: 4px;
}
@media (max-width: 1240px) {
    .creating__listeners-cart-contacts-link img,
    .creating__listeners-cart-contacts-link svg {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-contacts-link img,
    .creating__listeners-cart-contacts-link svg {
        width: 16px;
        height: 16px;
    }
}
@media (hover: hover) {
    .creating__listeners-cart-contacts-link:hover {
        text-decoration: none;
    }
}
@media (hover: none) {
    .creating__listeners-cart-contacts-link:active {
        text-decoration: none;
    }
}
.creating__listeners-cart-contacts-link:active {
    text-decoration: none;
}

.creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner::before {
    content: "/";
    padding-right: 8px;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #6b6ee8;
}
@media (max-width: 1240px) {
    .creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner::before {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner::before {
        content: "";
        padding: 0;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: -111111;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner {
        padding-top: 4px;
    }
}

.creating__listeners-acc-wrapp {
    display: none;
}

.creating__listeners-tree-row.is-active .creating__listeners-acc-wrapp {
    display: block;
}

.creating__test-footer-btn {
    margin-left: auto;
    margin-right: 0;
    min-width: 200px;
}
@media (max-width: 1680px) {
    .creating__test-footer-btn {
        min-width: 156px;
    }
}
@media (max-width: 1240px) {
    .creating__test-footer-btn {
        min-width: 140px;
    }
}
@media (max-width: 767px) {
    .creating__test-footer-btn {
        min-width: 125px;
    }
}

.creating__test-footer {
    padding-top: 32px;
    margin-top: 25px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .creating__test-footer {
        margin-top: 20px;
        padding-top: 20px;
    }
}
@media (max-width: 1240px) {
    .creating__test-footer {
        margin-top: 16px;
        padding-top: 16px;
    }
}

.creating__test-header {
    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;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.creating__test-header-btn {
    min-width: 200px;
}
@media (max-width: 1680px) {
    .creating__test-header-btn {
        min-width: 156px;
    }
}
@media (max-width: 1240px) {
    .creating__test-header-btn {
        min-width: 140px;
    }
}
@media (max-width: 767px) {
    .creating__test-header-btn {
        min-width: 125px;
    }
}

.creating__test-wrapp {
    margin-top: 32px;
    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;
}
@media (max-width: 1680px) {
    .creating__test-wrapp {
        margin-top: 28px;
        gap: 10px;
    }
}
@media (max-width: 1240px) {
    .creating__test-wrapp {
        margin-top: 24px;
    }
}
@media (max-width: 767px) {
    .creating__test-wrapp {
        gap: 12px;
    }
}

.creating__test-wrapp-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    margin-top: 12px;
    gap: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .creating__test-wrapp-row {
        margin-top: 10px;
        gap: 10px;
    }
}
@media (max-width: 1240px) {
    .creating__test-wrapp-row {
        -ms-grid-columns: 1fr 0.5fr 0.5fr 1fr;
        grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
    }
}
@media (max-width: 767px) {
    .creating__test-wrapp-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

@media (max-width: 1240px) and (min-width: 757px) {
    .creating__test-wrapp-input:nth-child(5n) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
    }
    .creating__test-wrapp-input:nth-child(5n+2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
    }
    .creating__test-wrapp-input:nth-child(5n+3) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
    }
    .creating__test-wrapp-input:nth-child(5n+4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .creating__test-wrapp-input:nth-child(5n+5) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
    }
}

.creating__test-check-list {
    padding-top: 12px;
}
@media (max-width: 1680px) {
    .creating__test-check-list {
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    .creating__test-check-list {
        padding-top: 12px;
    }
}

.creating__test-check-inner + .creating__test-check-inner {
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .creating__test-check-inner + .creating__test-check-inner {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .creating__test-check-inner + .creating__test-check-inner {
        margin-top: 12px;
    }
}

.creating__test-check-span {
    font-size: 16px;
}
.creating__test-check-span::after, .creating__test-check-span::before {
    width: 24px;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1240px) {
    .creating__test-check-span::after, .creating__test-check-span::before {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 1680px) {
    .creating__test-check-span {
        font-size: 14px;
    }
}
@media (max-width: 1240px) {
    .creating__test-check-span {
        padding-left: 25px;
    }
}
@media (max-width: 767px) {
    .creating__test-check-span {
        font-size: 12px;
    }
}

.creating__test-questions {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .creating__test-questions {
        padding-top: 20px;
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions {
        padding-top: 16px;
        margin-top: 16px;
    }
}

.creating__test-questions-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 570px;
    grid-template-columns: 1fr 570px;
    margin-top: 24px;
}
@media (max-width: 1680px) {
    .creating__test-questions-row {
        -ms-grid-columns: 1fr 465px;
        grid-template-columns: 1fr 465px;
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions-row {
        margin-top: 16px;
        -ms-grid-columns: 1fr 320px;
        grid-template-columns: 1fr 320px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-row {
        display: block;
    }
}

.creating__test-questions-row + .creating__test-questions-row {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .creating__test-questions-row + .creating__test-questions-row {
        margin-top: 20px;
        padding-top: 20px;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions-row + .creating__test-questions-row {
        margin-top: 16px;
        padding-top: 16px;
    }
}

.creating__test-questions-files {
    padding-left: 24px;
    margin-left: 24px;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1240px) {
    .creating__test-questions-files {
        padding-left: 20px;
        margin-left: 20px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-files {
        margin-top: 16px;
        padding-top: 15px;
        padding-left: 0;
        margin-left: 0;
        border: none;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
}

.reating__test-questions-file {
    margin-top: 17px;
}
@media (max-width: 767px) {
    .reating__test-questions-file {
        margin-top: 8px;
    }
}

.creating__test-questions-foto .file-image-box {
    margin-bottom: 12px;
}
@media (max-width: 1240px) {
    .creating__test-questions-foto .file-image-box {
        margin-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-foto .file-image-box {
        margin-bottom: 12px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-foto {
        max-width: 320px;
    }
}

.creating__test-file-btn {
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 1240px) {
    .creating__test-file-btn {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .creating__test-file-btn {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.creating__test-file-text {
    text-align: left;
}

.creating__test-questions-file-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 204px 1fr;
    grid-template-columns: 204px 1fr;
}
@media (max-width: 1680px) {
    .creating__test-questions-file-row {
        -ms-grid-columns: 186px 1fr;
        grid-template-columns: 186px 1fr;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions-file-row {
        -ms-grid-columns: 140px 1fr;
        grid-template-columns: 140px 1fr;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-file-row {
        display: block;
        max-width: 100%;
    }
}

.creating__test-questions-filelist {
    padding-left: 12px;
    margin-left: 12px;
}
.creating__test-questions-filelist:has(.file-row-element) {
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 767px) {
    .creating__test-questions-filelist:has(.file-row-element) {
        border: none;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .creating__test-questions-filelist {
        padding-top: 8px;
        margin-top: 8px;
        padding-left: 0;
        margin-left: 0;
    }
}

.creating__test-questions-file {
    margin-top: 17px;
}
@media (max-width: 767px) {
    .creating__test-questions-file {
        margin-top: 8px;
    }
}

.creating__test-questions-files {
    height: 100%;
}

.creating__test-questions-files-inner + .creating__test-questions-files-inner {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}

.creating__test-questions-btn {
    margin-left: auto;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 270px;
}
@media (max-width: 1680px) {
    .creating__test-questions-btn {
        min-width: 215px;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions-btn {
        min-width: 207px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-btn {
        min-width: 175px;
    }
}

.creating__test-questions-header {
    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;
    gap: 20px;
}

.creating__test-questions-header-btn,
.creating__test-questions-container-btn {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}
.creating__test-questions-header-btn img,
.creating__test-questions-header-btn svg,
.creating__test-questions-container-btn img,
.creating__test-questions-container-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1680px) {
    .creating__test-questions-header-btn,
    .creating__test-questions-container-btn {
        width: 28px;
        height: 28px;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions-header-btn,
    .creating__test-questions-container-btn {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-header-btn,
    .creating__test-questions-container-btn {
        width: 20px;
        height: 20px;
    }
}
@media (hover: hover) {
    .creating__test-questions-header-btn:hover,
    .creating__test-questions-container-btn:hover {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .creating__test-questions-header-btn:active,
    .creating__test-questions-container-btn:active {
        opacity: 0.7;
    }
}
.creating__test-questions-header-btn:active,
.creating__test-questions-container-btn:active {
    opacity: 0.7;
}

.creating__test-questions-container-btn {
    width: 24px;
    height: 24px;
    margin-left: 12px;
}
@media (max-width: 1240px) {
    .creating__test-questions-container-btn {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-container-btn {
        width: 16px;
        height: 16px;
        margin-left: 8px;
    }
}

.creating__test-questions-inputs {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 16px;
}
@media (max-width: 1680px) {
    .creating__test-questions-inputs {
        margin-top: 14px;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions-inputs {
        margin-top: 12px;
        gap: 10px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-inputs {
        margin-top: 8px;
        gap: 16px;
    }
}

.creating__test-textarea .textarea {
    min-height: 104px;
}
@media (max-width: 767px) {
    .creating__test-textarea .textarea {
        min-height: 120px;
    }
}

.creating__test-questions-container {
    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;
}

.creating__test-questions-container + .creating__test-questions-container {
    margin-top: 6px;
}
@media (max-width: 767px) {
    .creating__test-questions-container + .creating__test-questions-container {
        margin-top: 4px;
    }
}

.creating__test-questions-container-coll {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}
@media (max-width: 1240px) {
    .creating__test-questions-container-coll {
        gap: 4px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-container-coll {
        gap: 6px;
    }
}

.creating__test-questions-box {
    margin-top: 12px;
}
@media (max-width: 1240px) {
    .creating__test-questions-box {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-box {
        margin-top: 16px;
    }
}

.creating__test-questions-list,
.creating__test-questions-add {
    margin-left: 20px;
    margin-top: 8px;
}
@media (max-width: 1680px) {
    .creating__test-questions-list,
    .creating__test-questions-add {
        margin-left: 16px;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions-list,
    .creating__test-questions-add {
        margin-left: 12px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-list,
    .creating__test-questions-add {
        margin-left: 0;
    }
}

.creating__test-questions-add {
    min-width: 270px;
    padding-left: 16px;
    padding-right: 16px;
}
@media (max-width: 1680px) {
    .creating__test-questions-add {
        min-width: 226px;
    }
}
@media (max-width: 1240px) {
    .creating__test-questions-add {
        min-width: 220px;
    }
}
@media (max-width: 767px) {
    .creating__test-questions-add {
        min-width: 185px;
    }
}

.creating__test-storage-container + .creating__test-storage-container {
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .creating__test-storage-container + .creating__test-storage-container {
        margin-top: 15px;
    }
}
@media (max-width: 1240px) {
    .creating__test-storage-container + .creating__test-storage-container {
        margin-top: 12px;
    }
}

.creating__test-storage-search {
    max-width: 1094px;
}

.creating__test-storage-btn {
    margin-top: 25px;
    min-width: 200px;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 1680px) {
    .creating__test-storage-btn {
        margin-top: 20px;
        min-width: 146px;
    }
}
@media (max-width: 1240px) {
    .creating__test-storage-btn {
        margin-top: 18px;
        min-width: 138px;
    }
}
@media (max-width: 767px) {
    .creating__test-storage-btn {
        margin-top: 16px;
        min-width: 115px;
    }
}

.creating__test-storage-cart {
    display: block;
    padding: 5px;
}
@media (max-width: 767px) {
    .creating__test-storage-cart {
        padding: 2px;
    }
}

.creating__test-storage-cart-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: 20px;
}
@media (max-width: 1240px) {
    .creating__test-storage-cart-wrapp {
        padding: 16px;
    }
}
@media (max-width: 767px) {
    .creating__test-storage-cart-wrapp {
        padding: 8px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .creating__test-storage-cart-title {
        font-size: 14px;
    }
}

.creating__test-storage-info-list {
    margin-top: 12px;
}
@media (max-width: 1240px) {
    .creating__test-storage-info-list {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .creating__test-storage-info-list {
        margin-top: 8px;
    }
    .creating__test-storage-info-list .catalog__tabel-info-title,
    .creating__test-storage-info-list .catalog__tabel-info-text {
        font-size: 12px;
    }
}

.creating-head .tab__label:not(:first-child) {
    margin-right: -10px;
}

.append-flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.append-flex-btn {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 200px;
}
@media (max-width: 1680px) {
    .append-flex-btn {
        min-width: 180px;
    }
}
@media (max-width: 1240px) {
    .append-flex-btn {
        min-width: 140px;
    }
}
@media (max-width: 767px) {
    .append-flex-btn {
        min-width: 133px;
    }
}

.append-container + .append-container {
    margin-top: 30px;
}
@media (max-width: 1680px) {
    .append-container + .append-container {
        margin-top: 15px;
    }
}
@media (max-width: 1240px) {
    .append-container + .append-container {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .append-container + .append-container {
        margin-top: 16px;
    }
}

.append__header-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 200px;
    padding-left: 32px;
    padding-right: 32px;
}
@media (max-width: 1680px) {
    .append__header-btn {
        min-width: 180px;
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 1240px) {
    .append__header-btn {
        min-width: 138px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .append__header-btn {
        padding-left: 15px;
        padding-right: 15px;
        min-width: 105px;
    }
}

.append__header-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1680px) {
    .append__header-footer {
        margin-top: 20px;
        padding-top: 20px;
    }
}
@media (max-width: 1240px) {
    .append__header-footer {
        padding-top: 18px;
        margin-top: 18px;
    }
}
@media (max-width: 767px) {
    .append__header-footer {
        padding-top: 16px;
        margin-top: 16px;
        gap: 8px;
    }
}

.append-header-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
}
@media (max-width: 1680px) {
    .append-header-row {
        -ms-grid-columns: 180px 1fr;
        grid-template-columns: 180px 1fr;
    }
}
@media (max-width: 1240px) {
    .append-header-row {
        -ms-grid-columns: 160px 1fr;
        grid-template-columns: 160px 1fr;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .append-header-row {
        display: block;
    }
}

.append-header-avatar {
    width: 200px;
    height: 200px;
    margin-top: 15px;
}
@media (max-width: 1680px) {
    .append-header-avatar {
        margin-top: 8px;
        width: 180px;
        height: 180px;
    }
}
@media (max-width: 1240px) {
    .append-header-avatar {
        width: 160px;
        height: 160px;
        margin-top: 6px;
    }
}
@media (max-width: 767px) {
    .append-header-avatar {
        width: 150px;
        height: 150px;
    }
}

.append-header-foto {
    width: 200px;
}
@media (max-width: 1680px) {
    .append-header-foto {
        width: 180px;
    }
}
@media (max-width: 1240px) {
    .append-header-foto {
        width: 160px;
    }
}
@media (max-width: 767px) {
    .append-header-foto {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }
}

.append-header-wrapp {
    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;
}
@media (max-width: 1680px) {
    .append-header-wrapp {
        gap: 10px;
    }
}
@media (max-width: 767px) {
    .append-header-wrapp {
        gap: 12px;
        margin-top: 24px;
    }
}

.append-header-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 215px 1fr 1.2fr;
    grid-template-columns: 215px 1fr 1.2fr;
    gap: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .append-header-top {
        gap: 10px;
        -ms-grid-columns: 200px 1fr;
        grid-template-columns: 200px 1fr;
    }
}
@media (max-width: 1240px) {
    .append-header-top {
        gap: 10px 12px;
    }
}
@media (max-width: 767px) {
    .append-header-top {
        gap: 12px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

@media (max-width: 1680px) {
    .append-header-top-container:nth-child(3n) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
@media (max-width: 767px) {
    .append-header-top-container:nth-child(3n) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
    }
}

.append-header-center {
    display: -ms-grid;
    display: grid;
    gap: 12px;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .append-header-center {
        gap: 10px;
        grid-column: 280px 1fr 1fr 150px;
    }
}
@media (max-width: 1240px) {
    .append-header-center {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .append-header-center {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 12px;
    }
}

.append-header-bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .append-header-bottom {
        gap: 10px;
    }
}
@media (max-width: 1240px) {
    .append-header-bottom {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .append-header-bottom {
        gap: 12px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

.append__hide-btn {
    margin-top: 8px;
    display: none;
}
@media (max-width: 767px) {
    .append__hide-btn {
        display: inline-block;
    }
}
.append__hide-btn::after {
    content: "Читать подробности";
    font-size: 12px;
}

.append__company-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto auto auto;
    grid-template-columns: 1fr auto auto auto;
    gap: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1800px) {
    .append__company-list {
        -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
        gap: 0 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 992px) {
    .append__company-list {
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        gap: 0 10px;
    }
}
@media (max-width: 767px) {
    .append__company-list {
        display: none;
    }
}

@media (max-width: 767px) {
    input:checked ~ .append__company-list {
        display: block;
    }
}
.append__company-list-inner {
    padding-right: 30px;
    border-right: 1px solid rgba(24, 24, 48, 0.1);
}
.append__company-list-inner:nth-last-child(1) {
    border: none;
}
@media (max-width: 1800px) {
    .append__company-list-inner {
        border: none;
        padding-right: 0;
        margin-top: 8px;
        padding-top: 8px;
    }
    .append__company-list-inner:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }
}
@media (max-width: 992px) {
    .append__company-list-inner:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
@media (max-width: 767px) {
    .append__company-list-inner {
        padding-top: 4px;
        margin-top: 4px;
    }
    .append__company-list-inner::after {
        width: 30px;
        background: rgba(24, 24, 48, 0.1);
    }
}

.groups--container + .groups--container {
    margin-top: 30px;
}
@media (max-width: 1680px) {
    .groups--container + .groups--container {
        margin-top: 15px;
    }
}
@media (max-width: 1240px) {
    .groups--container + .groups--container {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .groups--container + .groups--container {
        margin-top: 16px;
    }
}

.groups-header-btn {
    margin-left: auto;
    margin-right: 0;
    margin-top: 24px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 200px;
}
@media (max-width: 1680px) {
    .groups-header-btn {
        min-width: 180px;
        margin-top: 20px;
    }
}
@media (max-width: 1240px) {
    .groups-header-btn {
        min-width: 140px;
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .groups-header-btn {
        min-width: 132px;
        margin-right: auto;
    }
}

.groups-table-header {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.groups__table-btn {
    padding-left: 3px;
    padding-right: 2px;
    min-width: 200px;
}
@media (max-width: 1680px) {
    .groups__table-btn {
        min-width: 180px;
    }
}
@media (max-width: 1240px) {
    .groups__table-btn {
        min-width: 140px;
    }
}
@media (max-width: 767px) {
    .groups__table-btn {
        min-width: 134px;
    }
}

.groups__table-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}
@media (max-width: 767px) {
    .groups__table-row {
        gap: 8px;
    }
}

.groups__table-row + .groups__table-row {
    margin-top: 12px;
}
@media (max-width: 1680px) {
    .groups__table-row + .groups__table-row {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .groups__table-row + .groups__table-row {
        margin-top: 8px;
    }
}

.groups__table-row-coll {
    padding: 14px 16px;
    border-radius: 8px;
    background: #f3f6fb;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 12px;
}
@media (max-width: 1240px) {
    .groups__table-row-coll {
        padding: 10px 12px;
        gap: 8px;
    }
}
@media (max-width: 767px) {
    .groups__table-row-coll {
        padding: 8px 12px;
        gap: 12px;
    }
}

.groups__table-id {
    min-width: 44px;
}
@media (max-width: 1680px) {
    .groups__table-id {
        min-width: 38px;
    }
}
@media (max-width: 767px) {
    .groups__table-id {
        min-width: 33px;
    }
}

.groups-table-btn {
    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;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding: 8px;
    width: 48px;
    height: 48px;
}
@media (max-width: 1680px) {
    .groups-table-btn {
        width: 44px;
        height: 44px;
    }
}
@media (max-width: 1240px) {
    .groups-table-btn {
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 767px) {
    .groups-table-btn {
        width: 20px;
        height: 20px;
        padding: 0;
    }
}
.groups-table-btn img,
.groups-table-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (hover: hover) {
    .groups-table-btn:hover {
        opacity: 0.7;
    }
}
@media (hover: none) {
    .groups-table-btn:active {
        opacity: 0.7;
    }
}
.groups-table-btn:active {
    opacity: 0.7;
}

.groups-table-btn + .groups-table-btn {
    margin-left: 4px;
}
@media (max-width: 767px) {
    .groups-table-btn + .groups-table-btn {
        margin-left: 12px;
    }
}

.groups__table-row-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.statistics-container + .statistics-container {
    margin-top: 15px;
}
@media (max-width: 1240px) {
    .statistics-container + .statistics-container {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .statistics-container + .statistics-container {
        margin-top: 16px;
    }
}

.statistics-table-header {
    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;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.statistics__table-btn {
    padding-left: 32px;
    padding-right: 32px;
}
@media (max-width: 1680px) {
    .statistics__table-btn {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 1240px) {
    .statistics__table-btn {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .statistics__table-btn {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.statistics-header {
    display: -ms-grid;
    display: grid;
    gap: 12px;
    -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 175px 12px 175px 12px 200px;
    grid-template-columns: repeat(3, 1fr) 175px 175px 200px;
    -ms-grid-rows: auto 12px 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "statistics-search statistics-search statistics-search statistics-search statistics-search ..." "statistics-course statistics-group statistics-company statistics-date-1 statistics-date-2 statistics-header-btn";
}
@media (max-width: 1680px) {
    .statistics-header {
        gap: 10px;
        -ms-grid-columns: 170px 10px 170px 10px 1fr 10px 1fr;
        grid-template-columns: 170px 170px 1fr 1fr;
        -ms-grid-rows: auto 10px auto 10px 1fr;
        grid-template-rows: auto auto 1fr;
        grid-template-areas: "statistics-search statistics-search statistics-search statistics-search" "statistics-course statistics-course statistics-group statistics-company" "statistics-date-1 statistics-date-2 statistics-header-btn statistics-header-btn";
    }
}
@media (max-width: 1240px) {
    .statistics-header {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas: "statistics-search   statistics-search statistics-search" "statistics-course   statistics-group statistics-company" "statistics-date-1 statistics-date-2  statistics-header-btn";
    }
}
@media (max-width: 767px) {
    .statistics-header {
        gap: 12px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: initial;
    }
}

.statistics-search {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    grid-area: statistics-search;
}
@media (max-width: 767px) {
    .statistics-search {
        grid-area: initial;
    }
}

.statistics-course {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: statistics-course;
}
@media (max-width: 767px) {
    .statistics-course {
        grid-area: initial;
    }
}

.statistics-group {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: statistics-group;
}
@media (max-width: 767px) {
    .statistics-group {
        grid-area: initial;
    }
}

.statistics-company {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-area: statistics-company;
}
@media (max-width: 767px) {
    .statistics-company {
        grid-area: initial;
    }
}

.statistics-date-1 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    grid-area: statistics-date-1;
}
@media (max-width: 767px) {
    .statistics-date-1 {
        grid-area: initial;
    }
}

.statistics-date-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
    grid-area: statistics-date-2;
}
@media (max-width: 767px) {
    .statistics-date-2 {
        grid-area: initial;
    }
}

.statistics-header-btn {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
    grid-area: statistics-header-btn;
    min-width: 200px;
    margin-left: auto;
    margin-right: 0;
    margin-top: auto;
}

@media (max-width: 1680px){
    .statistics-search {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
    }
    .statistics-course {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .statistics-group {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }
    .statistics-company {
        -ms-grid-row: 3;
        -ms-grid-column: 7;
    }
    .statistics-date-1 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .statistics-date-2 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    .statistics-header-btn {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
        -ms-grid-column-span: 3;
    }
}

@media (max-width: 1240px){
    .statistics-search {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .statistics-course {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    .statistics-group {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .statistics-company {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }
    .statistics-date-1 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .statistics-date-2 {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    .statistics-header-btn {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
}
@media (max-width: 1680px) {
    .statistics-header-btn {
        min-width: 180px;
    }
}
@media (max-width: 1240px) {
    .statistics-header-btn {
        min-width: 140px;
    }
}
@media (max-width: 767px) {
    .statistics-header-btn {
        min-width: 115px;
        margin-right: auto;
        grid-area: initial;
    }
}

.statistics-table-wrapp {
    border-radius: 24px;
    background: #f3f6fb;
    padding: 16px;
}
@media (max-width: 1680px) {
    .statistics-table-wrapp {
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .statistics-table-wrapp {
        background: none;
        border-radius: 0;
        padding: 0;
    }
}

.statistics-table-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4] 120px 120px 140px 140px 95px;
    grid-template-columns: repeat(4, 1fr) 120px 120px 140px 140px 95px;
    grid-template-areas: "statistics-tb-name statistics-tb-company statistics-tb-course statistics-tb-group statistics-tb-date statistics-tb-date-end statistics-tb-result statistics-tb-ball statistics-tb-summary";
}
@media (max-width: 1680px) {
    .statistics-table-row {
        -ms-grid-columns: 1.1fr 1fr 1fr 170px 100px 95px 130px 75px;
        grid-template-columns: 1.1fr 1fr 1fr 170px 100px 95px 130px 75px;
        -ms-grid-rows: auto 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: "statistics-tb-name statistics-tb-company statistics-tb-course statistics-tb-group statistics-tb-date statistics-tb-result statistics-tb-ball statistics-tb-summary" "statistics-tb-name statistics-tb-company statistics-tb-course statistics-tb-group statistics-tb-date-end statistics-tb-result statistics-tb-ball statistics-tb-summary";
    }
}
@media (max-width: 1400px) {
    .statistics-table-row {
        -ms-grid-columns: 1.2fr 1fr 1fr 170px 100px 95px 95px 75px;
        grid-template-columns: 1.2fr 1fr 1fr 170px 100px 95px 95px 75px;
    }
}
@media (max-width: 1240px) {
    .statistics-table-row {
        -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
        grid-template-columns: repeat(5, 1fr);
        -ms-grid-rows: auto 0 auto 0 auto 0 1fr;
        grid-template-rows: auto auto auto 1fr;
        grid-template-areas: "statistics-tb-name statistics-tb-name statistics-tb-name statistics-tb-name statistics-tb-name" "statistics-tb-company statistics-tb-company statistics-tb-company statistics-tb-company statistics-tb-company" "statistics-tb-course statistics-tb-course statistics-tb-course statistics-tb-group statistics-tb-group" "statistics-tb-date statistics-tb-date-end statistics-tb-result statistics-tb-ball statistics-tb-summary";
        background: #f3f6fb;
        border-radius: 16px;
        padding: 12px;
        gap: 0 10px;
    }
}
@media (max-width: 767px) {
    .statistics-table-row {
        -ms-grid-columns: 1fr 0 auto;
        grid-template-columns: 1fr auto;
        gap: 0;
        -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "statistics-tb-name statistics-tb-name" "statistics-tb-company statistics-tb-company" "statistics-tb-course statistics-tb-course" "statistics-tb-group statistics-tb-group" "statistics-tb-date statistics-tb-date-end" "statistics-tb-result statistics-tb-result" "statistics-tb-ball statistics-tb-ball" "statistics-tb-summary statistics-tb-summary";
        background: #ffffff;
        border: 4px solid #f3f6fb;
        border-radius: 8px;
        padding: 8px;
    }
}

@media (min-width: 1240px) {
    .statistics-table-row + .statistics-table-row {
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 1240px) {
    .statistics-table-row + .statistics-table-row {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .statistics-table-row + .statistics-table-row {
        margin-top: 8px;
    }
}

@media (min-width: 1240px) {
    .statistics-table-head + .statistics-table-row {
        border: none;
    }
}

.statistics-table-head {
    grid-template-areas: initial;
}
@media (max-width: 1240px) {
    .statistics-table-head {
        display: none;
    }
}

.statistics-tb-cl {
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1680px) {
    .statistics-tb-cl {
        padding: 12px 10px;
    }
}
@media (max-width: 1240px) {
    .statistics-tb-cl {
        padding: 0;
    }
}
@media (max-width: 767px) {
    .statistics-tb-cl {
        padding: 4px 0 0 0;
    }
}

.statistics-tb-hd-cl {
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .statistics-tb-hd-cl {
        padding-top: 15px;
    }
}

.statistics-tb-hd-date,
.statistics-tb-hd-date-end,
.statistics-tb-hd-result,
.statistics-tb-hd-ball,
.statistics-tb-hd-summary {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.statistics-tb-hd-date .statistics-tb-hd-title,
.statistics-tb-hd-date-end .statistics-tb-hd-title,
.statistics-tb-hd-result .statistics-tb-hd-title,
.statistics-tb-hd-ball .statistics-tb-hd-title,
.statistics-tb-hd-summary .statistics-tb-hd-title {
    text-align: right;
}
.statistics-tb-hd-date .statistics-tb-hd-title::after,
.statistics-tb-hd-date-end .statistics-tb-hd-title::after,
.statistics-tb-hd-result .statistics-tb-hd-title::after,
.statistics-tb-hd-ball .statistics-tb-hd-title::after,
.statistics-tb-hd-summary .statistics-tb-hd-title::after {
    left: auto;
    right: 0;
}

.statistics-tb-hd-summary {
    padding-right: 0;
}

.statistics-tb-hd-title {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 8px;
}
.statistics-tb-hd-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 15px;
    background: rgba(24, 24, 48, 0.1);
}

.statistics-tb-cl + .statistics-tb-cl {
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1240px) {
    .statistics-tb-cl + .statistics-tb-cl {
        border: none;
    }
}

.statistics-tb-name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: statistics-tb-name;
    padding-left: 0;
}
@media (max-width: 1240px) {
    .statistics-tb-name {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: 4px 8px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .statistics-tb-name {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.statistics-tb-hd-name {
    padding-left: 0;
}

.statistics-tb-company {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: statistics-tb-company;
}
@media (max-width: 1240px) {
    .statistics-tb-company {
        padding-top: 6px;
        margin-top: 10px;
        position: relative;
    }
    .statistics-tb-company::after {
        content: "";
        height: 1px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .statistics-tb-company::after {
        width: 0;
        background: none;
    }
}

.statistics-tb-course {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: statistics-tb-course;
}
@media (max-width: 1240px) {
    .statistics-tb-course {
        padding-top: 6px;
        margin-top: 10px;
        position: relative;
    }
    .statistics-tb-course::after {
        content: "";
        height: 1px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .statistics-tb-course::after {
        width: 0;
        background: none;
    }
}

.statistics-tb-group {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: statistics-tb-group;
}
@media (max-width: 1240px) {
    .statistics-tb-group {
        padding-top: 6px;
        margin-top: 10px;
        position: relative;
    }
    .statistics-tb-group::after {
        content: "";
        height: 1px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .statistics-tb-group::after {
        width: 0;
        background: none;
    }
}

.statistics-tb-date {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: statistics-tb-date;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .statistics-tb-date {
        padding-bottom: 4px;
    }
}
@media (max-width: 1240px) {
    .statistics-tb-date {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 6px;
        margin-top: 10px;
        position: relative;
    }
    .statistics-tb-date::after {
        content: "";
        height: 1px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .statistics-tb-date {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: 4px;
    }
    .statistics-tb-date .statistics-tb-title {
        padding-bottom: 0 !important;
    }
    .statistics-tb-date::after {
        width: 0;
        background: none;
    }
}

.statistics-tb-date-end {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    grid-area: statistics-tb-date-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1680px) {
    .statistics-tb-date-end {
        padding-top: 4px;
    }
}
@media (max-width: 1240px) {
    .statistics-tb-date-end {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 6px;
        margin-top: 10px;
        position: relative;
    }
    .statistics-tb-date-end::after {
        content: "";
        height: 1px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .statistics-tb-date-end {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        gap: 4px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .statistics-tb-date-end .statistics-tb-title {
        padding-bottom: 0 !important;
    }
    .statistics-tb-date-end::after {
        width: 0;
        background: none;
    }
}

.statistics-tb-result {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: statistics-tb-result;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1240px) {
    .statistics-tb-result {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 6px;
        margin-top: 10px;
        position: relative;
    }
    .statistics-tb-result::after {
        content: "";
        height: 1px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .statistics-tb-result {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .statistics-tb-result .statistics-tb-title {
        padding-bottom: 0 !important;
    }
    .statistics-tb-result::after {
        width: 0;
        background: none;
    }
}

.statistics-tb-ball {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
    grid-area: statistics-tb-ball;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 1240px) {
    .statistics-tb-ball {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 6px;
        margin-top: 10px;
        position: relative;
    }
    .statistics-tb-ball::after {
        content: "";
        height: 1px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .statistics-tb-ball {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .statistics-tb-ball .statistics-tb-title {
        padding-bottom: 0 !important;
    }
    .statistics-tb-ball::after {
        width: 0;
        background: none;
    }
}

.statistics-tb-summary {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    grid-area: statistics-tb-summary;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 0;
}

@media (max-width: 1680px){
    .statistics-tb-name {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
    }
    .statistics-tb-company {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }
    .statistics-tb-course {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
    }
    .statistics-tb-group {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 4;
    }
    .statistics-tb-date {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }
    .statistics-tb-date-end {
        -ms-grid-row: 2;
        -ms-grid-column: 5;
    }
    .statistics-tb-result {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 6;
    }
    .statistics-tb-ball {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 7;
    }
    .statistics-tb-summary {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 8;
    }
}

@media (max-width: 1240px){
    .statistics-tb-name {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 9;
    }
    .statistics-tb-company {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 9;
    }
    .statistics-tb-course {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
    .statistics-tb-group {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 7;
        -ms-grid-column-span: 3;
    }
    .statistics-tb-date {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .statistics-tb-date-end {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }
    .statistics-tb-result {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 5;
    }
    .statistics-tb-ball {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 7;
    }
    .statistics-tb-summary {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 9;
    }
}

@media (max-width: 767px){
    .statistics-tb-name {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .statistics-tb-company {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .statistics-tb-course {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .statistics-tb-group {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .statistics-tb-date {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .statistics-tb-date-end {
        -ms-grid-row: 9;
        -ms-grid-column: 3;
    }
    .statistics-tb-result {
        -ms-grid-row: 11;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .statistics-tb-ball {
        -ms-grid-row: 13;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .statistics-tb-summary {
        -ms-grid-row: 15;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
}
@media (max-width: 1240px) {
    .statistics-tb-summary {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 6px;
        margin-top: 10px;
        position: relative;
    }
    .statistics-tb-summary::after {
        content: "";
        height: 1px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 767px) {
    .statistics-tb-summary {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .statistics-tb-summary .statistics-tb-title {
        padding-bottom: 0 !important;
    }
    .statistics-tb-summary::after {
        width: 0;
        background: none;
    }
}

.statistics-tb-macbook {
    display: none;
}
@media (max-width: 1680px) {
    .statistics-tb-macbook {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 1680px) {
    .statistics-tb-full {
        display: none;
    }
}

.statistics-tb-title {
    display: none;
    font-weight: 800;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
    padding-bottom: 5px;
}
@media (max-width: 1240px) {
    .statistics-tb-title {
        display: block;
    }
}
@media (max-width: 767px) {
    .statistics-tb-title {
        font-weight: 300;
        font-size: 12px;
        color: #6b6ee8;
    }
}

.statistics-tb-text {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .statistics-tb-text {
        font-size: 14px;
    }
}

.statistics-tb-name-body {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #bdbbcd;
}
@media (max-width: 1680px) {
    .statistics-tb-name-body {
        font-size: 12px;
    }
}

.statistics-tb-name-id {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .statistics-tb-name-id {
        font-size: 14px;
    }
}

.statistics-tb-name-name {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .statistics-tb-name-name {
        font-size: 14px;
    }
}
@media (max-width: 1240px) {
    .statistics-tb-name-name {
        font-size: 16px;
        font-weight: 800;
    }
}
@media (max-width: 767px) {
    .statistics-tb-name-name {
        font-size: 14px;
    }
}

.statistics-tb-name-body {
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1680px) {
    .statistics-tb-name-body {
        gap: 4px 5px;
    }
}
@media (max-width: 1240px) {
    .statistics-tb-name-body {
        padding-top: 0;
    }
}

.statistics-tb-name-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media (max-width: 767px) {
    .statistics-tb-name-head {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

@media (max-width: 767px) {
    .statistics-tb-cl + .statistics-tb-cl {
        margin-top: 4px;
        padding-top: 4px;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
}
@media (max-width: 1680px) {
    .statistics-date-1 .select__body-date,
    .statistics-date-2 .select__body-date {
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media (max-width: 500px) {
    .statistics-date-1 .select__body-date,
    .statistics-date-2 .select__body-date {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.extra__box + .extra__box {
    margin-top: 15px;
}
.extra__header-row {
    margin-top: 32px;
    display: -ms-grid;
    display: grid;
    gap: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-grid-columns: 1fr 12px 1fr 12px 236px 12px 236px 12px 200px;
    grid-template-columns: repeat(2, 1fr) repeat(2, 236px) 200px;
    grid-template-areas: "extra__header-cl-1 extra__header-cl-2 extra__header-cl-3 extra__header-cl-4 extra__header-btn";
}
@media screen and (max-width: 1680px) {
    .extra__header-row {
        margin-top: 10px;
        gap: 10px;
        -ms-grid-columns: (1fr)[2] (182px)[2] 140px;
        grid-template-columns: repeat(2, 1fr) repeat(2, 182px) 140px;
    }
}
@media screen and (max-width: 992px) {
    .extra__header-row {
        -ms-grid-columns: (1fr)[2] 2fr;
        grid-template-columns: repeat(2, 1fr) 2fr;
        grid-template-areas: "extra__header-cl-1 extra__header-cl-1 extra__header-cl-2" "extra__header-cl-3 extra__header-cl-4 extra__header-btn";
    }
}
@media screen and (max-width: 767px) {
    .extra__header-row {
        margin-top: 15px;
        gap: 12px;
        -ms-grid-columns: 1fr 12px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto 12px auto 12px auto 12px auto;
        grid-template-areas: "extra__header-cl-1 extra__header-cl-1" "extra__header-cl-2 extra__header-cl-2" "extra__header-cl-3 extra__header-cl-4 " "extra__header-btn extra__header-btn";
    }
}
.extra__header-cl-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: extra__header-cl-1;
}
.extra__header-cl-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: extra__header-cl-2;
}
.extra__header-cl-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: extra__header-cl-3;
}
.extra__header-cl-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: extra__header-cl-4;
}
.extra__header-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    width: 100%;
    grid-area: extra__header-btn;
}
@media screen and (max-width: 992px){
    .extra__header-cl-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .extra__header-cl-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .extra__header-cl-3 {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .extra__header-cl-4 {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .extra__header-btn {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }
}
@media screen and (max-width: 767px){
    .extra__header-cl-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__header-cl-2 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__header-cl-3 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .extra__header-cl-4 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    .extra__header-btn {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
}
@media screen and (max-width: 992px) {
    .extra__header-btn {
        margin-left: auto;
        margin-right: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 140px;
    }
}
@media screen and (max-width: 767px) {
    .extra__header-btn {
        min-width: 115px;
        margin-right: auto;
    }
}
.extra__header-title span {
    opacity: 0.3;
}
.extra__table-header {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}
.extra__table-hd-coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}
@media screen and (max-width: 1680px) {
    .extra__table-hd-coll {
        gap: 16px;
    }
}
@media screen and (max-width: 992px) {
    .extra__table-hd-coll {
        gap: 12px;
    }
}
.extra__table-num {
    font-style: normal;
    font-weight: 800;
    font-size: 21px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #6b6ee8;
}
@media screen and (max-width: 1680px) {
    .extra__table-num {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__table-num {
        font-size: 12px;
    }
}
.extra__table-dowland {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px;
    text-align: left;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media screen and (max-width: 1680px) {
    .extra__table-dowland {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__table-dowland {
        font-size: 12px;
    }
}
@media (hover: hover) {
    .extra__table-dowland:hover {
        text-decoration-line: none;
    }
}
.extra__table-dowland:focus-visible {
    text-decoration-line: none;
}
.extra__table-dowland:active {
    text-decoration-line: none;
}
.extra__table-dowland svg,
.extra__table-dowland img {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1240px) {
    .extra__table-dowland svg,
    .extra__table-dowland img {
        width: 20px;
        height: 20px;
    }
}
.extra__table-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 30px auto 30px 1fr 30px auto;
    grid-template-columns: auto auto 1fr auto;
    gap: 25px 30px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-grid-rows: auto 25px auto;
    grid-template-areas: "extra__gr-title extra__controll-file extra__controll-file extra__controll-file" "extra__gr-search extra__gr-search extra__controll-row extra__btn-create";
}
@media screen and (max-width: 1680px) {
    .extra__table-grid {
        gap: 30px;
    }
}
@media screen and (max-width: 1440px) {
    .extra__table-grid {
        -ms-grid-columns: auto 1fr 1fr auto;
        grid-template-columns: auto 1fr 1fr auto;
    }
}
@media screen and (max-width: 1240px) {
    .extra__table-grid {
        gap: 25px 15px;
    }
}
@media screen and (max-width: 767px) {
    .extra__table-grid {
        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;
    }
}
.extra__table-body {
    margin-top: 32px;
    background: #f3f6fb;
    border-radius: 24px;
    padding: 16px;
}
@media screen and (max-width: 1680px) {
    .extra__table-body {
        margin-top: 28px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__table-body {
        margin-top: 24px;
        padding: 12px;
        border-radius: 20px;
    }
}
@media screen and (max-width: 767px) {
    .extra__table-body {
        background: none;
        padding: 0;
    }
}
.extra__table-wrapp {
    display: contents;
}
@media screen and (max-width: 767px) {
    .extra__table-wrapp {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 10px auto;
        grid-template-columns: 1fr auto;
        gap: 0 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "extra__tb-cl-1 extra__tb-cl-4 " "extra__tb-cl-2 extra__tb-cl-2" "extra__tb-cl-3 extra__tb-cl-3";
        border-radius: 8px;
        background: #ffffff;
        border: 4px solid #f3f6fb;
        padding: 8px;
    }
}
.extra__table-wrapp-2 {
    grid-template-areas: "extra__tb-cl-number extra__tb-cl-btns " "extra__tb-cl-document extra__tb-cl-document" "extra__tb-cl-protocol extra__tb-cl-protocol" "extra__tb-cl-learn extra__tb-cl-learn" "extra__tb-cl-date extra__tb-cl-date";
}
.extra__table-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 215px 1fr 370px 280px;
    grid-template-columns: 30px 215px 1fr 370px 280px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 1680px) {
    .extra__table-row {
        -ms-grid-columns: 25px 160px 1fr 305px 66px;
        grid-template-columns: 25px 160px 1fr 305px 66px;
    }
}
@media screen and (max-width: 992px) {
    .extra__table-row {
        -ms-grid-columns: 20px 130px 1fr 140px 48px;
        grid-template-columns: 20px 130px 1fr 140px 48px;
    }
}
@media screen and (max-width: 767px) {
    .extra__table-row {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        gap: 10px;
        margin-top: 8px;
    }
}
.extra__table-row:nth-child(1) {
    border: none;
}
.extra__table-row:nth-last-child(1) .extra__tb-cl {
    padding-bottom: 0;
}
.extra__table-row.extra__tb-hd-row .extra__tb-cl {
    padding-top: 0;
    padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
    .extra__table-row.extra__tb-hd-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        margin-top: 0;
    }
    .extra__table-row.extra__tb-hd-row .extra__table-wrapp {
        display: none;
    }
}
.extra__table-row-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 187px 252px 0.7fr 1fr 290px 80px;
    grid-template-columns: 30px 187px 252px 0.7fr 1fr 290px 80px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
.extra__table-row-2 .extra__tb-cl-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media screen and (max-width: 1680px) {
    .extra__table-row-2 {
        -ms-grid-columns: 25px 160px 140px 195px 1fr 150px 40px;
        grid-template-columns: 25px 160px 140px 195px 1fr 150px 40px;
    }
}
@media screen and (max-width: 992px) {
    .extra__table-row-2 {
        -ms-grid-columns: 20px 90px 110px 110px 1fr 120px 48px;
        grid-template-columns: 20px 90px 110px 110px 1fr 120px 48px;
    }
}
@media screen and (max-width: 767px) {
    .extra__table-row-2 {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        gap: 10px;
        margin-top: 8px;
    }
}
.extra__table-row-2:nth-child(1) {
    border: none;
}
.extra__table-row-2:nth-last-child(1) .extra__tb-cl {
    padding-bottom: 0;
}
.extra__table-row-2.extra__tb-hd-row .extra__tb-cl {
    padding-top: 0;
    padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
    .extra__table-row-2.extra__tb-hd-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        margin-top: 0;
    }
    .extra__table-row-2.extra__tb-hd-row .extra__table-wrapp {
        display: none;
    }
}
.extra__gr-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: extra__gr-title;
}
.extra__gr-search {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: extra__gr-search;
    width: 705px;
}
@media (max-width: 1500px) {
    .extra__gr-search {
        width: 580px;
    }
}
@media screen and (max-width: 1440px) {
    .extra__gr-search {
        width: 100%;
    }
}
.extra__btn-create {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    grid-area: extra__btn-create;
}
@media screen and (max-width: 1680px) {
    .extra__btn-create {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__btn-create {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 767px) {
    .extra__btn-create {
        padding-left: 17px;
        padding-right: 17px;
    }
}
.extra__controll-file {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    grid-area: extra__controll-file;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 24px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media screen and (max-width: 1240px) {
    .extra__controll-file {
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .extra__controll-file {
        width: 100%;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}
.extra__controll-row {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-area: extra__controll-row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 15px 40px;
}
@media screen and (max-width: 1680px) {
    .extra__controll-row {
        gap: 15px 20px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__controll-row {
        gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .extra__controll-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.extra__controll-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 32px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 1680px) {
    .extra__controll-list {
        gap: 10px 24px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__controll-list {
        gap: 10px 12px;
    }
}
@media screen and (max-width: 767px) {
    .extra__controll-list {
        gap: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
.extra__controll-span {
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #6b6ee8;
    white-space: nowrap;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .extra__controll-span:hover {
        text-decoration-line: none;
    }
}
.extra__controll-span:focus-visible {
    text-decoration-line: none;
}
.extra__controll-span:active {
    text-decoration-line: none;
}
.extra__controll-span.dark-navy {
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .extra__controll-span {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__controll-span {
        font-size: 12px;
    }
}
.extra__controll-span::after, .extra__controll-span::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 1240px) {
    .extra__controll-span::after, .extra__controll-span::before {
        width: 14px;
        height: 14px;
    }
}
.extra__cancel-btn {
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #181830;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .extra__cancel-btn:hover {
        text-decoration-line: none;
    }
}
.extra__cancel-btn:focus-visible {
    text-decoration-line: none;
}
.extra__cancel-btn:active {
    text-decoration-line: none;
}
@media screen and (max-width: 1680px) {
    .extra__cancel-btn {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__cancel-btn {
        font-size: 12px;
    }
}
.extra__checked {
    width: 24px;
    height: 24px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 1240px) {
    .extra__checked {
        width: 20px;
        height: 20px;
    }
}
.extra__checked .label-check-span {
    width: 100%;
    height: 100%;
    padding-left: 0;
}
.extra__checked .label-check-span::after, .extra__checked .label-check-span::before {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.extra__tb-cl-title {
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
.extra__tb-cl-title span {
    position: relative;
}
.extra__tb-cl-title span::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 15px;
    height: 1px;
    background: rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl-title {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-title {
        font-size: 12px;
    }
}
.extra__tb-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    color: #181830;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
}
.extra__tb-btn path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .extra__tb-btn:hover {
        color: #5c5fe6;
    }
    .extra__tb-btn:hover path {
        fill: #5c5fe6;
    }
}
.extra__tb-btn:focus-visible {
    color: #5c5fe6;
}
.extra__tb-btn:focus-visible path {
    fill: #5c5fe6;
}
.extra__tb-btn:active {
    color: #5c5fe6;
}
.extra__tb-btn:active path {
    fill: #5c5fe6;
}
@media screen and (max-width: 1680px) {
    .extra__tb-btn span {
        display: none;
    }
}
.extra__tb-btn svg,
.extra__tb-btn img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1240px) {
    .extra__tb-btn svg,
    .extra__tb-btn img {
        width: 18px;
        height: 18px;
    }
}
.extra__tb-btn-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
}
@media screen and (max-width: 1680px) {
    .extra__tb-btn-row {
        gap: 15px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-btn-row {
        gap: 8px;
    }
}
.extra__tb-title {
    color: #181830;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
}
@media screen and (max-width: 1680px) {
    .extra__tb-title {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-title {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-title {
        font-size: 14px;
    }
}
.extra__tb-hd-check {
    width: 24px;
    height: 24px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 1240px) {
    .extra__tb-hd-check {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-hd-check {
        width: auto;
        height: auto;
    }
}
.extra__tb-hd-check .label-check-span {
    width: 100%;
    height: 100%;
    padding-left: 0;
}
@media screen and (max-width: 767px) {
    .extra__tb-hd-check .label-check-span {
        padding-left: 30px;
        width: auto;
        height: auto;
    }
}
.extra__tb-hd-check .label-check-span::after, .extra__tb-hd-check .label-check-span::before {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
    .extra__tb-hd-check .label-check-span::after, .extra__tb-hd-check .label-check-span::before {
        width: 20px;
        height: 20px;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
.extra__tb-hd-check span {
    color: #181830;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.28px;
}
.extra__tb-hd-check-text {
    display: none;
}
@media screen and (max-width: 767px) {
    .extra__tb-hd-check-text {
        display: block;
    }
}
.extra__tb-cl {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl {
        padding-top: 0;
        padding-bottom: 0;
        display: block;
    }
}
.extra__tb-cl-2, .extra__tb-cl-3 {
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-2, .extra__tb-cl-3 {
        border: none;
    }
}
.extra__tb-cl-1 {
    padding-left: 30px;
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl-1 {
        padding-left: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-1 {
        padding-left: 10px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-1 {
        grid-area: extra__tb-cl-1;
        padding-left: 0;
        padding-right: 0;
    }
}
.extra__tb-cl-2 {
    padding-left: 60px;
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-2 {
        padding-left: 15px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-2 {
        grid-area: extra__tb-cl-2;
        padding-left: 0;
        padding-right: 0;
        padding-top: 4px;
        margin-top: 4px;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
}
.extra__tb-cl-3 {
    padding-left: 80px;
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl-3 {
        padding-left: 67px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-3 {
        padding-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-3 {
        grid-area: extra__tb-cl-3;
        padding-left: 0;
        padding-right: 0;
        padding-top: 4px;
        margin-top: 4px;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-4 {
        grid-area: extra__tb-cl-4;
        padding-left: 0;
        padding-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.extra__tb-cl-number {
    padding-left: 30px;
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl-number {
        padding-left: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-number {
        padding-left: 10px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-number {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        padding-left: 0;
        grid-area: extra__tb-cl-number;
    }
    .extra__table--row-3 > .extra__tb-cl-number {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
}
.extra__tb-cl-document {
    padding-left: 60px;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl-document {
        padding-left: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-document {
        padding-left: 10px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-document {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: extra__tb-cl-document;
        padding-left: 0;
        padding-right: 0;
        padding-top: 4px;
        margin-top: 4px;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
    .extra__table--row-3 > .extra__tb-cl-document {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
}
.extra__tb-cl-protocol {
    padding-left: 45px;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl-protocol {
        padding-left: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-protocol {
        padding-left: 10px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-protocol {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: extra__tb-cl-protocol;
        padding-left: 0;
        padding-right: 0;
        padding-top: 4px;
        margin-top: 4px;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
    .extra__table--row-3 > .extra__tb-cl-protocol {
        -ms-grid-row: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
    }
}
.extra__tb-cl-learn {
    padding-left: 45px;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl-learn {
        padding-left: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-learn {
        padding-left: 10px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-learn {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: extra__tb-cl-learn;
        padding-left: 0;
        padding-right: 0;
        padding-top: 4px;
        margin-top: 4px;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
    .extra__table--row-3 > .extra__tb-cl-learn {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
}
.extra__tb-cl-date {
    padding-left: 44px;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 1680px) {
    .extra__tb-cl-date {
        padding-left: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .extra__tb-cl-date {
        padding-left: 10px;
    }
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-date {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: extra__tb-cl-date;
        padding-left: 0;
        padding-right: 0;
        padding-top: 4px;
        margin-top: 4px;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
    .extra__table--row-3 > .extra__tb-cl-date {
        -ms-grid-row: 1;
        -ms-grid-column: 7;
        -ms-grid-column-span: 1;
    }
}
.extra__tb-cl-btns {
    padding-right: 0;
}
@media screen and (max-width: 767px) {
    .extra__tb-cl-btns {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        grid-area: extra__tb-cl-btns;
        padding-left: 0;
        padding-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.extra__mob-tb-title {
    display: none;
    color: #6b6ee8;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.24px;
    padding-bottom: 4px;
}
@media screen and (max-width: 767px) {
    .extra__mob-tb-title {
        display: block;
    }
}

.extra__tb-title.green {
    color: #00A108;
}

.extra__checkbox-tree .extra__checkbox-tree {
    padding-left: 0;
}

.modal__new-order {
    width: 1631px;
}
@media screen and (max-width: 1680px) {
    .modal__new-order {
        width: 1098px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__new-order {
        width: 100%;
    }
}

.modal__new-title {
    padding-top: 21px;
    font-size: 21px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: 0.42px;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .modal__new-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__new-title {
        padding-top: 15px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__new-title {
        font-size: 14px;
    }
}

.modal__new-form {
    margin-top: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 505px auto;
    grid-template-columns: 505px auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
@media screen and (max-width: 1680px) {
    .modal__new-form {
        -ms-grid-columns: 540px auto;
        grid-template-columns: 540px auto;
    }
}
@media screen and (max-width: 1240px) {
    .modal__new-form {
        margin-top: 12px;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}
@media (max-width: 572px) {
    .modal__new-form {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

.modal__new-order-acc-wr {
    padding-left: 10px !important;
}
@media screen and (max-width: 1680px) {
    .modal__new-order-acc-wr {
        padding-left: 50px !important;
    }
}
@media screen and (max-width: 1240px) {
    .modal__new-order-acc-wr {
        padding-left: 8px !important;
    }
}
@media screen and (max-width: 767px) {
    .modal__new-order-acc-wr {
        padding-left: 0 !important;
    }
}

.modal__new-tree {
    margin-top: 15px;
}
@media screen and (max-width: 1240px) {
    .modal__new-tree {
        margin-top: 12px;
    }
}

.modal__new-tree-wrapp {
    max-height: 715px;
    overflow: auto;
    padding-right: 10px;
}
@media screen and (max-width: 1680px) {
    .modal__new-tree-wrapp {
        max-height: 757px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__new-tree-wrapp {
        max-height: 770px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__new-tree-wrapp {
        max-height: 800px;
    }
}
.modal__new-tree-wrapp .creating__listeners-tree-inner + .creating__listeners-tree-inner {
    margin-top: 15px;
}
@media screen and (max-width: 1680px) {
    .modal__new-tree-wrapp .creating__listeners-tree-inner + .creating__listeners-tree-inner {
        margin-top: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__new-tree-wrapp .creating__listeners-tree-inner + .creating__listeners-tree-inner {
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .modal__new-tree-wrapp .creating__listeners-tree-inner + .creating__listeners-tree-inner {
        margin-top: 8px;
    }
}

.modal-btn-order {
    border: 2px solid #6b6ee8;
    background: #6b6ee8;
    color: #ffffff;
    padding-left: 32px;
    padding-right: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    margin-top: 15px;
}
@media screen and (max-width: 1680px) {
    .modal-btn-order {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media screen and (max-width: 1240px) {
    .modal-btn-order {
        margin-top: 12px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 767px) {
    .modal-btn-order {
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media (hover: hover) {
    .modal-btn-order:hover {
        color: #6b6ee8;
        background: none;
    }
}
@media (hover: none) {
    .modal-btn-order:active {
        color: #6b6ee8;
        background: none;
    }
}
.modal-btn-order:active {
    color: #6b6ee8;
    background: none;
}

.modal__order-footer {
    margin-top: 32px;
    display: -ms-grid;
    display: grid;
    max-width: 945px;
    -ms-grid-columns: 430px auto;
    grid-template-columns: 430px auto;
    gap: 16px 32px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media screen and (max-width: 1680px) {
    .modal__order-footer {
        max-width: 705px;
        -ms-grid-columns: 260px auto;
        grid-template-columns: 260px auto;
    }
}
@media screen and (max-width: 1240px) {
    .modal__order-footer {
        max-width: 485px;
        margin-top: 15px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
@media screen and (max-width: 767px) {
    .modal__order-footer {
        margin-top: 12px;
        gap: 12px;
    }
}

.modal__order-sl-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .modal__order-sl-select {
        gap: 8px;
    }
}
@media screen and (max-width: 767px) {
    .modal__order-sl-select {
        display: block;
    }
}
.modal__order-sl-select .select-container-title {
    padding-bottom: 0;
}
@media screen and (max-width: 767px) {
    .modal__order-sl-select .select-container-title {
        padding-bottom: 4px;
    }
}

.modal__order-sl-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__order-sl-wrapp {
        gap: 10px;
    }
}

.md__btn-cl {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 1;
    width: 36px;
    height: 36px;
}
@media screen and (max-width: 1680px) {
    .md__btn-cl {
        top: 20px;
        right: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .md__btn-cl {
        width: 27px;
        height: 27px;
        top: 15px;
        right: 15px;
    }
}
.md__btn-cl img,
.md__btn-cl svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.modal__pr-wr {
    display: contents;
}
@media screen and (max-width: 767px) {
    .modal__pr-wr {
        display: block;
        padding: 8px;
        background: #ffffff;
        border-radius: 8px;
        border: 4px solid #f3f6fb;
    }
}

.modal__pr-table {
    background: #f3f6fb;
    padding: 16px;
    border-radius: 24px;
}
@media screen and (max-width: 1240px) {
    .modal__pr-table {
        border-radius: 20px;
        padding: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__pr-table {
        padding: 0;
        background: none;
    }
}

.modal__pr-table-contaienr {
    margin-top: 16px;
    overflow: auto;
    padding-right: 10px;
    max-height: 335px;
}
@media screen and (max-width: 1680px) {
    .modal__pr-table-contaienr {
        margin-top: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__pr-table-contaienr {
        margin-top: 12px;
        max-height: 295px;
    }
}
@media screen and (max-width: 767px) {
    .modal__pr-table-contaienr {
        max-height: 470px;
    }
}

.modal__pr-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 240px 1.5fr 1fr;
    grid-template-columns: 24px 240px 1.5fr 1fr;
}
@media screen and (max-width: 1680px) {
    .modal__pr-row {
        -ms-grid-columns: 24px 167px 1.5fr 1fr;
        grid-template-columns: 24px 167px 1.5fr 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .modal__pr-row {
        -ms-grid-columns: 20px 155px 1.5fr 1fr;
        grid-template-columns: 20px 155px 1.5fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .modal__pr-row {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        gap: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.modal__crf-row {
    -ms-grid-columns: 24px 240px 1.5fr 1fr;
    grid-template-columns: 24px 240px 1.5fr 1fr;
}
@media screen and (max-width: 1680px) {
    .modal__crf-row {
        -ms-grid-columns: 24px 185px 1.5fr 1fr;
        grid-template-columns: 24px 185px 1.5fr 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .modal__crf-row {
        -ms-grid-columns: 20px 165px 1.5fr 1fr;
        grid-template-columns: 20px 165px 1.5fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .modal__crf-row {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
    }
}

@media screen and (max-width: 767px) {
    .modal__pr-hd-row {
        display: none;
    }
}

.modal__pr-radio {
    width: 24px;
    height: 24px;
    display: block;
}
@media screen and (max-width: 1240px) {
    .modal__pr-radio {
        width: 20px;
        height: 20px;
    }
}
.modal__pr-radio .label-check-span {
    width: 100%;
    height: 100%;
    padding: 0;
}
.modal__pr-radio .label-check-span::after, .modal__pr-radio .label-check-span::before {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal__pr-cl {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .modal__pr-cl {
        height: auto;
        display: block;
    }
}

.modal__pr-cl-2 {
    padding-left: 30px;
    padding-right: 30px;
}

.modal__pr-cl-3,
.modal__pr-cl-4 {
    border-left: 1px solid rgba(24, 24, 48, 0.1);
    padding-left: 30px;
    padding-right: 30px;
}

.modal__pr-row {
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 767px) {
    .modal__pr-row {
        border: none;
        margin-top: 8px;
    }
    .modal__pr-row:nth-child(1) {
        margin-top: 0;
    }
}
.modal__pr-row .modal__pr-cl {
    padding-top: 12px;
    padding-bottom: 12px;
}
@media screen and (max-width: 767px) {
    .modal__pr-row .modal__pr-cl {
        border-left: none;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
        padding: 0;
        padding-top: 4px;
        margin-top: 4px;
    }
    .modal__pr-row .modal__pr-cl:nth-child(1) {
        border: none;
        padding-top: 0;
        margin-top: 0;
    }
}
.modal__pr-row:nth-child(1) .modal__pr-cl {
    padding-top: 0;
    padding-bottom: 0;
}
.modal__pr-row:nth-last-child(1) .modal__pr-cl {
    padding-bottom: 0;
}
.modal__pr-row:nth-child(1), .modal__pr-row:nth-child(2) {
    border: none;
}

.modal__ft-rw {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 32px;
    max-width: 890px;
}
@media screen and (max-width: 1680px) {
    .modal__ft-rw {
        margin-top: 16px;
        gap: 10px;
        max-width: 655px;
    }
}
@media screen and (max-width: 767px) {
    .modal__ft-rw {
        margin-top: 12px;
        gap: 12px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        max-width: 100%;
    }
}

.modal__ft-rw-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (430px)[2] 1fr;
    grid-template-columns: repeat(2, 430px) 1fr;
    gap: 32px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 32px;
    max-width: 100%;
}
@media screen and (max-width: 1680px) {
    .modal__ft-rw-2 {
        margin-top: 16px;
        gap: 16px 10px;
        -ms-grid-columns: (320px)[2] 1fr;
        grid-template-columns: repeat(2, 320px) 1fr;
    }
}
@media screen and (max-width: 992px) {
    .modal__ft-rw-2 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .modal__ft-rw-2 {
        margin-top: 12px;
        gap: 12px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        max-width: 100%;
    }
}

.modal__sl-dc {
    width: 100%;
    max-width: 435px;
}
.modal__sl-dc.-w-411 {
    max-width: 411px;
}
@media screen and (max-width: 1680px) {
    .modal__sl-dc.-w-411 {
        max-width: 354px;
    }
}
@media screen and (max-width: 767px) {
    .modal__sl-dc.-w-411 {
        max-width: 280px;
    }
}
@media screen and (max-width: 1680px) {
    .modal__sl-dc {
        max-width: 355px;
    }
}
@media screen and (max-width: 767px) {
    .modal__sl-dc {
        max-width: 280px;
    }
}

.modal__sl-btn {
    width: 100%;
}

.modal__sl-dc-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}
.modal__sl-dc-row.-full {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
}
@media screen and (max-width: 767px) {
    .modal__sl-dc-row {
        gap: 5px;
    }
}

.modal__sl-tl {
    font-style: normal;
    font-weight: 800;
    font-size: 21px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .modal__sl-tl {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__sl-tl {
        font-size: 16px;
    }
}

.modal__sl-hd {
    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;
    gap: 10px;
}
.modal__sl-hd.-ai-fs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.modal__sl-hd .md__btn-cl {
    position: initial;
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
    .modal__sl-hd .md__btn-cl {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__sl-hd .md__btn-cl {
        width: 27px;
        height: 27px;
    }
}

.modal__sl-text {
    margin-top: 10px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .modal__sl-text {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__sl-text {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__sl-text {
        padding-top: 5px;
    }
}

.modal__ft-check {
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 1680px) {
    .modal__ft-check {
        height: 44px;
    }
}
@media screen and (max-width: 992px) {
    .modal__ft-check {
        height: auto;
    }
}

.modal__ft-check-span {
    color: #181830;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
}
@media screen and (max-width: 1240px) {
    .modal__ft-check-span {
        font-size: 14px;
    }
}

.panel-extra .panel__nav-link.--active .panel__nav-icon::after {
    opacity: 0;
}
@media (min-width: 767px) and (hover: hover) {
    .panel-extra .panel__nav-link.--active:hover .panel__nav-icon::after {
        opacity: 1;
    }
    .panel-extra .panel__nav-link.--active:hover .panel__nav-icon path {
        opacity: 1;
        fill: #ff8075;
    }
    .panel-extra .panel__nav-link.--active:hover .panel__nav-icon .svg-opacity {
        opacity: 0.4;
    }
    .panel-extra .panel__nav-link.--active:hover .panel__nav-icon .rec-opacity {
        fill-opacity: 0.4;
        fill: #ff8075;
    }
    .panel-extra .panel__nav-link.--active:hover .panel__nav-icon .path-stroke {
        opacity: 1;
        stroke: #ff8075;
    }
}
@media (min-width: 767px) and (hover: none) {
    .panel-extra .panel__nav-link.--active:active .panel__nav-icon::after {
        opacity: 1;
    }
    .panel-extra .panel__nav-link.--active:active .panel__nav-icon path {
        opacity: 1;
        fill: #ff8075;
    }
}
@media (min-width: 767px) {
    .panel-extra .panel__nav-link.--active:active .panel__nav-icon path {
        fill: #ff8075;
        opacity: 1;
    }
    .panel-extra .panel__nav-link.--active:active .panel__nav-icon::after {
        opacity: 1;
    }
}
.panel-extra .panel__nav-btn::before {
    -webkit-mask: url("../../assets/img/panel/doots.svg") no-repeat center center/contain;
    mask: url("../../assets/img/panel/doots.svg") no-repeat center center/contain;
    background: #181830;
}
.panel-extra .panel__nav-btn.is-active::before {
    -webkit-mask: url("../../assets/img/panel/arrow.svg") no-repeat center center/contain;
    mask: url("../../assets/img/panel/arrow.svg") no-repeat center center/contain;
}
.panel-extra .panel__nav-btn.is-active::after {
    content: "Закрыть";
}
@media (max-width: 1440px) {
    .panel-extra .panel__nav-inner {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 767px) {
    .panel-extra .panel__nav-inner {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 1240px) {
    .panel-extra .panel__nav-container {
        overflow: visible;
    }
}
@media screen and (max-width: 767px) {
    .panel-extra.is-active .panel__nav-container {
        padding-top: 0 !important;
    }
}

.panel__nav-inner.accord {
    position: relative;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .panel__nav-inner.accord path {
        fill: #ffffff;
    }
}

.panel__drop {
    position: relative;
}

.panel__drop-btn {
    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: 5px;
    margin-top: 8px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1680px) {
    .panel__drop-btn {
        margin-top: 5px;
    }
}
.panel__drop-btn .panel__nav-text {
    padding-top: 0;
}
.panel__drop-btn svg,
.panel__drop-btn img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    -o-object-fit: contain;
    object-fit: contain;
}

.panel__drop-wrapp {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 10%);
    -ms-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%);
    max-height: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    overflow: hidden;
}
@media screen and (max-width: 1240px) {
    .panel__drop-wrapp {
        top: 0;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
}

.panel__drop-list {
    width: 110px;
    border-radius: 16px;
    background: #f3f6fb;
    -webkit-box-shadow: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
    padding: 10px;
}
@media screen and (max-width: 1680px) {
    .panel__drop-list {
        width: 100px;
    }
}
@media screen and (max-width: 1240px) {
    .panel__drop-list {
        width: 90px;
    }
}

.panel__drop-link {
    width: 100%;
    display: block;
    padding: 15px 20px;
    border-radius: 8px;
    color: #181830;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media screen and (max-width: 1680px) {
    .panel__drop-link {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 1240px) {
    .panel__drop-link {
        padding: 8px 14px;
    }
}
@media (hover: hover) {
    .panel__drop-link:hover {
        background: rgba(107, 110, 232, 0.1);
    }
}
.panel__drop-link:focus-visible {
    background: rgba(107, 110, 232, 0.1);
}
.panel__drop-link:active {
    background: rgba(107, 110, 232, 0.1);
}
@media (hover: hover) {
    .panel__drop-link:hover {
        color: #6b6ee8;
    }
}
.panel__drop-link:focus-visible {
    color: #6b6ee8;
}
.panel__drop-link:active {
    color: #6b6ee8;
}
.panel__drop-link.-is-active {
    background: rgba(107, 110, 232, 0.1);
    color: #6b6ee8;
}

.trud__tb-hd-tl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: trud__tb-hd-tl;
}

.trud__tb-hd-num {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: trud__tb-hd-num;
    margin-left: auto;
    margin-right: 0;
}
@media (max-width: 600px) {
    .trud__tb-hd-num {
        margin-left: 0;
        margin-right: auto;
    }
}

.trud__tb-hd-dw {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: trud__tb-hd-dw;
}

.trud__tb-hd-exp {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: trud__tb-hd-exp;
}
@media (max-width: 600px) {
    .trud__tb-hd-exp {
        margin-left: 0;
        margin-right: auto;
    }
}

.trud__tb-hd-btn-dw {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    grid-area: trud__tb-hd-btn-dw;
}
@media (max-width: 600px) {
    .trud__tb-hd-btn-dw {
        margin-left: auto;
        margin-right: 0;
    }
}

.trud__tb-hd-btn-fr {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
    grid-area: trud__tb-hd-btn-fr;
}
@media screen and (max-width: 992px) {
    .trud__tb-hd-btn-fr {
        margin-left: auto;
        margin-right: 0;
    }
}
@media (max-width: 600px) {
    .trud__tb-hd-btn-fr {
        margin-left: 0;
        margin-right: auto;
    }
}

.trud__tb-hd {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 25px 1fr 25px auto 25px auto 25px auto 25px auto;
    grid-template-columns: auto 1fr repeat(4, auto);
    grid-template-areas: "trud__tb-hd-tl trud__tb-hd-num trud__tb-hd-dw trud__tb-hd-exp trud__tb-hd-btn-dw trud__tb-hd-btn-fr";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}
@media screen and (max-width: 992px) {
    .trud__tb-hd {
        -ms-grid-columns: auto 12px 1fr 12px auto 12px auto;
        grid-template-columns: auto 1fr auto auto;
        -ms-grid-rows: auto 12px auto;
        grid-template-areas: "trud__tb-hd-tl  trud__tb-hd-tl trud__tb-hd-btn-fr trud__tb-hd-btn-fr" "trud__tb-hd-btn-dw trud__tb-hd-num trud__tb-hd-exp trud__tb-hd-dw";
        gap: 12px;
    }
    .trud__tb-hd-tl {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .trud__tb-hd-num {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .trud__tb-hd-dw {
        -ms-grid-row: 3;
        -ms-grid-column: 7;
    }
    .trud__tb-hd-exp {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }
    .trud__tb-hd-btn-dw {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .trud__tb-hd-btn-fr {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
        -ms-grid-column-span: 3;
    }
}
@media (max-width: 600px) {
    .trud__tb-hd {
        -ms-grid-columns: auto 15px auto 15px 1fr;
        grid-template-columns: auto auto 1fr;
        -ms-grid-rows: auto 12px auto 12px auto 12px auto;
        grid-template-areas: "trud__tb-hd-tl trud__tb-hd-tl trud__tb-hd-tl" "trud__tb-hd-btn-fr trud__tb-hd-btn-fr trud__tb-hd-btn-fr" "trud__tb-hd-num  trud__tb-hd-btn-dw  trud__tb-hd-btn-dw" "trud__tb-hd-dw  trud__tb-hd-exp  trud__tb-hd-exp ";
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 12px 15px;
    }
    .trud__tb-hd-tl {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
    .trud__tb-hd-num {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .trud__tb-hd-dw {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .trud__tb-hd-exp {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
    }
    .trud__tb-hd-btn-dw {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
    }
    .trud__tb-hd-btn-fr {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
}

.trud__tb-cl-0 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: trud__tb-cl-0;
}

.trud__table--row-4 > .trud__tb-cl-0 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.trud__tb-cl-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: trud__tb-cl-1;
}

.trud__table--row-4 > .trud__tb-cl-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.trud__table--row-4 .extra__table-wrapp > .trud__tb-cl-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
}

.trud__tb-cl-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: trud__tb-cl-2;
}

.trud__table--row-4 > .trud__tb-cl-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
}

.trud__table--row-4 .extra__table-wrapp > .trud__tb-cl-2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
}

.trud__tb-cl-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: trud__tb-cl-3;
}

.trud__table--row-4 > .trud__tb-cl-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
}

.trud__table--row-4 .extra__table-wrapp > .trud__tb-cl-3 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
}

.trud__tb-cl-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: trud__tb-cl-4;
}

.trud__table--row-4 > .trud__tb-cl-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
}

.trud__table--row-4 .extra__table-wrapp > .trud__tb-cl-4 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
}

.trud__tb-cl-5 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    grid-area: trud__tb-cl-5;
}

.trud__table--row-4 > .trud__tb-cl-5 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

.trud__table--row-4 .extra__table-wrapp > .trud__tb-cl-5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
}

.trud__tb-rw {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 215px 1fr 260px 320px 280px;
    grid-template-columns: 30px 215px 1fr 260px 320px 280px;
    grid-template-areas: "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 trud__tb-cl-3 trud__tb-cl-4 trud__tb-cl-5";
}
@media screen and (max-width: 1680px) {
    .trud__tb-rw {
        -ms-grid-columns: 25px 160px 1fr 305px 305px 66px;
        grid-template-columns: 25px 160px 1fr 305px 305px 66px;
    }
}
@media screen and (max-width: 1440px) {
    .trud__tb-rw {
        -ms-grid-columns: 25px 160px 1fr 230px 280px 66px;
        grid-template-columns: 25px 160px 1fr 230px 280px 66px;
    }
}
@media screen and (max-width: 1240px) {
    .trud__tb-rw {
        -ms-grid-columns: 25px 160px 1fr 150px 200px 40px;
        grid-template-columns: 25px 160px 1fr 150px 200px 40px;
    }
}
@media screen and (max-width: 992px) {
    .trud__tb-rw {
        -ms-grid-columns: 20px 90px 1fr 91px 145px 48px;
        grid-template-columns: 20px 90px 1fr 91px 145px 48px;
    }
}
@media screen and (max-width: 767px) {
    .trud__tb-rw {
        -ms-grid-columns: 20px 10px 1fr;
        grid-template-columns: 20px 1fr;
        gap: 10px;
        grid-template-areas: "trud__tb-cl-0 extra__table-wrapp";
    }
    .trud__tb-rw .extra__table-wrapp {
        grid-area: extra__table-wrapp;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        grid-template-areas: "trud__tb-cl-1 trud__tb-cl-5" "trud__tb-cl-2 trud__tb-cl-2" "trud__tb-cl-3 trud__tb-cl-3" "trud__tb-cl-4 trud__tb-cl-4";
    }
    .trud__tb-cl-0 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-2 {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-3 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-4 {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-5 {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
}

.trud__tb-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 30px 1fr 30px auto;
    grid-template-columns: auto 1fr auto;
    gap: 25px 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-rows: auto 25px auto;
    grid-template-areas: "trud__tb-grid-tl trud__tb-grid-tl trud__tb-cancel" "trud__tb-search trud__tb-cn-row trud__tb-create";
}
@media screen and (max-width: 1440px) {
    .trud__tb-grid {
        gap: 25px 15px;
    }
}
@media screen and (max-width: 992px) {
    .trud__tb-grid {
        -ms-grid-columns: 1fr 10px auto 10px auto;
        grid-template-columns: 1fr auto auto;
        -ms-grid-rows: auto 15px auto 15px auto;
        grid-template-areas: "trud__tb-grid-tl trud__tb-grid-tl trud__tb-grid-tl" "trud__tb-search trud__tb-search trud__tb-create" "trud__tb-cn-row trud__tb-cancel trud__tb-cancel";
        gap: 15px 10px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
@media (max-width: 572px) {
    .trud__tb-grid {
        -ms-grid-columns: 1fr 5px auto;
        grid-template-columns: 1fr auto;
        -ms-grid-rows: auto 12px auto 12px auto 12px auto;
        grid-template-areas: "trud__tb-grid-tl trud__tb-grid-tl" "trud__tb-search trud__tb-search" "trud__tb-create trud__tb-create" "trud__tb-cn-row trud__tb-cancel";
        gap: 12px 5px;
    }
}

.trud__tb-grid-tl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: trud__tb-grid-tl;
}

.trud__tb-search {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: trud__tb-search;
}
@media screen and (max-width: 1440px) {
    .trud__tb-search {
        width: 322px;
    }
}
@media screen and (max-width: 992px) {
    .trud__tb-search {
        width: 100%;
    }
}

.trud__tb-create {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-area: trud__tb-create;
    margin-left: auto;
    margin-right: 0;
}
@media (max-width: 572px) {
    .trud__tb-create {
        margin-left: 0;
        margin-right: auto;
    }
}

.trud__tb-cancel {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: trud__tb-cancel;
}

.trud__tb-cn-row {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: trud__tb-cn-row;
}

@media screen and (max-width: 992px){
    .trud__tb-grid-tl {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
    .trud__tb-search {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .trud__tb-create {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }
    .trud__tb-cancel {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
    }
    .trud__tb-cn-row {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
}

@media (max-width: 572px){
    .trud__tb-grid-tl {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .trud__tb-search {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .trud__tb-create {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .trud__tb-cancel {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
    .trud__tb-cn-row {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
}

.trud__acc {
    position: relative;
}

.trud__acc-body {
    position: absolute;
    right: 0;
    top: 105%;
    z-index: 3;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}
@media screen and (max-width: 1240px) {
    .trud__acc-body {
        border-radius: 12px;
    }
}

.trud__acc-list {
    padding: 16px;
    border-radius: 16px;
    background: #f3f6fb;
    min-width: 170px;
}
@media screen and (max-width: 1680px) {
    .trud__acc-list {
        min-width: 106px;
        padding: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .trud__acc-list {
        min-width: 90px;
        border-radius: 12px;
    }
}

.trud__acc-link {
    width: 100%;
    padding: 12px 20px;
    border-radius: 8px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    display: block;
    color: #181830;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
    transition: 0.4s;
}
@media (hover: hover) {
    .trud__acc-link:hover {
        background: rgba(107, 110, 232, 0.1);
    }
}
.trud__acc-link:focus-visible {
    background: rgba(107, 110, 232, 0.1);
}
.trud__acc-link:active {
    background: rgba(107, 110, 232, 0.1);
}
@media (hover: hover) {
    .trud__acc-link:hover {
        color: #6b6ee8;
    }
}
.trud__acc-link:focus-visible {
    color: #6b6ee8;
}
.trud__acc-link:active {
    color: #6b6ee8;
}
@media screen and (max-width: 1680px) {
    .trud__acc-link {
        padding: 10px 16px;
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .trud__acc-link {
        padding: 8px 14px;
        font-size: 16px;
    }
}

.corr-flex {
    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;
    gap: 15px;
}
@media screen and (max-width: 767px) {
    .corr-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-bottom: 10px;
    }
}
.corr-flex .tabs-head {
    width: auto;
}
@media screen and (max-width: 767px) {
    .corr-flex .tabs-head {
        width: 100%;
        margin-bottom: 0;
    }
}

.btn__read-all {
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    color: #181830;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .btn__read-all:hover {
        text-decoration: none;
    }
}
.btn__read-all:focus-visible {
    text-decoration: none;
}
.btn__read-all:active {
    text-decoration: none;
}
@media screen and (max-width: 1680px) {
    .btn__read-all {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .btn__read-all {
        font-size: 14px;
    }
}

.creat__label-span {
    color: #181830;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.36px;
}
@media screen and (max-width: 1680px) {
    .creat__label-span {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .creat__label-span {
        font-size: 14px;
    }
    .creat__label-span::after, .creat__label-span::before {
        width: 20px;
        height: 20px;
    }
}

.creat__types-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 30px;
    min-height: 48px;
}
@media screen and (max-width: 1680px) {
    .creat__types-list {
        min-height: 46px;
        gap: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .creat__types-list {
        gap: 15px;
    }
}
@media screen and (max-width: 767px) {
    .creat__types-list {
        min-height: 0;
        padding-top: 15px;
    }
}

.correct__home-title {
    color: #BDBBCD;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.28px;
}
@media screen and (max-width: 1680px) {
    .correct__home-title {
        font-size: 12px;
    }
}
@media screen and (max-width: 1440px) {
    .correct__home-title {
        font-size: 11px;
    }
}
@media (max-width: 572px) {
    .correct__home-title {
        text-align: left;
    }
}

.correct__come-text {
    color: #181830;
    text-align: right;
    padding-top: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.32px;
}
@media screen and (max-width: 1680px) {
    .correct__come-text {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .correct__come-text {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .correct__come-text {
        font-size: 10px;
    }
}
@media (max-width: 572px) {
    .correct__come-text {
        text-align: left;
    }
}

@media (max-width: 572px) {
    .correct__hm-if-docum {
        display: block;
        padding-top: 4px;
    }
}

.correct__hm-rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 572px) {
    .correct__hm-rw {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 8px;
        gap: 4px;
    }
    .correct__hm-rw .home__info-btn {
        margin-top: 0;
    }
}

.correct__hm-inf-row .home__info-img,
.correct__hm-inf-row .home__info-box,
.correct__hm-inf-row .home__info-footer {
    grid-column: initial;
    grid-row: initial;
}

.statist__btn-dowl {
    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;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
}
@media screen and (max-width: 1680px) {
    .statist__btn-dowl {
        width: 21px;
        height: 21px;
    }
}
@media screen and (max-width: 1240px) {
    .statist__btn-dowl {
        width: 18px;
        height: 18px;
    }
}
.statist__btn-dowl img,
.statist__btn-dowl svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.statist__btn-dowl path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .statist__btn-dowl:hover {
        color: #5c5fe6;
    }
    .statist__btn-dowl:hover path {
        fill: #5c5fe6;
    }
}
.statist__btn-dowl:focus-visible {
    color: #5c5fe6;
}
.statist__btn-dowl:focus-visible path {
    fill: #5c5fe6;
}
.statist__btn-dowl:active {
    color: #5c5fe6;
}
.statist__btn-dowl:active path {
    fill: #5c5fe6;
}

.statist__down-row {
    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%;
}
@media screen and (max-width: 767px) {
    .statist__down-row {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 10px;
    }
}

.stat__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 1fr;
    grid-template-columns: 24px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media screen and (max-width: 1240px) {
    .stat__row {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.stat__tabel-wrapp {
    padding-left: 0 !important;
}

.stat__header-row {
    margin-top: 32px;
}
@media screen and (max-width: 1680px) {
    .stat__header-row {
        margin-top: 28px;
    }
}
@media screen and (max-width: 1240px) {
    .stat__header-row {
        margin-top: 24px;
    }
}
.stat__header-row .stat__label-check {
    margin-top: 16px;
}
.stat__header-row .statistics-table-head {
    border-radius: 24px 24px 0 0;
    padding-top: 16px;
}

.stat__tabel-wrapp .stat__row:nth-last-child(1) .stat__label-check {
    margin-bottom: 16px;
}
@media screen and (max-width: 1240px) {
    .stat__tabel-wrapp .stat__row:nth-last-child(1) .stat__label-check {
        margin-bottom: auto;
    }
}
.stat__tabel-wrapp .stat__row:nth-last-child(1) .statistics-table-row {
    border-radius: 0 0 24px 24px;
    padding-bottom: 16px;
}
@media screen and (max-width: 1240px) {
    .stat__tabel-wrapp .stat__row:nth-last-child(1) .statistics-table-row {
        padding: 12px;
    }
}
@media screen and (max-width: 767px) {
    .stat__tabel-wrapp .stat__row:nth-last-child(1) .statistics-table-row {
        padding: 8px;
    }
}
.stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-cl {
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media screen and (max-width: 1240px) {
    .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-cl {
        border: none;
    }
}
@media screen and (max-width: 767px) {
    .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-cl {
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
    .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-cl:nth-child(1) {
        border: none;
    }
}
@media screen and (max-width: 1680px) {
    .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-date-end {
        border-top: none;
    }
}
@media screen and (max-width: 767px) {
    .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-date-end {
        border-top: 1px solid rgba(24, 24, 48, 0.1);
    }
}

.stat__row .statistics-table-row {
    background: #F3F6FB;
    padding-left: 16px;
    padding-right: 16px;
    -ms-grid-columns: (1fr)[4] 115px 115px 153px 132px 115px;
    grid-template-columns: repeat(4, 1fr) 115px 115px 153px 132px 115px;
}
@media (max-width: 1680px) {
    .stat__row .statistics-table-row {
        -ms-grid-columns: 1.1fr 1fr 1fr 145px 105px 90px 77px 99px;
        grid-template-columns: 1.1fr 1fr 1fr 145px 105px 90px 77px 99px;
    }
}
@media (max-width: 1240px) {
    .stat__row .statistics-table-row {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (max-width: 767px) {
    .stat__row .statistics-table-row {
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}
@media screen and (max-width: 1240px) {
    .stat__row .statistics-table-row {
        padding: 12px;
    }
}
@media screen and (max-width: 767px) {
    .stat__row .statistics-table-row {
        padding: 8px;
        background: #ffffff;
        border: 4px solid #F3F6FB;
    }
}

@media screen and (max-width: 1240px) {
    .stat__row + .stat__row {
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .stat__row + .stat__row {
        margin-top: 8px;
    }
}

.stat__label-check {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1240px) {
    .stat__label-check {
        width: 20px;
        height: 20px;
    }
}
.stat__label-check .label-check-span {
    padding: 0;
    width: 100%;
    height: 100%;
}
.stat__label-check .label-check-span::after, .stat__label-check .label-check-span::before {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1240px) {
    .stat__tb-header {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
        gap: 15px 10px;
    }
}
@media screen and (max-width: 767px) {
    .stat__tb-header {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
}
@media screen and (max-width: 767px) {
    .stat__tb-header .stat__label-area {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
        margin-top: auto;
        margin-bottom: 0;
    }
}

.corr__nav-row {
    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;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px;
}
@media screen and (max-width: 1240px) {
    .corr__nav-row {
        padding-top: 10px;
    }
}
@media (max-width: 572px) {
    .corr__nav-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (max-width: 572px) {
    .corr__nav-btn-prev {
        padding: 0;
        background: none;
        border: none;
        min-height: 0;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 110%;
        text-align: right;
        letter-spacing: 0.02em;
        text-decoration-line: underline;
        color: #181830;
    }
}
@media (max-width: 572px) and (hover: hover) {
    .corr__nav-btn-prev:hover {
        text-decoration: none;
        color: #181830;
        background: none;
    }
}
@media (max-width: 572px) and (hover: none) {
    .corr__nav-btn-prev:active {
        text-decoration: none;
        color: #181830;
        background: none;
    }
}
@media (max-width: 572px) {
    .corr__nav-btn-prev:active {
        text-decoration: none;
        color: #181830;
        background: none;
    }
}

.extra__tbl-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #FF8075;
}
@media (max-width: 1680px) {
    .extra__tbl-btn {
        gap: 5px;
        font-size: 18px;
    }
}
@media (max-width: 1240px) {
    .extra__tbl-btn {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .extra__tbl-btn:hover {
        text-decoration: none;
    }
}
.extra__tbl-btn svg,
.extra__tbl-btn img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 21px;
    height: 21px;
}
@media (max-width: 992px) {
    .extra__tbl-btn svg,
    .extra__tbl-btn img {
        width: 18px;
        height: 18px;
    }
}

.extra__tbl-hd {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "extra__tbl-title extra__tbl-btn extra__table-num extra__table-dowland extra__tb-hd-btn";
    -ms-grid-columns: 1fr 20px auto 20px auto 20px auto 20px auto;
    grid-template-columns: 1fr auto auto auto auto;
    gap: 20px;
}
@media (max-width: 1680px) {
    .extra__tbl-hd {
        gap: 15px;
    }
}
@media (max-width: 1240px) {
    .extra__tbl-hd {
        gap: 10px;
        -ms-grid-columns: 1fr 10px auto 10px auto;
        grid-template-columns: 1fr auto auto;
        -ms-grid-rows: auto 10px auto;
        grid-template-areas: "extra__tbl-title extra__tb-hd-btn extra__tb-hd-btn" "extra__tbl-btn   extra__table-num extra__table-dowland";
    }
}
@media (max-width: 580px) {
    .extra__tbl-hd {
        -ms-grid-columns: 1fr 15px auto;
        grid-template-columns: 1fr auto;
        gap: 15px;
        -ms-grid-rows: auto 15px auto 15px auto 15px auto;
        grid-template-areas: "extra__tbl-title extra__tbl-title" "extra__tb-hd-btn extra__tb-hd-btn" "extra__table-num extra__table-dowland" "extra__tbl-btn extra__tbl-btn";
    }
}
.extra__tbl-hd .extra__tbl-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: extra__tbl-title;
}
.extra__tbl-hd .extra__tbl-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: extra__tbl-btn;
}
.extra__tbl-hd .extra__table-num {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: extra__table-num;
}
.extra__tbl-hd .extra__table-dowland {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: extra__table-dowland;
}
.extra__tbl-hd .extra__tb-hd-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    grid-area: extra__tb-hd-btn;
    margin-left: auto;
    margin-right: 0;
}
@media (max-width: 1240px){
    .extra__tbl-hd .extra__tbl-title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .extra__tbl-hd .extra__tbl-btn {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .extra__tbl-hd .extra__table-num {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .extra__tbl-hd .extra__table-dowland {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }
    .extra__tbl-hd .extra__tb-hd-btn {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
    }
}
@media (max-width: 580px){
    .extra__tbl-hd .extra__tbl-title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__tbl-hd .extra__tbl-btn {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__tbl-hd .extra__table-num {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .extra__tbl-hd .extra__table-dowland {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    .extra__tbl-hd .extra__tb-hd-btn {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
}
@media (max-width: 580px) {
    .extra__tbl-hd .extra__tb-hd-btn {
        margin-left: 0;
        margin-right: auto;
    }
}

.extra__tb-cl--5 {
    padding-left: 30px;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1680px) {
    .extra__tb-cl--5 {
        padding-left: 20px;
    }
}
@media (max-width: 992px) {
    .extra__tb-cl--5 {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .extra__tb-cl--5 {
        grid-area: extra__tb-cl--5;
        padding-top: 4px;
        margin-top: 4px;
        border: none;
        border-top: 1px solid rgba(24, 24, 48, 0.1);
        padding-left: 0;
    }
}

.extra__table--row {
    -ms-grid-columns: 30px 215px 1fr 311px 370px 180px;
    grid-template-columns: 30px 215px 1fr 311px 370px 180px;
}
@media (max-width: 1680px) {
    .extra__table--row {
        -ms-grid-columns: 25px 160px 1fr 260px 305px 145px;
        grid-template-columns: 25px 160px 1fr 260px 305px 145px;
    }
}
@media (max-width: 1440px) {
    .extra__table--row {
        -ms-grid-columns: 25px 160px 1fr 260px 150px 145px;
        grid-template-columns: 25px 160px 1fr 260px 150px 145px;
    }
}
@media (max-width: 1100px) {
    .extra__table--row {
        -ms-grid-columns: 25px 160px 1fr 260px 150px 55px;
        grid-template-columns: 25px 160px 1fr 260px 150px 55px;
    }
}
@media (max-width: 992px) {
    .extra__table--row {
        -ms-grid-columns: 25px 120px 1fr 187px 120px 60px;
        grid-template-columns: 25px 120px 1fr 187px 120px 60px;
    }
}
@media (max-width: 767px) {
    .extra__table--row {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
    }
    .extra__table--row .extra__table-wrapp {
        grid-template-areas: "extra__tb-cl-1 extra__tb-cl-4 " "extra__tb-cl-2 extra__tb-cl-2" "extra__tb-cl--5 extra__tb-cl--5" "extra__tb-cl-3 extra__tb-cl-3";
    }
    .extra__table--row .extra__table-wrapp > .extra__tb-cl-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .extra__table--row .extra__table-wrapp > .extra__tb-cl-2 {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .extra__table--row .extra__table-wrapp > .extra__tb-cl-3 {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .extra__table--row .extra__table-wrapp > .extra__tb-cl-4 {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .extra__tb-cl--5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}
.extra__table--row .extra__tb-cl-2 {
    padding-left: 50px;
}
@media (max-width: 1440px) {
    .extra__table--row .extra__tb-cl-2 {
        padding-left: 20px;
    }
}
@media (max-width: 992px) {
    .extra__table--row .extra__tb-cl-2 {
        padding-left: 10px;
    }
}
@media (max-width: 767px) {
    .extra__table--row .extra__tb-cl-2 {
        padding-left: 0;
    }
}
.extra__table--row .extra__tb-cl-3 {
    padding-left: 15px;
}
@media (max-width: 1440px) {
    .extra__table--row .extra__tb-cl-3 {
        padding-left: 30px;
    }
}
@media (max-width: 992px) {
    .extra__table--row .extra__tb-cl-3 {
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .extra__table--row .extra__tb-cl-3 {
        padding-left: 0;
    }
}
.extra__table--row .extra__tb-cl-4 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1100px) {
    .extra__table--row .extra__tb-cl-4 span {
        display: none;
    }
}
@media (max-width: 767px) {
    .extra__table--row .extra__tb-cl-4 span {
        display: block;
    }
}

.extra__table--row-2 {
    -ms-grid-columns: 30px 215px 1fr 311px 370px 180px;
    grid-template-columns: 30px 215px 1fr 311px 370px 180px;
}
@media (max-width: 1680px) {
    .extra__table--row-2 {
        -ms-grid-columns: 25px 160px 1fr 260px 305px 145px;
        grid-template-columns: 25px 160px 1fr 260px 305px 145px;
    }
}
@media (max-width: 1440px) {
    .extra__table--row-2 {
        -ms-grid-columns: 25px 160px 1fr 260px 150px 145px;
        grid-template-columns: 25px 160px 1fr 260px 150px 145px;
    }
}
@media (max-width: 1100px) {
    .extra__table--row-2 {
        -ms-grid-columns: 25px 160px 1fr 260px 150px 120px;
        grid-template-columns: 25px 160px 1fr 260px 150px 120px;
    }
}
@media (max-width: 992px) {
    .extra__table--row-2 {
        -ms-grid-columns: 25px 97px 1fr 180px 80px 106px;
        grid-template-columns: 25px 97px 1fr 180px 80px 106px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-2 {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
    }
    .extra__table--row-2 .extra__table-wrapp {
        grid-template-areas: "extra__tb-cl-1 extra__tb-cl-4 " "extra__tb-cl-2 extra__tb-cl-2" "extra__tb-cl--5 extra__tb-cl--5" "extra__tb-cl-3 extra__tb-cl-3";
    }
    .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl-2 {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl-3 {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl-4 {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl--5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}
.extra__table--row-2 .extra__tb-cl-2 {
    padding-left: 67px;
}
@media (max-width: 1680px) {
    .extra__table--row-2 .extra__tb-cl-2 {
        padding-left: 15px;
    }
}
@media (max-width: 1440px) {
    .extra__table--row-2 .extra__tb-cl-2 {
        padding-left: 20px;
    }
}
@media (max-width: 992px) {
    .extra__table--row-2 .extra__tb-cl-2 {
        padding-left: 10px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-2 .extra__tb-cl-2 {
        padding-left: 0;
    }
}
.extra__table--row-2 .extra__tb-cl-3 {
    padding-left: 15px;
}
@media (max-width: 1440px) {
    .extra__table--row-2 .extra__tb-cl-3 {
        padding-left: 30px;
    }
}
@media (max-width: 992px) {
    .extra__table--row-2 .extra__tb-cl-3 {
        padding-left: 10px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-2 .extra__tb-cl-3 {
        padding-left: 0;
    }
}
.extra__table--row-2 .extra__tb-cl-4 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1100px) {
    .extra__table--row-2 .extra__tb-cl-4 span {
        display: none;
    }
}
@media (max-width: 767px) {
    .extra__table--row-2 .extra__tb-cl-4 span {
        display: block;
    }
}
.extra__table--row-2 .extra__tb-cl--5 {
    padding-left: 18px;
}
@media (max-width: 1680px) {
    .extra__table--row-2 .extra__tb-cl--5 {
        padding-left: 30px;
    }
}
@media (max-width: 992px) {
    .extra__table--row-2 .extra__tb-cl--5 {
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-2 .extra__tb-cl--5 {
        padding-left: 0;
    }
}
.extra__table--row-2 .extra__tb-btn {
    width: 24px;
    height: 24px;
}
@media (max-width: 1680px) {
    .extra__table--row-2 .extra__tb-btn {
        width: 21px;
        height: 21px;
    }
}
@media (max-width: 1240px) {
    .extra__table--row-2 .extra__tb-btn {
        width: 18px;
        height: 18px;
    }
}
.extra__table--row-2 .extra__tb-btn svg,
.extra__table--row-2 .extra__tb-btn img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.extra__table--row-2 .extra__tb-btn-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1680px) {
    .extra__table--row-2 .extra__tb-btn-row {
        gap: 15px;
    }
}
@media (max-width: 1240px) {
    .extra__table--row-2 .extra__tb-btn-row {
        gap: 10px;
    }
}
@media (max-width: 800px) {
    .extra__table--row-2 .extra__tb-btn-row {
        padding-right: 0;
    }
}
@media (max-width: 767px) {
    .extra__table--row-2 .extra__tb-btn-row {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.extra__table--row-3 {
    -ms-grid-columns: 30px 190px 182px 250px 1fr 1fr 150px 170px;
    grid-template-columns: 30px 190px 182px 250px 1fr 1fr 150px 170px;
    grid-template-areas: "extra__tb-cl-0 extra__tb-cl-number extra__tb-cl-document extra__tb-cl-protocol extra__tb-cl-learn extra__tb-cl--5 extra__tb-cl-date extra__tb-btn-row";
}
@media (max-width: 1680px) {
    .extra__table--row-3 {
        -ms-grid-columns: 30px 158px 126px 185px 1fr 1fr 126px 151px;
        grid-template-columns: 30px 158px 126px 185px 1fr 1fr 126px 151px;
    }
}
@media (max-width: 1440px) {
    .extra__table--row-3 {
        -ms-grid-columns: 30px 113px 126px 185px 1fr 1fr 94px 151px;
        grid-template-columns: 30px 113px 126px 185px 1fr 1fr 94px 151px;
    }
}
@media (max-width: 1240px) {
    .extra__table--row-3 {
        -ms-grid-columns: 30px 95px 108px 164px 1fr 1fr 90px 120px;
        grid-template-columns: 30px 95px 108px 164px 1fr 1fr 90px 120px;
    }
}
@media (max-width: 1080px) {
    .extra__table--row-3 {
        -ms-grid-columns: 20px 80px 100px 105px 1fr 1fr 70px;
        grid-template-columns: 20px 80px 100px 105px 1fr 1fr 70px;
        grid-template-areas: "extra__tb-cl-0 extra__tb-cl-number extra__tb-cl-document extra__tb-cl-protocol extra__tb-cl-learn extra__tb-cl--5 extra__tb-cl-date" "extra__tb-cl-0 extra__tb-cl-number extra__tb-cl-document extra__tb-cl-protocol extra__tb-cl-learn extra__tb-cl--5 extra__tb-btn-row";
    }
    .extra__table--row-3 > .extra__tb-cl-number {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }
    .extra__table--row-3 > .extra__tb-cl-document {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
    .extra__table--row-3 > .extra__tb-cl-protocol {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
    }
    .extra__table--row-3 > .extra__tb-cl-learn {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
    .extra__table--row-3 > .extra__tb-cl-date {
        -ms-grid-row: 1;
        -ms-grid-column: 7;
        -ms-grid-column-span: 1;
    }
}
@media (max-width: 767px) {
    .extra__table--row-3 {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        grid-template-areas: "extra__tb-cl-0 extra__table-wrapp-2";
    }
    .extra__table--row-3 .extra__table-wrapp-2 {
        grid-area: extra__table-wrapp-2;
        gap: 0 5px;
        grid-template-areas: "extra__tb-cl-number extra__tb-btn-row " "extra__tb-cl-document extra__tb-cl-document" "extra__tb-cl-protocol extra__tb-cl-protocol" "extra__tb-cl-learn extra__tb-cl-learn" "extra__tb-cl--5    extra__tb-cl--5" "extra__tb-cl-date extra__tb-cl-date";
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-number {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-document {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-protocol {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-learn {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-date {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
}
.extra__table--row-3.extra__tb-hd-row .extra__tb-cl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.extra__table--row-3 .extra__tb-cl-0 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: extra__tb-cl-0;
}
.extra__table--row-3 .extra__tb-cl-number {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: extra__tb-cl-number;
}
@media (max-width: 767px) {
    .extra__table--row-3 .extra__tb-cl-number {
        padding-right: 0;
    }
}
.extra__table--row-3 .extra__tb-cl-document {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: extra__tb-cl-document;
    padding-left: 30px;
}
@media (max-width: 1680px) {
    .extra__table--row-3 .extra__tb-cl-document {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1440px) {
    .extra__table--row-3 .extra__tb-cl-document {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-3 .extra__tb-cl-document {
        padding-left: 0;
        padding-right: 0;
    }
}
.extra__table--row-3 .extra__tb-cl-protocol {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: extra__tb-cl-protocol;
    padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 1680px) {
    .extra__table--row-3 .extra__tb-cl-protocol {
        padding-left: 10px;
        padding-right: 5px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-3 .extra__tb-cl-protocol {
        padding-left: 0;
        padding-right: 0;
    }
}
.extra__table--row-3 .extra__tb-cl-learn {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-area: extra__tb-cl-learn;
    padding-left: 38px;
}
@media (max-width: 1680px) {
    .extra__table--row-3 .extra__tb-cl-learn {
        padding-left: 10px;
        padding-right: 5px;
    }
}
@media (max-width: 1440px) {
    .extra__table--row-3 .extra__tb-cl-learn {
        padding-left: 5px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-3 .extra__tb-cl-learn {
        padding-left: 0;
        padding-right: 0;
    }
}
.extra__table--row-3 .extra__tb-cl--5 {
    grid-area: extra__tb-cl--5;
    padding-left: 18px;
}
@media (max-width: 1680px) {
    .extra__table--row-3 .extra__tb-cl--5 {
        padding-left: 15px;
    }
}
@media (max-width: 1440px) {
    .extra__table--row-3 .extra__tb-cl--5 {
        padding-left: 8px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-3 .extra__tb-cl--5 {
        padding-left: 0;
    }
}
.extra__table--row-3 .extra__tb-cl-date {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    grid-area: extra__tb-cl-date;
    padding-left: 15px;
}
@media (max-width: 1680px) {
    .extra__table--row-3 .extra__tb-cl-date {
        padding-left: 7px;
    }
}
@media (max-width: 1080px) {
    .extra__table--row-3 .extra__tb-cl-date {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 0;
        padding-left: 13px;
        padding-bottom: 0;
    }
}
@media (max-width: 767px) {
    .extra__table--row-3 .extra__tb-cl-date {
        padding-left: 0;
    }
}
.extra__table--row-3 .extra__tb-btn {
    width: 24px;
    height: 24px;
}
@media (max-width: 1680px) {
    .extra__table--row-3 .extra__tb-btn {
        width: 21px;
        height: 21px;
    }
}
@media (max-width: 1240px) {
    .extra__table--row-3 .extra__tb-btn {
        width: 18px;
        height: 18px;
    }
}
.extra__table--row-3 .extra__tb-btn svg,
.extra__table--row-3 .extra__tb-btn img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1240px) {
    .extra__table--row-3 .extra__invalid svg,
    .extra__table--row-3 .extra__invalid img {
        display: none;
    }
}
@media (max-width: 1080px) {
    .extra__table--row-3 .extra__invalid span {
        display: none;
    }
    .extra__table--row-3 .extra__invalid svg,
    .extra__table--row-3 .extra__invalid img {
        display: block;
    }
}
@media (max-width: 767px) {
    .extra__table--row-3 .extra__invalid span {
        display: block;
        font-size: 12px;
    }
}
.extra__table--row-3 .extra__tb-btn-row {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
    grid-area: extra__tb-btn-row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1080px){
    .extra__table--row-3 .extra__tb-cl-0 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
    }
    .extra__table--row-3 > .extra__tb-cl-number {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }
    .extra__table--row-3 > .extra__tb-cl-document {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
    .extra__table--row-3 > .extra__tb-cl-protocol {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
    }
    .extra__table--row-3 > .extra__tb-cl-learn {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
    .extra__table--row-3 > .extra__tb-cl-date {
        -ms-grid-row: 1;
        -ms-grid-column: 7;
        -ms-grid-column-span: 1;
    }
    .extra__table--row-3 .extra__tb-btn-row {
        -ms-grid-row: 2;
        -ms-grid-column: 7;
    }
}
@media (max-width: 767px){
    .extra__table--row-3 .extra__table-wrapp-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .extra__table--row-3 .extra__tb-cl-0 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-number {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-document {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-protocol {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-learn {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-date {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-btn-row {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
}
@media (max-width: 1680px) {
    .extra__table--row-3 .extra__tb-btn-row {
        gap: 15px;
    }
}
@media (max-width: 1240px) {
    .extra__table--row-3 .extra__tb-btn-row {
        gap: 10px;
    }
}
@media (max-width: 1080px) {
    .extra__table--row-3 .extra__tb-btn-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 20px;
        gap: 5px 10px;
        border-left: 1px solid rgba(24, 24, 48, 0.1);
        padding-top: 5px;
    }
}
@media (max-width: 767px) {
    .extra__table--row-3 .extra__tb-btn-row {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 0;
        border: none;
        padding-left: 0;
    }
}

.trud__table--row-4 {
    -ms-grid-columns: 25px 203px 1fr 300px 160px 235px 170px;
    grid-template-columns: 25px 203px 1fr 300px 160px 235px 170px;
    grid-template-areas: "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-3 trud__tb-cl-4 trud__tb-cl-5";
}
@media (max-width: 1680px) {
    .trud__table--row-4 {
        -ms-grid-columns: 25px 162px 1fr 1fr 135px 125px 145px;
        grid-template-columns: 25px 162px 1fr 1fr 135px 125px 145px;
    }
    .trud__table--row-4.extra__tb-hd-row {
        -ms-grid-columns: 25px 162px 1fr 1fr 135px 225px 45px;
        grid-template-columns: 25px 162px 1fr 1fr 135px 225px 45px;
    }
}
@media (max-width: 1080px) {
    .trud__table--row-4 {
        -ms-grid-columns: 20px 110px 1fr 1fr 100px 100px;
        grid-template-columns: 20px 110px 1fr 1fr 100px 100px;
        grid-template-areas: "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-4   trud__tb-cl-5" "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-3   trud__tb-cl-5";
    }
    .trud__table--row-4.extra__tb-hd-row {
        -ms-grid-columns: 20px 110px 1fr 1fr 190px 10px;
        grid-template-columns: 20px 110px 1fr 1fr 190px 10px;
        grid-template-areas: "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-3   trud__tb-cl-5" "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-4   trud__tb-cl-5";
    }
    .trud__table--row-4.extra__tb-hd-row .trud__tb-cl-3 span::after {
        background: none;
    }
    .trud__table--row-4.extra__tb-hd-row .trud__tb-cl-3::after {
        content: "/";
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 800;
        font-size: 12px;
        line-height: 110%;
        letter-spacing: 0.02em;
        color: #181830;
    }
    .trud__table--row-4 > .trud__tb-cl-0 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
    }
    .trud__table--row-4.extra__tb-hd-row > .trud__tb-cl-0 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
    }
    .trud__table--row-4 > .trud__tb-cl-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }
    .trud__table--row-4.extra__tb-hd-row > .trud__tb-cl-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }
    .trud__table--row-4 > .trud__tb-cl-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
    .trud__table--row-4.extra__tb-hd-row > .trud__tb-cl-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
    .trud__table--row-4 > .trud__tb-cl-3 {
        -ms-grid-row: 2;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
    .trud__table--row-4.extra__tb-hd-row > .trud__tb-cl-3 {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
    .trud__table--row-4 > .trud__tb-cl-4 {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
    .trud__table--row-4.extra__tb-hd-row > .trud__tb-cl-4 {
        -ms-grid-row: 2;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
    .trud__table--row-4 > .trud__tb-cl-5 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 6;
    }
    .trud__table--row-4.extra__tb-hd-row > .trud__tb-cl-5 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 6;
    }
}
@media (max-width: 767px) {
    .trud__table--row-4 {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
        grid-template-areas: "trud__tb-cl-0 extra__table-wrapp";
    }
    .trud__table--row-4.extra__tb-hd-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: "trud__tb-cl-0 ";
    }
    .trud__table--row-4 > .trud__tb-cl-0 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    .trud__table--row-4.extra__tb-hd-row > .trud__tb-cl-0 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    .trud__tb-rw .extra__table-wrapp {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
}
.trud__table--row-4 .extra__table-wrapp {
    grid-area: extra__table-wrapp;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-template-areas: "trud__tb-cl-1 trud__tb-cl-5" "trud__tb-cl-2 trud__tb-cl-2" "extra__tb-cl--5 extra__tb-cl--5" "trud__tb-cl-3 trud__tb-cl-3" "trud__tb-cl-4 trud__tb-cl-4";
}
@media (max-width: 1080px) {
    .trud__table--row-4 .extra__invalid span {
        display: none;
    }
}
.trud__table--row-4 .trud__tb-cl-0 {
    padding-left: 0;
    padding-right: 0;
}
.trud__table--row-4 .trud__tb-cl-1 {
    padding-left: 30px;
}
@media (max-width: 1680px) {
    .trud__table--row-4 .trud__tb-cl-1 {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1080px) {
    .trud__table--row-4 .trud__tb-cl-1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .trud__table--row-4 .trud__tb-cl-1 {
        padding-left: 0;
        padding-right: 0;
    }
}
.trud__table--row-4 .trud__tb-cl-2 {
    padding-left: 60px;
}
@media (max-width: 1700px) {
    .trud__table--row-4 .trud__tb-cl-2 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 1080px) {
    .trud__table--row-4 .trud__tb-cl-2 {
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media (max-width: 767px) {
    .trud__table--row-4 .trud__tb-cl-2 {
        padding-left: 0;
        padding-right: 0;
    }
}
.trud__table--row-4 .extra__tb-cl--5 {
    grid-area: extra__tb-cl--5;
    padding-left: 18px;
}
@media screen and (max-width: 767px){
    .extra__tb-cl-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .extra__tb-cl-2 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__tb-cl-3 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .extra__tb-cl-4 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .trud__tb-rw .extra__table-wrapp {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .trud__table--row-4 .extra__table-wrapp {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
}
@media (max-width: 767px){
    .extra__table--row-3 .extra__tb-cl--5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl--5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .trud__table--row-4 .extra__table-wrapp {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .trud__table--row-4 .extra__tb-cl--5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl--5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}
@media (max-width: 1680px) {
    .trud__table--row-4 .extra__tb-cl--5 {
        padding-left: 23px;
        padding-right: 23px;
    }
}
@media (max-width: 1080px) {
    .trud__table--row-4 .extra__tb-cl--5 {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 767px) {
    .trud__table--row-4 .extra__tb-cl--5 {
        padding-left: 0;
        padding-right: 0;
    }
}
.trud__table--row-4 .trud__tb-cl-3 {
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 1080px) {
    .trud__table--row-4 .trud__tb-cl-3 {
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 767px) {
    .trud__table--row-4 .trud__tb-cl-3 {
        padding-left: 0;
        padding-right: 0;
    }
}
.trud__table--row-4 .trud__tb-cl-4 {
    padding-left: 10px;
}
@media (max-width: 1680px) {
    .trud__table--row-4 .trud__tb-cl-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 1080px) {
    .trud__table--row-4 .trud__tb-cl-4 {
        padding-bottom: 0;
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media (max-width: 767px) {
    .trud__table--row-4 .trud__tb-cl-4 {
        padding-left: 0;
        padding-right: 0;
    }
}
.trud__table--row-4 .trud__tb-cl-5 {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.extra__invalid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #FF8075;
}
@media (max-width: 1680px) {
    .extra__invalid {
        font-size: 14px;
    }
}
@media (max-width: 580px) {
    .extra__invalid {
        gap: 5px;
        font-size: 12px;
    }
}
.extra__invalid svg,
.extra__invalid img {
    width: 21px;
    height: 21px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1680px) {
    .extra__invalid svg,
    .extra__invalid img {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 580px) {
    .extra__invalid svg,
    .extra__invalid img {
        width: 16px;
        height: 16px;
    }
}

.extra__tb-btn-update path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .extra__tb-btn-update:hover path {
        stroke: #5C5FE6;
        fill: none;
    }
}
.extra__tb-btn-update:focus-visible path {
    stroke: #5C5FE6;
    fill: none;
}
.extra__tb-btn-update:active path {
    stroke: #5C5FE6;
    fill: none;
}

.modal__order-new-footer {
    max-width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 430px 485px;
    grid-template-columns: 1fr 430px 485px;
    gap: 30px;
}
@media (max-width: 1680px) {
    .modal__order-new-footer {
        gap: 15px;
        -ms-grid-columns: 1fr 260px 426px;
        grid-template-columns: 1fr 260px 426px;
    }
}
@media (max-width: 1100px) {
    .modal__order-new-footer {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .modal__order-new-footer .modal__order-sl-cl {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        max-width: 484px;
    }
}
@media (max-width: 610px) {
    .modal__order-new-footer {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        gap: 12px;
    }
    .modal__order-new-footer .modal__order-sl-cl {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        max-width: 100%;
    }
}

.modal__order--select .select__check-title {
    padding-right: 40px;
}
.modal__order--select .blue {
    color: #4099F8;
}
.modal__order--select .input {
    background: url("../../assets/img/icon/search-icon.svg") no-repeat center left 15px/contain;
    background-size: 20px 20px;
    padding-left: 50px;
}
@media (max-width: 1240px) {
    .modal__order--select .input {
        background-size: 18px 18px;
        padding-left: 44px;
    }
}

.modal__pr-row--new {
    -ms-grid-columns: 24px 240px 1fr 1fr 230px;
    grid-template-columns: 24px 240px 1fr 1fr 230px;
}
@media (max-width: 1680px) {
    .modal__pr-row--new {
        -ms-grid-columns: 24px 175px 1fr 1fr 185px;
        grid-template-columns: 24px 175px 1fr 1fr 185px;
    }
}
@media (max-width: 1240px) {
    .modal__pr-row--new {
        -ms-grid-columns: 20px 125px 1fr 1fr 100px;
        grid-template-columns: 20px 125px 1fr 1fr 100px;
    }
}
@media screen and (max-width: 767px) {
    .modal__pr-row--new {
        -ms-grid-columns: 20px 1fr;
        grid-template-columns: 20px 1fr;
    }
}
.modal__pr-row--new .modal__pr-cl--5,
.modal__pr-row--new .modal__pr-cl-3 {
    border-left: 1px solid rgba(24, 24, 48, 0.1);
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 1680px) {
    .modal__pr-row--new .modal__pr-cl--5,
    .modal__pr-row--new .modal__pr-cl-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .modal__pr-row--new .modal__pr-cl--5,
    .modal__pr-row--new .modal__pr-cl-3 {
        padding-left: 0;
        padding-right: 0;
        border-left: none;
    }
}
.modal__pr-row--new .modal__pr-cl-2 {
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 1680px) {
    .modal__pr-row--new .modal__pr-cl-2 {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media (max-width: 1240px) {
    .modal__pr-row--new .modal__pr-cl-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .modal__pr-row--new .modal__pr-cl-2 {
        padding-left: 0;
        padding-right: 0;
    }
}
.modal__pr-row--new .modal__pr-cl-4 {
    padding-left: 50px;
    padding-right: 0;
}
@media (max-width: 1680px) {
    .modal__pr-row--new .modal__pr-cl-4 {
        padding-left: 20px;
    }
}
@media (max-width: 1240px) {
    .modal__pr-row--new .modal__pr-cl-4 {
        padding-left: 10px;
    }
}
@media (max-width: 767px) {
    .modal__pr-row--new .modal__pr-cl-4 {
        padding-left: 0;
    }
}

.modal__fate-container {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
}
@media (max-width: 1240px) {
    .modal__fate-container {
        margin-top: 18px;
        padding-top: 18px;
    }
}
@media (max-width: 767px) {
    .modal__fate-container {
        margin-top: 12px;
        padding-top: 12px;
    }
}

.modal__fate-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
}

.modal__fate-hd-label {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.modal__fate-hd-label-span {
    padding: 0;
    width: 24px;
    height: 24px;
}
@media (max-width: 1240px) {
    .modal__fate-hd-label-span {
        width: 20px;
        height: 20px;
    }
}
.modal__fate-hd-label-span::after, .modal__fate-hd-label-span::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.modal__fate-hd-text {
    width: 100%;
    padding: 14px 16px;
    background: rgba(107, 110, 232, 0.1);
    border-radius: 8px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1240px) {
    .modal__fate-hd-text {
        font-size: 16px;
    }
}
.modal__fate-hd-text span {
    font-weight: 300;
    font-size: 16px;
}
@media (max-width: 1240px) {
    .modal__fate-hd-text span {
        font-size: 14px;
    }
}

.modal__fate--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
}

.modal__fate-num {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #6B6EE8;
}
@media (max-width: 1240px) {
    .modal__fate-num {
        font-size: 16px;
    }
}

.modal__fate-btn {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #181830;
}
@media (max-width: 1240px) {
    .modal__fate-btn {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .modal__fate-btn {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .modal__fate-btn:hover {
        color: #5C5FE6;
        text-decoration: none;
    }
}
@media (hover: none) {
    .modal__fate-btn:active {
        color: #5C5FE6;
        text-decoration: none;
    }
}
.modal__fate-btn:active {
    color: #8C8C98;
    text-decoration: none;
}

.checkbox-tree .modal__fate-list {
    padding-left: 0;
}

.modal__fate-list {
    margin-top: 13px;
    overflow: auto;
    padding-right: 5px;
    max-height: 360px;
}
@media (max-width: 1680px) {
    .modal__fate-list {
        margin-top: 11px;
    }
}

.modal__fate-inner {
    margin-top: 5px;
}

.modal__fate-inner + .modal__fate-inner {
    margin-top: 16px;
}

.modal__fate-label-span {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 110%;
    color: #181830;
}
@media (max-width: 1240px) {
    .modal__fate-label-span {
        font-size: 16px;
    }
    .modal__fate-label-span::after, .modal__fate-label-span::before {
        -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}

.modal__fate-footer-row {
    border: none;
    padding: 0;
    margin-top: 16px;
    -ms-grid-columns: 160px 120px;
    grid-template-columns: 160px 120px;
}
@media (max-width: 1680px) {
    .modal__fate-footer-row {
        -ms-grid-columns: 140px 140px;
        grid-template-columns: 140px 140px;
    }
}
@media (max-width: 767px) {
    .modal__fate-footer-row {
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    .modal__fate-footer-row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.modal__fate-footer-row .modal-btn {
    grid-column: initial;
}

.modal__back-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 130px;
    height: 130px;
    -o-object-fit: contain;
    object-fit: contain;
    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;
    background: #F3F6FB;
    border-radius: 24px;
}
@media (max-width: 1240px) {
    .modal__back-img {
        width: 116px;
        height: 116px;
    }
}
@media (max-width: 767px) {
    .modal__back-img {
        width: 72px;
        height: 72px;
        border-radius: 10px;
    }
}
.modal__back-img img,
.modal__back-img svg {
    width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
}

.modal__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .modal__back {
        display: block;
    }
}

@media (max-width: 767px) {
    .modal__back-wrapp {
        margin-top: 10px;
    }
}

.modal__back-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .modal__back-title {
        font-size: 21px;
    }
}
@media (max-width: 1240px) {
    .modal__back-title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .modal__back-title {
        font-size: 16px;
    }
}

.modal__back-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 15px;
    min-width: 212px;
}
@media (max-width: 1680px) {
    .modal__back-btn {
        min-width: 180px;
    }
}
@media (max-width: 767px) {
    .modal__back-btn {
        margin-top: 10px;
    }
}

.creating-title-check {
    display: block;
    margin-bottom: 15px;
}
@media (max-width: 1680px) {
    .creating-title-check {
        margin-bottom: 12px;
    }
}
@media (max-width: 767px) {
    .creating-title-check {
        margin-top: 24px;
    }
}
.creating-title-check .label-check-span {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    color: #181830;
    padding-left: 35px;
}
@media (max-width: 1680px) {
    .creating-title-check .label-check-span {
        font-size: 16px;
    }
}
@media (max-width: 1240px) {
    .creating-title-check .label-check-span {
        font-size: 14px;
        padding-left: 25px;
    }
}
@media (max-width: 767px) {
    .creating-title-check .label-check-span {
        font-size: 12px;
    }
}
.creating-title-check .label-check-span::after, .creating-title-check .label-check-span::before {
    width: 24px;
    height: 24px;
}
@media (max-width: 1240px) {
    .creating-title-check .label-check-span::after, .creating-title-check .label-check-span::before {
        width: 20px;
        height: 20px;
    }
}

.catalog__table-btn-wh {
    width: 27px;
    height: 27px;
}
@media (max-width: 1680px) {
    .catalog__table-btn-wh {
        width: 24px;
        height: 24px;
    }
}

.size-gap-10 {
    gap: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.modal-courses {
    width: 100%;
    max-width: 1640px;
}

.modal-courses-wrapp {
    margin-top: 10px;
}
@media (max-width: 1680px) {
    .modal-courses-wrapp {
        margin-top: 20px;
    }
}

.modal-courses-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    margin-top: 15px;
    min-width: 140px;
}
@media (max-width: 1240px) {
    .modal-courses-btn {
        margin-top: 10px;
    }
}

.modal-courses-btn + .modal-courses-wrapp {
    margin-top: 15px;
}
@media (max-width: 992px) {
    .modal-courses-btn + .modal-courses-wrapp {
        margin-top: 18px;
    }
}

.modal-courses-subtitle {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
    margin-bottom: 10px;
}
@media (max-width: 992px) {
    .modal-courses-subtitle {
        font-size: 14px;
    }
}

.modal-courses-search {
    margin-top: 15px;
}

.modal-courses-title, .modal__title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .modal-courses-title, .modal__title {
        font-size: 21px;
    }
}
@media (max-width: 1240px) {
    .modal-courses-title, .modal__title {
        font-size: 18px;
    }
}

.modal-courses-cl {
    width: 32px;
    height: 32px;
}
@media (max-width: 1680px) {
    .modal-courses-cl {
        width: 27px;
        height: 27px;
    }
}
@media (max-width: 1240px) {
    .modal-courses-cl {
        width: 21px;
        height: 21px;
    }
}

.modal-courses-body {
    max-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 12px;
}

.modal__editing {
    width: 100%;
    max-width: 1545px;
}
.modal__editing-wrapp {
    margin-top: 15px;
}
@media (max-width: 370px) {
    .modal__editing-wrapp .append__header-btn {
        min-width: 100px;
    }
}
.modal__editing-wrapp .user__head-info {
    font-size: 14px;
}
@media (max-width: 1680px) {
    .modal__editing-wrapp .user__head-info {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .modal__editing-wrapp .user__head-info {
        font-size: 14px;
    }
}

.modal__editing-hd {
    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;
    gap: 10px;
}

.modal__editing-cl {
    position: static;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}
@media (max-width: 1680px) {
    .modal__editing-cl {
        width: 27px;
        height: 27px;
    }
}
@media (max-width: 1240px) {
    .modal__editing-cl {
        width: 21px;
        height: 21px;
    }
}
@media (max-width: 767px) {
    .modal__editing-cl {
        width: 19px;
        height: 19px;
    }
}

.modal__number-people {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 21px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .modal__number-people {
        font-size: 18px;
    }
}
@media (max-width: 1240px) {
    .modal__number-people {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .modal__number-people {
        font-size: 12px;
    }
}

.modal__new-order-hd {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
}
@media (max-width: 767px) {
    .modal__new-order-hd {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        gap: 15px 10px;
    }
}
.modal__new-order-hd .search__wrapp {
    width: 502px;
}
@media (max-width: 1680px) {
    .modal__new-order-hd .search__wrapp {
        width: 542px;
    }
}
@media (max-width: 992px) {
    .modal__new-order-hd .search__wrapp {
        width: 390px;
    }
}
@media (max-width: 767px) {
    .modal__new-order-hd .search__wrapp {
        width: 100%;
        grid-column: 1/-1;
    }
}
@media (max-width: 767px) {
    .modal__new-order-hd .modal__new-form-btn {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        margin-left: auto;
        margin-right: 0;
        min-width: 115px;
    }
}

.modal__width-full {
    width: 100%;
}
@media (min-width: 1920px) {
    .modal__width-full {
        max-width: 1440px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal__width-full {
        max-width: calc(
                1240px + 200 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .modal__width-full {
        max-width: 1240px;
    }
}

.modal__footer-row-fix {
    -ms-grid-columns: 120px 120px;
    grid-template-columns: 120px 120px;
}
@media (max-width: 767px) {
    .modal__footer-row-fix {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .modal__footer-row-fix .modal-btn:nth-last-child(1) {
        grid-column: initial;
    }
}

/*-new pages -*/
.time-container {
    color: var(--color-dark-blue);
}

.date-container {
    padding-left: 12px;
    color: var(--color-steel-blue);
}

.button-blue-light,
.button-red,
.button,
.button-color-blue,
.button-color-red,
.button-steel,
.button-blue-green {
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 12px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: var(--font-weight-medium);
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #f0f4f8;
    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: 12px;
}
.button-blue-light svg,
.button-blue-light img,
.button-red svg,
.button-red img,
.button svg,
.button img,
.button-color-blue svg,
.button-color-blue img,
.button-color-red svg,
.button-color-red img,
.button-steel svg,
.button-steel img,
.button-blue-green svg,
.button-blue-green img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .button-blue-light svg,
    .button-blue-light img,
    .button-red svg,
    .button-red img,
    .button svg,
    .button img,
    .button-color-blue svg,
    .button-color-blue img,
    .button-color-red svg,
    .button-color-red img,
    .button-steel svg,
    .button-steel img,
    .button-blue-green svg,
    .button-blue-green img {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 1680px) {
    .button-blue-light,
    .button-red,
    .button,
    .button-color-blue,
    .button-color-red,
    .button-steel,
    .button-blue-green {
        min-height: 44px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .button-blue-light,
    .button-red,
    .button,
    .button-color-blue,
    .button-color-red,
    .button-steel,
    .button-blue-green {
        min-height: 36px;
        padding: 8px 24px;
        border-radius: 8px;
        font-size: 14px;
    }
}
.button-blue-light:disabled, .button-blue-light.-is-disabled,
.button-red:disabled,
.button-red.-is-disabled,
.button:disabled,
.button.-is-disabled,
.button-color-blue:disabled,
.button-color-blue.-is-disabled,
.button-color-red:disabled,
.button-color-red.-is-disabled,
.button-steel:disabled,
.button-steel.-is-disabled,
.button-blue-green:disabled,
.button-blue-green.-is-disabled {
    background: #bcbcbc;
    color: #f0f4f8;
    border-color: #bcbcbc;
    pointer-events: none;
}

.button {
    background: #6b6ee8;
    color: #f0f4f8;
    fill: #f0f4f8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .button:hover {
        background: #2e307f;
    }
}
.button:focus-visible {
    background: #2e307f;
}
.button:active {
    background: #bcbcbc;
}

.button-favourites {
    padding: 12px;
}
.button-favourites svg path {
    fill: currentColor;
}
@media screen and (max-width: 992px) {
    .button-favourites {
        padding: 8px;
        width: 36px;
        height: 36px;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
    }
}
@media screen and (max-width: 992px) {
    .button-favourites span {
        display: none;
    }
}

.btn-blue {
    border-color: #6b6ee8;
    background: #6b6ee8;
    color: #ffffff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .btn-blue:hover {
        background: none;
    }
}
.btn-blue:focus-visible {
    background: none;
}
.btn-blue:active {
    background: none;
}
@media (hover: hover) {
    .btn-blue:hover {
        border-color: #6b6ee8;
    }
}
.btn-blue:focus-visible {
    border-color: #6b6ee8;
}
.btn-blue:active {
    border-color: #5c5fe6;
}
@media (hover: hover) {
    .btn-blue:hover {
        color: #6b6ee8;
    }
}
.btn-blue:focus-visible {
    color: #6b6ee8;
}
.btn-blue:active {
    color: #5c5fe6;
}

.button-red {
    background: #ef4e4e;
    color: #f0f4f8;
    fill: #f0f4f8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .button-red:hover {
        background: #cf1124;
    }
}
.button-red:focus-visible {
    background: #cf1124;
}
.button-red:active {
    background: #bcbcbc;
}

.button-blue-light,
.button-more {
    border: 1px solid rgba(196, 198, 255, 0.4);
    background: rgba(196, 198, 255, 0.4);
    color: #6b6ee8;
    fill: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .button-blue-light:hover,
    .button-more:hover {
        background: rgba(196, 198, 255, 0.4);
    }
}
.button-blue-light:focus-visible,
.button-more:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.button-blue-light:active,
.button-more:active {
    background: #e7ecf3;
}
@media (hover: hover) {
    .button-blue-light:hover,
    .button-more:hover {
        border-color: #6b6ee8;
    }
}
.button-blue-light:focus-visible,
.button-more:focus-visible {
    border-color: #6b6ee8;
}
.button-blue-light:active,
.button-more:active {
    border-color: #e7ecf3;
}
@media (hover: hover) {
    .button-blue-light:hover,
    .button-more:hover {
        fill: #6b6ee8;
    }
}
.button-blue-light:focus-visible,
.button-more:focus-visible {
    fill: #6b6ee8;
}
.button-blue-light:active,
.button-more:active {
    fill: #bcbcbc;
}
@media (hover: hover) {
    .button-blue-light:hover,
    .button-more:hover {
        color: #6b6ee8;
    }
}
.button-blue-light:focus-visible,
.button-more:focus-visible {
    color: #6b6ee8;
}
.button-blue-light:active,
.button-more:active {
    color: #bcbcbc;
}

.button-blue-green {
    border: 1px solid rgba(196, 198, 255, 0.4);
    background: rgba(39, 171, 131, 0.2);
    color: #27ab83;
    fill: #27ab83;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .button-blue-green:hover {
        background: rgba(39, 171, 131, 0.2);
    }
}
.button-blue-green:focus-visible {
    background: rgba(39, 171, 131, 0.2);
}
.button-blue-green:active {
    background: #e7ecf3;
}
@media (hover: hover) {
    .button-blue-green:hover {
        border-color: #27ab83;
    }
}
.button-blue-green:focus-visible {
    border-color: #27ab83;
}
.button-blue-green:active {
    border-color: #e7ecf3;
}
@media (hover: hover) {
    .button-blue-green:hover {
        fill: #27ab83;
    }
}
.button-blue-green:focus-visible {
    fill: #27ab83;
}
.button-blue-green:active {
    fill: #bcbcbc;
}
@media (hover: hover) {
    .button-blue-green:hover {
        color: #27ab83;
    }
}
.button-blue-green:focus-visible {
    color: #27ab83;
}
.button-blue-green:active {
    color: #bcbcbc;
}
.button-blue-green:disabled, .button-blue-green.-is-disabled {
    background: #e7ecf3;
    color: #bcbcbc;
    border-color: #e7ecf3;
    pointer-events: none;
}

.button-color-blue {
    color: #6b6ee8;
    fill: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .button-color-blue:hover {
        background: rgba(196, 198, 255, 0.4);
    }
}
.button-color-blue:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.button-color-blue:active {
    background: none;
}
@media (hover: hover) {
    .button-color-blue:hover {
        color: #2e307f;
    }
}
.button-color-blue:focus-visible {
    color: #2e307f;
}
.button-color-blue:active {
    color: #bcbcbc;
}
@media (hover: hover) {
    .button-color-blue:hover {
        fill: #2e307f;
    }
}
.button-color-blue:focus-visible {
    fill: #2e307f;
}
.button-color-blue:active {
    fill: #bcbcbc;
}
.button-color-blue.-is-disabled {
    background: none;
    color: #bcbcbc;
    border-color: none;
    pointer-events: none;
    fill: #bcbcbc;
}

.button-color-red {
    color: #ef4e4e;
    fill: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .button-color-red:hover {
        background: rgba(239, 78, 78, 0.1);
    }
}
.button-color-red:focus-visible {
    background: rgba(239, 78, 78, 0.1);
}
.button-color-red:active {
    background: none;
}
@media (hover: hover) {
    .button-color-red:hover {
        color: #cf1124;
    }
}
.button-color-red:focus-visible {
    color: #cf1124;
}
.button-color-red:active {
    color: #bcbcbc;
}
@media (hover: hover) {
    .button-color-red:hover {
        fill: #cf1124;
    }
}
.button-color-red:focus-visible {
    fill: #cf1124;
}
.button-color-red:active {
    fill: #bcbcbc;
}
.button-color-red.-is-disabled {
    background: none;
    color: #bcbcbc;
    border-color: none;
    pointer-events: none;
    fill: #bcbcbc;
}

.btn-calendar {
    padding: 12px;
    color: #db889b;
}
@media screen and (max-width: 767px) {
    .btn-calendar {
        padding: 8px 12px;
    }
}

.button-steel {
    color: #486581;
    fill: #486581;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .button-steel:hover {
        color: #2e307f;
    }
}
.button-steel:focus-visible {
    color: #2e307f;
}
.button-steel:active {
    color: #bcbcbc;
}
@media (hover: hover) {
    .button-steel:hover {
        fill: #2e307f;
    }
}
.button-steel:focus-visible {
    fill: #2e307f;
}
.button-steel:active {
    fill: #bcbcbc;
}
.button-steel.-is-disabled {
    background: none;
    color: #bcbcbc;
    border-color: none;
    pointer-events: none;
    fill: #bcbcbc;
}

.button__back {
    gap: 12px;
    padding: 12px;
    fill: #486581;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: var(--font-weight-medium);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #486581;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .button__back:hover {
        fill: #2e307f;
    }
}
.button__back:focus-visible {
    fill: #2e307f;
}
.button__back:active {
    fill: #2e307f;
}
@media (hover: hover) {
    .button__back:hover {
        color: #2e307f;
    }
}
.button__back:focus-visible {
    color: #2e307f;
}
.button__back:active {
    color: #2e307f;
}
@media screen and (max-width: 1680px) {
    .button__back {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .button__back {
        padding: 10px 12px;
        gap: 0;
    }
    .button__back span {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .button__back {
        padding: 8px;
    }
}
.button__back svg,
.button__back img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .button__back svg,
    .button__back img {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .button__back svg,
    .button__back img {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .button__back svg,
    .button__back img {
        width: 20px;
        height: 20px;
    }
}

.button-price {
    fill: #6b6ee8;
    padding: 12px;
    border-radius: 12px;
    gap: 12px;
    font-weight: var(--font-weight-medium);
    font-size: 18px;
    line-height: 100%;
    color: #27ab83;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    fill: #27ab83;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (hover: hover) {
    .button-price:hover {
        background: rgba(39, 171, 131, 0.2);
    }
}
.button-price:focus-visible {
    background: rgba(39, 171, 131, 0.2);
}
.button-price:active {
    background: rgba(39, 171, 131, 0.2);
}
@media screen and (max-width: 1680px) {
    .button-price {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .button-price {
        padding: 10px 12px;
    }
    .button-price span {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .button-price {
        padding: 8px;
    }
}
.button-price img,
.button-price svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .button-price img,
    .button-price svg {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .button-price img,
    .button-price svg {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .button-price img,
    .button-price svg {
        width: 20px;
        height: 20px;
    }
}

.link-blue {
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .link-blue:hover {
        text-decoration: underline;
    }
}
.link-blue:focus-visible {
    text-decoration: underline;
}
.link-blue:active {
    text-decoration: none;
}
@media (hover: hover) {
    .link-blue:hover {
        color: #2e307f;
    }
}
.link-blue:focus-visible {
    color: #2e307f;
}
.link-blue:active {
    color: #bcbcbc;
}

.link-red {
    color: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .link-red:hover {
        text-decoration: underline;
    }
}
.link-red:focus-visible {
    text-decoration: underline;
}
.link-red:active {
    text-decoration: none;
}
@media (hover: hover) {
    .link-red:hover {
        color: #cf1124;
    }
}
.link-red:focus-visible {
    color: #cf1124;
}
.link-red:active {
    color: #bcbcbc;
}

.button-more {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 24px;
    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;
    min-height: 44px;
    border-radius: 12px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 1240px) {
    .button-more {
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .button-more {
        padding: 8px 24px;
        font-size: 14px;
        border-radius: 8px;
        min-height: 33px;
    }
}

.btn-primary {
    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);
    background: var(--color-blue-primary);
    border-radius: 50px;
    text-align: center;
    font-weight: var(--font-weight-medium);
    line-height: 110%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid transparent;
}
@media (min-width: 1920px) {
    .btn-primary {
        padding-top: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-primary {
        padding-top: calc(
                8px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-primary {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .btn-primary {
        padding-bottom: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-primary {
        padding-bottom: calc(
                8px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-primary {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .btn-primary {
        padding-left: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-primary {
        padding-left: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-primary {
        padding-left: 16px;
    }
}
@media (min-width: 1920px) {
    .btn-primary {
        padding-right: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-primary {
        padding-right: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-primary {
        padding-right: 16px;
    }
}
@media (min-width: 1920px) {
    .btn-primary {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .btn-primary {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .btn-primary {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .btn-primary {
        min-height: 48px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .btn-primary {
        min-height: calc(
                36px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .btn-primary {
        min-height: 36px;
    }
}
.btn-primary svg path {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media screen and (hover: hover) {
    .btn-primary:hover {
        color: var(--color-blue-primary);
        border-color: var(--color-blue-primary);
        background-color: transparent;
    }
    .btn-primary:hover svg path {
        fill: var(--color-blue-primary);
    }
}
.btn-primary:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.btn-secondary {
    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-blue-primary);
    background: var(--color-light-periwinkle-40);
    border-radius: 50px;
    text-align: center;
    font-weight: var(--font-weight-medium);
    line-height: 110%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (min-width: 1920px) {
    .btn-secondary {
        padding-top: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-secondary {
        padding-top: calc(
                8px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-secondary {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .btn-secondary {
        padding-bottom: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-secondary {
        padding-bottom: calc(
                8px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-secondary {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .btn-secondary {
        padding-left: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-secondary {
        padding-left: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-secondary {
        padding-left: 16px;
    }
}
@media (min-width: 1920px) {
    .btn-secondary {
        padding-right: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-secondary {
        padding-right: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-secondary {
        padding-right: 16px;
    }
}
@media (min-width: 1920px) {
    .btn-secondary {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .btn-secondary {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .btn-secondary {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .btn-secondary {
        min-height: 48px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .btn-secondary {
        min-height: calc(
                36px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .btn-secondary {
        min-height: 36px;
    }
}
@media screen and (hover: hover) {
    .btn-secondary:hover {
        color: var(--color-white);
        background-color: var(--color-blue-primary);
    }
}
.btn-secondary:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.btn-return {
    padding: 12px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    font-weight: var(--font-weight-medium);
    grid-gap: 12px;
    color: var(--color-steel-blue);
    border-radius: 8px;
}
@media (min-width: 1920px) {
    .btn-return {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-return {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-return {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .btn-return {
        padding: 8px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 36px;
        height: 36px;
    }
}
@media screen and (max-width: 767px) {
    .btn-return span {
        display: none;
    }
}
.btn-return svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .btn-return svg {
        width: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-return svg {
        width: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-return svg {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .btn-return svg {
        height: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-return svg {
        height: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-return svg {
        height: 20px;
    }
}

.btn-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .btn-show {
        margin-top: 12px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-show {
        margin-top: calc(
                8px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-show {
        margin-top: 8px;
    }
}
.btn-show svg {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .btn-show svg {
        width: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-show svg {
        width: calc(
                14px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-show svg {
        width: 14px;
    }
}
@media (min-width: 1920px) {
    .btn-show svg {
        height: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-show svg {
        height: calc(
                14px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-show svg {
        height: 14px;
    }
}
.btn-show svg path {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    fill: var(--color-blue);
}
.btn-show::before {
    content: attr(data-name);
    font-weight: 500;
    color: var(--color-blue);
}
@media (min-width: 1920px) {
    .btn-show::before {
        font-size: 16px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .btn-show::before {
        font-size: calc(
                12px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .btn-show::before {
        font-size: 12px;
    }
}
@media screen and (hover: hover) {
    .btn-show:hover:not(:disabled)::before {
        color: var(--color-purple);
    }
    .btn-show:hover:not(:disabled) path {
        fill: var(--color-purple);
    }
}
.btn-show.--active {
    opacity: 0.6;
}
.btn-show.--active::before {
    content: "Свернуть";
    color: var(--color-dark);
}
.btn-show.--active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.btn-show.--active svg path {
    fill: var(--color-dark);
}

.search {
    position: relative;
    width: 100%;
    z-index: 3;
}
.search.-is-active .search__list {
    display: block;
}

.search__list {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 106%;
    z-index: 2;
    background: #f0f4f8;
    border-radius: 12px;
    overflow: auto;
    max-height: 300px;
}
@media screen and (max-width: 767px) {
    .search__list {
        max-height: 260;
    }
}

.search__list-inner {
    padding: 12px 20px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .search__list-inner:hover {
        background: rgba(107, 110, 232, 0.1);
    }
}
.search__list-inner:focus-visible {
    background: rgba(107, 110, 232, 0.1);
}
.search__list-inner:active {
    background: rgba(107, 110, 232, 0.1);
}
@media screen and (max-width: 1680px) {
    .search__list-inner {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .search__list-inner {
        font-size: 12px;
    }
}

.search__wrapp {
    width: 100%;
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0;
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0;
    }
}
@-webkit-keyframes plyr-popup {
    0% {
        opacity: 0.5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes plyr-popup {
    0% {
        opacity: 0.5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes plyr-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes plyr-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    direction: ltr;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%;
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}

.plyr:focus {
    outline: 0;
}

.plyr--full-ui {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none;
}

.plyr__captions {
    -webkit-animation: plyr-fade-in 0.3s ease;
    animation: plyr-fade-in 0.3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    width: 100%;
}

.plyr__captions span:empty {
    display: none;
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px) * 2);
    }
}
@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px);
    }
}
.plyr--captions-active .plyr__captions {
    display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
    -ms-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
    background: rgba(0, 0, 0, 0.8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: 0.2em 0.5em;
    white-space: pre-wrap;
}

.plyr__caption div {
    display: inline;
}

.plyr__control {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 4px;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
    outline: 0;
}

.plyr__control:focus-visible {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px;
}

a.plyr__control {
    text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none;
}

.plyr--full-ui ::-webkit-media-controls {
    display: none;
}

.plyr__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
}

.plyr__controls .plyr__progress__container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0;
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none;
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block;
}

.plyr__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.plyr__menu .plyr__control svg {
    -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;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none;
}

.plyr__menu__container {
    -webkit-animation: plyr-popup 0.2s ease;
    animation: plyr-popup 0.2s ease;
    background: rgba(255, 255, 255, 0.9019607843);
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}

.plyr__menu__container > div {
    overflow: hidden;
    -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
    border: 4px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(255, 255, 255, 0.9019607843);
    border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
    top: 100%;
    width: 0;
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0;
}

.plyr__menu__container .plyr__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.plyr__menu__container .plyr__control > span {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid rgba(0, 0, 0, 0);
    border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0, 0, 0, 0.1019607843);
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
    width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35, 40, 47, 0.1019607843);
}

.plyr__menu__container .plyr__menu__value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
    pointer-events: none;
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: rgba(0, 0, 0, 0);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, rgba(0, 0, 0, 0)));
    background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
    background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow 0.3s ease;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    -webkit-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -moz-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
    color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: rgba(0, 0, 0, 0);
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0;
}

.plyr--full-ui input[type=range]:focus {
    outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px;
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    width: 100%;
    z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none;
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
    content: "⁄";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display: none;
    }
}
.plyr__tooltip {
    background: #fff;
    background: var(--plyr-tooltip-background, #fff);
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%, 10px) scale(0.8);
    -ms-transform: translate(-50%, 10px) scale(0.8);
    transform: translate(-50%, 10px) scale(0.8);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    -o-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
    transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
    transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    white-space: nowrap;
    z-index: 2;
}

.plyr__tooltip:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%) scale(1);
    -ms-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    -webkit-transform: translateY(10px) scale(0.8);
    -ms-transform: translateY(10px) scale(0.8);
    transform: translateY(10px) scale(0.8);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    -webkit-transform: translateY(10px) scale(0.8);
    -ms-transform: translateY(10px) scale(0.8);
    transform: translateY(10px) scale(0.8);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative;
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2;
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word;
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
    padding: 0;
    position: absolute;
    top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: -o-linear-gradient(135deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(135deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, 0.2509803922);
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3px;
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3;
}

.plyr__volume {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2;
}

.plyr--audio {
    display: block;
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, 0.6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
    overflow: hidden;
}

.plyr--video.plyr--menu-open {
    overflow: visible;
}

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative;
    }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    -webkit-transform: translateY(-38.28125%);
    -ms-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px) / 2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
    position: absolute;
    right: 0;
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    z-index: 3;
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
    }
}
.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: 0.9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 2;
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, 0.2509803922);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, 0.2509803922);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, 0.2509803922);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--video .plyr__progress__buffer {
    color: rgba(255, 255, 255, 0.2509803922);
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-webkit-full-screen video {
    height: 100%;
}

.plyr:-ms-fullscreen video {
    height: 100%;
}

.plyr:fullscreen video {
    height: 100%;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none;
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }
}
.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000;
}

.plyr--fullscreen-fallback video {
    height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none;
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px);
    }
}
.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3;
}

.plyr__ads:empty:after {
    display: none;
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    z-index: 3;
}

.plyr__preview-thumb {
    background-color: #fff;
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(10px) scale(0.8);
    -ms-transform: translateY(10px) scale(0.8);
    transform: translateY(10px) scale(0.8);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    -o-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
    transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
    transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    z-index: 2;
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
    content: "";
    pointer-events: none;
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none;
}

.plyr__preview-thumb__time-container {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3;
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
    bottom: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 100%;
    z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1;
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr--no-transition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.plyr [hidden] {
    display: none !important;
}

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999 !important;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
}

.glightbox-container.inactive {
    display: none;
}

.glightbox-container .gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
}

.glightbox-container .gslider {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
    width: 100%;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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;
    opacity: 0;
}

.glightbox-container .gslide.current {
    opacity: 1;
    z-index: 99999;
    position: relative;
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999;
}

.glightbox-container .gslide-inner-content {
    width: 100%;
}

.glightbox-container .ginner-container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    margin: auto;
    height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%;
}

.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
    max-width: 100% !important;
}

.gslide iframe, .gslide video {
    outline: 0 !important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto;
}

.gslide:not(.current) {
    pointer-events: none;
}

.gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gslide-image img {
    max-height: 100vh;
    display: block;
    padding: 0;
    float: none;
    outline: 0;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-touch-action: none;
    touch-action: none;
    margin: auto;
    min-width: 200px;
}

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
    width: auto;
}

.desc-left .gslide-image img, .desc-right .gslide-image img {
    width: auto;
    max-width: 100%;
}

.gslide-image img.zoomable {
    position: relative;
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.gslide-video {
    position: relative;
    max-width: 100vh;
    width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none;
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    margin: auto;
}

.gslide-video::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, 0.34);
    display: none;
}

.gslide-video.playing::before {
    display: none;
}

.gslide-video.fullscreen {
    max-width: 100% !important;
    min-width: 100%;
    height: 75vh;
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important;
}

.gslide-inline {
    background: #fff;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto;
    max-width: 100%;
    margin: auto;
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%;
}

.gslide-inline .dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.ginlined-content {
    overflow: auto;
    display: block !important;
    opacity: 1;
}

.gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%;
}

.gslide-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}

.zoomed .gslide-media {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.desc-bottom .gslide-media, .desc-top .gslide-media {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gslide-description {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.gslide-description.description-left, .gslide-description.description-right {
    max-width: 100%;
}

.gslide-description.description-bottom, .gslide-description.description-top {
    margin: 0 auto;
    width: 100%;
}

.gslide-description p {
    margin-bottom: 12px;
}

.gslide-description p:last-child {
    margin-bottom: 0;
}

.zoomed .gslide-description {
    display: none;
}

.glightbox-button-hidden {
    display: none;
}

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 19px 11px;
    max-width: 100vw !important;
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    max-height: 78vh;
    overflow: auto !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: 700;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: 0.4;
}

.gdesc-open .gslide-media {
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0.4;
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 1;
}

.greset {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gabsolute {
    position: absolute;
}

.grelative {
    position: relative;
}

.glightbox-desc {
    display: none !important;
}

.glightbox-open {
    overflow: hidden;
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: lightboxLoader 0.8s infinite linear;
    animation: lightboxLoader 0.8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%;
}

.goverlay {
    width: 100%;
    height: calc(100vh + 1px);
    position: fixed;
    top: -1px;
    left: 0;
    background: #000;
    will-change: opacity;
}

.glightbox-mobile .goverlay {
    background: #000;
}

.gclose, .gnext, .gprev {
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    border: none;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gclose svg, .gnext svg, .gprev svg {
    display: block;
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0;
}

.gclose.disabled, .gnext.disabled, .gprev.disabled {
    opacity: 0.1;
}

.gclose .garrow, .gnext .garrow, .gprev .garrow {
    stroke: #fff;
}

.gbtn.focused {
    outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
    opacity: 0;
}

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
    opacity: 0 !important;
}

.glightbox-clean .gslide-description {
    background: #fff;
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px;
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
    font-size: 0.86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em;
}

.glightbox-clean .gslide-video {
    background: #000;
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 4px;
}

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
    fill: #fff;
}

.glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 50px;
}

.glightbox-clean .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 50px;
}

.glightbox-clean .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute;
}

.glightbox-clean .gclose svg {
    width: 18px;
    height: auto;
}

.glightbox-clean .gclose:hover {
    opacity: 1;
}

.gfadeIn {
    -webkit-animation: gfadeIn 0.5s ease;
    animation: gfadeIn 0.5s ease;
}

.gfadeOut {
    -webkit-animation: gfadeOut 0.5s ease;
    animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
    -webkit-animation: gslideOutLeft 0.3s ease;
    animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
    -webkit-animation: gslideInLeft 0.3s ease;
    animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
    -webkit-animation: gslideOutRight 0.3s ease;
    animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
    -webkit-animation: gslideInRight 0.3s ease;
    animation: gslideInRight 0.3s ease;
}

.gzoomIn {
    -webkit-animation: gzoomIn 0.5s ease;
    animation: gzoomIn 0.5s ease;
}

.gzoomOut {
    -webkit-animation: gzoomOut 0.5s ease;
    animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes gfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes gfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes gfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes gfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
    }
    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden;
    }
}
@keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden;
    }
}
@-webkit-keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0;
    }
}
@keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0;
    }
}
@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 1;
    }
}
@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes gzoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@keyframes gzoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@media (min-width: 769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .glightbox-container .ginner-container.desc-top .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .glightbox-container .ginner-container.desc-left .gslide-description {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .glightbox-container .ginner-container.desc-left .gslide-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .gslide-image img {
        max-height: 97vh;
        max-width: 100%;
    }
    .gslide-image img.zoomable {
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
    }
    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab;
    }
    .gslide-inline {
        max-height: 95vh;
    }
    .gslide-external {
        max-height: 100vh;
    }
    .gslide-description.description-left, .gslide-description.description-right {
        max-width: 275px;
    }
    .glightbox-open {
        height: auto;
    }
    .goverlay {
        background: rgba(0, 0, 0, 0.92);
    }
    .glightbox-clean .gslide-media {
        -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
        box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
    }
    .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto;
    }
    .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
        background-color: rgba(0, 0, 0, 0.32);
    }
    .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
        background-color: rgba(0, 0, 0, 0.7);
    }
    .glightbox-clean .gprev {
        top: 45%;
    }
    .glightbox-clean .gnext {
        top: 45%;
    }
}
@media (min-width: 992px) {
    .glightbox-clean .gclose {
        opacity: 0.7;
        right: 20px;
    }
}
@media screen and (max-height: 420px) {
    .goverlay {
        background: #000;
    }
} /**
 * Swiper 8.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 15, 2022
 */
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff ;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px ;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    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(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-button-lock {
    display: none !important;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s top, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s left, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s right, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    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;
    text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000 ;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    -o-transition-property: transform, opacity, height;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0;
}

[data-tippy-root] {
    max-width: calc(100vw - 10px);
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    -o-transition-property: transform, visibility, opacity;
    transition-property: transform, visibility, opacity;
    transition-property: transform, visibility, opacity, -webkit-transform;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
    -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
    -o-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
}

.section-container {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 1240px) {
    .section-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.section-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (max-width: 1680px) {
    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media (max-width: 1240px) {
    .section-padding {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.section-hd {
    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: 5px;
}

.section__hd-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .section__hd-title {
        font-size: 26px;
        line-height: 32px;
    }
}
@media (max-width: 767px) {
    .section__hd-title {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 25px;
    }
}

.section__coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 24px;
}
@media (max-width: 767px) {
    .section__coll {
        gap: 10px;
    }
}

.section__btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    border: 2px solid #5c5fe6;
    background: #5c5fe6;
    fill: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.section__btn img,
.section__btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .section__btn:hover {
        background: none;
    }
}
.section__btn:focus-visible {
    background: none;
}
.section__btn:active {
    background: none;
}
@media (hover: hover) {
    .section__btn:hover {
        fill: #5c5fe6;
    }
}
.section__btn:focus-visible {
    fill: #5c5fe6;
}
.section__btn:active {
    fill: #5c5fe6;
}
@media screen and (max-width: 1680px) {
    .section__btn {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 767px) {
    .section__btn {
        width: 24px;
        height: 24px;
    }
}
.section__btn img,
.section__btn svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
    fill: inherit;
}
@media screen and (max-width: 1680px) {
    .section__btn img,
    .section__btn svg {
        width: 16px;
        height: 16px;
    }
}
@media screen and (max-width: 767px) {
    .section__btn img,
    .section__btn svg {
        width: 14;
        height: 14px;
    }
}

.section-body {
    padding-top: 32px;
}
@media screen and (max-width: 767px) {
    .section-body {
        padding-top: 16px;
    }
}

.document-file, .chapter-list, .templates__list, .template-card__control, .table-row, .chat-sidebar__tabs, .chat-layout, .assistent__bottom, .general__head, .promo-callback__form-fields, .promo-directions__list, .promo-tariffs__list, .tariff-table__row, .promo-partners__head, .promo-advantages__list, .promo-hero__inner, .modal-favourites__filter, .reporting-card__date {
    display: -ms-grid;
    display: grid;
}

.document-nav__item,
.document-subnav__item, .edition-file, .document-tab__box-heading, .regulatory-card, .loading-warning, .calendar__item, .assistent__head, .modal-request__head, .promo-callback__inner, .insights-accordion__head, .promo-automation__inner, .promo-steps__list, .favourite-card, .reporting-warning, .plan-item, .reporting-row, .reporting-file {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.events-accordion__item, .events-accordion__title, .section-top, .table-heading, .loaded-file, .calendar__head, .chat-preview__closed, .chat-main__profile, .chat-main__timer, .chat-main__header, .chat-preview__body, .chat-preview__head, .promo-callback__form-bottom, .direction-card__head, .promo-cta__inner, .offer-card, .promo-offer__body, .promo-offer__inner, .promo-hero__badge, .favourite-card__heading {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.document-search,
.document-search__control,
.document-search__control-nav, .document-control__btns, .document-sidebar, .regulatory-card__control, .section-control, .sveden-head__control, .modal-templates__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.requisites-item, .section-tab-row, .promo-hero__clients, .promo-hero__control, .modal-sveden__tab-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.events-list, .events-accordion__list, .calendar-table__body, .guide-calendar, .document-nav__list, .document-subnav__list,
.document-subsubnav__list, .edition-file__body, .edition-list, .document-files, .document-main, .requisites-list, .document-tab-row, .document__head, .chapter-card__list, .chapter-card, .regulatory-card__body, .regulatory-list, .template-card__body, .template-card, .category-card__body, .category-card, .table-col, .table, .table-wrapper, .loaded__list, .loaded-file__body, .load__head, .calendar__meta,
.calendar__list, .calendar__body, .calendar, .chat-empty, .chat-main__body, .chat-main, .chat-preview, .chat-sidebar__head, .chat-sidebar__content, .chat-sidebar, .chat, .chat-feedback, .assistent-message,
.message, .assistent-chat__empty, .assistent-chat__container,
.chat-messages, .assistent-chat__wrapper, .assistent-appeal__form-fields, .assistent-appeal__status, .assistent, .assistent-wrapper, .general__heading, .modal-request__form-fields, .modal-request__form,
.modal-request__top, .promo-callback__form-body, .promo-callback__heading,
.promo-callback__form-control, .promo-callback__form, .direction-card__body,
.direction-card__footer, .direction-card, .tariff-card__body, .tariff-card, .tariff-table__body, .insights-accordion__inner, .promo-insights__list, .promo-insights__heading,
.promo-tariffs__heading, .promo-insights__inner, .promo-automation__special, .promo-automation__heading, .promo-automation__head, .promo-offer__head, .promo-offer__heading, .step-item, .promo-steps__inner, .advantages-card__body, .advantages-card, .promo-advantages__head, .promo-hero__social, .promo-hero__bottom, .promo-hero__heading, .promo-hero__content, .promo-hero__body, .list-accent-primary,
.list-accent-secondary,
.list-accent, .chapter-accordion__list, .chapter-accordion__block, .chapter-accordion__inner, .modal-calatog__list, .modal-templates__body, .modal-favourites__list, .reporting-accordion__inner, .reporting-card, .reporting-card__head, .reporting-card__body, .reporting-card__desrc, .reporting-inner, .reporting__list, .plan__list, .reporting-rows, .select__body-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.calendar-table__body-col, .guide-calendar__head, .document-danger-info, .document-nav__btn, .template-card__star-inner, .category-card__icon, .loaded-file__arrow, .chat-main__avatar, .chat-preview__counter, .chat-preview__avatar, .chat-feedback__label-span, .chat-feedback__row, .assistent-message__avatar,
.message__avatar, .assistent-btn, .assistent-appeal__status-icon, .direction-card__icon, .insights-accordion__icon, .step-item__count, .partner-card, .advantages-card__icon, .promo-hero__social-link, .link-more, .button-component, .modal-document__control, .modal-document-container, .reporting-warning__icon, .reporting-warning__text {
    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;
}

.document, .assistent-message__bottom,
.message__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.document-control, .loaded__top, .info__control, .chat-main__actions, .assistent-message__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.in-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.grid {
    display: -ms-grid;
    display: grid;
}

.block {
    display: block;
}

.block-none {
    display: none;
}

.in-block {
    display: inline-block;
}

.ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ai-fs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ai-fe {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ai-bs {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jc-fs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.jc-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.jc-se {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.jc-sa {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.jc-s {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.jc-e {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jc-l {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.jc-r {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}

.flex-row-rever {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.f-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.w-fit-cont {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.w-full, .chat-sidebar__tab, .chat-feedback__send, .assistent-chat__input,
.chat-main__input, .insights-accordion__head, .promo-hero__media {
    width: 100%;
}

.deactive {
    pointer-events: none;
    cursor: none;
}

/*- text position -*/
.text-center, .category-card__text, .category-card__title, .assistent-appeal__status-text, .tariff-card__title, .step-item__count, .step-item::after {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.br-20 {
    border-radius: 20px;
}

.overflow-hidden {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .-is-fixed-page {
        overflow: hidden;
    }
}

/* ============================================================================
   LAYOUT UTILITIES
   ============================================================================
   Быстрые утилиты для работы с макетом и сетками прямо в HTML.
   Используются для быстрого прототипирования и настройки интерфейсов.
   ============================================================================ */
/* ----------------------------------------------------------------------------
   DISPLAY UTILITIES
   -------------------------------------------------------------------------- */
/* Блочные модели */
.d-block {
    display: block;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.d-none {
    display: none !important;
}

/* Flex */
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.d-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/* Grid */
.d-grid {
    display: -ms-grid;
    display: grid;
}

.d-inline-grid {
    display: -ms-inline-grid;
    display: inline-grid;
}

.grid-center {
    display: -ms-grid;
    display: grid;
    place-items: center;
}

/* Особые случаи */
.d-contents {
    display: contents;
}

.d-table {
    display: table;
}

.d-table-cell {
    display: table-cell;
}

.d-table-row {
    display: table-row;
}

/* ----------------------------------------------------------------------------
   FLEXBOX UTILITIES
   -------------------------------------------------------------------------- */
/* Направление flex-контейнера */
.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flex-center {
    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;
}

.flex-between {
    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;
}

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* Перенос элементов */
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/* Выравнивание по основной оси (justify-content) */
.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-center, .chat-empty, .assistent-chat__empty {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.justify-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.justify-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

/* Выравнивание по поперечной оси (align-items) */
.items-start, .general__head, .promo-automation__heading, .promo-automation__head, .promo-offer__head, .promo-offer__heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.items-center, .category-card, .load__head, .chat-empty, .chat-feedback, .assistent-chat__empty, .assistent-appeal__status, .promo-insights__heading,
.promo-tariffs__heading, .promo-hero__clients {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

/* Выравнивание flex-линий (align-content) */
.content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.content-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

.content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

/* Распределение flex-элементов */
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-initial {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* Порядок элементов */
.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 1000;
    -ms-flex-order: 999;
    order: 999;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

/* Выравнивание отдельного элемента (align-self) */
.self-auto {
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

.self-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.self-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.self-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

/* ----------------------------------------------------------------------------
   GRID UTILITIES
   -------------------------------------------------------------------------- */
/* Grid template columns */
.grid-cols-1 {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-none {
    -ms-grid-columns: none;
    grid-template-columns: none;
}

/* Grid template rows */
.grid-rows-1 {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none {
    -ms-grid-rows: none;
    grid-template-rows: none;
}

/* Gap (отступы между элементами) */
.gap-0 {
    gap: 0;
}

.gap-1 {
    gap: var(--spacing-1); /* 2px - 4px */
}

.gap-2, .promo-automation__special, .offer-card, .list-accent-primary,
.list-accent-secondary,
.list-accent, .link-more {
    gap: var(--spacing-2); /* 4px - 8px */
}

.gap-3, .modal-request__form-fields, .modal-request__form,
.modal-request__top, .direction-card__body,
.direction-card__footer, .tariff-card__body, .insights-accordion__inner, .promo-insights__heading,
.promo-tariffs__heading, .promo-offer__heading, .step-item, .promo-hero__social, .promo-hero__badge, .button-component {
    gap: var(--spacing-3); /* 6px - 12px */
}

.gap-4, .general__heading, .modal-request__head, .promo-callback__form-bottom, .promo-callback__heading,
.promo-callback__form-control, .insights-accordion__head, .promo-insights__list, .promo-automation__heading, .promo-partners__head, .advantages-card__body, .promo-advantages__head, .reporting-inner {
    gap: var(--spacing-4); /* 8px - 16px */
}

.gap-5, .promo-callback__form-fields, .promo-offer__body, .promo-advantages__list {
    gap: var(--spacing-5); /* 10px - 20px */
}

.gap-6, .general__head, .direction-card__head, .promo-directions__list, .promo-tariffs__list, .promo-automation__head, .promo-offer__head, .advantages-card, .promo-hero__clients, .promo-hero__control, .promo-hero__heading {
    gap: var(--spacing-6); /* 12px - 24px */
}

.gap-8, .promo-callback__form-body, .promo-callback__form, .promo-cta__inner, .promo-steps__list, .promo-hero__bottom, .promo-hero__content, .promo-hero__body {
    gap: var(--spacing-8); /* 16px - 32px */
}

.gap-10, .direction-card, .promo-hero__inner {
    gap: var(--spacing-10); /* 20px - 40px */
}

.gap-12 {
    gap: var(--spacing-12); /* 24px - 48px */
}

.gap-16 {
    gap: var(--spacing-16); /* 32px - 64px */
}

.gap-20, .promo-automation__inner {
    gap: var(--spacing-20); /* 40px - 80px */
}

/* Column gap */
.column-gap-0 {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.column-gap-1 {
    -webkit-column-gap: var(--spacing-1);
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1); /* 2px - 4px */
}

.column-gap-2 {
    -webkit-column-gap: var(--spacing-2);
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2); /* 4px - 8px */
}

.column-gap-3 {
    -webkit-column-gap: var(--spacing-3);
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3); /* 6px - 12px */
}

.column-gap-4 {
    -webkit-column-gap: var(--spacing-4);
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4); /* 8px - 16px */
}

.column-gap-5 {
    -webkit-column-gap: var(--spacing-5);
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5); /* 10px - 20px */
}

.column-gap-6 {
    -webkit-column-gap: var(--spacing-6);
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6); /* 12px - 24px */
}

.column-gap-8 {
    -webkit-column-gap: var(--spacing-8);
    -moz-column-gap: var(--spacing-8);
    column-gap: var(--spacing-8); /* 16px - 32px */
}

/* Row gap */
.row-gap-0 {
    row-gap: 0;
}

.row-gap-1 {
    row-gap: var(--spacing-1); /* 2px - 4px */
}

.row-gap-2 {
    row-gap: var(--spacing-2); /* 4px - 8px */
}

.row-gap-3 {
    row-gap: var(--spacing-3); /* 6px - 12px */
}

.row-gap-4 {
    row-gap: var(--spacing-4); /* 8px - 16px */
}

.row-gap-5 {
    row-gap: var(--spacing-5); /* 10px - 20px */
}

.row-gap-6 {
    row-gap: var(--spacing-6); /* 12px - 24px */
}

.row-gap-8 {
    row-gap: var(--spacing-8); /* 16px - 32px */
}

/* Grid auto flow */
.grid-flow-row {
    grid-auto-flow: row;
}

.grid-flow-column {
    grid-auto-flow: column;
}

.grid-flow-dense {
    grid-auto-flow: dense;
}

.grid-flow-row-dense {
    grid-auto-flow: row dense;
}

.grid-flow-col-dense {
    grid-auto-flow: column dense;
}

/* Grid auto columns/rows */
.auto-cols-auto {
    grid-auto-columns: auto;
}

.auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
}

.auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
}

.auto-rows-auto {
    grid-auto-rows: auto;
}

.auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
}

.auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}

.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
}

/* Grid placement */
.col-auto {
    grid-column: auto;
}

.col-span-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1/span 1;
}

.col-span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2/span 2;
}

.col-span-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3/span 3;
}

.col-span-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4/span 4;
}

.col-span-5 {
    -ms-grid-column-span: 5;
    grid-column: span 5/span 5;
}

.col-span-6 {
    -ms-grid-column-span: 6;
    grid-column: span 6/span 6;
}

.col-span-7 {
    -ms-grid-column-span: 7;
    grid-column: span 7/span 7;
}

.col-span-8 {
    -ms-grid-column-span: 8;
    grid-column: span 8/span 8;
}

.col-span-9 {
    -ms-grid-column-span: 9;
    grid-column: span 9/span 9;
}

.col-span-10 {
    -ms-grid-column-span: 10;
    grid-column: span 10/span 10;
}

.col-span-11 {
    -ms-grid-column-span: 11;
    grid-column: span 11/span 11;
}

.col-span-12 {
    -ms-grid-column-span: 12;
    grid-column: span 12/span 12;
}

.col-span-full {
    grid-column: 1/-1;
}

.row-auto {
    grid-row: auto;
}

.row-span-1 {
    -ms-grid-row-span: 1;
    grid-row: span 1/span 1;
}

.row-span-2 {
    -ms-grid-row-span: 2;
    grid-row: span 2/span 2;
}

.row-span-3 {
    -ms-grid-row-span: 3;
    grid-row: span 3/span 3;
}

.row-span-4 {
    -ms-grid-row-span: 4;
    grid-row: span 4/span 4;
}

.row-span-5 {
    -ms-grid-row-span: 5;
    grid-row: span 5/span 5;
}

.row-span-6 {
    -ms-grid-row-span: 6;
    grid-row: span 6/span 6;
}

.row-span-full {
    grid-row: 1/-1;
}

/* Grid justify/align items */
.justify-items-start {
    justify-items: start;
}

.justify-items-end {
    justify-items: end;
}

.justify-items-center {
    justify-items: center;
}

.justify-items-stretch {
    justify-items: stretch;
}

.items-start, .general__head, .promo-automation__heading, .promo-automation__head, .promo-offer__head, .promo-offer__heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.items-center, .category-card, .load__head, .chat-empty, .chat-feedback, .assistent-chat__empty, .assistent-appeal__status, .promo-insights__heading,
.promo-tariffs__heading, .promo-hero__clients {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

/* Grid justify/align self */
.justify-self-auto {
    -ms-grid-column-align: auto;
    justify-self: auto;
}

.justify-self-start {
    -ms-grid-column-align: start;
    justify-self: start;
}

.justify-self-end {
    -ms-grid-column-align: end;
    justify-self: end;
}

.justify-self-center {
    -ms-grid-column-align: center;
    justify-self: center;
}

.justify-self-stretch {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

.self-auto {
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

.self-start {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}

.self-end {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

.self-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

/* ----------------------------------------------------------------------------
   WIDTH UTILITIES
   -------------------------------------------------------------------------- */
/* Проценты */
.w-full, .chat-sidebar__tab, .chat-feedback__send, .assistent-chat__input,
.chat-main__input, .insights-accordion__head, .promo-hero__media {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

.w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.w-auto {
    width: auto;
}

/* Фиксированные ширины */
.w-0 {
    width: 0px;
}

.w-1 {
    width: var(--spacing-1); /* 2px - 4px */
}

.w-2 {
    width: var(--spacing-2); /* 4px - 8px */
}

.w-3 {
    width: var(--spacing-3); /* 6px - 12px */
}

.w-4 {
    width: var(--spacing-4); /* 8px - 16px */
}

.w-5 {
    width: var(--spacing-5); /* 10px - 20px */
}

.w-6 {
    width: var(--spacing-6); /* 12px - 24px */
}

.w-8 {
    width: var(--spacing-8); /* 16px - 32px */
}

.w-10 {
    width: var(--spacing-10); /* 20px - 40px */
}

.w-12 {
    width: var(--spacing-12); /* 24px - 48px */
}

.w-16 {
    width: var(--spacing-16); /* 32px - 64px */
}

.w-20 {
    width: var(--spacing-20); /* 40px - 80px */
}

.w-24 {
    width: var(--spacing-24); /* 48px - 96px */
}

.w-32 {
    width: var(--spacing-32); /* 64px - 128px */
}

.w-40 {
    width: var(--spacing-40); /* 80px - 160px */
}

.w-48 {
    width: var(--spacing-48); /* 96px - 192px */
}

.w-56 {
    width: var(--spacing-56); /* 112px - 224px */
}

.w-64 {
    width: var(--spacing-64); /* 128px - 256px */
}

.w-72 {
    width: var(--spacing-72); /* 144px - 288px */
}

.w-80 {
    width: var(--spacing-80); /* 160px - 320px */
}

.w-96 {
    width: var(--spacing-96); /* 192px - 384px */
}

/* Min/Max width */
.min-w-0 {
    min-width: 0px;
}

.min-w-full {
    min-width: 100%;
}

.min-w-min {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
}

.min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.min-w-fit {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.max-w-0 {
    max-width: 0px;
}

.max-w-none {
    max-width: none;
}

.max-w-xs {
    max-width: 20rem; /* 320px */
}

.max-w-sm {
    max-width: 24rem; /* 384px */
}

.max-w-md {
    max-width: 28rem; /* 448px */
}

.max-w-lg {
    max-width: 32rem; /* 512px */
}

.max-w-xl {
    max-width: 36rem; /* 576px */
}

.max-w-2xl {
    max-width: 42rem; /* 672px */
}

.max-w-3xl {
    max-width: 48rem; /* 768px */
}

.max-w-4xl {
    max-width: 56rem; /* 896px */
}

.max-w-5xl {
    max-width: 64rem; /* 1024px */
}

.max-w-6xl {
    max-width: 72rem; /* 1152px */
}

.max-w-7xl {
    max-width: 80rem; /* 1280px */
}

.max-w-full {
    max-width: 100%;
}

.max-w-min {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
}

.max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

.max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.max-w-prose {
    max-width: 65ch; /* Оптимальная ширина для текста */
}

/* ----------------------------------------------------------------------------
   HEIGHT UTILITIES
   -------------------------------------------------------------------------- */
/* Проценты */
.h-full, .promo-hero__media {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.h-min {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

.h-max {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.h-auto {
    height: auto;
}

/* Фиксированные высоты */
.h-0 {
    height: 0px;
}

.h-1 {
    height: var(--spacing-1); /* 2-4px */
}

.h-2 {
    height: var(--spacing-2); /* 4-8px */
}

.h-3 {
    height: var(--spacing-3); /* 6-12px */
}

.h-4 {
    height: var(--spacing-4); /* 8-16px */
}

.h-5 {
    height: var(--spacing-5); /* 10-20px */
}

.h-6 {
    height: var(--spacing-6); /* 12-24px */
}

.h-8 {
    height: var(--spacing-8); /* 16-32px */
}

.h-10 {
    height: var(--spacing-10); /* 20-40px */
}

.h-12 {
    height: var(--spacing-12); /* 24-48px */
}

.h-16 {
    height: var(--spacing-16); /* 32-64px */
}

.h-20 {
    height: var(--spacing-20); /* 40-80px */
}

.h-24 {
    height: var(--spacing-24); /* 48-96px */
}

.h-32 {
    height: var(--spacing-32); /* 64-128px */
}

.h-40 {
    height: var(--spacing-40); /* 80-160px */
}

.h-48 {
    height: var(--spacing-48); /* 96-192px */
}

.h-56 {
    height: var(--spacing-56); /* 112-224px */
}

.h-64 {
    height: var(--spacing-64); /* 128-256px */
}

.h-72 {
    height: var(--spacing-72); /* 144-288px */
}

.h-80 {
    height: var(--spacing-80); /* 160-320px */
}

.h-96 {
    height: var(--spacing-96); /* 192-384px */
}

/* Min/Max height */
.min-h-0 {
    min-height: 0px;
}

.min-h-full {
    min-height: 100%;
}

.min-h-screen {
    min-height: 100vh;
}

.min-h-min {
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
}

.min-h-max {
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
}

.min-h-fit {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
}

.max-h-0 {
    max-height: 0px;
}

.max-h-none {
    max-height: none;
}

.max-h-full {
    max-height: 100%;
}

.max-h-screen {
    max-height: 100vh;
}

.max-h-min {
    max-height: -webkit-min-content;
    max-height: -moz-min-content;
    max-height: min-content;
}

.max-h-max {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
}

.max-h-fit {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
}

/* ----------------------------------------------------------------------------
   POSITIONING UTILITIES
   -------------------------------------------------------------------------- */
/* Position */
.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-sticky {
    position: sticky;
}

/* Top/Right/Bottom/Left */
.top-0 {
    top: 0px;
}

.right-0 {
    right: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.left-0 {
    left: 0px;
}

.top-auto {
    top: auto;
}

.right-auto {
    right: auto;
}

.bottom-auto {
    bottom: auto;
}

.left-auto {
    left: auto;
}

/* Inset */
.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}

.inset-x-0 {
    left: 0;
    right: 0;
}

.inset-y-0 {
    top: 0;
    bottom: 0;
}

.navigation {
    padding-top: 12px;
    border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 1680px) {
    .navigation {
        padding-top: 6px;
    }
}
@media screen and (max-width: 1240px) {
    .navigation {
        padding-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .navigation {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
    position: relative;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: none;
    padding: 0;
    border-radius: 0;
}
.glightbox-clean .gnext.disabled,
.glightbox-clean .gprev.disabled {
    display: none;
}
.glightbox-clean .gnext svg,
.glightbox-clean .gnext img,
.glightbox-clean .gprev svg,
.glightbox-clean .gprev img {
    width: 42px;
    height: 42px;
}

.glightbox-clean .gclose {
    background: none;
    padding: 0;
    width: 48px;
    height: 48px;
    position: static;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    padding: 0;
    margin-bottom: 2px;
}
@media (hover: hover) {
    .glightbox-clean .gclose:hover {
        background: none;
    }
}
.glightbox-clean .gclose:focus-visible {
    background: none;
}
.glightbox-clean .gclose:active {
    background: none;
}
@media screen and (max-width: 1680px) {
    .glightbox-clean .gclose {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 767px) {
    .glightbox-clean .gclose {
        width: 24px;
        height: 24px;
    }
}
.glightbox-clean .gclose svg,
.glightbox-clean .gclose img {
    width: 100%;
    height: 100%;
}
.glightbox-clean .gclose path {
    fill: #ef4e4e;
}

.gslide-media {
    border-radius: 20px;
    overflow: hidden;
}

.gslider {
    height: auto !important;
}

.glightbox-container .gslider {
    overflow: visible;
}

.gallary-modal-row {
    margin: 10px auto 0;
    padding: 10px;
    border-radius: 50px;
    background: var(--color-background);
    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;
}
@media (min-width: 1920px) {
    .gallary-modal-row {
        gap: 50px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .gallary-modal-row {
        gap: calc(
                24px + 26 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .gallary-modal-row {
        gap: 24px;
    }
}
.gallary-modal-row.is-hidden {
    background: transparent;
    padding: 0;
}
.gallary-modal-row.is-hidden .gallary-modal-controll {
    display: none;
}

.gallary-modal-controll {
    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;
    gap: 10px;
}

.gcontainer {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
}

.glightbox-container .gcontainer {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1680px) {
    .glightbox-container .gcontainer {
        width: 990px;
    }
}
@media screen and (max-width: 992px) {
    .glightbox-container .gcontainer {
        width: 100%;
    }
}
@media screen and (max-width: 1680px) {
    .glightbox-container .gcontainer .gslider {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 767px) {
    .glightbox-container .gcontainer .gslider {
        padding-left: 0;
        padding-right: 0;
    }
}

.glightbox-clean .gdesc-inner {
    padding: 15px 0;
}

.glightbox-clean .gslide-description {
    background: none;
}

.glightbox-mobile .goverlay {
    background: rgba(16, 42, 67, 0.2);
}

.goverlay {
    background: rgba(16, 42, 67, 0.2);
}

.glightbox-container .ginner-container {
    height: auto;
}

.glightbox-mobile .glightbox-container .gslide-description {
    width: 90vw;
    position: relative;
    background: none;
    padding-bottom: 0;
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
    border-radius: 50%;
    overflow: hidden;
}

.goverlay {
    background: var(--color-charcoal-20);
}

.gslide-media {
    border-radius: 0;
}

.glightbox-clean .gnext.disabled,
.glightbox-clean .gprev.disabled {
    display: block;
    opacity: 0.5;
}

.glightbox-clean .gclose {
    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-blue-primary);
    background: var(--color-light-periwinkle-40);
    border-radius: 50px;
    text-align: center;
    font-weight: 600;
    line-height: 110%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (min-width: 1920px) {
    .glightbox-clean .gclose {
        padding-top: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .glightbox-clean .gclose {
        padding-top: calc(
                8px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .glightbox-clean .gclose {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .glightbox-clean .gclose {
        padding-bottom: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .glightbox-clean .gclose {
        padding-bottom: calc(
                8px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .glightbox-clean .gclose {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .glightbox-clean .gclose {
        padding-left: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .glightbox-clean .gclose {
        padding-left: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .glightbox-clean .gclose {
        padding-left: 16px;
    }
}
@media (min-width: 1920px) {
    .glightbox-clean .gclose {
        padding-right: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .glightbox-clean .gclose {
        padding-right: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .glightbox-clean .gclose {
        padding-right: 16px;
    }
}
@media (min-width: 1920px) {
    .glightbox-clean .gclose {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .glightbox-clean .gclose {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .glightbox-clean .gclose {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .glightbox-clean .gclose {
        min-height: 48px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .glightbox-clean .gclose {
        min-height: calc(
                36px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .glightbox-clean .gclose {
        min-height: 36px;
    }
}
@media screen and (hover: hover) {
    .glightbox-clean .gclose:hover {
        color: var(--color-white);
        background-color: var(--color-blue-primary);
    }
}
.glightbox-clean .gclose:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

@media (min-width: 1920px) {
    .gslide-video {
        border-radius: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .gslide-video {
        border-radius: calc(
                10px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .gslide-video {
        border-radius: 10px;
    }
}

.glightbox-clean .gslide-media {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.25);
    z-index: 5;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: -33333333333;
    opacity: 0;
    padding: 32px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
@media screen and (max-width: 1240px) {
    .modal-background {
        padding: 20px;
    }
}

.modal-background.--active {
    opacity: 1;
    z-index: 777;
}
.modal-background.--active .modal__container {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.modal__container {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin: auto;
    background: #ffffff;
    border-radius: 24px;
    padding: 25px;
}
@media (max-width: 1240px) {
    .modal__container {
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .modal__container {
        padding: 16px;
        border-radius: 16px;
    }
}
.modal__container .modal__container {
    padding: 0;
}

.modal-background-new {
    background: rgba(16, 42, 67, 0.2);
}
@media screen and (max-width: 767px) {
    .modal-background-new {
        padding: 20px 0 0 0;
    }
}

.modal__container-new {
    width: 100%;
    max-width: 555px;
    padding: 24px;
    border-radius: 24px;
    background: #f0f4f8;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__container-new {
        border-radius: 15px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__container-new {
        padding: 15px;
        gap: 12px;
        max-width: 420px;
    }
}
@media screen and (max-width: 767px) {
    .modal__container-new {
        margin-top: auto;
        margin-bottom: 0;
        max-width: 100%;
        border-radius: 15px 15px 0px 0px;
    }
}

.modal__container-new-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 395px;
    padding: 24px;
    border-radius: 15px;
    background: #f0f4f8;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__container-new-two {
        padding: 20px;
        gap: 14px;
    }
}
@media screen and (max-width: 767px) {
    .modal__container-new-two {
        max-width: 340px;
    }
}

.modal__bid {
    border-radius: 15px;
    width: 100%;
    max-width: 555px;
    padding: 24px;
    background: #f0f4f8;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__bid {
        max-width: 455px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__bid {
        padding: 20px;
        gap: 10px;
    }
}
.modal__bid-text {
    color: #486581;
}
.modal__bid-hours {
    padding: 15px;
    background: rgba(39, 171, 131, 0.2);
    border-radius: 12px;
}
@media screen and (max-width: 1240px) {
    .modal__bid-hours {
        padding: 10px;
    }
}
.modal__bid-hours-text {
    position: relative;
    color: #27ab83;
    padding-left: 40px;
}
@media screen and (max-width: 1680px) {
    .modal__bid-hours-text {
        padding-left: 35px;
        padding-right: 40px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__bid-hours-text {
        padding-left: 30px;
        padding-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .modal__bid-hours-text {
        padding-left: 25px;
    }
}
.modal__bid-hours-text::before {
    content: "";
    background: url("../../assets/img/new-page/allert.svg") no-repeat center center/contain;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 1680px) {
    .modal__bid-hours-text::before {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 767px) {
    .modal__bid-hours-text::before {
        width: 16px;
        height: 16px;
    }
}
.modal__bid-input .input__wrapp-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    color: #102a43;
    padding-bottom: 10px;
    padding-left: 0;
}
@media (max-width: 1680px) {
    .modal__bid-input .input__wrapp-title {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .modal__bid-input .input__wrapp-title {
        font-size: 14px;
    }
}
.modal__bid-input .input {
    background: #e7ecf3;
    border: 1px solid #d9e2ec;
    padding: 10px 12px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    min-height: 42px;
}
@media screen and (max-width: 1680px) {
    .modal__bid-input .input {
        font-size: 16px;
        min-height: 39px;
    }
}
@media screen and (max-width: 767px) {
    .modal__bid-input .input {
        font-size: 14px;
        min-height: 37px;
    }
}
.modal__bid-input .input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
.modal__bid-input .input::-moz-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
.modal__bid-input .input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
.modal__bid-input .input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
.modal__bid-input .input::placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
@media screen and (max-width: 1680px) {
    .modal__bid-input .input::-webkit-input-placeholder {
        font-size: 16px;
    }
    .modal__bid-input .input::-moz-placeholder {
        font-size: 16px;
    }
    .modal__bid-input .input:-ms-input-placeholder {
        font-size: 16px;
    }
    .modal__bid-input .input::-ms-input-placeholder {
        font-size: 16px;
    }
    .modal__bid-input .input::placeholder {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__bid-input .input::-webkit-input-placeholder {
        font-size: 14px;
    }
    .modal__bid-input .input::-moz-placeholder {
        font-size: 14px;
    }
    .modal__bid-input .input:-ms-input-placeholder {
        font-size: 14px;
    }
    .modal__bid-input .input::-ms-input-placeholder {
        font-size: 14px;
    }
    .modal__bid-input .input::placeholder {
        font-size: 14px;
    }
}
.modal__bid-input textarea {
    height: 100px;
}
@media screen and (max-width: 767px) {
    .modal__bid-input textarea {
        height: 80px;
    }
}
.modal__bid-check .label-check-span {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .modal__bid-check .label-check-span {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__bid-check .label-check-span {
        font-size: 14px;
    }
}
.modal__bid-check .label-check-span::after, .modal__bid-check .label-check-span::before {
    top: 2px;
}
@media screen and (max-width: 1680px) {
    .modal__bid-check .label-check-span::after, .modal__bid-check .label-check-span::before {
        width: 20px;
        height: 20px;
        top: 3px;
    }
}
@media screen and (max-width: 767px) {
    .modal__bid-check .label-check-span::after, .modal__bid-check .label-check-span::before {
        top: 2px;
    }
}
.modal__bid-check .label-check-span a {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: #6b6ee8;
}
.modal__bid-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
}
@media screen and (max-width: 1240px) {
    .modal__bid-row {
        padding-top: 6px;
    }
}
@media screen and (max-width: 767px) {
    .modal__bid-row {
        padding-top: 14px;
    }
}
.modal__bid-btn {
    font-weight: 600;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
@media screen and (max-width: 767px) {
    .modal__bid-btn {
        font-size: 14px;
    }
}

.modal__org-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.modal__org-hd-btn {
    position: static;
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
    .modal__org-hd-btn {
        width: 27px;
        height: 27px;
    }
}
@media screen and (max-width: 767px) {
    .modal__org-hd-btn {
        width: 25px;
        height: 25px;
    }
}
.modal__org-hd-btn svg,
.modal__org-hd-btn img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.modal__org-background {
    padding: 20px 0 0 0;
}

.modal__org {
    width: 100%;
    max-width: 600px;
    padding: 24px;
    border-radius: 24px;
}
@media screen and (max-width: 767px) {
    .modal__org {
        margin-top: auto;
        margin-bottom: 0;
        max-width: 100%;
        padding: 20px;
        border-radius: 24px 24px 0px 0px;
    }
}

.modal__org-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 24px;
    margin-top: 16px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    gap: 12px;
}
@media screen and (max-width: 767px) {
    .modal__org-list {
        margin-top: 16px;
        padding-top: 16px;
    }
}
.modal__org-list .input__wrapp-title {
    font-size: 14px;
}
@media screen and (max-width: 767px) {
    .modal__org-list .input__wrapp-title {
        font-size: 12px;
    }
}

.modal__org-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 24px;
    gap: 12px;
}
@media screen and (max-width: 767px) {
    .modal__org-footer {
        gap: 8px;
        padding-top: 16px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

.modal__org-button {
    width: 150px;
    min-height: 46px;
    font-style: normal;
    font-size: 16px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
    .modal__org-button {
        min-height: 33px;
        width: 100%;
        font-size: 12px;
    }
}

.modal__org-button-rezet {
    width: 200px;
}
@media screen and (max-width: 767px) {
    .modal__org-button-rezet {
        width: 100%;
    }
}

.modal__org-title {
    font-size: 24px;
}
@media screen and (max-width: 1680px) {
    .modal__org-title {
        font-size: 21px;
    }
}
@media screen and (max-width: 767px) {
    .modal__org-title {
        font-size: 20px;
    }
}

.modal__general-text {
    color: #486581;
}
.modal__general-input .input__wrapp-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    color: #102a43;
    padding-bottom: 10px;
    padding-left: 0;
}
@media screen and (max-width: 1240px) {
    .modal__general-input .input__wrapp-title {
        font-size: 14px;
    }
}
.modal__general-input .input {
    background: #e7ecf3;
    border: 1px solid #d9e2ec;
    padding: 10px 12px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    min-height: 42px;
}
@media screen and (max-width: 1240px) {
    .modal__general-input .input {
        font-size: 14px;
        min-height: 37px;
    }
}
.modal__general-input .input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
.modal__general-input .input::-moz-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
.modal__general-input .input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
.modal__general-input .input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
.modal__general-input .input::placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #829ab1;
}
@media screen and (max-width: 1240px) {
    .modal__general-input .input::-webkit-input-placeholder {
        font-size: 14px;
    }
    .modal__general-input .input::-moz-placeholder {
        font-size: 14px;
    }
    .modal__general-input .input:-ms-input-placeholder {
        font-size: 14px;
    }
    .modal__general-input .input::-ms-input-placeholder {
        font-size: 14px;
    }
    .modal__general-input .input::placeholder {
        font-size: 14px;
    }
}
.modal__general-check .label-check-span {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .modal__general-check .label-check-span {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__general-check .label-check-span {
        font-size: 14px;
    }
}
.modal__general-check .label-check-span::after, .modal__general-check .label-check-span::before {
    top: 3px;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 767px) {
    .modal__general-check .label-check-span::after, .modal__general-check .label-check-span::before {
        top: 2px;
    }
}
.modal__general-check .label-check-span::after {
    background: url("../../assets/img/new-page/icons/square-new.svg") no-repeat center center/contain;
}
@media (hover: hover) {
    .modal__general-check .label-check-span:hover::after {
        background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
    }
}
.modal__general-check .label-check-span:focus-visible::after {
    background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
}
.modal__general-check .label-check-span:active::after {
    background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
}
.modal__general-check .label-check-span a {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__general-check .label-check-span a:hover {
        text-decoration: underline;
    }
}
.modal__general-check .label-check-span a:focus-visible {
    text-decoration: underline;
}
.modal__general-check .label-check-span a:active {
    text-decoration: none;
}
@media (hover: hover) {
    .modal__general-check .label-check-span a:hover {
        color: #2e307f;
    }
}
.modal__general-check .label-check-span a:focus-visible {
    color: #2e307f;
}
.modal__general-check .label-check-span a:active {
    color: #bcbcbc;
}
.modal__general-btn {
    margin-top: 8px;
    width: 100%;
    border: none;
    background: #6b6ee8;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 12px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #f0f4f8;
    fill: #f0f4f8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__general-btn:hover {
        background: #2e307f;
    }
}
.modal__general-btn:focus-visible {
    background: #2e307f;
}
.modal__general-btn:active {
    background: #bcbcbc;
}
@media (hover: hover) {
    .modal__general-btn:hover {
        color: #f0f4f8;
    }
}
.modal__general-btn:focus-visible {
    color: #f0f4f8;
}
.modal__general-btn:active {
    color: #f0f4f8;
}
@media screen and (max-width: 1680px) {
    .modal__general-btn {
        min-height: 44px;
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__general-btn {
        margin-top: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__general-btn {
        min-height: 36px;
        padding: 8px 24px;
        border-radius: 8px;
        font-size: 14px;
    }
}
.modal__general-btn:disabled, .modal__general-btn.-is-disabled {
    background: #bcbcbc;
    color: #f0f4f8;
    border-color: #bcbcbc;
    pointer-events: none;
}

.modal__purchase {
    max-width: 1000px;
    padding: 24px 0;
    gap: 0;
}
@media screen and (max-width: 1680px) {
    .modal__purchase {
        max-width: 900px;
    }
}
@media screen and (max-width: 767px) {
    .modal__purchase {
        max-width: 100%;
    }
}
.modal__purchase-hd, .modal__purchase-list, .modal__purchase-footer {
    padding-left: 24px;
    padding-right: 24px;
}
.modal__purchase-close {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 32px;
    height: 32px;
}
.modal__purchase-close img,
.modal__purchase-close svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .modal__purchase-close {
        width: 24px;
        height: 24px;
    }
}
.modal__purchase-close svg,
.modal__purchase-close img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 767px) {
    .modal__purchase-title {
        font-size: 18px;
    }
}
.modal__purchase-list {
    margin-top: 16px;
    height: calc(100dvh - 265px);
    overflow: auto;
}
@media screen and (max-width: 767px) {
    .modal__purchase-list {
        height: calc(100dvh - 205px);
    }
}
.modal__purchase-subtitle {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .modal__purchase-subtitle {
        font-size: 14px;
    }
}
.modal__purchase-inner {
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .modal__purchase-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.modal__purchase-inner:nth-last-child(1) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(16, 42, 67, 0.2);
}
@media screen and (max-width: 1680px) {
    .modal__purchase-inner:nth-last-child(1) {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}
.modal__purchase-inner + .modal__purchase-inner {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(16, 42, 67, 0.2);
}
@media screen and (max-width: 1680px) {
    .modal__purchase-inner + .modal__purchase-inner {
        padding-top: 8px;
        margin-top: 8px;
    }
}
.modal__purchase-input {
    width: 200px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
@media screen and (max-width: 767px) {
    .modal__purchase-input {
        width: 100%;
    }
}
.modal__purchase-input input {
    width: 100%;
    min-height: 39px;
    padding: 12px 16px;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #d9e2ec;
    border-radius: 12px;
}
@media screen and (max-width: 1680px) {
    .modal__purchase-input input {
        min-height: 35px;
        padding: 10px 16px;
    }
}
.modal__purchase-input input::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
}
.modal__purchase-input input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
}
.modal__purchase-input input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
}
.modal__purchase-input input::-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
}
.modal__purchase-input input::placeholder {
    font-weight: 400;
    font-size: 14px;
}
.modal__purchase-error {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #ef4e4e;
    padding-top: 4px;
    padding-left: 16px;
}
.modal__purchase-footer {
    gap: 12px;
    padding-top: 24px;
}
.modal__purchase-btn {
    border: none;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 12px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #f0f4f8;
    fill: #f0f4f8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__purchase-btn:hover {
        background: #2e307f;
    }
}
.modal__purchase-btn:focus-visible {
    background: #2e307f;
}
.modal__purchase-btn:active {
    background: #bcbcbc;
}
@media (hover: hover) {
    .modal__purchase-btn:hover {
        color: #f0f4f8;
    }
}
.modal__purchase-btn:focus-visible {
    color: #f0f4f8;
}
.modal__purchase-btn:active {
    color: #f0f4f8;
}
@media screen and (max-width: 1680px) {
    .modal__purchase-btn {
        min-height: 44px;
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__purchase-btn {
        margin-top: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__purchase-btn {
        min-height: 36px;
        padding: 8px 24px;
        border-radius: 8px;
        font-size: 14px;
    }
}
.modal__purchase-btn.button-red {
    background: #ef4e4e;
    color: #f0f4f8;
    fill: #f0f4f8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__purchase-btn.button-red:hover {
        background: #cf1124;
    }
}
.modal__purchase-btn.button-red:focus-visible {
    background: #cf1124;
}
.modal__purchase-btn.button-red:active {
    background: #bcbcbc;
}
.modal__purchase-btn:disabled, .modal__purchase-btn.-is-disabled {
    background: #bcbcbc;
    color: #f0f4f8;
    border-color: #bcbcbc;
    pointer-events: none;
}

.modal__price-link {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__price-link:hover {
        color: #2e307f;
    }
}
.modal__price-link:focus-visible {
    color: #2e307f;
}
.modal__price-link:active {
    color: #bcbcbc;
}
@media screen and (max-width: 767px) {
    .modal__price-link {
        font-size: 12px;
    }
}

.modal__import {
    gap: 16px;
    max-width: 600px;
}
@media screen and (max-width: 1680px) {
    .modal__import {
        max-width: 500px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__import {
        max-width: 400px;
    }
}
@media screen and (max-width: 767px) {
    .modal__import {
        max-width: 100%;
    }
}
.modal__import-wrapp {
    gap: 24px;
}
.modal__import-container {
    gap: 12px;
}
.modal__import-drop {
    background: none;
    margin: 0;
    height: 250px;
    border: 1px dashed #d9e2ec;
    border-radius: 20px;
    gap: 10px;
}
@media screen and (max-width: 1240px) {
    .modal__import-drop {
        height: 193px;
    }
}
@media screen and (max-width: 767px) {
    .modal__import-drop {
        height: 205px;
    }
}
.modal__import-drop::after, .modal__import-drop::before {
    width: 0;
    height: 0;
    background: none;
    border: none;
}
.modal__import-btn {
    margin-left: auto;
    margin-right: 0;
}
.modal__import-btn:disabled {
    background: #bcbcbc;
    color: #f0f4f8;
    border-color: #bcbcbc;
    pointer-events: none;
}
.modal__import-text {
    display: contents;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #829ab1;
}
.modal__import-row {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal__import-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    fill: #6b6ee8;
    background: rgba(196, 198, 255, 0.4);
    padding: 12px;
    border-radius: 12px;
    gap: 12px;
    border: 1px solid rgba(196, 198, 255, 0.4);
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__import-link:hover {
        border-color: #6b6ee8;
    }
}
.modal__import-link:focus-visible {
    border-color: #6b6ee8;
}
.modal__import-link:active {
    border-color: #e7ecf3;
}
@media (hover: hover) {
    .modal__import-link:hover {
        background: rgba(196, 198, 255, 0.4);
    }
}
.modal__import-link:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.modal__import-link:active {
    background: #e7ecf3;
}
@media (hover: hover) {
    .modal__import-link:hover {
        fill: #6b6ee8;
    }
}
.modal__import-link:focus-visible {
    fill: #6b6ee8;
}
.modal__import-link:active {
    fill: #bcbcbc;
}
@media (hover: hover) {
    .modal__import-link:hover {
        color: #6b6ee8;
    }
}
.modal__import-link:focus-visible {
    color: #6b6ee8;
}
.modal__import-link:active {
    color: #bcbcbc;
}
@media screen and (max-width: 767px) {
    .modal__import-link {
        font-size: 14px;
        padding: 8px 12px;
    }
}
.modal__import-link img,
.modal__import-link svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .modal__import-link img,
    .modal__import-link svg {
        width: 20px;
        height: 20px;
    }
}

.file-error-type .modal__import-edit,
.file-error-type .modal__import-rezet,
.file-error-type .modal__import-label,
.file-is-active .modal__import-edit,
.file-is-active .modal__import-rezet,
.file-is-active .modal__import-label {
    display: block;
}
.file-error-type .modal__import-subrow,
.file-error-type .modal__import-row,
.file-is-active .modal__import-subrow,
.file-is-active .modal__import-row {
    display: contents;
}
.file-error-type .modal__import-text,
.file-error-type .modal__import-button,
.file-is-active .modal__import-text,
.file-is-active .modal__import-button {
    display: none;
}
.file-error-type .file-row,
.file-is-active .file-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}
.file-error-type .modal__import-file-icons,
.file-is-active .modal__import-file-icons {
    display: none;
}

.file-error-type .modal__import-rezet {
    display: none;
}

.modal__import-edit {
    display: none;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__import-edit:hover {
        color: #2e307f;
    }
}
.modal__import-edit:focus-visible {
    color: #2e307f;
}
.modal__import-edit:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .modal__import-edit {
        font-size: 18px;
    }
}

.modal__import-rezet {
    display: none;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__import-rezet:hover {
        color: #cf1124;
    }
}
.modal__import-rezet:focus-visible {
    color: #cf1124;
}
.modal__import-rezet:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .modal__import-rezet {
        font-size: 18px;
    }
}

.modal__import-label {
    display: inline;
}

.modal__import-button {
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__import-button:hover {
        color: #2e307f;
    }
}
.modal__import-button:focus-visible {
    color: #2e307f;
}
.modal__import-button:active {
    color: #bcbcbc;
}

.modal__import-file-icons {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: url("../../assets/img/new-page/icons/plus.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
    .modal__import-file-icons {
        width: 24px;
        height: 24px;
    }
}

.modal__delete-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .modal__delete-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__delete-title {
        font-size: 18px;
    }
}
.modal__delete-text {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #486581;
}
@media screen and (max-width: 1680px) {
    .modal__delete-text {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__delete-text {
        font-size: 14px;
    }
}
.modal__delete-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding-top: 8px;
}
@media screen and (max-width: 1680px) {
    .modal__delete-footer {
        padding-top: 0;
    }
}
.modal__delete-btn {
    padding-left: 5px;
    padding-right: 5px;
}

.modal__create {
    max-width: 600px;
    gap: 16px;
}
@media screen and (max-width: 1240px) {
    .modal__create {
        max-width: 585px;
    }
}
@media screen and (max-width: 767px) {
    .modal__create {
        max-width: 100%;
    }
}
.modal__create-btn {
    margin-left: auto;
    margin-right: 0;
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .modal__create-btn {
        font-size: 14px;
        width: 100%;
        padding: 8px 14px;
    }
}
.modal__create-subhd {
    gap: 10px;
}
.modal__create-number {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #486581;
}
@media screen and (max-width: 1680px) {
    .modal__create-number {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__create-number {
        font-size: 14px;
    }
}
.modal__create-number span {
    padding-left: 10px;
    color: #102a43;
}
.modal__create-label {
    width: 100%;
}
.modal__create-checked.label-checked-span {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
    padding: 15px 15px 15px 35px;
    display: block;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .modal__create-checked.label-checked-span {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
    }
}
.modal__create-checked.label-checked-span::after, .modal__create-checked.label-checked-span::before {
    top: 10px;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 767px) {
    .modal__create-checked.label-checked-span::after, .modal__create-checked.label-checked-span::before {
        top: 6px;
    }
}
.modal__create-wrapp {
    gap: 24px;
}
@media screen and (max-width: 1240px) {
    .modal__create-wrapp {
        gap: 15px;
    }
}
.modal__create-inner {
    border-bottom: 1px solid rgba(16, 42, 67, 0.2);
}
.modal__create-list {
    height: 325px;
    min-height: calc(100dvh - 405px);
    overflow: auto;
}
@media screen and (max-width: 1680px) {
    .modal__create-list {
        min-height: calc(100dvh - 385px);
    }
}
@media screen and (max-width: 1240px) {
    .modal__create-list {
        min-height: calc(100dvh - 315px);
    }
}
@media screen and (max-width: 767px) {
    .modal__create-list {
        min-height: calc(100dvh - 300px);
    }
}
.modal__create-input.field-input {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media screen and (max-width: 1680px) {
    .modal__create-input.field-input {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__create-input.field-input {
        font-size: 14px;
        min-height: 36px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.modal__create-rezet {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 1680px) {
    .modal__create-rezet {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__create-rezet {
        font-size: 16px;
    }
}
.modal__create-gap {
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .modal__create-gap {
        gap: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__create-gap {
        gap: 15px;
    }
}
.modal__create-select.selected__header {
    min-height: 44px;
    padding-top: 11px;
    padding-bottom: 11px;
}
@media screen and (max-width: 767px) {
    .modal__create-select.selected__header {
        min-height: 36px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

.modal__make {
    width: 100%;
    max-width: 1400px;
}
@media screen and (max-width: 767px) {
    .modal__make {
        margin-top: auto;
        margin-bottom: 0;
        max-width: 100%;
        border-radius: 15px 15px 0px 0px;
    }
}
.modal__make-wrapp, .modal__make-subwrapp {
    gap: 24px;
}
@media screen and (max-width: 1240px) {
    .modal__make-wrapp, .modal__make-subwrapp {
        gap: 15px;
    }
}
.modal__make-subwrapp {
    padding-bottom: 24px;
    border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 1240px) {
    .modal__make-subwrapp {
        padding-bottom: 15px;
    }
}
.modal__make-acc-icon {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
.modal__make-acc-text {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #102a43;
}
.modal__make-acc-btn {
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9e2ec;
}
.modal__make-acc-btn.is-active .modal__make-acc-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.modal__make-tree-inner:nth-child(1) .modal__make-acc-btn {
    padding-top: 0;
}
.modal__make-subtree {
    display: none;
    padding-top: 12px;
    padding-left: 34px !important;
}
.modal__make-subtree-inner + .modal__make-subtree-inner {
    margin-top: 12px;
}
.modal__make-label.label-check {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1240px) {
    .modal__make-label.label-check {
        width: 20px;
        height: 20px;
    }
}
.modal__make-label.label-check .label-checked-box {
    width: 100%;
    height: 100%;
}
.modal__make-label.label-check .label-checked-box::after, .modal__make-label.label-check .label-checked-box::before {
    width: 100%;
    height: 100%;
}
.modal__make-subchecked.label-checked-span {
    padding-left: 35px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1240px) {
    .modal__make-subchecked.label-checked-span {
        padding-left: 30px;
    }
}
.modal__make-subchecked.label-checked-span::after, .modal__make-subchecked.label-checked-span::before {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1240px) {
    .modal__make-subchecked.label-checked-span::after, .modal__make-subchecked.label-checked-span::before {
        width: 20px;
        height: 20px;
    }
}
.modal__make-input.field-input {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .modal__make-input.field-input {
        min-height: 36px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.modal__make-tree-wrapp {
    max-height: 400px;
    overflow: auto;
    min-height: 200px;
}
@media screen and (max-width: 1680px) {
    .modal__make-tree-wrapp {
        max-height: 380px;
    }
}
@media screen and (max-width: 767px) {
    .modal__make-tree-wrapp {
        max-height: 100%;
        height: calc(100dvh - 280px);
    }
}
@media screen and (max-width: 767px) {
    .modal__make-tree-wrapp-2 {
        max-height: 100%;
        height: calc(100dvh - 375px);
    }
}

.modal__chosen-row {
    gap: 10px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #102a43;
}
.modal__chosen-inner {
    padding-bottom: 10px;
    margin-bottom: 12px;
}
.modal__chosen-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 24px;
    height: 24px;
    fill: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.modal__chosen-btn img,
.modal__chosen-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .modal__chosen-btn:hover {
        fill: #cf1124;
    }
}
.modal__chosen-btn:focus-visible {
    fill: #cf1124;
}
.modal__chosen-btn:active {
    fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .modal__chosen-btn {
        width: 20px;
        height: 20px;
    }
}
.modal__chosen-btn svg,
.modal__chosen-btn img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.modal-courses-rows {
    gap: 5px;
}

.modal-courses-rows + .modal-courses-rows {
    margin-top: 10px;
}

.modal-program__search {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.modal-program__container {
    display: -ms-grid;
    display: grid;
    gap: 0;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    padding: 0;
    background: var(--color-background);
}
@media (min-width: 1920px) {
    .modal-program__container {
        max-width: 1468px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal-program__container {
        max-width: calc(
                1140px + 328 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .modal-program__container {
        max-width: 1140px;
    }
}
@media screen and (max-width: 1240px) {
    .modal-program__container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.modal-program__head {
    position: relative;
    background: var(--color-light-periwinkle-40);
    overflow: hidden;
}
@media (min-width: 1920px) {
    .modal-program__head {
        width: 550px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal-program__head {
        width: calc(
                410px + 140 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .modal-program__head {
        width: 410px;
    }
}
@media (min-width: 1920px) {
    .modal-program__head {
        padding: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__head {
        padding: calc(
                15px + 9 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__head {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .modal-program__head {
        padding-bottom: 550px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal-program__head {
        padding-bottom: calc(
                400px + 150 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .modal-program__head {
        padding-bottom: 400px;
    }
}
@media screen and (max-width: 1240px) {
    .modal-program__head {
        width: 100%;
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .modal-program__head {
        padding-right: 260px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .modal-program__head {
        padding-right: calc(
                80px + 180 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .modal-program__head {
        padding-right: 80px;
    }
}

.modal-program__title {
    color: var(--color-blue-primary);
}
@media (min-width: 1920px) {
    .modal-program__title {
        font-size: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal-program__title {
        font-size: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .modal-program__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .modal-program__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .modal-program__title {
        font-size: calc(
                16px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .modal-program__title {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .modal-program__title {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .modal-program__title {
        font-size: calc(
                12px + 4 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .modal-program__title {
        font-size: 12px;
    }
}

@media (min-width: 1920px) {
    .modal-program__body {
        padding: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__body {
        padding: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__body {
        padding: 20px;
    }
}

.modal-program__top {
    border-bottom: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .modal-program__top {
        padding-bottom: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__top {
        padding-bottom: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__top {
        padding-bottom: 10px;
    }
}
@media (min-width: 1920px) {
    .modal-program__top {
        margin-bottom: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__top {
        margin-bottom: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__top {
        margin-bottom: 10px;
    }
}

.modal-program__list {
    display: -ms-grid;
    display: grid;
    overflow-y: auto;
    overflow-x: hidden;
}
@media (min-width: 1920px) {
    .modal-program__list {
        padding-right: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__list {
        padding-right: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__list {
        padding-right: 5px;
    }
}
@media (min-width: 1920px) {
    .modal-program__list {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__list {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__list {
        grid-gap: 10px;
    }
}
@media (min-width: 1920px) {
    .modal-program__list {
        max-height: 680px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__list {
        max-height: calc(
                320px + 360 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__list {
        max-height: 320px;
    }
}

.modal-program__link {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
    color: var(--color-blue-primary);
    font-weight: 600;
}
@media (min-width: 1920px) {
    .modal-program__link {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__link {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__link {
        font-size: 14px;
    }
}
.modal-program__link::after {
    content: "";
    display: block;
    position: relative;
    background: url("../img/icon/arrow-right.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .modal-program__link::after {
        width: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__link::after {
        width: calc(
                24px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__link::after {
        width: 24px;
    }
}
@media (min-width: 1920px) {
    .modal-program__link::after {
        height: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-program__link::after {
        height: calc(
                24px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-program__link::after {
        height: 24px;
    }
}
@media screen and (hover: hover) {
    .modal-program__link:hover {
        color: var(--color-midnight-blue);
    }
}
.modal-program__link:active {
    opacity: 0.5;
}

.modal-program__image {
    position: absolute;
}
@media (min-width: 1920px) {
    .modal-program__image {
        width: 620px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal-program__image {
        width: calc(
                410px + 210 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .modal-program__image {
        width: 410px;
    }
}
@media (min-width: 1920px) {
    .modal-program__image {
        height: 620px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal-program__image {
        height: calc(
                410px + 210 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .modal-program__image {
        height: 410px;
    }
}
@media (min-width: 1920px) {
    .modal-program__image {
        bottom: -35px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal-program__image {
        bottom: calc(
                0px + -35 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .modal-program__image {
        bottom: 0px;
    }
}
@media (min-width: 1920px) {
    .modal-program__image {
        left: -45px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .modal-program__image {
        left: calc(
                0px + -45 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .modal-program__image {
        left: 0px;
    }
}
@media screen and (max-width: 1240px) {
    .modal-program__image {
        left: auto;
        bottom: auto;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .modal-program__image {
        width: 306px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .modal-program__image {
        width: calc(
                144px + 162 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .modal-program__image {
        width: 144px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .modal-program__image {
        height: 306px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .modal-program__image {
        height: calc(
                144px + 162 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .modal-program__image {
        height: 144px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .modal-program__image {
        right: -30px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .modal-program__image {
        right: calc(
                -50px + 20 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .modal-program__image {
        right: -50px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .modal-program__image {
        top: -50px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .modal-program__image {
        top: calc(
                -8px + -42 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .modal-program__image {
        top: -8px;
    }
}
.modal-program__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    #modal-get-program {
        padding: 0;
    }
}

.modal-get-program__container {
    width: 100%;
}
@media (min-width: 1920px) {
    .modal-get-program__container {
        max-width: 890px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__container {
        max-width: calc(
                360px + 530 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__container {
        max-width: 360px;
    }
}
@media screen and (max-width: 767px) {
    .modal-get-program__container {
        max-width: 100%;
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

.modal-get-program__head {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
}

.modal-get-program__title,
.modal-get-program__subtitle {
    text-align: center;
}

@media (min-width: 1920px) {
    .modal-get-program__title {
        padding-right: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__title {
        padding-right: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__title {
        padding-right: 20px;
    }
}
@media (min-width: 1920px) {
    .modal-get-program__title {
        padding-left: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__title {
        padding-left: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__title {
        padding-left: 20px;
    }
}

.modal-get-program__top {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .modal-get-program__top {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__top {
        grid-gap: calc(
                10px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__top {
        grid-gap: 10px;
    }
}

@media (min-width: 1920px) {
    .modal-get-program__head {
        margin-bottom: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__head {
        margin-bottom: calc(
                16px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__head {
        margin-bottom: 16px;
    }
}

.modal-get-program__form-fields {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .modal-get-program__form-fields {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__form-fields {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__form-fields {
        grid-gap: 10px;
    }
}

.modal-get-program__form {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .modal-get-program__form {
        grid-gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__form {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__form {
        grid-gap: 10px;
    }
}

.modal-get-program__submit {
    margin-left: auto;
}

.modal-get-program__close {
    position: absolute;
}
@media (min-width: 1920px) {
    .modal-get-program__close {
        width: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__close {
        width: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__close {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .modal-get-program__close {
        height: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__close {
        height: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__close {
        height: 20px;
    }
}
@media (min-width: 1920px) {
    .modal-get-program__close {
        top: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__close {
        top: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__close {
        top: 16px;
    }
}
@media (min-width: 1920px) {
    .modal-get-program__close {
        right: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .modal-get-program__close {
        right: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .modal-get-program__close {
        right: 16px;
    }
}
.modal-get-program__close svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.modal__education-backgrond {
    background: var(--color-charcoal-20);
    padding: 10px;
}
@media screen and (max-width: 767px) {
    .modal__education {
        padding: 34px 12px 12px 12px;
    }
}
.modal__education-container {
    margin-left: auto;
    margin-right: 0;
    padding: 24px;
    border-radius: 15px;
    width: 100%;
    max-width: 727px;
    overflow: auto;
    min-height: 300px;
    height: calc(100dvh - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    background: var(--color-ghost-white);
}
@media screen and (max-width: 1680px) {
    .modal__education-container {
        padding: 20px;
        max-width: 626px;
        gap: 24px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__education-container {
        padding: 12px;
        max-width: 606px;
        gap: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-container {
        max-width: 100%;
        height: calc(100dvh - 46px);
    }
}
.modal__education-container::-webkit-scrollbar-thumb {
    width: 6px;
    border-radius: 40px;
    background: var(--color-light-periwinkle-40);
}
.modal__education-container::-webkit-scrollbar {
    width: 6px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0);
}
@-moz-document url-prefix() {
    .modal__education-container {
        scrollbar-width: thin;
        scrollbar-color: var(--color-light-periwinkle-40) rgba(0, 0, 0, 0);
    }
    .modal__education-container::-webkit-scrollbar-thumb {
        width: 6px;
        background: var(--color-light-periwinkle-40);
        border-radius: 40px;
    }
    .modal__education-container::-webkit-scrollbar {
        width: 6px;
        background: rgba(0, 0, 0, 0);
    }
    .modal__education-container::-moz-scrollbar {
        width: 6px;
    }
    .modal__education-container .scrollable-content::-moz-scrollbar-thumb {
        background: var(--color-light-periwinkle-40);
        border-radius: 40px;
    }
}
.modal__education-header {
    gap: 8px;
}
.modal__education-header-coll {
    gap: 16px;
}
.modal__education-header-date {
    padding-top: 6px;
    color: var(--color-middle-blue);
}
@media screen and (max-width: 1680px) {
    .modal__education-header-date {
        padding-top: 4px;
    }
}
.modal__education-header-date span {
    padding-left: 8px;
    color: var(--color-steel-blue);
}
.modal__education-close {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
    width: 26px;
    height: 26px;
}
@media screen and (max-width: 1680px) {
    .modal__education-close {
        width: 20px;
        height: 20px;
    }
}
.modal__education-close svg,
.modal__education-close img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.modal__education-status {
    --education-color-status: var(--color-yellow);
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--education-color-status);
    padding-left: 31px;
    position: relative;
}
.modal__education-status.--is-education {
    --education-color-status: var(--color-coral-light);
}
.modal__education-status.--is-approval {
    --education-color-status: var(--color-sky-blue);
}
.modal__education-status.--is-preparing {
    --education-color-status: var(--color-dark-violete);
}
.modal__education-status.--is-closed {
    --education-color-status: var(--color-middle-blue-dark);
}
.modal__education-status.--is-sending {
    --education-color-status: var(--color-eggplant);
}
.modal__education-status.--is-processing {
    --education-color-status: var(--color-green-light);
}
.modal__education-status.-is-make {
    --education-color-status: var(--color-yellow-light);
}
.modal__education-status.-is-print {
    --education-color-status: var(--color-red-d);
}
.modal__education-status.-is-making-original {
    --education-color-status: var(--color-green-dark);
}
@media screen and (max-width: 1680px) {
    .modal__education-status {
        padding-left: 25px;
    }
}
.modal__education-status::after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--education-color-status);
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 1680px) {
    .modal__education-status::after {
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-status::after {
        width: 8px;
        height: 8px;
    }
}
.modal__education-status-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
@media screen and (max-width: 1240px) {
    .modal__education-status-list {
        gap: 8px;
    }
}
.modal__education-info {
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .modal__education-info {
        gap: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__education-info {
        gap: 12px;
    }
}
.modal__education-info-title {
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1240px) {
    .modal__education-info-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-info-title {
        font-size: 14px;
    }
}
.modal__education-info-text {
    color: var(--color-dark-blue);
    word-break: break-all;
}
@media screen and (max-width: 1240px) {
    .modal__education-info-text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-info-text {
        font-size: 14px;
    }
}
.modal__education-info-text.--color-gray {
    color: var(--color-gray);
}
.modal__education-info-row {
    gap: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 767px) {
    .modal__education-info-row {
        gap: 8px;
    }
}
.modal__education-info-row.-is-ceter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal__education-info-full {
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .modal__education-info-full {
        gap: 8px;
    }
}
.modal__education-info-status {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 6px;
    padding: 8px 9px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
    border: 1px solid var(--color-border-gray);
    border-radius: 9px;
    background: var(--color-very-light-blue);
}
@media screen and (max-width: 1680px) {
    .modal__education-info-status {
        padding: 7px;
        font-size: 14px;
    }
}
.modal__education-info-status svg,
.modal__education-info-status img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
    .modal__education-info-status svg,
    .modal__education-info-status img {
        width: 16px;
        height: 16px;
    }
}
.modal__education-files {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 1240px) {
    .modal__education-files {
        gap: 8px;
    }
}
.modal__education-files-title {
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1240px) {
    .modal__education-files-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-files-title {
        font-size: 14px;
    }
}
.modal__education-files-list {
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 1240px) {
    .modal__education-files-list {
        gap: 8px;
    }
}
.modal__education-file {
    background: var(--color-light-steel-blue);
    border: 1px solid var(--color-border-gray);
    padding: 6px;
    border-radius: 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto auto;
    grid-template-columns: 1fr auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.modal__education-file-top {
    gap: 6px;
}
.modal__education-file-icon {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 20px;
    height: 20px;
}
.modal__education-file-icon img,
.modal__education-file-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .modal__education-file-icon {
        width: 16px;
        height: 16px;
    }
}
.modal__education-file-title, .document-file__title, .loaded-file__name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-black);
}
@media screen and (max-width: 1680px) {
    .modal__education-file-title, .document-file__title, .loaded-file__name {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-file-title, .document-file__title, .loaded-file__name {
        font-size: 12px;
    }
}
.modal__education-file-size, .document-file__size, .loaded-file__date {
    padding-top: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-middle-blue);
}
@media screen and (max-width: 1680px) {
    .modal__education-file-size, .document-file__size, .loaded-file__date {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-file-size, .document-file__size, .loaded-file__date {
        font-size: 10px;
    }
}
.modal__education-file-link, .modal__education-file-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-left: 10px;
}
.modal__education-file-link img,
.modal__education-file-link svg, .modal__education-file-btn img,
.modal__education-file-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .modal__education-file-link, .modal__education-file-btn {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        margin-left: 7px;
    }
}
.modal__education-file-link img,
.modal__education-file-link svg, .modal__education-file-btn img,
.modal__education-file-btn svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}
.modal__education-file-link {
    background: var(--color-light-periwinkle-40);
    fill: var(--color-swiper-arrow);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__education-file-link:hover {
        border-color: var(--color-swiper-arrow);
    }
}
.modal__education-file-link:focus-visible {
    border-color: var(--color-swiper-arrow);
}
.modal__education-file-link:active {
    border-color: var(--color-swiper-arrow);
}
.modal__education-file-btn {
    background: var(--color-coral-10);
    fill: var(--color-red);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__education-file-btn:hover {
        border-color: var(--color-red);
    }
}
.modal__education-file-btn:focus-visible {
    border-color: var(--color-red);
}
.modal__education-file-btn:active {
    border-color: var(--color-red);
}
.modal__education-btn {
    padding-left: 32px;
    padding-right: 32px;
    margin-left: auto;
    margin-right: 0;
    margin-top: auto;
    margin-bottom: 0;
}
.modal__education-textarea {
    height: 161px;
}
@media screen and (max-width: 1680px) {
    .modal__education-textarea {
        height: 112px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-textarea {
        height: 101px;
    }
}
.modal__education-footer {
    gap: 8px 12px;
    margin-top: auto;
    margin-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.modal__education-footer-btn {
    padding-left: 32px;
    padding-right: 32px;
}
@media screen and (max-width: 572.98px) {
    .modal__education-footer-btn {
        width: 100%;
    }
}
.modal__education-tab {
    gap: 32px;
}
.modal__education-tab.tab--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 1680px) {
    .modal__education-tab {
        gap: 24px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__education-tab {
        gap: 16px;
    }
}
.modal__education-tab-row {
    margin-left: 0;
    margin-right: auto;
}
.modal__education-tab-label {
    margin-right: initial;
}
.modal__education-field-title span {
    color: var(--color-red);
}
.modal__education-post {
    padding: 20px;
    gap: 16px;
    background: var(--color-light-periwinkle-40);
    border-radius: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__education-post {
        padding: 12px;
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-post {
        padding: 8px;
        gap: 8px;
    }
}
.modal__education-post-title {
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1240px) {
    .modal__education-post-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-post-title {
        font-size: 14px;
    }
}
.modal__education-post-list {
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__education-post-list {
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-post-list {
        gap: 8px;
    }
}
.modal__education-post-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
@media screen and (max-width: 767px) {
    .modal__education-post-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.modal__education-buffer {
    gap: 4px;
}
.modal__education-buffer-text {
    word-break: break-all;
}
.modal__education-field {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}
.modal__education-field input {
    width: 100%;
    background: var(--color-ghost-white);
    border-color: var(--color-border-gray);
    color: var(--color-text);
}
.modal__education-field input::-webkit-input-placeholder {
    color: var(--color-middle-blue);
}
.modal__education-field input::-moz-placeholder {
    color: var(--color-middle-blue);
}
.modal__education-field input:-ms-input-placeholder {
    color: var(--color-middle-blue);
}
.modal__education-field input::-ms-input-placeholder {
    color: var(--color-middle-blue);
}
.modal__education-field input::placeholder {
    color: var(--color-middle-blue);
}
.modal__education-choice {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
@media screen and (max-width: 572.98px) {
    .modal__education-choice {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
.modal__education-choice-btn {
    padding-left: 5px;
    padding-right: 5px;
}
.modal__education-grid {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 8px 12px;
    margin-top: auto;
    margin-bottom: 0;
}
@media screen and (max-width: 572.98px) {
    .modal__education-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .modal__education-grid .modal__education-btn {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.modal__education-grid-btn {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.modal__education-loading {
    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;
}
@media screen and (max-width: 1680px) {
    .modal__education-loading {
        gap: 12px;
    }
}
.modal__education-loading-file {
    height: auto !important;
    min-height: 270px;
}
@media screen and (max-width: 1680px) {
    .modal__education-loading-file {
        min-height: 250px;
    }
}
@media screen and (max-width: 572.98px) {
    .modal__education-loading-file {
        min-height: 173px;
    }
}
.modal__education-comment {
    gap: 8px;
}
.modal__education-ft {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 8px 12px;
}
@media screen and (max-width: 767px) {
    .modal__education-ft {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.modal__education-ft-btn {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
}
@media screen and (max-width: 1680px) {
    .modal__education-ft-btn {
        padding-left: 22px;
        padding-right: 22px;
    }
}
.modal__education-acc {
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    background: var(--color-light-steel-blue);
}
@media screen and (max-width: 767px) {
    .modal__education-acc {
        padding: 8px;
    }
}
.modal__education-acc.is-active .modal__education-acc-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.modal__education-acc.is-active .modal__education-acc-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.modal__education-acc-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    text-align: left;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .modal__education-acc-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-acc-title {
        font-size: 14px;
    }
}
.modal__education-acc-hd {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto auto;
    grid-template-columns: 1fr auto auto;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal__education-acc-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 24px;
    height: 24px;
    fill: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.modal__education-acc-btn img,
.modal__education-acc-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .modal__education-acc-btn {
        width: 20px;
        height: 20px;
    }
}
.modal__education-acc-btn img,
.modal__education-acc-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .modal__education-acc-btn:hover {
        fill: var(--color-midnight-blue);
    }
}
.modal__education-acc-btn:focus-visible {
    fill: var(--color-midnight-blue);
}
.modal__education-acc-btn:active {
    fill: var(--color-midnight-blue);
}
.modal__education-acc-body {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid var(--color-border-gray);
    padding-top: 12px;
    margin-top: 12px;
}
@media screen and (max-width: 1680px) {
    .modal__education-acc-body {
        padding-top: 10px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-acc-body {
        gap: 8px;
        padding-top: 8px;
        margin-top: 8px;
    }
}
.modal__education-acc-wrapp {
    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;
}
.modal__education-acc-subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .modal__education-acc-subtitle {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-acc-subtitle {
        font-size: 12px;
    }
}
.modal__education-acc-subtext {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-middle-blue);
}
@media screen and (max-width: 1680px) {
    .modal__education-acc-subtext {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .modal__education-acc-subtext {
        font-size: 12px;
    }
}

.modal__education-tooltip-title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}

.modal__education-tooltip-title + .modal__education-tooltip-title {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .modal__delete-bid {
        width: 100%;
        max-width: calc(100% - 20px);
        margin-top: auto;
        margin-bottom: 10px;
    }
}

.modal__completion {
    max-width: 727px;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__completion {
        max-width: 589px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__completion {
        max-width: 484px;
    }
}
@media screen and (max-width: 767px) {
    .modal__completion {
        margin-top: auto;
        margin-bottom: 0;
        max-width: 100%;
        border-radius: 15px;
        gap: 12px;
    }
}
.modal__completion-back {
    padding: 10px;
}
.modal__completion-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 767px) {
    .modal__completion-title {
        font-size: 16px;
    }
}
.modal__completion-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 1680px) {
    .modal__completion-wrapp {
        gap: 16px;
        padding-bottom: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__completion-wrapp {
        gap: 12px;
        padding-bottom: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__completion-wrapp {
        padding-top: 12px;
        border-top: 1px solid var(--color-border-gray);
    }
}
.modal__completion-btn {
    margin-left: auto;
    margin-right: 0;
}
.modal__completion-btn-blue {
    padding-left: 32px;
    padding-right: 32px;
}
@media screen and (max-width: 1680px) {
    .modal__completion-btn-blue {
        padding-left: 24px;
        padding-right: 24px;
    }
}
.modal__completion-text {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--color-gray);
}

.modal__contract {
    max-width: 883px;
}
@media screen and (max-width: 1680px) {
    .modal__contract {
        max-width: 709px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__contract {
        max-width: 612px;
    }
}
.modal__contract-container {
    padding-left: 62px;
    padding-right: 62px;
    background: var(--color-light-steel-blue);
    border-radius: 12px;
}
@media screen and (max-width: 1680px) {
    .modal__contract-container {
        padding-left: 0;
        padding-right: 5px;
    }
}
.modal__contract-container.modal-pdf-container {
    min-height: 300px;
    max-height: calc(100vh - 180px);
}
@media screen and (max-width: 767px) {
    .modal__contract-container.modal-pdf-container {
        min-height: 100px;
        max-height: calc(100vh - 130px);
    }
}
@media screen and (max-width: 572.98px) {
    .modal__contract-container.modal-pdf-container {
        max-height: calc(100vh - 220px);
    }
}
.modal__contract-footer {
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 572.98px) {
    .modal__contract-btn, .modal__contract-button {
        width: 100%;
    }
}

.modal__client {
    max-width: 727px;
}
@media screen and (max-width: 1680px) {
    .modal__client {
        max-width: 570px;
    }
}
@media screen and (max-width: 767px) {
    .modal__client {
        max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .modal__client-wrapp {
        padding-top: 0;
        border-top: none;
    }
}
.modal__client--close {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 32px;
    height: 32px;
}
.modal__client--close img,
.modal__client--close svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .modal__client--close {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .modal__client--close {
        width: 20px;
        height: 20px;
    }
}
.modal__client--close svg,
.modal__client--close img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.modal__registered {
    max-width: 395px;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__registered {
        gap: 14px;
    }
}
@media screen and (max-width: 767px) {
    .modal__registered {
        border-radius: 15px;
    }
}
.modal__registered-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .modal__registered-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .modal__registered-title {
        font-size: 18px;
    }
}
.modal__registered-text {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .modal__registered-text {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__registered-text {
        font-size: 14px;
    }
}
.modal__registered-text a {
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__registered-text a:hover {
        text-decoration: underline;
    }
}
.modal__registered-text a:focus-visible {
    text-decoration: underline;
}
.modal__registered-text a:active {
    text-decoration: none;
}
@media (hover: hover) {
    .modal__registered-text a:hover {
        color: #2e307f;
    }
}
.modal__registered-text a:focus-visible {
    color: #2e307f;
}
.modal__registered-text a:active {
    color: #bcbcbc;
}

.modal__coupon {
    gap: 0;
    max-width: 918px;
    background: var(--color-background);
}
@media screen and (max-width: 1680px) {
    .modal__coupon {
        max-width: 800px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__coupon {
        max-width: 690px;
    }
}
@media screen and (max-width: 767px) {
    .modal__coupon {
        max-width: 100%;
    }
}
.modal__coupon-hd {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 1680px) {
    .modal__coupon-hd {
        padding-bottom: 16px;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 767px) {
    .modal__coupon-hd {
        padding-bottom: 8px;
        margin-bottom: 12px;
    }
}
.modal__coupon-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: var(--color-text);
}
@media screen and (max-width: 1680px) {
    .modal__coupon-title {
        font-size: 18px;
    }
}
.modal__coupon-wrapp {
    overflow: auto;
    height: calc(100vh - 190px);
    min-height: 300px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-right: -10px;
    padding-right: 10px;
}
@media screen and (max-width: 1680px) {
    .modal__coupon-wrapp {
        height: calc(100vh - 150px);
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__coupon-wrapp {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
.modal__coupon-cart {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
@media screen and (max-width: 767px) {
    .modal__coupon-cart {
        gap: 4px;
    }
}
.modal__coupon-img {
    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;
    padding: 22px 10px;
    border-radius: 8px;
    border: 1px solid var(--color-border-gray);
    min-height: 160px;
}
@media screen and (max-width: 767px) {
    .modal__coupon-img {
        padding: 16px 10px;
        min-height: 112px;
    }
}
.modal__coupon-img img,
.modal__coupon-img svg {
    width: 100%;
    max-width: 184px;
    -o-object-fit: contain;
    object-fit: contain;
}
.modal__coupon-text {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .modal__coupon-text {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__coupon-text {
        font-size: 12px;
    }
}
.modal__coupon-pay {
    color: var(--color-dark-blue);
    gap: 10px;
}
.modal__coupon-pay img,
.modal__coupon-pay svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .modal__coupon-pay img,
    .modal__coupon-pay svg {
        width: 24px;
        height: 24px;
    }
}

.modal__error {
    position: fixed;
    padding-bottom: 40px;
    right: 20px;
    bottom: 0;
    max-height: 100dvh;
    min-height: 0px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    z-index: 888;
    gap: 10px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
@media screen and (max-width: 767px) {
    .modal__error {
        padding-bottom: 20px;
    }
}
.modal__error::-webkit-scrollbar {
    display: none;
}
.modal__error-cart {
    width: 572px;
    padding: 24px;
    gap: 16px;
    background: var(--color-background);
    -webkit-box-shadow: var(--shadow-black-10);
    box-shadow: var(--shadow-black-10);
    border-radius: 15px;
}
@media screen and (max-width: 1680px) {
    .modal__error-cart {
        gap: 12px;
        padding: 20px;
    }
}
@media screen and (max-width: 767px) {
    .modal__error-cart {
        width: 300px;
        padding: 12px;
    }
}
.modal__error-hd {
    gap: 15px;
}
.modal__error-title {
    gap: 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-text);
}
@media screen and (max-width: 1680px) {
    .modal__error-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .modal__error-title {
        font-size: 14px;
        gap: 8px;
    }
}
.modal__error-title svg,
.modal__error-title img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .modal__error-title svg,
    .modal__error-title img {
        width: 20px;
        height: 20px;
    }
}
.modal__error-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 32px;
    height: 32px;
    fill: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.modal__error-btn img,
.modal__error-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .modal__error-btn:hover {
        fill: var(--color-soft-opacity-05);
    }
}
.modal__error-btn:focus-visible {
    fill: var(--color-soft-opacity-05);
}
.modal__error-btn:active {
    fill: var(--color-soft-opacity-05);
}
@media screen and (max-width: 1680px) {
    .modal__error-btn {
        width: 20px;
        height: 20px;
    }
}
.modal__error-btn img,
.modal__error-btn svg {
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
.modal__error-text {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: var(--color-text);
}
@media screen and (max-width: 1680px) {
    .modal__error-text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__error-text {
        font-size: 14px;
    }
}

.modal__review {
    max-width: 496px;
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .modal__review {
        max-width: 403px;
    }
}
@media screen and (max-width: 767px) {
    .modal__review {
        border-radius: 15px;
        max-width: calc(100% - 20px);
        margin-top: auto;
        margin-bottom: 10px;
        gap: 12px;
    }
}
.modal__review-top {
    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;
}
@media screen and (max-width: 767px) {
    .modal__review-top {
        gap: 12px;
    }
}
.modal__review-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .modal__review-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__review-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__review-title {
        font-size: 16px;
    }
}
.modal__review-text {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .modal__review-text {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__review-text {
        font-size: 12px;
    }
}
.modal__review-footer {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.modal__review-btn {
    width: 100%;
}

.modal-row {
    padding: 5px 5px 5px 80px;
    border-radius: 24px;
    background: #f3f6fb;
    position: relative;
    margin-top: 15px;
}
@media (max-width: 1680px) {
    .modal-row {
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .modal-row {
        margin-top: 12px;
        padding-left: 50px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .modal-row {
        margin-top: 8px;
        padding: 8px;
        border-radius: 8px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 30px 1fr;
        grid-template-columns: 30px 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
    }
}

.modal-row-img {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.modal-row-img img,
.modal-row-img svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .modal-row-img img,
    .modal-row-img svg {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .modal-row-img {
        position: static;
        width: 30px;
        height: 30px;
    }
}

.modal-row-coll {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    border-radius: 24px;
    background: #ffffff;
    -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
    padding: 40px 40px;
    z-index: 1;
    position: relative;
}
@media (max-width: 1680px) {
    .modal-row-coll {
        padding: 35px 30px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .modal-row-coll {
        padding: 20px 10px;
        border-radius: 18px;
    }
}
@media (max-width: 767px) {
    .modal-row-coll {
        padding: 16px;
        border-radius: 8px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 8px;
    }
}

.modal-file-drop {
    height: 200px;
    padding: 17px;
}
.modal-file-drop img {
    width: 60px;
    height: 60px;
}
@media (max-width: 1680px) {
    .modal-file-drop img {
        width: 48px;
        height: 48px;
    }
}
.modal-file-drop .file-drop-text {
    font-size: 16px;
    font-weight: 300;
    padding-top: 8px;
    text-align: center;
}
@media (max-width: 1680px) {
    .modal-file-drop .file-drop-text {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .modal-file-drop .file-drop-text {
        font-size: 12px;
    }
}

.modal-file-row {
    display: -ms-grid;
    display: grid;
    gap: 15px;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
}
@media (max-width: 1680px) {
    .modal-file-row {
        -ms-grid-columns: 146px 1fr;
        grid-template-columns: 146px 1fr;
    }
}
@media (max-width: 1240px) {
    .modal-file-row {
        -ms-grid-columns: 138px 1fr;
        grid-template-columns: 138px 1fr;
    }
}
@media (max-width: 767px) {
    .modal-file-row {
        display: block;
    }
    .modal-file-row .files__list .file-row-element:nth-child(1) {
        margin-top: 8px;
    }
}
.modal-file-row .file-btn {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 200px;
}
@media (max-width: 1680px) {
    .modal-file-row .file-btn {
        min-width: 146px;
    }
}
@media (max-width: 1240px) {
    .modal-file-row .file-btn {
        min-width: 138px;
    }
}
@media (max-width: 767px) {
    .modal-file-row .file-btn {
        min-width: 116px;
    }
}

.modal__footer-row {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px;
}
@media (max-width: 1680px) {
    .modal__footer-row {
        margin-top: 20px;
        padding-top: 20px;
        -ms-grid-columns: 140px 140px;
        grid-template-columns: 140px 140px;
        gap: 12px;
    }
}
@media (max-width: 1240px) {
    .modal__footer-row {
        margin-top: 18px;
        padding-top: 18px;
        gap: 10px;
        -ms-grid-columns: 138px 138px;
        grid-template-columns: 138px 138px;
    }
}
@media (max-width: 767px) {
    .modal__footer-row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin-top: 12px;
        padding-top: 12px;
    }
}

.modal__container-seacrh.select {
    width: 593px;
}
.modal__container-seacrh.select .input-error {
    padding-bottom: 0;
}
.modal__container-seacrh.select .select__body-wrapp {
    margin-top: 15px;
    max-height: 180px;
}
@media (max-width: 1680px) {
    .modal__container-seacrh.select .select__body-wrapp {
        max-height: 160px;
    }
}
@media (max-width: 1240px) {
    .modal__container-seacrh.select .select__body-wrapp {
        max-height: 140px;
    }
}
@media (max-width: 767px) {
    .modal__container-seacrh.select .select__body-wrapp {
        max-height: 160px;
    }
}
@media (max-width: 1680px) {
    .modal__container-seacrh.select {
        width: 550px;
    }
}
@media (max-width: 1240px) {
    .modal__container-seacrh.select {
        width: 478px;
    }
}
@media (max-width: 767px) {
    .modal__container-seacrh.select {
        width: 320px;
    }
}
@media (max-width: 380px) {
    .modal__container-seacrh.select {
        width: 100%;
    }
}

#modal-dell-append .modal-btn {
    width: 100%;
}
#modal-dell-append .modal__container {
    width: 100%;
}
@media (min-width: 1680px) {
    #modal-dell-append .modal__container {
        max-width: 550px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    #modal-dell-append .modal__container {
        max-width: calc(
                320px + 230 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    #modal-dell-append .modal__container {
        max-width: 320px;
    }
}

.modal-favourites__container {
    margin: 0 0 0 auto;
}
@media (min-width: 1920px) {
    .modal-favourites__container {
        max-width: 727px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .modal-favourites__container {
        max-width: calc(
                606px + 121 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .modal-favourites__container {
        max-width: 606px;
    }
}
@media screen and (max-width: 767px) {
    .modal-favourites__container {
        margin: 12px;
        border-radius: 15px;
    }
}

.modal-favourites__filter {
    grid-gap: 16px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
    .modal-favourites__filter {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 8px;
    }
}

.modal-favourites__search .field-input {
    padding: 10px 12px;
    height: 48px;
}
@media screen and (max-width: 1440px) {
    .modal-favourites__search .field-input {
        height: 46px;
        padding: 8px 12px;
    }
}
@media screen and (max-width: 1240px) {
    .modal-favourites__search .field-input {
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .modal-favourites__search .field-input {
        height: 40px;
        padding: 6px 12px;
    }
}

.modal-favourites__body {
    max-height: 100%;
    overflow: auto;
    padding-right: 4px;
    border-radius: 15px;
}

.modal-favourites__list {
    gap: 8px;
}

.favourite-card {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 15px 20px;
    border-radius: 15px;
    background: var(--color-light-steel-blue);
}
@media screen and (max-width: 1440px) {
    .favourite-card {
        padding: 15px;
    }
}
@media screen and (max-width: 767px) {
    .favourite-card {
        padding: 12px 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0;
    }
}

.favourite-card__heading {
    gap: 8px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .favourite-card__heading {
        margin-bottom: 4px;
    }
}

.favourite-card__icon {
    width: var(--icon-size-base);
    height: var(--icon-size-base);
}
@media screen and (max-width: 767px) {
    .favourite-card__icon {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}
.favourite-card__title {
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent-secondary);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.favourite-card__body {
    color: var(--color-steel-blue);
}
@media screen and (max-width: 767px) {
    .favourite-card__body {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size: 12px;
    }
}

.modal-allert-text {
    line-height: var(--line-height-title);
}

@media (min-width: 1920px) {
    #modal-sveden .modal-sveden__container {
        max-width: 600px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    #modal-sveden .modal-sveden__container {
        max-width: calc(
                590px + 10 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    #modal-sveden .modal-sveden__container {
        max-width: 590px;
    }
}

@media (min-width: 1920px) {
    #modal-sveden-2 .modal-sveden__container {
        max-width: 1110px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    #modal-sveden-2 .modal-sveden__container {
        max-width: calc(
                670px + 440 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    #modal-sveden-2 .modal-sveden__container {
        max-width: 670px;
    }
}

.modal-sveden__tab-row {
    max-width: 100%;
    gap: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.modal-templates__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.modal-templates__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
}

.modal-templates__heading {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.modal-templates__document {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    background-color: var(--color-light-steel-blue);
    border-radius: 12px;
    padding: 20px;
    overflow: hidden;
    position: relative;
}
.modal-templates__document .modal-pdf-container {
    min-height: 0;
    max-height: 100%;
}

.modal-templates__control {
    margin-top: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 16px;
}

.modal-document-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.modal-document-container img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-tap-highlight-color: transparent;
}

.modal-document {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media screen and (max-width: 767px) {
    .modal-document {
        margin: auto;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    #modal-document {
        padding: 15px;
    }
}

.modal-document__close {
    padding: 12px;
}

.modal-templates__document-resize {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 20;
    background-color: #dee2fb;
}

.modal-templates__menu-list {
    top: auto !important;
    bottom: calc(100% + 4px);
}

.modal-calatog__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 8px;
}

.modal-calatog__list {
    gap: 16px;
    min-height: 0;
}
@media screen and (max-width: 767px) {
    .modal-calatog__list {
        gap: 12px;
    }
}

.chapter-accordion {
    background-color: var(--color-light-steel-blue);
    border-radius: 8px;
}

.chapter-accordion__head {
    padding: 12px 12px 16px;
}
@media screen and (max-width: 767px) {
    .chapter-accordion__head {
        padding: 12px;
    }
}

.chapter-accordion__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.chapter-accordion__icon {
    width: 24px;
    height: 24px;
}

.chapter-accordion__inner {
    gap: 16px;
    padding: 16px 12px;
    border-top: var(--border-width-thin) solid var(--color-border-gray);
}
@media screen and (max-width: 767px) {
    .chapter-accordion__inner {
        gap: 12px;
        padding: 12px;
    }
}
.chapter-accordion__inner .chapter-card__link {
    overflow: visible;
}

.chapter-accordion__block {
    gap: 16px;
}
@media screen and (max-width: 767px) {
    .chapter-accordion__block {
        gap: 12px;
    }
}

.chapter-accordion__list {
    gap: 12px;
}

.chapter-accordion__link {
    display: block;
    padding-left: 12px;
    padding-bottom: 5px;
}

.tab__btn-row {
    padding: 4px;
    border: 1px solid #d9e2ec;
    border-radius: 19px;
    gap: 4px;
}

.tab__btn {
    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: 15px;
    cursor: pointer;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    padding: 12px;
    min-height: 46px;
    letter-spacing: 0.02em;
    color: #486581;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .tab__btn:hover {
        color: #bcbcbc;
    }
}
.tab__btn:focus-visible {
    color: #bcbcbc;
}
.tab__btn:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .tab__btn {
        font-size: 16px;
        min-height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .tab__btn {
        font-size: 14px;
        padding: 8px;
        min-height: 32px;
    }
}

input:checked ~ .tab__btn {
    color: #6b6ee8;
    background: rgba(196, 198, 255, 0.4);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    input:checked ~ .tab__btn:hover {
        color: #486581;
    }
}
input:checked ~ .tab__btn:focus-visible {
    color: #486581;
}
input:checked ~ .tab__btn:active {
    color: #486581;
}

.header__about {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 767px) {
    .header__about {
        -webkit-box-shadow: 0px 5px 20px rgba(101, 101, 101, 0.2);
        box-shadow: 0px 5px 20px rgba(101, 101, 101, 0.2);
    }
}

.header__about-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
    position: relative;
}
@media (max-width: 992px) {
    .header__about-wrapp {
        gap: 10px;
    }
}

.header__about-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
}
@media (max-width: 992px) {
    .header__about-list {
        gap: 10px;
    }
}
@media (max-width: 992.99px) {
    .header__about-list {
        display: none;
        position: absolute;
        right: 0;
        top: 130%;
        background: #f0f4f8;
        border-radius: 12px;
    }
    .header__about-list.-is-active {
        display: block;
    }
}

.header__about-link {
    white-space: nowrap;
}
@media (max-width: 992.99px) {
    .header__about-link {
        border: none;
        width: 100%;
        text-align: left;
        border-radius: 0;
        display: block;
        padding: 12px 20px;
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
    }
}
@media (max-width: 992.99px) and (hover: hover) {
    .header__about-link:hover {
        color: #5c5fe6;
        background: none;
    }
}
@media (max-width: 992.99px) and (hover: none) {
    .header__about-link:active {
        color: #5c5fe6;
        background: none;
        border-color: none;
    }
}
@media (max-width: 992.99px) {
    .header__about-link:active {
        color: #5c5fe6;
        background: none;
        border-color: none;
    }
}

.header__about-open {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 13px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 2px solid #6b6ee8;
}
.header__about-open img,
.header__about-open svg {
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 992.99px) {
    .header__about-open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 767px) {
    .header__about-open {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}
.header__about-open.-is-active {
    background: rgba(196, 198, 255, 0.4);
}

.header__about-tell {
    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;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 46px;
    height: 46px;
    border: 2px solid #47be2c;
    border-radius: 16px;
}
@media (max-width: 1680px) {
    .header__about-tell {
        width: 44px;
        height: 44px;
    }
}
@media (max-width: 1240px) {
    .header__about-tell {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }
}
@media (max-width: 767px) {
    .header__about-tell {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}
.header__about-tell svg,
.header__about-tell img {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1680px) {
    .header__about-tell svg,
    .header__about-tell img {
        width: 20px;
        height: 20px;
    }
}

.header__company {
    border-bottom: 1px solid #d9e2ec;
    padding-top: 15px;
    padding-bottom: 15px;
}
@media screen and (max-width: 1680px) {
    .header__company {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
.header__company-logo, .header__company-mob-logo {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 285px;
    height: 50px;
}
.header__company-logo img,
.header__company-logo svg, .header__company-mob-logo img,
.header__company-mob-logo svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .header__company-logo, .header__company-mob-logo {
        width: 230px;
        height: 40px;
    }
}
@media screen and (max-width: 1240px) {
    .header__company-logo, .header__company-mob-logo {
        width: 44px;
        height: 44px;
    }
}
.header__company-logo picture, .header__company-mob-logo picture {
    display: contents;
}
.header__company-logo img,
.header__company-logo svg, .header__company-mob-logo img,
.header__company-mob-logo svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.header__company-mob-logo {
    width: 240px;
    height: 40px;
}
.header__company-link {
    gap: 8px;
}
.header__company-link img,
.header__company-link svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .header__company-link img,
    .header__company-link svg {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .header__company-link {
        gap: 0;
    }
    .header__company-link span {
        display: none;
    }
}
.header__company-list {
    gap: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 30px;
    border-right: 1px solid #d9e2ec;
}
@media screen and (max-width: 1680px) {
    .header__company-list {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 15px;
    }
}
.header__company-coll {
    gap: 30px;
}
@media screen and (max-width: 1680px) {
    .header__company-coll {
        gap: 15px;
    }
}
@media screen and (max-width: 767px) {
    .header__company-time {
        display: none;
    }
}
.header__company-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 36px;
    height: 36px;
    background: rgba(196, 198, 255, 0.4);
    border-radius: 8px;
    display: none;
}
.header__company-btn img,
.header__company-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 767px) {
    .header__company-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.header__company-btn img,
.header__company-btn svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
.header__company-hd, .header__company-sublist {
    display: none;
}
@media screen and (max-width: 767px) {
    .header__company-hd, .header__company-sublist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.header__company-hd {
    padding: 12px 20px;
    border-bottom: 1px solid #d9e2ec;
}
.header__company-sublist {
    padding: 24px;
    gap: 16px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.header__company-exet {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 44px;
    height: 44px;
    background: rgba(239, 78, 78, 0.1);
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    fill: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.header__company-exet img,
.header__company-exet svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .header__company-exet:hover {
        border-color: #ef4e4e;
    }
}
.header__company-exet:focus-visible {
    border-color: #ef4e4e;
}
.header__company-exet:active {
    border-color: #ffffff;
}
@media (hover: hover) {
    .header__company-exet:hover {
        background: rgba(239, 78, 78, 0.1);
    }
}
.header__company-exet:focus-visible {
    background: rgba(239, 78, 78, 0.1);
}
.header__company-exet:active {
    background: #ffffff;
}
@media (hover: hover) {
    .header__company-exet:hover {
        fill: #ef4e4e;
    }
}
.header__company-exet:focus-visible {
    fill: #ef4e4e;
}
.header__company-exet:active {
    fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .header__company-exet {
        width: 36px;
        height: 36px;
    }
}
@media screen and (max-width: 1240px) {
    .header__company-exet {
        border-radius: 8px;
    }
}
.header__company-exet img,
.header__company-exet svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 767px) {
    .header__company-name {
        font-size: 14px;
    }
}
.header__company-user {
    gap: 10px;
}
.header__company-user-wrapp {
    gap: 4px;
}
.header__company-img {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 32px;
    height: 32px;
    background: url("../../assets/img/new-page/icons/user.svg") no-repeat center center/contain;
    background-size: 100% 100%;
}
.header__company-img img,
.header__company-img svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .header__company-img {
        width: 24px;
        height: 24px;
    }
}
.header__company-img img,
.header__company-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    overflow: hidden;
}
.header__company-container {
    gap: 10px;
    padding: 8px 12px;
    background: #e7ecf3;
    border-radius: 12px;
}
@media screen and (max-width: 1680px) {
    .header__company-container {
        padding: 6px 10px;
    }
}
@media screen and (max-width: 767px) {
    .header__company-container {
        width: calc(100% - 48px);
        margin: auto 24px 24px 24px;
        background: none;
        border: 1px solid #d9e2ec;
    }
}
.header__company-sublink {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #486581;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .header__company-sublink:hover {
        color: #bcbcbc;
    }
}
.header__company-sublink:focus-visible {
    color: #bcbcbc;
}
.header__company-sublink:active {
    color: #bcbcbc;
}
.header__company-sublink.-is-active {
    color: #6b6ee8;
}
.header__company-mess {
    gap: 8px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #102a43;
}
.header__company-mess img,
.header__company-mess svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 767px) {
    .header__company-nav {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        -webkit-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
        transform: translateY(-110%);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 900;
        width: 100%;
        height: 100dvh;
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f0f4f8;
    }
    .header__company-nav.-is-active {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}

.header-index {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    position: static;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (min-width: 1920px) {
    .header-index {
        padding-top: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index {
        padding-top: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index {
        padding-top: 15px;
    }
}
@media (min-width: 1920px) {
    .header-index {
        padding-bottom: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index {
        padding-bottom: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index {
        padding-bottom: 15px;
    }
}
.header-index.--sticky {
    position: fixed;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation-name: show__header;
    animation-name: show__header;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-box-shadow: var(--shadow-primary);
    box-shadow: var(--shadow-primary);
    background: var(--color-background);
}
.header-index.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@-webkit-keyframes show__header {
    from {
        opacity: 0;
        top: -100%;
    }
    to {
        opacity: 1;
        top: 0;
    }
}

@keyframes show__header {
    from {
        opacity: 0;
        top: -100%;
    }
    to {
        opacity: 1;
        top: 0;
    }
}
.header-index__inner {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
}
@media (min-width: 1920px) {
    .header-index__inner {
        grid-gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__inner {
        grid-gap: calc(
                5px + 15 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__inner {
        grid-gap: 5px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__inner {
        grid-gap: 10px;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}

@media screen and (max-width: 1240px) {
    .header-index__menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto;
        background: var(--color-background);
        padding: 80px var(--menu-padding-horizontal) 40px var(--menu-padding-horizontal);
        z-index: -1;
        -webkit-transition: var(--duration-hover);
        -o-transition: var(--duration-hover);
        transition: var(--duration-hover);
        opacity: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .header-index__menu {
        --menu-padding-horizontal: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .header-index__menu {
        --menu-padding-horizontal: calc(
                20px + 20 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .header-index__menu {
        --menu-padding-horizontal: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__menu.is-active {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@media (min-width: 1920px) {
    .header-index__logo {
        max-width: 264px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__logo {
        max-width: calc(
                178px + 86 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__logo {
        max-width: 178px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .header-index__logo {
        max-width: 178px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
    .header-index__logo {
        max-width: calc(
                214px + -36 *
                (((100vw - 768px)) / ((512)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .header-index__logo {
        max-width: 214px;
    }
}
@media screen and (max-width: 767px) {
    .header-index__logo {
        width: 36px;
        height: 36px;
    }
}
@media screen and (max-width: 767px) {
    .header-index__logo .logo-full {
        display: none;
    }
}
.header-index__logo .logo-short {
    display: none;
}
@media screen and (max-width: 767px) {
    .header-index__logo .logo-short {
        display: block;
    }
}

.header-index__menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (min-width: 1920px) {
    .header-index__menu-inner {
        gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__menu-inner {
        gap: calc(
                10px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__menu-inner {
        gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__menu-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 20px;
    }
}

.header-index__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1920px) {
    .header-index__nav-list {
        gap: 10px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-list {
        gap: calc(
                5px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-list {
        gap: 5px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__nav-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 20px;
    }
}

.header-index__nav-item {
    position: relative;
}
@media screen and (max-width: 1240px) {
    .header-index__nav-item {
        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: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media screen and (hover: hover) {
    .header-index__nav-item:hover .header-index__nav-link:not(.header-index__nav-link--accent) {
        background: var(--color-light-periwinkle-40);
        color: var(--color-blue-primary);
    }
    .header-index__nav-item:hover .header-index__subnav-list {
        top: calc(100% + 10px);
        opacity: 1;
        visibility: visible;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__nav-item.--dropdown .header-index__nav-link::after {
        content: "";
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        -webkit-transition: var(--duration-hover);
        -o-transition: var(--duration-hover);
        transition: var(--duration-hover);
        background: url("../img/icon/dropdown-arrow.svg") no-repeat center center/contain;
    }
}

.header-index__nav-link {
    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-text);
    border-radius: 30px;
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .header-index__nav-link {
        gap: 10px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link {
        gap: calc(
                5px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link {
        gap: 5px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-link {
        padding-left: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link {
        padding-left: calc(
                8px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link {
        padding-left: 8px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-link {
        padding-right: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link {
        padding-right: calc(
                8px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link {
        padding-right: 8px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-link {
        padding-top: 13px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link {
        padding-top: calc(
                6px + 7 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link {
        padding-top: 6px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-link {
        padding-bottom: 13px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link {
        padding-bottom: calc(
                6px + 7 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link {
        padding-bottom: 6px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-link {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link {
        font-size: calc(
                14px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__nav-link {
        font-size: 18px;
        border-radius: 0;
        border: none;
        font-weight: 600;
        padding: 0;
        gap: 10px;
    }
}
.header-index__nav-link svg,
.header-index__nav-link img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        min-width: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        min-width: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        min-width: 20px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        max-width: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        max-width: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        max-width: 20px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        height: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        height: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link svg,
    .header-index__nav-link img {
        height: 20px;
    }
}
.header-index__nav-link.is-active::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
@media screen and (hover: hover) {
    .header-index__nav-link:hover {
        border-color: var(--color-golden);
        color: var(--color-golden);
        background: transparent;
    }
    .header-index__nav-link:hover .header-index__nav-icon {
        background-color: var(--color-golden);
    }
}
.header-index__nav-link:active {
    opacity: 0.5;
}

.header-index__nav-link--accent {
    padding: 4px;
    background-color: var(--color-golden);
    color: var(--color-white);
}
@media (min-width: 1920px) {
    .header-index__nav-link--accent {
        padding-left: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link--accent {
        padding-left: calc(
                8px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link--accent {
        padding-left: 8px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-link--accent {
        padding-left: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-link--accent {
        padding-left: calc(
                12px + 12 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-link--accent {
        padding-left: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__nav-link--accent {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        background: transparent;
        color: var(--color-text);
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .header-index__nav-link--accent {
        padding-left: 24px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
    .header-index__nav-link--accent {
        padding-left: calc(
                12px + 12 *
                (((100vw - 360px)) / ((920)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .header-index__nav-link--accent {
        padding-left: 12px;
    }
}

.header-index__nav-icon {
    border-radius: 50%;
    background: var(--color-charcoal-20);
    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;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .header-index__nav-icon {
        width: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-icon {
        width: calc(
                24px + 16 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-icon {
        width: 24px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-icon {
        height: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-icon {
        height: calc(
                24px + 16 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-icon {
        height: 24px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__nav-icon {
        width: 20px;
        height: 20px;
        background: transparent;
        border-radius: 0;
    }
}
.header-index__nav-icon svg,
.header-index__nav-icon img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .header-index__nav-icon svg,
    .header-index__nav-icon img {
        width: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-icon svg,
    .header-index__nav-icon img {
        width: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-icon svg,
    .header-index__nav-icon img {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .header-index__nav-icon svg,
    .header-index__nav-icon img {
        height: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__nav-icon svg,
    .header-index__nav-icon img {
        height: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__nav-icon svg,
    .header-index__nav-icon img {
        height: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__nav-icon svg,
    .header-index__nav-icon img {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__nav-icon svg path {
        fill: var(--color-golden);
    }
}

.header-index__contacts-item:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 1240px) {
    .header-index__contacts-item:not(:last-child) {
        padding-right: 0;
        margin-right: 0;
        border: none;
    }
}

.header-index__contacts-link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    color: var(--color-text);
}
@media (min-width: 1920px) {
    .header-index__contacts-link {
        grid-gap: 10px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__contacts-link {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__contacts-link {
        grid-gap: 5px;
    }
}
@media (min-width: 1920px) {
    .header-index__contacts-link {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__contacts-link {
        font-size: calc(
                14px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__contacts-link {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__contacts-link {
        font-size: 18px;
        font-weight: 600;
        grid-gap: 10px;
    }
}
.header-index__contacts-link svg,
.header-index__contacts-link img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .header-index__contacts-link svg,
    .header-index__contacts-link img {
        width: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__contacts-link svg,
    .header-index__contacts-link img {
        width: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__contacts-link svg,
    .header-index__contacts-link img {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .header-index__contacts-link svg,
    .header-index__contacts-link img {
        height: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__contacts-link svg,
    .header-index__contacts-link img {
        height: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__contacts-link svg,
    .header-index__contacts-link img {
        height: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__contacts-link svg,
    .header-index__contacts-link img {
        width: 20px;
        height: 20px;
    }
}
@media screen and (hover: hover) {
    .header-index__contacts-link:hover {
        color: var(--color-blue-primary);
    }
}
.header-index__contacts-link:active {
    opacity: 0.5;
}

.header-index__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .header-index__contacts {
        padding-left: 19px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__contacts {
        padding-left: calc(
                14px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__contacts {
        padding-left: 14px;
    }
}
@media (min-width: 1920px) {
    .header-index__contacts {
        padding-right: 19px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__contacts {
        padding-right: calc(
                14px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__contacts {
        padding-right: 14px;
    }
}
@media (min-width: 1920px) {
    .header-index__contacts {
        padding-top: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__contacts {
        padding-top: calc(
                7px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__contacts {
        padding-top: 7px;
    }
}
@media (min-width: 1920px) {
    .header-index__contacts {
        padding-bottom: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__contacts {
        padding-bottom: calc(
                7px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__contacts {
        padding-bottom: 7px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__contacts {
        gap: 20px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: none;
        padding: 0;
        border-radius: 0;
    }
}

.header-index__account {
    border-radius: 50px;
    padding: 4px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
    color: var(--color-white);
    background: var(--color-blue-primary);
    border: 1px solid transparent;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .header-index__account {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__account {
        font-size: calc(
                14px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__account {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .header-index__account {
        padding-left: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__account {
        padding-left: calc(
                12px + 12 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__account {
        padding-left: 12px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .header-index__account {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
    .header-index__account {
        font-size: calc(
                14px + 2 *
                (((100vw - 360px)) / ((920)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .header-index__account {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .header-index__account {
        padding-left: 24px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
    .header-index__account {
        padding-left: calc(
                12px + 12 *
                (((100vw - 360px)) / ((920)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .header-index__account {
        padding-left: 12px;
    }
}
@media screen and (hover: hover) {
    .header-index__account:hover {
        background: transparent;
        color: var(--color-blue-primary);
        border-color: var(--color-blue-primary);
    }
    .header-index__account:hover .header-index__account-icon {
        background: var(--color-blue-primary);
    }
}
.header-index__account:active {
    opacity: 0.5;
}

.header-index__account-icon {
    border-radius: 50%;
    background: var(--color-white-40);
    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;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .header-index__account-icon {
        width: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__account-icon {
        width: calc(
                24px + 16 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__account-icon {
        width: 24px;
    }
}
@media (min-width: 1920px) {
    .header-index__account-icon {
        height: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__account-icon {
        height: calc(
                24px + 16 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__account-icon {
        height: 24px;
    }
}
.header-index__account-icon svg,
.header-index__account-icon img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        width: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        width: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        height: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        height: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        height: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        width: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        width: calc(
                14px + 4 *
                (((100vw - 360px)) / ((920)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        width: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        height: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        height: calc(
                14px + 4 *
                (((100vw - 360px)) / ((920)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .header-index__account-icon svg,
    .header-index__account-icon img {
        height: 14px;
    }
}

.header-index__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.header-index__burger {
    display: none;
}
@media screen and (max-width: 1240px) {
    .header-index__burger {
        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;
        border-radius: 50%;
        border: 1px solid var(--color-border-gray);
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .header-index__burger {
        width: 44px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .header-index__burger {
        width: calc(
                33px + 11 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .header-index__burger {
        width: 33px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .header-index__burger {
        height: 44px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .header-index__burger {
        height: calc(
                33px + 11 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .header-index__burger {
        height: 33px;
    }
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar2 {
    left: 0px;
    width: 100%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar3 {
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar4 {
    background-color: transparent;
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar5 {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    background-color: transparent;
}
.header-index__burger .header-index__burger-inner {
    position: relative;
}
@media (min-width: 1240px) {
    .header-index__burger .header-index__burger-inner {
        width: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1240px) {
    .header-index__burger .header-index__burger-inner {
        width: calc(
                15px + 3 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media (max-width: 360px) {
    .header-index__burger .header-index__burger-inner {
        width: 15px;
    }
}
@media (min-width: 1240px) {
    .header-index__burger .header-index__burger-inner {
        height: 14px;
    }
}
@media (min-width: 360px) and (max-width: 1240px) {
    .header-index__burger .header-index__burger-inner {
        height: calc(
                10px + 4 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media (max-width: 360px) {
    .header-index__burger .header-index__burger-inner {
        height: 10px;
    }
}
.header-index__burger .header-index__burger-bar {
    padding: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-blue-primary);
    display: block;
    border-radius: 4px;
    -webkit-transition: var(--duration-hover), -webkit-transform var(--duration-hover) 0.3s;
    transition: var(--duration-hover), -webkit-transform var(--duration-hover) 0.3s;
    -o-transition: var(--duration-hover), transform var(--duration-hover) 0.3s;
    transition: var(--duration-hover), transform var(--duration-hover) 0.3s;
    transition: var(--duration-hover), transform var(--duration-hover) 0.3s, -webkit-transform var(--duration-hover) 0.3s;
    position: absolute;
    border-radius: 10px;
}
.header-index__burger .header-index__burger-bar1 {
    top: 0;
}
.header-index__burger .header-index__burger-bar2 {
    width: 0px;
    left: 13.5px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
.header-index__burger .header-index__burger-bar3 {
    width: 0px;
    left: 13.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header-index__burger .header-index__burger-bar4 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header-index__burger .header-index__burger-bar5 {
    bottom: 0;
}

.header-index__subnav-list {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--color-gray-background);
    border-radius: 25px;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    padding: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .header-index__subnav-list {
        max-height: 500px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__subnav-list {
        max-height: calc(
                400px + 100 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__subnav-list {
        max-height: 400px;
    }
}
@media (min-width: 1920px) {
    .header-index__subnav-list {
        width: 400px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__subnav-list {
        width: calc(
                350px + 50 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__subnav-list {
        width: 350px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__subnav-list {
        opacity: 1;
        position: static;
        top: 0;
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        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: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 15px;
        background: transparent;
        padding: 0;
        border-radius: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        visibility: visible;
    }
    .header-index__subnav-list.is-active {
        max-height: 1000px;
        margin-top: 20px;
    }
}

.header-index__subnav-link {
    font-weight: 600;
    display: block;
    color: var(--color-steel-blue);
    border-radius: 100px;
}
@media (min-width: 1920px) {
    .header-index__subnav-link {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__subnav-link {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__subnav-link {
        font-size: 16px;
    }
}
@media (min-width: 1920px) {
    .header-index__subnav-link {
        padding-top: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__subnav-link {
        padding-top: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__subnav-link {
        padding-top: 10px;
    }
}
@media (min-width: 1920px) {
    .header-index__subnav-link {
        padding-bottom: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__subnav-link {
        padding-bottom: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__subnav-link {
        padding-bottom: 10px;
    }
}
@media (min-width: 1920px) {
    .header-index__subnav-link {
        padding-left: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__subnav-link {
        padding-left: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__subnav-link {
        padding-left: 15px;
    }
}
@media (min-width: 1920px) {
    .header-index__subnav-link {
        padding-right: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .header-index__subnav-link {
        padding-right: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .header-index__subnav-link {
        padding-right: 15px;
    }
}
@media screen and (max-width: 1240px) {
    .header-index__subnav-link {
        padding: 0;
        color: var(--color-blue-primary);
    }
}
@media screen and (hover: hover) {
    .header-index__subnav-link:hover {
        color: var(--color-text);
        background: var(--color-light-periwinkle-40);
    }
}
.header-index__subnav-link:active {
    color: var(--color-white);
    background: var(--color-blue-primary);
}

.header__manager-container {
    background: var(--color-light-steel-blue);
    gap: 10px;
    padding: 8px 12px;
    border-radius: 12px;
}
@media screen and (max-width: 1440px) {
    .header__manager-container {
        padding: 6px 10px;
    }
}
@media screen and (max-width: 767px) {
    .header__manager-container {
        padding: 6px;
    }
}
@media screen and (max-width: 992px) {
    .header__manager-time {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .header__manager-exet {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 767px) {
    .header__manager-name {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .header__manager-img {
        width: 20px;
        height: 20px;
    }
}

.header__agent {
    z-index: 4;
}
.header__agent-section {
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .header__agent-section {
        gap: 15px;
    }
}
.header__agent-logo {
    margin-left: 0;
    margin-right: auto;
}
.header__agent-quest {
    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;
    padding: 12px 16px 12px 10px;
    gap: 10px;
    border: 1px solid var(--color-light-blue);
    border-radius: 50px;
    fill: var(--color-swiper-arrow);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--color-dark-navy);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .header__agent-quest:hover {
        color: var(--color-ghost-white);
    }
}
.header__agent-quest:focus-visible {
    color: var(--color-ghost-white);
}
.header__agent-quest:active {
    color: var(--color-ghost-white);
}
@media (hover: hover) {
    .header__agent-quest:hover {
        fill: var(--color-ghost-white);
    }
}
.header__agent-quest:focus-visible {
    fill: var(--color-ghost-white);
}
.header__agent-quest:active {
    fill: var(--color-ghost-white);
}
@media (hover: hover) {
    .header__agent-quest:hover {
        border-color: var(--color-blue-primary);
    }
}
.header__agent-quest:focus-visible {
    border-color: var(--color-blue-primary);
}
.header__agent-quest:active {
    border-color: var(--color-blue-primary);
}
@media (hover: hover) {
    .header__agent-quest:hover {
        background: var(--color-blue-primary);
    }
}
.header__agent-quest:focus-visible {
    background: var(--color-blue-primary);
}
.header__agent-quest:active {
    background: var(--color-blue-primary);
}
.header__agent-quest.-is-active {
    fill: var(--color-ghost-white);
    color: var(--color-ghost-white);
    background: var(--color-blue-primary);
    border-color: var(--color-blue-primary);
}
@media screen and (max-width: 1680px) {
    .header__agent-quest {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .header__agent-quest {
        display: none;
    }
}
.header__agent-quest svg,
.header__agent-quest img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .header__agent-quest svg,
    .header__agent-quest img {
        width: 20px;
        height: 20px;
    }
}
.header__agent-wrapp {
    padding: 8px 12px;
    gap: 10px;
    background: var(--color-light-steel-blue);
    border-radius: 12px;
}
@media screen and (max-width: 1680px) {
    .header__agent-wrapp {
        padding: 6px 10px;
    }
}
@media screen and (max-width: 767px) {
    .header__agent-wrapp {
        background: none;
        padding: 0;
        gap: 15px;
    }
}
.header__agent-list {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding-top: 24px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media screen and (max-width: 767px) {
    .header__agent-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (max-width: 767px) {
    .header__agent-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 24px;
        width: 100%;
        max-width: 262px;
        height: calc(100dvh - 69px);
        background: var(--color-light-steel-blue);
        top: 69px;
        left: auto;
        right: 0;
        overflow: auto;
        -webkit-transform: translateX(150%);
        -ms-transform: translateX(150%);
        transform: translateX(150%);
    }
}
@media screen and (max-width: 767px) {
    .header__agent-user {
        padding: 8px;
        border-radius: 12px;
        border: 1px solid var(--color-border-gray);
    }
}
.header__agent-link {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
.header__agent-link.-is-exet {
    color: var(--color-red);
}
.header__agent-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 40px;
    height: 40px;
    background: var(--color-light-periwinkle-40);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0);
    fill: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.header__agent-btn img,
.header__agent-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .header__agent-btn:hover {
        border-color: var(--color-blue-primary);
    }
}
.header__agent-btn:focus-visible {
    border-color: var(--color-blue-primary);
}
.header__agent-btn:active {
    border-color: #ffffff;
}
@media (hover: hover) {
    .header__agent-btn:hover {
        background: var(--color-light-periwinkle-40);
    }
}
.header__agent-btn:focus-visible {
    background: var(--color-light-periwinkle-40);
}
.header__agent-btn:active {
    background: #ffffff;
}
@media (hover: hover) {
    .header__agent-btn:hover {
        fill: var(--color-blue-primary);
    }
}
.header__agent-btn:focus-visible {
    fill: var(--color-blue-primary);
}
.header__agent-btn:active {
    fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .header__agent-btn {
        width: 36px;
        height: 36px;
    }
}
@media screen and (max-width: 1240px) {
    .header__agent-btn {
        border-radius: 8px;
    }
}
@media screen and (max-width: 767px) {
    .header__agent-btn {
        display: none;
    }
}
.header__agent-btn img,
.header__agent-btn svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
.header__agent-exet {
    width: 40px;
    height: 40px;
    border-radius: 8px;
}
@media screen and (max-width: 1680px) {
    .header__agent-exet {
        width: 36px;
        height: 36px;
    }
}
@media screen and (max-width: 1240px) {
    .header__agent-exet {
        border-radius: 8px;
    }
}
@media screen and (max-width: 767px) {
    .header__agent-exet {
        display: none;
    }
}
.header__agent-open {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 36px;
    height: 36px;
    background: var(--color-light-periwinkle-40);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0);
    fill: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    position: relative;
    display: none;
}
.header__agent-open img,
.header__agent-open svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .header__agent-open:hover {
        border-color: var(--color-blue-primary);
    }
}
.header__agent-open:focus-visible {
    border-color: var(--color-blue-primary);
}
.header__agent-open:active {
    border-color: #ffffff;
}
@media (hover: hover) {
    .header__agent-open:hover {
        background: var(--color-light-periwinkle-40);
    }
}
.header__agent-open:focus-visible {
    background: var(--color-light-periwinkle-40);
}
.header__agent-open:active {
    background: #ffffff;
}
@media (hover: hover) {
    .header__agent-open:hover {
        fill: var(--color-blue-primary);
    }
}
.header__agent-open:focus-visible {
    fill: var(--color-blue-primary);
}
.header__agent-open:active {
    fill: #bcbcbc;
}
.header__agent-open::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../assets/img/images/menu.svg") no-repeat center center/contain;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.header__agent-open.-is-active::after {
    background: url("../../assets/img/images/cancel-circle.svg") no-repeat center center/contain;
}
.header__agent-open img,
.header__agent-open svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 767px) {
    .header__agent-open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header__coin {
    position: relative;
}
.header__coin-btn {
    padding: 4px 8px;
    gap: 6px;
    position: relative;
    background: rgba(255, 208, 0, 0.3);
    border: 1px solid #FFD000;
    border-radius: 12px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .header__coin-btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .header__coin-btn {
        margin-right: 15px;
    }
    .header__coin-btn::after {
        content: "";
        width: 1px;
        height: 30px;
        position: absolute;
        top: 50%;
        right: -15px;
        background: var(--color-border-gray);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.header__coin-btn img,
.header__coin-btn svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
.header__coin-message {
    display: none;
    position: absolute;
    top: 105%;
    right: -30px;
    padding: 8px 12px;
    background: var(--bg-cn);
    -webkit-box-shadow: var(--shadow-bl);
    box-shadow: var(--shadow-bl);
    border-radius: 12px;
    width: 393px;
}
@media (max-width: 470.99px) {
    .header__coin-message {
        width: 300px;
    }
}
.header__coin-message:hover {
    display: block;
}
.header__coin:hover .header__coin-message {
    display: block;
}
.header__coin-list + .header__coin-list, .header__coin-list + .header__coin-title {
    padding-top: 30px;
}
.header__coin-inner, .header__coin-title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
.header__coin-title {
    font-weight: 700;
}

.header__senior {
    position: relative;
    -webkit-box-shadow: var(--shadow-primary);
    box-shadow: var(--shadow-primary);
}
.header__senior-open {
    margin-left: 15px;
    width: 40px;
    height: 40px;
}
@media screen and (max-width: 1240px) {
    .header__senior-open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (max-width: 767px) {
    .header__senior-open {
        margin-left: 12px;
        width: 36px;
        height: 36px;
    }
}

.field__wrapp-title {
    padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .field__wrapp-title {
        padding-bottom: 5px;
    }
}

.field__wrapp-container {
    position: relative;
}

.field-date,
.input-new,
.field-input,
.field-textarea,
.textarea-new {
    border-radius: 16px;
    background: #e7ecf3;
    border: 1px solid #d9e2ec;
    width: 100%;
    min-height: 48px;
    padding: 14px 12px;
    border: none;
    outline: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-base);
    color: #102a43;
    border-radius: 12px;
}
.field-date:focus-visible,
.input-new:focus-visible,
.field-input:focus-visible,
.field-textarea:focus-visible,
.textarea-new:focus-visible {
    border-color: var(--color-blue-primary);
}
@media screen and (max-width: 1680px) {
    .field-date,
    .input-new,
    .field-input,
    .field-textarea,
    .textarea-new {
        font-size: 16px;
        padding: 12px;
        min-height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .field-date,
    .input-new,
    .field-input,
    .field-textarea,
    .textarea-new {
        min-height: 36px;
        font-size: 14px;
        padding: 8px;
        border-radius: 8px;
    }
}
.field-date::-webkit-input-placeholder, .input-new::-webkit-input-placeholder, .field-input::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder, .textarea-new::-webkit-input-placeholder {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: #829ab1;
}
.field-date::-moz-placeholder, .input-new::-moz-placeholder, .field-input::-moz-placeholder, .field-textarea::-moz-placeholder, .textarea-new::-moz-placeholder {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: #829ab1;
}
.field-date:-ms-input-placeholder, .input-new:-ms-input-placeholder, .field-input:-ms-input-placeholder, .field-textarea:-ms-input-placeholder, .textarea-new:-ms-input-placeholder {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: #829ab1;
}
.field-date::-ms-input-placeholder, .input-new::-ms-input-placeholder, .field-input::-ms-input-placeholder, .field-textarea::-ms-input-placeholder, .textarea-new::-ms-input-placeholder {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: #829ab1;
}
.field-date::placeholder,
.input-new::placeholder,
.field-input::placeholder,
.field-textarea::placeholder,
.textarea-new::placeholder {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    color: #829ab1;
}
@media screen and (max-width: 1680px) {
    .field-date::-webkit-input-placeholder, .input-new::-webkit-input-placeholder, .field-input::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder, .textarea-new::-webkit-input-placeholder {
        font-size: 16px;
    }
    .field-date::-moz-placeholder, .input-new::-moz-placeholder, .field-input::-moz-placeholder, .field-textarea::-moz-placeholder, .textarea-new::-moz-placeholder {
        font-size: 16px;
    }
    .field-date:-ms-input-placeholder, .input-new:-ms-input-placeholder, .field-input:-ms-input-placeholder, .field-textarea:-ms-input-placeholder, .textarea-new:-ms-input-placeholder {
        font-size: 16px;
    }
    .field-date::-ms-input-placeholder, .input-new::-ms-input-placeholder, .field-input::-ms-input-placeholder, .field-textarea::-ms-input-placeholder, .textarea-new::-ms-input-placeholder {
        font-size: 16px;
    }
    .field-date::placeholder,
    .input-new::placeholder,
    .field-input::placeholder,
    .field-textarea::placeholder,
    .textarea-new::placeholder {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .field-date::-webkit-input-placeholder, .input-new::-webkit-input-placeholder, .field-input::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder, .textarea-new::-webkit-input-placeholder {
        font-size: 14px;
    }
    .field-date::-moz-placeholder, .input-new::-moz-placeholder, .field-input::-moz-placeholder, .field-textarea::-moz-placeholder, .textarea-new::-moz-placeholder {
        font-size: 14px;
    }
    .field-date:-ms-input-placeholder, .input-new:-ms-input-placeholder, .field-input:-ms-input-placeholder, .field-textarea:-ms-input-placeholder, .textarea-new:-ms-input-placeholder {
        font-size: 14px;
    }
    .field-date::-ms-input-placeholder, .input-new::-ms-input-placeholder, .field-input::-ms-input-placeholder, .field-textarea::-ms-input-placeholder, .textarea-new::-ms-input-placeholder {
        font-size: 14px;
    }
    .field-date::placeholder,
    .input-new::placeholder,
    .field-input::placeholder,
    .field-textarea::placeholder,
    .textarea-new::placeholder {
        font-size: 14px;
    }
}

.field-input,
.field-textarea {
    font-weight: 500;
    color: #102a43;
    border: 1px solid #d9e2ec;
    font-family: var(--font-primary);
    letter-spacing: 0.28px;
}
.field-input::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder {
    font-weight: 500;
    color: #829ab1;
    font-family: var(--font-primary);
    letter-spacing: 0.28px;
}
.field-input::-moz-placeholder, .field-textarea::-moz-placeholder {
    font-weight: 500;
    color: #829ab1;
    font-family: var(--font-primary);
    letter-spacing: 0.28px;
}
.field-input:-ms-input-placeholder, .field-textarea:-ms-input-placeholder {
    font-weight: 500;
    color: #829ab1;
    font-family: var(--font-primary);
    letter-spacing: 0.28px;
}
.field-input::-ms-input-placeholder, .field-textarea::-ms-input-placeholder {
    font-weight: 500;
    color: #829ab1;
    font-family: var(--font-primary);
    letter-spacing: 0.28px;
}
.field-input::placeholder,
.field-textarea::placeholder {
    font-weight: 500;
    color: #829ab1;
    font-family: var(--font-primary);
    letter-spacing: 0.28px;
}

.input__wrapp-text {
    margin-top: 8px;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: 600;
    line-height: var(--line-height-base);
    color: var(--color-middle-blue);
}
@media screen and (max-width: 767px) {
    .input__wrapp-text {
        font-size: 12px;
    }
}

.field-textarea {
    min-height: 180px;
    resize: none;
}
@media (max-width: 1680px) {
    .field-textarea {
        min-height: 90px;
    }
}
@media (max-width: 1240px) {
    .field-textarea {
        min-height: 105px;
    }
}
@media (max-width: 767px) {
    .field-textarea {
        min-height: 120px;
    }
}

.srch-btn {
    width: 24px;
    height: 24px;
    fill: #486581;
}
@media screen and (max-width: 1680px) {
    .srch-btn {
        width: 20px;
        height: 20px;
    }
}

.field-input.search-input {
    padding-right: 50px;
}

.field-date {
    background: url("../../assets/img/new-page/icons/date.svg") no-repeat center right 12px/contain, #e7ecf3 !important;
    background-size: 24px 24px !important;
}
@media screen and (max-width: 1680px) {
    .field-date {
        background-size: 20px 20px !important;
    }
}
.field-date::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

input[type=date] {
    background: url("../../assets/img/new-page/icons/date.svg") no-repeat center right 20px/contain;
    background-size: 24px 24px;
}
@media screen and (max-width: 1680px) {
    input[type=date] {
        background-size: 20px 20px;
    }
}
input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

.input-angle__title {
    font-weight: 500;
    color: var(--color-text);
    letter-spacing: 0.02em;
    line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
    .input-angle__title {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-angle__title {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-angle__title {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .input-angle__title {
        margin-bottom: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-angle__title {
        margin-bottom: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-angle__title {
        margin-bottom: 5px;
    }
}

.input-angle {
    position: relative;
}

.input-angle__field {
    color: var(--color-text);
    border-radius: 50px;
    outline: none;
    width: 100%;
    font-style: normal;
    line-height: var(--line-height-text);
    background: var(--color-background);
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .input-angle__field {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-angle__field {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-angle__field {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .input-angle__field {
        padding-top: 11px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-angle__field {
        padding-top: calc(
                8px + 3 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-angle__field {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .input-angle__field {
        padding-bottom: 11px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-angle__field {
        padding-bottom: calc(
                8px + 3 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-angle__field {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .input-angle__field {
        padding-left: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-angle__field {
        padding-left: calc(
                14px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-angle__field {
        padding-left: 14px;
    }
}
@media (min-width: 1920px) {
    .input-angle__field {
        padding-right: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-angle__field {
        padding-right: calc(
                14px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-angle__field {
        padding-right: 14px;
    }
}
@media (min-width: 1920px) {
    .input-angle__field {
        min-height: 48px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-angle__field {
        min-height: calc(
                36px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-angle__field {
        min-height: 36px;
    }
}
.input-angle__field::-webkit-input-placeholder {
    color: var(--color-middle-blue);
}
.input-angle__field::-moz-placeholder {
    color: var(--color-middle-blue);
}
.input-angle__field:-ms-input-placeholder {
    color: var(--color-middle-blue);
}
.input-angle__field::-ms-input-placeholder {
    color: var(--color-middle-blue);
}
.input-angle__field::placeholder {
    color: var(--color-middle-blue);
}
@media screen and (hover: hover) {
    .input-angle__field:hover {
        border-color: var(--color-middle-blue);
    }
}
.input-angle__field:focus {
    border-color: var(--color-text);
}

.search-field {
    position: relative;
}

@media (min-width: 1920px) {
    .search-field__input {
        padding-right: 56px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .search-field__input {
        padding-right: calc(
                48px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .search-field__input {
        padding-right: 48px;
    }
}

.search-submit {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width: 1920px) {
    .search-submit {
        right: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .search-submit {
        right: calc(
                12px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .search-submit {
        right: 12px;
    }
}
@media (min-width: 1920px) {
    .search-submit {
        width: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .search-submit {
        width: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .search-submit {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .search-submit {
        height: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .search-submit {
        height: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .search-submit {
        height: 20px;
    }
}
@media screen and (hover: hover) {
    .search-submit:hover {
        -webkit-transform: translateY(-50%) scale(1.1);
        -ms-transform: translateY(-50%) scale(1.1);
        transform: translateY(-50%) scale(1.1);
    }
}
.search-submit:active {
    opacity: 0.5;
}
.search-submit svg,
.search-submit img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.input-angle__counter {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
}

.js-counter-btn svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .js-counter-btn svg {
        width: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .js-counter-btn svg {
        width: calc(
                12px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .js-counter-btn svg {
        width: 12px;
    }
}
@media (min-width: 1920px) {
    .js-counter-btn svg {
        height: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .js-counter-btn svg {
        height: calc(
                12px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .js-counter-btn svg {
        height: 12px;
    }
}
.js-counter-btn._disabled {
    opacity: 0.5;
}

.input-err {
    color: var(--color-red);
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .input-err {
        font-size: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-err {
        font-size: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-err {
        font-size: 12px;
    }
}
@media (min-width: 1920px) {
    .input-err {
        padding-top: 8px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .input-err {
        padding-top: calc(
                4px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .input-err {
        padding-top: 4px;
    }
}

.select {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.select.is-active .select-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.select.is-active .select__header {
    border-radius: 16px 16px 0 0;
}
@media (max-width: 1240px) {
    .select.is-active .select__header {
        border-radius: 12px 12px 0 0;
    }
}

.select.is-active .select__body {
    display: block;
    -webkit-box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
}

.select__header {
    width: 100%;
    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;
    width: 100%;
    min-height: 46px;
    padding: 14px 16px;
    gap: 10px;
    background: #f3f6fb;
    border-radius: 16px;
}
.select__header .select-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1240px) {
    .select__header .select-arrow {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .select__header .select-arrow {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 1680px) {
    .select__header {
        padding: 14px;
        min-height: 44px;
    }
}
@media (max-width: 1240px) {
    .select__header {
        border-radius: 12px;
        min-height: 40px;
    }
}
@media (max-width: 767px) {
    .select__header {
        padding: 12px 18px;
    }
}

.select__body-wrapp {
    gap: var(--spacing-2);
    padding-right: 8px;
}

.select__body {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 10;
    background: #f3f6fb;
    border-radius: 0 0 16px 16px;
    padding: 0 8px 16px 16px;
    overflow: hidden;
}
@media (max-width: 1240px) {
    .select__body {
        border-radius: 0 0 12px 12px;
        padding: 0 7px 12px 14px;
    }
}
@media (max-width: 767px) {
    .select__body {
        padding: 0 9px 12px 18px;
    }
}

.select__item {
    cursor: pointer;
}

.select__current {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
    opacity: 0.6;
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 1680px) {
    .select__current {
        font-size: 14px;
        line-height: 110%;
    }
}
@media (max-width: 767px) {
    .select__current {
        font-size: 12px;
    }
}

.select__current.selected {
    opacity: 1;
}

.select__label {
    display: block;
    position: relative;
    cursor: pointer;
}

.select__label-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.select__item {
    padding: 12px 20px;
    display: block;
    min-height: 42px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #181830;
    transition: 0.4s;
}
@media (max-width: 1680px) {
    .select__item {
        padding: 12px 16px;
        min-height: 39px;
        font-size: 14px;
        line-height: 110%;
    }
}
@media (max-width: 1240px) {
    .select__item {
        padding: 10px 14px;
        min-height: 33px;
        line-height: 110%;
    }
}
@media (max-width: 767px) {
    .select__item {
        font-size: 12px;
    }
}
@media (hover: hover) {
    .select__item:hover {
        color: #6b6ee8;
    }
}
@media (hover: none) {
    .select__item:active {
        color: #6b6ee8;
    }
}

input:checked ~ .select__item {
    color: #6b6ee8;
    background: rgba(107, 110, 232, 0.1);
}

.select__body-wrapp {
    overflow: auto;
    max-height: 135px;
}
@media (max-width: 1680px) {
    .select__body-wrapp {
        max-height: 120px;
    }
}
@media (max-width: 1240px) {
    .select__body-wrapp {
        max-height: 100px;
    }
}
.select-container-title {
    padding-bottom: 4px;
    padding-left: 16px;
    font-weight: 300;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .select-container-title {
        font-size: 12px;
    }
}

.select__header.search__wrapp {
    padding: 0;
}
.select__header.search__wrapp input {
    height: 100%;
    min-height: 0;
}

.select__body-white {
    background: #ffffff;
    -webkit-box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
    padding-top: 5px;
}
.select__body-white .select__body-wrapp {
    max-height: 170px;
}
@media (max-width: 1680px) {
    .select__body-white .select__body-wrapp {
        max-height: 165px;
    }
}
@media (max-width: 1240px) {
    .select__body-white .select__body-wrapp {
        max-height: 140px;
    }
}
@media (max-width: 767px) {
    .select__body-white .select__body-wrapp {
        max-height: 115px;
    }
}

.select__body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 15px;
    padding-top: 15px;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}
@media (max-width: 1680px) {
    .select__body-row {
        gap: 12px;
    }
}
@media (max-width: 767px) {
    .select__body-row {
        padding-top: 12px;
        gap: 8px;
    }
}
@media (max-width: 572px) {
    .select__body-row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.select__body-row button {
    min-width: 120px;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 1680px) {
    .select__body-row button {
        min-width: 140px;
    }
}
@media (max-width: 572px) {
    .select__body-row button {
        min-width: 0;
        width: 100%;
    }
}

.select .input-error {
    padding-left: 0;
    padding-top: 4px;
    padding-bottom: 25px;
}
@media (max-width: 1680px) {
    .select .input-error {
        padding-bottom: 20px;
    }
}
@media (max-width: 1240px) {
    .select .input-error {
        padding-bottom: 18px;
    }
}
@media (max-width: 767px) {
    .select .input-error {
        padding-bottom: 12px;
    }
}

.select.is-active .search__wrapp {
    border-radius: 16px;
}
@media (max-width: 1240px) {
    .select.is-active .search__wrapp {
        border-radius: 12px;
    }
}

.select__label-check {
    width: 100%;
    display: block;
}

.select__check-title.label-check-span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 40px 12px 12px;
    min-height: 48px;
    border-radius: 8px;
    background: #f3f6fb;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    color: #181830;
}
@media (max-width: 1680px) {
    .select__check-title.label-check-span {
        font-size: 14px;
        min-height: 44px;
        padding-top: 14px;
        padding-bottom: 14px;
    }
}
@media (max-width: 1240px) {
    .select__check-title.label-check-span {
        min-height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .select__check-title.label-check-span {
        min-height: 36px;
        font-size: 12px;
        padding-top: 11px;
        padding-bottom: 11px;
    }
}
.select__check-title.label-check-span::after, .select__check-title.label-check-span::before {
    left: auto;
    right: 12px;
    top: 12px;
    -webkit-transform: translate(0%);
    -ms-transform: translate(0%);
    transform: translate(0%);
}
@media screen and (max-width: 1680px) {
    .select__check-title.label-check-span::after, .select__check-title.label-check-span::before {
        top: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .select__check-title.label-check-span::after, .select__check-title.label-check-span::before {
        top: 10px;
    }
}

.select__body-date {
    background: #ffffff;
    padding: 24px;
    width: 422px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 24px;
}
@media (max-width: 1680px) {
    .select__body-date {
        width: 410px;
        padding: 20px;
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .select__body-date {
        width: 360px;
        padding: 18px;
        border-radius: 18px;
    }
}
@media (max-width: 370px) {
    .select__body-date {
        width: 350px;
        padding: 15px;
    }
}

.select-date.is-active .select__body-date {
    border-radius: 24px;
}
@media (max-width: 1680px) {
    .select-date.is-active .select__body-date {
        border-radius: 20px;
    }
}
@media (max-width: 1240px) {
    .select-date.is-active .select__body-date {
        border-radius: 18px;
    }
}
.select-date.is-active .select__header {
    border-radius: 16px;
}
@media (max-width: 1240px) {
    .select-date.is-active .select__header {
        border-radius: 12px;
    }
}

.select-icon-date {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1240px) {
    .select-icon-date {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 767px) {
    .select-icon-date {
        width: 16px;
        height: 16px;
    }
}

.select__body-date-footer {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.selected-button {
    min-width: 0 !important;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.selected-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 8px 12px;
}

.selected-body {
    background: #e7ecf3;
    padding: 0;
    border: 1px solid #d9e2ec;
    border-radius: 0 0 12px 12px;
}

.selected__header {
    background: #e7ecf3;
    border: 1px solid #d9e2ec;
    border-radius: 12px;
    min-height: 48px;
    padding: 12px;
}
@media screen and (max-width: 1680px) {
    .selected__header {
        min-height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .selected__header {
        padding: 8px;
        min-height: 40px;
        border-radius: 8px;
    }
}
.selected__header .select__current {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #829ab1;
    opacity: 1;
}
@media screen and (max-width: 1680px) {
    .selected__header .select__current {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .selected__header .select__current {
        font-size: 14px;
    }
}
.selected__header .select__current.selected {
    color: #102a43;
}
.selected__header .select__current .select-arrow {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .selected__header .select__current .select-arrow {
        width: 20px;
        height: 20px;
    }
}

.selected-body-wrapp {
    padding-right: 5px;
    max-height: 200px;
}
.selected-body-wrapp::-webkit-scrollbar-thumb {
    width: 6px;
    border-radius: 40px;
    background: #6b6ee8;
}
.selected-body-wrapp::-webkit-scrollbar {
    width: 6px;
    border-radius: 40px;
    background: none;
}
@-moz-document url-prefix() {
    .selected-body-wrapp {
        scrollbar-width: thin;
        scrollbar-color: #6b6ee8 rgba(0, 0, 0, 0);
    }
    .selected-body-wrapp::-webkit-scrollbar-thumb {
        width: 6px;
        background: #6b6ee8;
        border-radius: 40px;
    }
    .selected-body-wrapp::-webkit-scrollbar {
        width: 6px;
        background: none;
    }
    .selected-body-wrapp::-moz-scrollbar {
        width: 6px;
    }
    .selected-body-wrapp .scrollable-content::-moz-scrollbar-thumb {
        background: #6b6ee8;
        border-radius: 40px;
    }
}

.select.open-up .selected-body {
    top: auto;
    bottom: 110%;
}

.selected__check-tite {
    padding: 13px 12px 13px 46px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .selected__check-tite:hover {
        color: #102a43;
    }
}
.selected__check-tite:focus-visible {
    color: #102a43;
}
.selected__check-tite:active {
    color: #bcbcbc;
}
@media (hover: hover) {
    .selected__check-tite:hover {
        background: rgba(196, 198, 255, 0.4);
    }
}
.selected__check-tite:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.selected__check-tite:active {
    background: none;
}
@media screen and (max-width: 1680px) {
    .selected__check-tite {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .selected__check-tite {
        font-size: 14px;
        padding: 9px 12px 9px 42px;
    }
}
.selected__check-tite::after, .selected__check-tite::before {
    left: 12px;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url("../../assets/img/new-page/icons/square-new.svg") no-repeat center center/contain;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .selected__check-tite::after, .selected__check-tite::before {
        width: 20px;
        height: 20px;
    }
}
@media (hover: hover) {
    .selected__check-tite:hover::after {
        background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
    }
}
.selected__check-tite::before {
    background: url("../../assets/img/new-page/icons/checkid-new.svg") no-repeat center center/contain;
}

.selected__item {
    padding: 12;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .selected__item:hover {
        color: #102a43;
    }
}
.selected__item:focus-visible {
    color: #102a43;
}
.selected__item:active {
    color: #bcbcbc;
}
@media (hover: hover) {
    .selected__item:hover {
        background: rgba(196, 198, 255, 0.4);
    }
}
.selected__item:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.selected__item:active {
    background: none;
}
@media screen and (max-width: 1680px) {
    .selected__item {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .selected__item {
        padding: 10px 12px;
    }
}
@media screen and (max-width: 767px) {
    .selected__item {
        font-size: 14px;
        padding: 8px 12px;
    }
}

input:checked ~ .selected__item {
    color: #6b6ee8;
    background: none;
}

.select.open-up .select__body {
    top: auto;
    bottom: 100%;
}

.select-angle__header {
    background: var(--color-background);
    border-radius: 100px;
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .select-angle__header {
        padding-top: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .select-angle__header {
        padding-top: calc(
                8px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .select-angle__header {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .select-angle__header {
        padding-bottom: 11px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .select-angle__header {
        padding-bottom: calc(
                8px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .select-angle__header {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .select-angle__header {
        padding-left: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .select-angle__header {
        padding-left: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .select-angle__header {
        padding-left: 16px;
    }
}
@media (min-width: 1920px) {
    .select-angle__header {
        padding-right: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .select-angle__header {
        padding-right: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .select-angle__header {
        padding-right: 16px;
    }
}
@media (min-width: 1920px) {
    .select-angle__header {
        min-height: 48px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .select-angle__header {
        min-height: calc(
                36px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .select-angle__header {
        min-height: 36px;
    }
}
@media screen and (hover: hover) {
    .select-angle__header:hover {
        border-color: var(--color-middle-blue);
    }
}

.select-angle.is-active .select-angle__header {
    border-color: var(--color-text);
}

.select-angle__body {
    background: var(--color-background);
    border-radius: 0 0 12px 12px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    border: 1px solid var(--color-border-gray);
    border-top: none;
}

.select-angle__body-wrap {
    padding-right: 0;
}

.select-angle__item {
    color: var(--color-text);
    border-radius: 0;
    background: var(--color-background);
}
@media (min-width: 1920px) {
    .select-angle__item {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .select-angle__item {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .select-angle__item {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .select-angle__item {
        padding-top: 11px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .select-angle__item {
        padding-top: calc(
                8px + 3 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .select-angle__item {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .select-angle__item {
        padding-bottom: 11px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .select-angle__item {
        padding-bottom: calc(
                8px + 3 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .select-angle__item {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .select-angle__item {
        padding-left: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .select-angle__item {
        padding-left: calc(
                14px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .select-angle__item {
        padding-left: 14px;
    }
}
@media (min-width: 1920px) {
    .select-angle__item {
        padding-right: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .select-angle__item {
        padding-right: calc(
                14px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .select-angle__item {
        padding-right: 14px;
    }
}

.label-check {
    position: relative;
    display: block;
    cursor: pointer;
    display: inline-block;
}

.label-check-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: -11;
}

.label-checked-box,
.label-checked-span {
    position: relative;
    padding-left: 32px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-base);
    letter-spacing: 0.02em;
    color: #102a43;
    padding-left: 34px;
    display: block;
}
@media (min-width: 1920px) {
    .label-checked-box,
    .label-checked-span {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .label-checked-box,
    .label-checked-span {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .label-checked-box,
    .label-checked-span {
        font-size: 14px;
    }
}
@media screen and (max-width: 1680px) {
    .label-checked-box,
    .label-checked-span {
        padding-left: 28px;
    }
}
.label-checked-box::after, .label-checked-box::before,
.label-checked-span::after,
.label-checked-span::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 24px;
    height: 24px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: url("../../assets/img/new-page/icons/square-new.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
    .label-checked-box::after, .label-checked-box::before,
    .label-checked-span::after,
    .label-checked-span::before {
        width: 20px;
        height: 20px;
        top: 0;
    }
}
@media (hover: hover) {
    .label-checked-box:hover::after,
    .label-checked-span:hover::after {
        background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
    }
}
.label-checked-box::before,
.label-checked-span::before {
    background: url("../../assets/img/new-page/icons/checkid-new.svg") no-repeat center center/contain;
    opacity: 0;
}
.label-checked-box a,
.label-checked-span a {
    display: inline;
    color: var(--color-blue-primary);
}
@media screen and (hover: hover) {
    .label-checked-box a:hover,
    .label-checked-span a:hover {
        color: var(--color-golden);
    }
}
.label-checked-box a:active,
.label-checked-span a:active {
    opacity: 0.5;
}

.label-radio-span::after {
    background: url("../../assets/img/icon/circle.svg") no-repeat center center/contain;
}
.label-radio-span::before {
    background: url("../../assets/img/icon/circle-checkid.svg") no-repeat center center/contain;
}
@media (hover: hover) {
    .label-radio-span:hover::after {
        background: url("../../assets/img/icon/circle.svg") no-repeat center center/contain;
    }
}

input:checked ~ .label-checked-box::after,
input:checked ~ .label-checked-span::after {
    opacity: 0;
}
input:checked ~ .label-checked-box::before,
input:checked ~ .label-checked-span::before {
    opacity: 1;
}

input:indeterminate ~ .label-checked-span::after,
input:indeterminate ~ .label-checked-box::after {
    opacity: 0;
}
input:indeterminate ~ .label-checked-span::before,
input:indeterminate ~ .label-checked-box::before {
    background: url("../../assets/img/icon/line.svg") no-repeat center center/contain;
    opacity: 1;
}

input:indeterminate ~ .label-radio-span::before {
    background: url("../../assets/img/new-page/icons/checkid-indeterminate.svg") no-repeat center center/contain;
}

.label-checked-box {
    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;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
}
@media screen and (max-width: 1680px) {
    .label-checked-box {
        width: 20px;
        height: 20px;
    }
}
.label-checked-box::after, .label-checked-box::before {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tippy-box[data-theme~=tooltips] {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #102a43;
    border-radius: 12px;
    background: #E7E8FF;
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
}
.tippy-box[data-theme~=tooltips] .tippy-arrow {
    color: #E7E8FF;
}
.tippy-box[data-theme~=tooltips] .tippy-content {
    border-radius: 12px;
    padding: 8px 12px;
}

.snackbar {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 50;
    background: var(--color-background);
    display: -ms-grid;
    display: grid;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--duration-anim);
    -o-transition: var(--duration-anim);
    transition: var(--duration-anim);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
@media (min-width: 1920px) {
    .snackbar {
        padding: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar {
        padding: calc(
                12px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar {
        padding: 12px;
    }
}
@media (min-width: 1920px) {
    .snackbar {
        max-width: 572px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar {
        max-width: calc(
                300px + 272 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar {
        max-width: 300px;
    }
}
@media (min-width: 1920px) {
    .snackbar {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar {
        grid-gap: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar {
        grid-gap: 12px;
    }
}
@media (min-width: 1920px) {
    .snackbar {
        border-radius: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar {
        border-radius: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar {
        border-radius: 10px;
    }
}
.snackbar.is-active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.snackbar__head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
@media (min-width: 1920px) {
    .snackbar__head {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar__head {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar__head {
        grid-gap: 8px;
    }
}

@media (min-width: 1920px) {
    .snackbar__icon,
    .snackbar__close {
        width: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar__icon,
    .snackbar__close {
        width: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar__icon,
    .snackbar__close {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .snackbar__icon,
    .snackbar__close {
        height: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar__icon,
    .snackbar__close {
        height: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar__icon,
    .snackbar__close {
        height: 20px;
    }
}
.snackbar__icon svg,
.snackbar__close svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.snackbar__title {
    font-weight: 600;
    line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
    .snackbar__title {
        font-size: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar__title {
        font-size: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar__title {
        font-size: 16px;
    }
}

.snackbar__text {
    font-weight: 500;
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .snackbar__text {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .snackbar__text {
        font-size: calc(
                14px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .snackbar__text {
        font-size: 14px;
    }
}

@media screen and (max-width: 572.98px) {
    .accordion .-is-status-open {
        display: none;
    }
    .accordion .-is-status-hidden {
        display: block;
    }
    .accordion.is-active .-is-status-open {
        display: block;
    }
    .accordion.is-active .-is-status-hidden {
        display: none;
    }
}

.footer {
    background: var(--color-blue-primary);
    position: relative;
    z-index: 2;
}
.footer::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/footer-bg.svg") no-repeat center center/cover;
    z-index: -1;
}
@media screen and (max-width: 1240px) {
    .footer::before {
        background-image: url("../img/footer-bg-mobile.svg");
    }
}

.footer__inner {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .footer__inner {
        grid-gap: 60px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer__inner {
        grid-gap: calc(
                40px + 20 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer__inner {
        grid-gap: 40px;
    }
}
@media (min-width: 1920px) {
    .footer__inner {
        padding-top: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer__inner {
        padding-top: calc(
                30px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer__inner {
        padding-top: 30px;
    }
}
@media (min-width: 1920px) {
    .footer__inner {
        padding-bottom: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer__inner {
        padding-bottom: calc(
                30px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer__inner {
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
    .footer__inner {
        grid-gap: 40px;
    }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
    .footer__inner {
        grid-gap: calc(
                30px + 10 *
                (((100vw - 360px)) / ((632)))
        );
    }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
    .footer__inner {
        grid-gap: 30px;
    }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
    .footer__inner {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
    .footer__inner {
        padding-bottom: calc(
                24px + 16 *
                (((100vw - 360px)) / ((632)))
        );
    }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
    .footer__inner {
        padding-bottom: 24px;
    }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
    .footer__inner {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
    .footer__inner {
        padding-bottom: calc(
                24px + 16 *
                (((100vw - 360px)) / ((632)))
        );
    }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
    .footer__inner {
        padding-bottom: 24px;
    }
}

.footer__map {
    border-radius: 5px;
    width: 100%;
    overflow: hidden;
    background: var(--color-background);
}
@media (min-width: 1920px) {
    .footer__map {
        height: 385px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer__map {
        height: calc(
                293px + 92 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer__map {
        height: 293px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .footer__map {
        height: 385px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .footer__map {
        height: calc(
                176px + 209 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .footer__map {
        height: 176px;
    }
}
.footer__map iframe,
.footer__map div {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer__top {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
    .footer__top {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer__top {
        grid-gap: calc(
                24px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer__top {
        grid-gap: 24px;
    }
}
@media screen and (max-width: 1240px) {
    .footer__top {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.footer__logo {
    max-width: 100%;
}
@media (min-width: 1920px) {
    .footer__logo {
        height: 50px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer__logo {
        height: calc(
                42px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer__logo {
        height: 42px;
    }
}
@media screen and (max-width: 1240px) {
    .footer__logo {
        height: 50px;
    }
}
.footer__logo img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__info,
.footer-content {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .footer__info,
    .footer-content {
        grid-gap: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer__info,
    .footer-content {
        grid-gap: calc(
                20px + 20 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer__info,
    .footer-content {
        grid-gap: 20px;
    }
}

.footer-content__info {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .footer-content__info {
        grid-gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-content__info {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-content__info {
        grid-gap: 10px;
    }
}

.footer__title {
    font-weight: 700;
    color: var(--color-white);
}
@media (min-width: 1920px) {
    .footer__title {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer__title {
        font-size: calc(
                16px + 2 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer__title {
        font-size: 16px;
    }
}

.footer-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1920px) {
    .footer-contacts {
        gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-contacts {
        gap: calc(
                10px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-contacts {
        gap: 10px;
    }
}

.footer-contacts__link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    border-radius: 30px;
    background: var(--color-white);
    color: var(--color-text);
    font-weight: 500;
    border: 1px solid var(--color-border-light);
}
@media (min-width: 1920px) {
    .footer-contacts__link {
        padding-top: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-contacts__link {
        padding-top: calc(
                9px + 6 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-contacts__link {
        padding-top: 9px;
    }
}
@media (min-width: 1920px) {
    .footer-contacts__link {
        padding-bottom: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-contacts__link {
        padding-bottom: calc(
                9px + 6 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-contacts__link {
        padding-bottom: 9px;
    }
}
@media (min-width: 1920px) {
    .footer-contacts__link {
        padding-left: 25px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-contacts__link {
        padding-left: calc(
                19px + 6 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-contacts__link {
        padding-left: 19px;
    }
}
@media (min-width: 1920px) {
    .footer-contacts__link {
        padding-right: 25px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-contacts__link {
        padding-right: calc(
                19px + 6 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-contacts__link {
        padding-right: 19px;
    }
}
@media (min-width: 1920px) {
    .footer-contacts__link {
        grid-gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-contacts__link {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-contacts__link {
        grid-gap: 5px;
    }
}
@media (min-width: 1920px) {
    .footer-contacts__link {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-contacts__link {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-contacts__link {
        font-size: 14px;
    }
}
.footer-contacts__link span {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.footer-contacts__link svg,
.footer-contacts__link img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .footer-contacts__link svg,
    .footer-contacts__link img {
        width: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-contacts__link svg,
    .footer-contacts__link img {
        width: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-contacts__link svg,
    .footer-contacts__link img {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .footer-contacts__link svg,
    .footer-contacts__link img {
        height: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-contacts__link svg,
    .footer-contacts__link img {
        height: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-contacts__link svg,
    .footer-contacts__link img {
        height: 20px;
    }
}
@media screen and (hover: hover) {
    .footer-contacts__link:hover {
        color: var(--color-blue-primary);
    }
}
.footer-contacts__link:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.footer-docs {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .footer-docs {
        grid-gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-docs {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-docs {
        grid-gap: 10px;
    }
}

.footer-docs__item {
    color: var(--color-white);
    position: relative;
    font-weight: 500;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
}
@media (min-width: 1920px) {
    .footer-docs__item {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-docs__item {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-docs__item {
        font-size: 14px;
    }
}
.footer-docs__item::before {
    content: "";
    display: block;
    position: relative;
    background: url("../img/icon/box-white.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .footer-docs__item::before {
        width: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-docs__item::before {
        width: calc(
                16px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-docs__item::before {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .footer-docs__item::before {
        height: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-docs__item::before {
        height: calc(
                16px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-docs__item::before {
        height: 16px;
    }
}

.footer-social__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1920px) {
    .footer-social__list {
        gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-social__list {
        gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-social__list {
        gap: 5px;
    }
}

.footer-social__link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    border-radius: 30px;
    background: var(--color-white);
    color: var(--color-text);
    font-weight: 600;
}
@media (min-width: 1920px) {
    .footer-social__link {
        grid-gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-social__link {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-social__link {
        grid-gap: 5px;
    }
}
@media (min-width: 1920px) {
    .footer-social__link {
        padding-top: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-social__link {
        padding-top: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-social__link {
        padding-top: 10px;
    }
}
@media (min-width: 1920px) {
    .footer-social__link {
        padding-bottom: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-social__link {
        padding-bottom: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-social__link {
        padding-bottom: 10px;
    }
}
@media (min-width: 1920px) {
    .footer-social__link {
        padding-left: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-social__link {
        padding-left: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-social__link {
        padding-left: 15px;
    }
}
@media (min-width: 1920px) {
    .footer-social__link {
        padding-right: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .footer-social__link {
        padding-right: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .footer-social__link {
        padding-right: 15px;
    }
}
@media (min-width: 1920px) {
    .footer-social__link {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-social__link {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-social__link {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .footer-social__link {
        padding: 8px;
        padding-right: 10px;
    }
}
.footer-social__link span {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.footer-social__link svg,
.footer-social__link img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .footer-social__link svg,
    .footer-social__link img {
        width: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-social__link svg,
    .footer-social__link img {
        width: calc(
                18px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-social__link svg,
    .footer-social__link img {
        width: 18px;
    }
}
@media (min-width: 1920px) {
    .footer-social__link svg,
    .footer-social__link img {
        height: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer-social__link svg,
    .footer-social__link img {
        height: calc(
                18px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer-social__link svg,
    .footer-social__link img {
        height: 18px;
    }
}
@media screen and (hover: hover) {
    .footer-social__link:hover {
        color: var(--color-blue-primary);
    }
}
.footer-social__link:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 1920px) {
    .footer__bottom {
        gap: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .footer__bottom {
        gap: calc(
                10px + 10 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .footer__bottom {
        gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .footer__bottom {
        -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;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.footer__text {
    color: var(--color-white);
    font-weight: 500;
}
@media (min-width: 1920px) {
    .footer__text {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .footer__text {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .footer__text {
        font-size: 14px;
    }
}

@media screen and (hover: hover) {
    .footer__policy:hover {
        color: var(--color-gray-muted);
    }
}

/*- publick -*/
.about {
    padding-top: 40px;
    padding-bottom: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 686px;
    grid-template-columns: 1fr 686px;
    gap: 20px;
}
@media (max-width: 1680px) {
    .about {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media (max-width: 1240px) {
    .about {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.about-img {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    aspect-ratio: 227/151;
}
@media (max-width: 1440px) {
    .about-img {
        aspect-ratio: 247/217;
    }
}
@media (max-width: 1240px) {
    .about-img {
        aspect-ratio: 364/155;
    }
}
@media (max-width: 767px) {
    .about-img {
        aspect-ratio: 14/9;
    }
}
.about-img img,
.about-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.about__title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: var(--line-height-title);
    color: #181830;
}
@media (max-width: 1680px) {
    .about__title {
        font-size: 28px;
        line-height: 110%;
    }
}
@media (max-width: 1240px) {
    .about__title {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .about__title {
        font-size: 21px;
    }
}
.about-coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 30px;
    border-radius: 20px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
@media (max-width: 1680px) {
    .about-coll {
        padding: 25px;
        gap: 20px;
    }
}
@media (max-width: 1240px) {
    .about-coll {
        padding: 20px;
        gap: 24px;
    }
}
@media (max-width: 767px) {
    .about-coll {
        padding: 15px;
        gap: 12px;
    }
}
.about-coll::before {
    content: "";
    position: absolute;
    width: calc(100% - 195px);
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #f2f2f2;
}
@media (max-width: 1680px) {
    .about-coll::before {
        width: calc(100% - 175px);
    }
}
@media (max-width: 1240px) {
    .about-coll::before {
        width: calc(100% - 155px);
    }
}
@media (max-width: 767px) {
    .about-coll::before {
        width: calc(100% - 85px);
    }
}
.about-coll::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 180px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: #f2f2f2;
}
@media (max-width: 1680px) {
    .about-coll::after {
        height: calc(100% - 160px);
    }
}
@media (max-width: 1240px) {
    .about-coll::after {
        height: calc(100% - 135px);
    }
}
@media (max-width: 767px) {
    .about-coll::after {
        height: calc(100% - 75px);
    }
}
.about__link {
    margin-top: auto;
    margin-bottom: 0;
    padding: 14px 32px;
}
@media (max-width: 1680px) {
    .about__link {
        padding: 14px 24px;
    }
}
@media (max-width: 1240px) {
    .about__link {
        padding: 12px 20px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .about__link {
        min-height: 40px;
        font-size: 14px;
        width: 185px;
    }
}

.about__list-inner,
.about__text,
.about__subtext {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: var(--line-height-text);
    letter-spacing: 0.02em;
    color: #181830;
}
@media (max-width: 1680px) {
    .about__list-inner,
    .about__text,
    .about__subtext {
        font-size: 16px;
    }
}
@media (max-width: 1240px) {
    .about__list-inner,
    .about__text,
    .about__subtext {
        font-size: 14px;
    }
}

.about__list-inner {
    padding-left: 20px;
    position: relative;
}
@media (max-width: 1240px) {
    .about__list-inner {
        padding-left: 15px;
    }
}
.about__list-inner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #6b6ee8;
}
@media (max-width: 1680px) {
    .about__list-inner::after {
        top: 8px;
        width: 8px;
        height: 8px;
    }
}
@media (max-width: 1240px) {
    .about__list-inner::after {
        top: 4px;
    }
}

.about__list {
    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;
}
@media (max-width: 767px) {
    .about__list {
        gap: 8px;
    }
}

.about__subtext {
    position: relative;
    color: #27ab83;
    padding-left: 35px;
    margin-bottom: 60px;
}
@media screen and (max-width: 1240px) {
    .about__subtext {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .about__subtext {
        padding-left: 25px;
        margin-bottom: 15px;
    }
}
.about__subtext::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background: url("../../assets/img/new-page/about-icon.svg") no-repeat center center/contain;
}
@media (max-width: 1240px) {
    .about__subtext::before {
        top: -2px;
    }
}
@media (max-width: 767px) {
    .about__subtext::before {
        width: 16px;
        height: 16px;
        top: 2px;
    }
}

.about__back {
    position: absolute;
    width: 200px;
    height: 200px;
    bottom: 0;
    right: 0;
    isolation: isolate;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 7px 25px;
}
@media (max-width: 1680px) {
    .about__back {
        width: 180px;
        height: 180px;
        padding: 10px 30px;
    }
}
@media (max-width: 1240px) {
    .about__back {
        width: 155px;
        height: 155px;
        padding: 5px 18px;
    }
}
@media (max-width: 767px) {
    .about__back {
        width: 85px;
        height: 85px;
        padding: 5px;
    }
}
.about__back::after {
    content: "";
    z-index: -1;
    background: #f2f2f2;
    -webkit-mask: url("../../assets/img/new-page/mask2.svg") no-repeat left 0 bottom 0/contain;
    mask: url("../../assets/img/new-page/mask2.svg") no-repeat left 0 bottom 0/contain;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}
.about__back img,
.about__back svg {
    width: 105px;
    height: 118px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 1680px) {
    .about__back img,
    .about__back svg {
        width: 95px;
        height: 106px;
    }
}
@media (max-width: 1240px) {
    .about__back img,
    .about__back svg {
        width: 77px;
        height: 86px;
    }
}
@media (max-width: 767px) {
    .about__back img,
    .about__back svg {
        width: 43px;
        height: 48px;
    }
}

.advant__cart {
    height: 100%;
    border-radius: 20px;
    padding: 30px;
    background: rgba(107, 110, 232, 0.1);
    gap: 60px;
}
@media screen and (max-width: 1680px) {
    .advant__cart {
        gap: 40px;
    }
}
@media screen and (max-width: 1240px) {
    .advant__cart {
        padding: 20px;
        gap: 20px;
    }
}
.advant__cart-hd {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
    .advant__cart-hd {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }
}
.advant__cart-icon {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 50px;
    height: 50px;
    background: rgba(107, 110, 232, 0.3);
    border-radius: 50%;
}
.advant__cart-icon img,
.advant__cart-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .advant__cart-icon {
        width: 40px;
        height: 40px;
    }
}
@media screen and (max-width: 1240px) {
    .advant__cart-icon {
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 767px) {
    .advant__cart-icon {
        width: 24px;
        height: 24px;
    }
}
.advant__cart-icon svg,
.advant__cart-icon img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .advant__cart-icon svg,
    .advant__cart-icon img {
        width: 25px;
        height: 25px;
    }
}
@media screen and (max-width: 1240px) {
    .advant__cart-icon svg,
    .advant__cart-icon img {
        width: 19px;
        height: 19px;
    }
}
@media screen and (max-width: 767px) {
    .advant__cart-icon svg,
    .advant__cart-icon img {
        width: 15px;
        height: 15px;
    }
}
.advant__cart-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: var(--line-height-title);
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1240px) {
    .advant__cart-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .advant__cart-title {
        font-size: 16px;
    }
}
.advant__cart-inner {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: var(--line-height-text);
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .advant__cart-inner {
        font-weight: 300;
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .advant__cart-inner {
        font-size: 14px;
    }
}
.advant__cart-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: 0;
    gap: 15px;
}

@media screen and (max-width: 992px) {
    .advant__swiper {
        width: calc(100% - 40px);
    }
}
@media (max-width: 450px) {
    .advant__swiper {
        width: calc(100% - 55px);
    }
}

.advant__swiper-slide {
    height: auto;
}

.reviews__cart {
    gap: 20px;
}
.reviews__cart-head {
    width: 100%;
    aspect-ratio: 2/1;
    position: relative;
}
@media screen and (max-width: 1440px) {
    .reviews__cart-head {
        aspect-ratio: 193/96;
    }
}
@media screen and (max-width: 1240px) {
    .reviews__cart-head {
        border-radius: 10px;
    }
}
@media screen and (max-width: 767px) {
    .reviews__cart-head {
        aspect-ratio: 233/116;
    }
}
.reviews__cart-head img,
.reviews__cart-head svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: blur(7.5px);
    filter: blur(7.5px);
}
.reviews__cart-icon {
    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;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(92, 95, 230, 0.5);
}
.reviews__cart-icon img,
.reviews__cart-icon svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16px;
    height: 16px;
    -webkit-filter: blur(0);
    filter: blur(0);
}
.reviews__cart-wrapp {
    gap: 10px;
}
.reviews__cart-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .reviews__cart-title {
        font-size: 26px;
        line-height: 32px;
    }
}
@media screen and (max-width: 1240px) {
    .reviews__cart-title {
        font-size: 18px;
        line-height: 22px;
    }
}
@media screen and (max-width: 767px) {
    .reviews__cart-title {
        font-size: 16px;
        line-height: 20px;
    }
}
.reviews__cart-text {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .reviews__cart-text {
        font-weight: 300;
        font-size: 18px;
        line-height: 110%;
    }
}
@media screen and (max-width: 1240px) {
    .reviews__cart-text {
        font-size: 14px;
        line-height: 110%;
    }
}
@media screen and (max-width: 767px) {
    .reviews__cart-text {
        font-size: 12px;
        line-height: 110%;
    }
}

.entry {
    margin-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    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: 175px;
    isolation: isolate;
    position: relative;
}
@media screen and (max-width: 1680px) {
    .entry {
        margin-top: 90px;
        gap: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .entry {
        margin-top: 65px;
        display: block;
        max-width: 480px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 70px;
    }
}
.entry__img {
    height: calc(100dvh - 100px);
}
@media screen and (max-width: 1680px) {
    .entry__img {
        height: calc(100dvh - 90px);
    }
}
@media screen and (max-width: 1240px) {
    .entry__img {
        width: 450px;
        position: absolute;
        left: 50%;
        top: -40px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
    }
}
@media screen and (max-width: 767px) {
    .entry__img {
        width: 330px;
        top: -30px;
    }
}
.entry__img video {
    width: auto;
    height: calc(100% + 120px);
}
@media screen and (max-width: 1680px) {
    .entry__img video {
        height: 100%;
    }
}
@media screen and (max-width: 1240px) {
    .entry__img video {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 1240px) {
    .entry__img-2 {
        width: 350px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
    }
}
@media screen and (max-width: 767px) {
    .entry__img-2 {
        width: 270px;
    }
}
.entry__img-2 video {
    width: auto;
    height: 100%;
}
@media screen and (max-width: 1240px) {
    .entry__img-2 video {
        width: 100%;
        height: auto;
    }
}

.entry__form {
    width: 100%;
    max-width: 445px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #FFFFFF;
    border-radius: 24px;
    padding: 24px;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .entry__form {
        max-width: 404px;
        padding: 20px;
        border-radius: 20px;
        gap: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .entry__form {
        max-width: 478px;
        border-radius: 18px;
        padding: 18px;
        gap: 10px;
        margin-top: 270px;
    }
}
@media screen and (max-width: 767px) {
    .entry__form {
        padding: 16px;
        border-radius: 16px;
        gap: 12px;
        margin-top: 200px;
    }
}
.entry__form-title {
    position: relative;
    padding-bottom: 16px;
}
@media screen and (max-width: 1680px) {
    .entry__form-title {
        padding-bottom: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .entry__form-title {
        padding-bottom: 12px;
    }
}
@media screen and (max-width: 767px) {
    .entry__form-title {
        padding-bottom: 8px;
    }
}
.entry__form-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    height: 1px;
    background: #181830;
    opacity: 0.1;
}
@media screen and (max-width: 1680px) {
    .entry__form-title::after {
        width: 100px;
    }
}
@media screen and (max-width: 767px) {
    .entry__form-title::after {
        width: 120px;
    }
}
.entry__form-link {
    margin-top: 0;
}
.entry__form-btn {
    margin-top: 8px;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.news__btn {
    gap: 5px;
}
@media screen and (max-width: 767px) {
    .news__btn span {
        display: none;
    }
}

.news__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-news {
    overflow: clip !important;
}

.news__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: var(--rows-gap) var(--cols-gap);
}
@media (min-width: 1920px) {
    .news__body {
        --rows-gap: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news__body {
        --rows-gap: calc(
                15px + 9 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news__body {
        --rows-gap: 15px;
    }
}
@media (min-width: 1920px) {
    .news__body {
        --cols-gap: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news__body {
        --cols-gap: calc(
                30px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news__body {
        --cols-gap: 30px;
    }
}
@media screen and (max-width: 1240px) {
    .news__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1920px) {
    .news__body {
        --rows-gap: 24px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) and (max-width: 1920px) {
    .news__body {
        --rows-gap: calc(
                15px + 9 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 1280px) {
    .news__body {
        --rows-gap: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1920px) {
    .news__body {
        --cols-gap: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) and (max-width: 1920px) {
    .news__body {
        --cols-gap: calc(
                30px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 1280px) {
    .news__body {
        --cols-gap: 30px;
    }
}
.news__body .news-card--big {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row-span: 3;
    grid-row: 3 span;
}

.news-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid var(--color-border-gray);
    background: var(--color-card-bg);
    border-radius: var(--radius);
    overflow: hidden;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .news-card {
        --radius: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card {
        --radius: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card {
        --radius: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card {
        --radius: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card {
        --radius: calc(
                10px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card {
        --radius: 10px;
    }
}
@media screen and (hover: hover) {
    .news-card:hover {
        border-color: var(--color-blue-primary);
    }
}

.news-card--row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
@media screen and (max-width: 767px) {
    .news-card--row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.news-card--row .news-card__head {
    height: 100%;
}
@media (min-width: 1920px) {
    .news-card--row .news-card__head {
        width: 320px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--row .news-card__head {
        width: calc(
                280px + 40 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--row .news-card__head {
        width: 280px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card--row .news-card__head {
        width: 280px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card--row .news-card__head {
        width: calc(
                240px + 40 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card--row .news-card__head {
        width: 240px;
    }
}
@media screen and (max-width: 767px) {
    .news-card--row .news-card__head {
        width: 100%;
        padding-top: 56.25%;
    }
}
.news-card--row .news-card__title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (min-width: 1920px) {
    .news-card--row .news-card__title {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--row .news-card__title {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--row .news-card__title {
        font-size: 16px;
    }
}
.news-card--row .news-card__descr {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (min-width: 1920px) {
    .news-card--row .news-card__descr {
        font-size: 16px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--row .news-card__descr {
        font-size: calc(
                14px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--row .news-card__descr {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .news-card--row .news-card__descr {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}
@media (min-width: 1920px) {
    .news-card--row .news-card__content {
        grid-gap: 10px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--row .news-card__content {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--row .news-card__content {
        grid-gap: 5px;
    }
}
@media (min-width: 1920px) {
    .news-card--row .news-card__data-item {
        font-size: 16px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--row .news-card__data-item {
        font-size: calc(
                14px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--row .news-card__data-item {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .news-card--row .news-card__data-item svg {
        width: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--row .news-card__data-item svg {
        width: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--row .news-card__data-item svg {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .news-card--row .news-card__data-item svg {
        height: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--row .news-card__data-item svg {
        height: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--row .news-card__data-item svg {
        height: 16px;
    }
}

.news-card--recent .news-card__head {
    display: none;
}

@media (min-width: 1920px) {
    .news-card--big {
        width: 753px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--big {
        width: calc(
                490px + 263 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--big {
        width: 490px;
    }
}
@media screen and (max-width: 1240px) {
    .news-card--big {
        width: 100%;
    }
}
.news-card--big .news-card__head {
    padding-top: 43.75%;
}
@media (min-width: 1920px) {
    .news-card--big .news-card__head {
        padding-left: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--big .news-card__head {
        padding-left: calc(
                25px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--big .news-card__head {
        padding-left: 25px;
    }
}
@media (min-width: 1920px) {
    .news-card--big .news-card__head {
        padding-right: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--big .news-card__head {
        padding-right: calc(
                25px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--big .news-card__head {
        padding-right: 25px;
    }
}
@media (min-width: 1920px) {
    .news-card--big .news-card__head {
        padding-bottom: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--big .news-card__head {
        padding-bottom: calc(
                25px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--big .news-card__head {
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card--big .news-card__head {
        padding-left: 25px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card--big .news-card__head {
        padding-left: calc(
                20px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card--big .news-card__head {
        padding-left: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card--big .news-card__head {
        padding-right: 25px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card--big .news-card__head {
        padding-right: calc(
                20px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card--big .news-card__head {
        padding-right: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card--big .news-card__head {
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card--big .news-card__head {
        padding-bottom: calc(
                20px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card--big .news-card__head {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-card--big .news-card__head {
        padding-left: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-card--big .news-card__head {
        padding-left: calc(
                15px + 5 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-card--big .news-card__head {
        padding-left: 15px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-card--big .news-card__head {
        padding-right: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-card--big .news-card__head {
        padding-right: calc(
                15px + 5 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-card--big .news-card__head {
        padding-right: 15px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-card--big .news-card__head {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-card--big .news-card__head {
        padding-bottom: calc(
                15px + 5 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-card--big .news-card__head {
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .news-card--big .news-card__head {
        padding-top: 56.25%;
    }
}
@media (min-width: 1920px) {
    .news-card--big .news-card__body {
        padding: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--big .news-card__body {
        padding: calc(
                25px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--big .news-card__body {
        padding: 25px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card--big .news-card__body {
        padding: 25px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card--big .news-card__body {
        padding: calc(
                20px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card--big .news-card__body {
        padding: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-card--big .news-card__body {
        padding: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-card--big .news-card__body {
        padding: calc(
                15px + 5 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-card--big .news-card__body {
        padding: 15px;
    }
}
.news-card--big .news-card__descr {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
@media (min-width: 1920px) {
    .news-card--big .news-card__descr {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--big .news-card__descr {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--big .news-card__descr {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card--big .news-card__descr {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card--big .news-card__descr {
        font-size: calc(
                14px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card--big .news-card__descr {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .news-card--big .news-card__descr {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}
.news-card--big .news-card__title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (min-width: 1920px) {
    .news-card--big .news-card__title {
        font-size: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card--big .news-card__title {
        font-size: calc(
                18px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card--big .news-card__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card--big .news-card__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card--big .news-card__title {
        font-size: calc(
                16px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card--big .news-card__title {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .news-card--big .news-card__title {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}

.news-card__head {
    position: relative;
    overflow: hidden;
    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;
    padding-top: 56.25%;
}
@media (min-width: 1920px) {
    .news-card__head {
        padding-left: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__head {
        padding-left: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__head {
        padding-left: 15px;
    }
}
@media (min-width: 1920px) {
    .news-card__head {
        padding-right: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__head {
        padding-right: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__head {
        padding-right: 15px;
    }
}
@media (min-width: 1920px) {
    .news-card__head {
        padding-bottom: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__head {
        padding-bottom: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__head {
        padding-bottom: 15px;
    }
}
.news-card__head::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media screen and (hover: hover) {
    .news-card__head:hover .news-card__image img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.news-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.news-card__image img {
    width: 100%;
    height: 100%;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    -o-object-fit: cover;
    object-fit: cover;
}

.news-card__data {
    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;
    gap: 15px;
    z-index: 2;
    position: relative;
}

.news-card__data-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
    color: var(--color-white);
}
@media (min-width: 1920px) {
    .news-card__data-item {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__data-item {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__data-item {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__data-item {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__data-item {
        font-size: calc(
                14px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__data-item {
        font-size: 14px;
    }
}
.news-card__data-item svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .news-card__data-item svg {
        width: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__data-item svg {
        width: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__data-item svg {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .news-card__data-item svg {
        height: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__data-item svg {
        height: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__data-item svg {
        height: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__data-item svg {
        width: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__data-item svg {
        width: calc(
                16px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__data-item svg {
        width: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__data-item svg {
        height: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__data-item svg {
        height: calc(
                16px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__data-item svg {
        height: 16px;
    }
}

.news-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
@media (min-width: 1920px) {
    .news-card__body {
        padding: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__body {
        padding: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__body {
        padding: 15px;
    }
}

.news-card__label {
    padding: 5px 10px;
    color: var(--color-text-2);
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    font-weight: 600;
    background: var(--color-gray-teel-15);
}
@media (min-width: 1920px) {
    .news-card__label {
        font-size: 16px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__label {
        font-size: calc(
                14px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__label {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__label {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__label {
        font-size: calc(
                12px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__label {
        font-size: 12px;
    }
}

.news-card__bottom {
    margin-top: auto;
    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;
    gap: 10px;
}

.news-card__inner {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .news-card__inner {
        grid-gap: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__inner {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__inner {
        grid-gap: 10px;
    }
}
@media (min-width: 1920px) {
    .news-card__inner {
        margin-bottom: 25px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__inner {
        margin-bottom: calc(
                20px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__inner {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__inner {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__inner {
        margin-bottom: calc(
                15px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__inner {
        margin-bottom: 15px;
    }
}

.news-card__content {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .news-card__content {
        grid-gap: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__content {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__content {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__content {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__content {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__content {
        grid-gap: 5px;
    }
}

.news-card__descr {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: var(--line-height-text);
    color: var(--color-text-2);
}
@media (min-width: 1920px) {
    .news-card__descr {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__descr {
        font-size: calc(
                14px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__descr {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__descr {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__descr {
        font-size: calc(
                12px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__descr {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .news-card__descr {
        font-size: 14px;
    }
}

.news-card__title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color-text);
    font-weight: 600;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .news-card__title {
        font-size: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__title {
        font-size: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__title {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__title {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__title {
        font-size: calc(
                14px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__title {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .news-card__title {
        font-size: 16px;
    }
}
@media screen and (hover: hover) {
    .news-card__title:hover {
        color: var(--color-blue-primary);
    }
}

.news-card__date {
    color: var(--color-gray);
    font-weight: 500;
}
@media (min-width: 1920px) {
    .news-card__date {
        font-size: 16px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__date {
        font-size: calc(
                14px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__date {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__date {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__date {
        font-size: calc(
                12px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__date {
        font-size: 12px;
    }
}

.news-card__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-blue-primary);
    gap: 5px;
}
@media (min-width: 1920px) {
    .news-card__btn {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-card__btn {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-card__btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-card__btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-card__btn {
        font-size: calc(
                14px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-card__btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .news-card__btn span {
        display: none;
    }
}
.news-card__btn svg {
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: 5px;
}
.news-card__btn svg path {
    fill: currentColor;
}
@media screen and (hover: hover) {
    .news-card__btn:hover {
        color: var(--color-text-2);
    }
}

.blog__top {
    margin-left: auto;
    margin-right: auto;
    max-width: 852px;
    width: 100%;
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .blog__top {
        grid-gap: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .blog__top {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .blog__top {
        grid-gap: 10px;
    }
}

.blog__head {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .blog__head {
        margin-bottom: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .blog__head {
        margin-bottom: calc(
                32px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .blog__head {
        margin-bottom: 32px;
    }
}
@media (min-width: 1920px) {
    .blog__head {
        grid-gap: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .blog__head {
        grid-gap: calc(
                32px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .blog__head {
        grid-gap: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .blog__head {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .blog__head {
        margin-bottom: calc(
                24px + 8 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .blog__head {
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .blog__head {
        grid-gap: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .blog__head {
        grid-gap: calc(
                24px + 8 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .blog__head {
        grid-gap: 24px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .blog__head {
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .blog__head {
        margin-bottom: calc(
                20px + 4 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .blog__head {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .blog__head {
        grid-gap: 24px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .blog__head {
        grid-gap: calc(
                20px + 4 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .blog__head {
        grid-gap: 20px;
    }
}

.blog__title {
    text-align: center;
}
@media screen and (max-width: 767px) {
    .blog__title {
        text-align: left;
    }
}

.blog__descr {
    text-align: center;
    line-height: var(--line-height-text);
    color: var(--color-text-2);
}
@media screen and (max-width: 767px) {
    .blog__descr {
        text-align: left;
    }
}

.blog-action {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .blog-action {
        display: none !important;
    }
}

.blog-action__item .programs-action__item-inner {
    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;
    text-align: center;
}

.blog__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 1920px) {
    .blog__list {
        grid-gap: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .blog__list {
        grid-gap: calc(
                15px + 9 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .blog__list {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 1240px) {
    .blog__list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .blog__list {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .blog__list {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .blog__list {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .blog__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.blog__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1920px) {
    .blog__body {
        gap: 44px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .blog__body {
        gap: calc(
                32px + 12 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .blog__body {
        gap: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .blog__body {
        gap: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .blog__body {
        gap: calc(
                24px + 8 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .blog__body {
        gap: 24px;
    }
}

.blog__btn-more {
    margin-left: auto;
    margin-right: auto;
}

.blog__select {
    display: none;
}
@media screen and (max-width: 767px) {
    .blog__select {
        display: block;
    }
}

.news-hero {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}
@media (min-width: 1920px) {
    .news-hero {
        grid-gap: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero {
        grid-gap: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero {
        grid-gap: 16px;
    }
}
@media (min-width: 1920px) {
    .news-hero {
        margin-top: -50px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero {
        margin-top: calc(
                -40px + -10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero {
        margin-top: -40px;
    }
}
@media screen and (max-width: 1240px) {
    .news-hero {
        margin-top: 0;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .news-hero {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }
}

.news-hero__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1920px) {
    .news-hero__head {
        padding-top: 50px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__head {
        padding-top: calc(
                40px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__head {
        padding-top: 40px;
    }
}
@media screen and (max-width: 1240px) {
    .news-hero__head {
        padding-top: 0;
    }
}

.news-hero__content {
    display: -ms-grid;
    display: grid;
    margin-bottom: 24px;
}
@media (min-width: 1920px) {
    .news-hero__content {
        grid-gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__content {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__content {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__content {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__content {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__content {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .news-hero__content {
        margin-bottom: 0px;
    }
}

.news-hero__bottom {
    margin-top: auto;
    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;
    gap: 10px;
}
@media screen and (max-width: 1240px) {
    .news-hero__bottom {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}
.news-hero__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 1920px) {
    .news-hero__data {
        gap: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__data {
        gap: calc(
                20px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__data {
        gap: 20px;
    }
}
@media screen and (max-width: 767px) {
    .news-hero__data {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-hero__data {
        gap: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-hero__data {
        gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-hero__data {
        gap: 10px;
    }
}

.news-hero__data-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
    color: var(--color-gray);
}
@media (min-width: 1920px) {
    .news-hero__data-item {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__data-item {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__data-item {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__data-item {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__data-item {
        font-size: calc(
                14px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__data-item {
        font-size: 14px;
    }
}
.news-hero__data-item svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .news-hero__data-item svg {
        width: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__data-item svg {
        width: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__data-item svg {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .news-hero__data-item svg {
        height: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__data-item svg {
        height: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__data-item svg {
        height: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__data-item svg {
        width: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__data-item svg {
        width: calc(
                16px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__data-item svg {
        width: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__data-item svg {
        height: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__data-item svg {
        height: calc(
                16px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__data-item svg {
        height: 16px;
    }
}

.news-hero__favourite {
    display: inline-block;
    cursor: pointer;
}
@media screen and (max-width: 1240px) {
    .news-hero__favourite {
        margin-left: auto;
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}

.news-hero__favourite-checkbox {
    display: none;
}

.news-hero__favourite-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--color-steel-blue);
}
@media (min-width: 1920px) {
    .news-hero__favourite-btn {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__favourite-btn {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__favourite-btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__favourite-btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__favourite-btn {
        font-size: calc(
                14px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__favourite-btn {
        font-size: 14px;
    }
}
@media screen and (hover: hover) {
    .news-hero__favourite-btn:hover {
        color: var(--color-blue-primary);
    }
}

.news-hero__favourite-btn svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}

.news-hero__favourite-btn svg path {
    fill: currentColor;
}

.news-hero__favourite-text::before {
    content: "Добавить в избранное";
}

.news-hero__favourite-checkbox:checked + .news-hero__favourite-btn {
    color: var(--color-pink-soft);
}

.news-hero__favourite-checkbox:checked + .news-hero__favourite-btn .news-hero__favourite-text::before {
    content: "В избранном";
}

.news-hero__date {
    color: var(--color-gray);
}
@media (min-width: 1920px) {
    .news-hero__date {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__date {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__date {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__date {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__date {
        font-size: calc(
                14px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__date {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .news-hero__date span {
        display: none;
    }
}

.news-hero__image {
    position: relative;
    overflow: hidden;
}
@media (min-width: 1920px) {
    .news-hero__image {
        width: 686px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__image {
        width: calc(
                490px + 196 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__image {
        width: 490px;
    }
}
@media (min-width: 1920px) {
    .news-hero__image {
        height: 433px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__image {
        height: calc(
                347px + 86 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__image {
        height: 347px;
    }
}
@media (min-width: 1920px) {
    .news-hero__image {
        border-radius: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__image {
        border-radius: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__image {
        border-radius: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__image {
        width: 490px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__image {
        width: calc(
                236px + 254 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__image {
        width: 236px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__image {
        height: 347px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__image {
        height: calc(
                167px + 180 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__image {
        height: 167px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__image {
        border-radius: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__image {
        border-radius: calc(
                10px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__image {
        border-radius: 10px;
    }
}
@media screen and (max-width: 767px) {
    .news-hero__image {
        width: 100%;
        height: auto;
        padding-top: 56.25%;
    }
}
.news-hero__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 767px) {
    .news-hero__image img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.news-hero__label {
    position: absolute;
    z-index: 3;
    color: var(--color-white);
    font-weight: 600;
    background: var(--color-golden);
    border-radius: 20px;
}
@media (min-width: 1920px) {
    .news-hero__label {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__label {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__label {
        font-size: 16px;
    }
}
@media (min-width: 1920px) {
    .news-hero__label {
        top: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__label {
        top: calc(
                20px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__label {
        top: 20px;
    }
}
@media (min-width: 1920px) {
    .news-hero__label {
        left: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__label {
        left: calc(
                20px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__label {
        left: 20px;
    }
}
@media (min-width: 1920px) {
    .news-hero__label {
        padding-top: 10px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__label {
        padding-top: calc(
                8px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__label {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .news-hero__label {
        padding-bottom: 10px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__label {
        padding-bottom: calc(
                8px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__label {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .news-hero__label {
        padding-left: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__label {
        padding-left: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__label {
        padding-left: 16px;
    }
}
@media (min-width: 1920px) {
    .news-hero__label {
        padding-right: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-hero__label {
        padding-right: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-hero__label {
        padding-right: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__label {
        left: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__label {
        left: calc(
                10px + 10 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__label {
        left: 10px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__label {
        top: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__label {
        top: calc(
                10px + 10 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__label {
        top: 10px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__label {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__label {
        font-size: calc(
                12px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__label {
        font-size: 12px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__label {
        padding-top: 8px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__label {
        padding-top: calc(
                6px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__label {
        padding-top: 6px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__label {
        padding-bottom: 8px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__label {
        padding-bottom: calc(
                6px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__label {
        padding-bottom: 6px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__label {
        padding-left: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__label {
        padding-left: calc(
                12px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__label {
        padding-left: 12px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-hero__label {
        padding-right: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-hero__label {
        padding-right: calc(
                12px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-hero__label {
        padding-right: 12px;
    }
}

.news-wrapper {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    position: relative;
}
@media (min-width: 1920px) {
    .news-wrapper {
        grid-gap: 116px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-wrapper {
        grid-gap: calc(
                86px + 30 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-wrapper {
        grid-gap: 86px;
    }
}
@media (min-width: 1920px) {
    .news-wrapper {
        padding-top: 60px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-wrapper {
        padding-top: calc(
                40px + 20 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-wrapper {
        padding-top: 40px;
    }
}
@media screen and (max-width: 1240px) {
    .news-wrapper {
        grid-gap: 30px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1920px) {
    .news-wrapper {
        padding-top: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) and (max-width: 1920px) {
    .news-wrapper {
        padding-top: calc(
                30px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 1280px) {
    .news-wrapper {
        padding-top: 30px;
    }
}

.news-sidebar {
    display: -ms-grid;
    display: grid;
    position: sticky;
}
@media (min-width: 1920px) {
    .news-sidebar {
        top: 100px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-sidebar {
        top: calc(
                75px + 25 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-sidebar {
        top: 75px;
    }
}
@media (min-width: 1920px) {
    .news-sidebar {
        grid-gap: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-sidebar {
        grid-gap: calc(
                20px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-sidebar {
        grid-gap: 20px;
    }
}
@media (min-width: 1920px) {
    .news-sidebar {
        width: 568px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-sidebar {
        width: calc(
                405px + 163 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-sidebar {
        width: 405px;
    }
}
@media screen and (max-width: 1240px) {
    .news-sidebar {
        width: 100%;
        top: 0;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-sidebar {
        grid-gap: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-sidebar {
        grid-gap: calc(
                16px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-sidebar {
        grid-gap: 16px;
    }
}

.news-sidebar__head {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
}

.news-sidebar__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .news-sidebar__body {
        grid-gap: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-sidebar__body {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-sidebar__body {
        grid-gap: 10px;
    }
}

.news-nav {
    position: relative;
    display: -ms-grid;
    display: grid;
    background: rgba(196, 198, 255, 0.2);
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .news-nav {
        border-radius: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav {
        border-radius: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav {
        border-radius: 15px;
    }
}
@media (min-width: 1920px) {
    .news-nav {
        padding: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav {
        padding: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav {
        padding: 20px;
    }
}
@media (min-width: 1920px) {
    .news-nav {
        padding-right: 180px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav {
        padding-right: calc(
                160px + 20 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav {
        padding-right: 160px;
    }
}
@media (min-width: 1920px) {
    .news-nav {
        grid-gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-nav {
        padding: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-nav {
        padding: calc(
                15px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-nav {
        padding: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-nav {
        padding-right: 160px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-nav {
        padding-right: calc(
                140px + 20 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-nav {
        padding-right: 140px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-nav {
        border-radius: 15px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-nav {
        border-radius: calc(
                10px + 5 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-nav {
        border-radius: 10px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-nav {
        padding: 15px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-nav {
        padding: calc(
                10px + 5 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-nav {
        padding: 10px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-nav {
        padding-right: 140px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-nav {
        padding-right: calc(
                60px + 80 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-nav {
        padding-right: 60px;
    }
}
.news-nav::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    background: url("../img/logo-cube.png") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .news-nav::after {
        width: 200px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav::after {
        width: calc(
                170px + 30 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav::after {
        width: 170px;
    }
}
@media (min-width: 1920px) {
    .news-nav::after {
        height: 200px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav::after {
        height: calc(
                170px + 30 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav::after {
        height: 170px;
    }
}
@media (min-width: 1920px) {
    .news-nav::after {
        top: 10px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav::after {
        top: calc(
                0px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav::after {
        top: 0px;
    }
}
@media (min-width: 1920px) {
    .news-nav::after {
        right: -45px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav::after {
        right: calc(
                -40px + -5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav::after {
        right: -40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-nav::after {
        width: 170px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-nav::after {
        width: calc(
                150px + 20 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-nav::after {
        width: 150px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-nav::after {
        height: 170px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-nav::after {
        height: calc(
                150px + 20 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-nav::after {
        height: 150px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-nav::after {
        right: -40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-nav::after {
        right: calc(
                -30px + -10 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-nav::after {
        right: -30px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-nav::after {
        width: 150px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-nav::after {
        width: calc(
                80px + 70 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-nav::after {
        width: 80px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-nav::after {
        height: 150px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-nav::after {
        height: calc(
                80px + 70 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-nav::after {
        height: 80px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-nav::after {
        right: -30px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-nav::after {
        right: calc(
                -20px + -10 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-nav::after {
        right: -20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 760px) {
    .news-nav::after {
        top: 0px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 760px) {
    .news-nav::after {
        top: calc(
                -20px + 20 *
                (((100vw - 360px)) / ((400)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .news-nav::after {
        top: -20px;
    }
}

.news-nav__list {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .news-nav__list {
        grid-gap: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav__list {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav__list {
        grid-gap: 10px;
    }
}

.news-nav__item {
    position: relative;
}
@media (min-width: 1920px) {
    .news-nav__item {
        padding-left: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .news-nav__item {
        padding-left: calc(
                24px + 6 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .news-nav__item {
        padding-left: 24px;
    }
}
.news-nav__item::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: url("../img/icon/box-logo.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .news-nav__item::before {
        width: 21px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav__item::before {
        width: calc(
                18px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav__item::before {
        width: 18px;
    }
}
@media (min-width: 1920px) {
    .news-nav__item::before {
        height: 21px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav__item::before {
        height: calc(
                18px + 3 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav__item::before {
        height: 18px;
    }
}
@media (min-width: 1920px) {
    .news-nav__item::before {
        top: 2px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav__item::before {
        top: calc(
                4px + -2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav__item::before {
        top: 4px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-nav__item::before {
        width: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-nav__item::before {
        width: calc(
                16px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-nav__item::before {
        width: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-nav__item::before {
        height: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-nav__item::before {
        height: calc(
                16px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-nav__item::before {
        height: 16px;
    }
}

.news-nav__link {
    color: var(--color-text-2);
    line-height: var(--line-height-title);
    font-weight: 500;
}
@media (min-width: 1920px) {
    .news-nav__link {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-nav__link {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-nav__link {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-nav__link {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-nav__link {
        font-size: calc(
                14px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-nav__link {
        font-size: 14px;
    }
}
@media screen and (hover: hover) {
    .news-nav__link:hover {
        color: var(--color-blue-primary);
    }
}

.news-content {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .news-content {
        grid-gap: 48px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-content {
        grid-gap: calc(
                32px + 16 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-content {
        grid-gap: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-content {
        grid-gap: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-content {
        grid-gap: calc(
                24px + 8 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-content {
        grid-gap: 24px;
    }
}

.news-section {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .news-section {
        grid-gap: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-section {
        grid-gap: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-section {
        grid-gap: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-section {
        grid-gap: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-section {
        grid-gap: calc(
                16px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-section {
        grid-gap: 16px;
    }
}

.news-section__text {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
}

.news-section__image {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    padding-top: 56.25%;
}
@media (min-width: 1920px) {
    .news-section__image {
        border-radius: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-section__image {
        border-radius: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-section__image {
        border-radius: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .news-section__image {
        border-radius: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .news-section__image {
        border-radius: calc(
                10px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .news-section__image {
        border-radius: 10px;
    }
}
.news-section__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-section__media--2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
    .news-section__media--2 {
        grid-gap: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-section__media--2 {
        grid-gap: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-section__media--2 {
        grid-gap: 16px;
    }
}
@media screen and (max-width: 767px) {
    .news-section__media--2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.news-section__media-label {
    text-align: center;
    color: var(--color-text-2);
    font-weight: 500;
}
@media (min-width: 1920px) {
    .news-section__media-label {
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .news-section__media-label {
        font-size: calc(
                14px + 4 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .news-section__media-label {
        font-size: 14px;
    }
}

.news-section__media-container {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
}

@media (min-width: 1920px) {
    .news-section__list {
        max-width: 827px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .news-section__list {
        max-width: calc(
                593px + 234 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .news-section__list {
        max-width: 593px;
    }
}

*::-webkit-scrollbar-thumb {
    width: 6px;
    border-radius: 40px;
    background: #6b6ee8;
}
*::-webkit-scrollbar {
    width: 6px;
    border-radius: 40px;
    background: #f3f6fb;
}

p {
    line-height: inherit;
}

.ol {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .ol {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .ol {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .ol {
        grid-gap: 8px;
    }
}
@media (min-width: 1920px) {
    .ol {
        padding-left: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .ol {
        padding-left: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .ol {
        padding-left: 16px;
    }
}
.ol li {
    line-height: var(--line-height-text);
}

.ul {
    display: -ms-grid;
    display: grid;
    list-style-type: disc;
}
@media (min-width: 1920px) {
    .ul {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .ul {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .ul {
        grid-gap: 8px;
    }
}
@media (min-width: 1920px) {
    .ul {
        padding-left: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .ul {
        padding-left: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .ul {
        padding-left: 16px;
    }
}
.ul li {
    line-height: var(--line-height-text);
    font-weight: inherit;
    font-size: inherit;
}

header,
footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

img {
    max-width: 100%;
}

html {
    scrollbar-gutter: stable;
}

body::-webkit-scrollbar-thumb {
    width: 6px;
    border-radius: 40px;
    background: #6b6ee8;
}
body::-webkit-scrollbar {
    width: 6px;
    border-radius: 40px;
    background: #f3f6fb;
}

body.public {
    background-image: none !important;
    background-color: transparent !important;
}

.section-head {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-gap: 10px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}

.bacground-none {
    background: none;
}

.bacground-light-blue {
    background: #f0f4f8;
}

.select-container-title,
.input__wrapp-title {
    font-size: 14px;
}
@media screen and (max-width: 767px) {
    .select-container-title,
    .input__wrapp-title {
        font-size: 12px;
    }
}

.creat__label-span {
    font-size: 18px;
}
@media screen and (max-width: 1240px) {
    .creat__label-span {
        font-size: 16px;
    }
}

/*-cabinet admin-*/
.creating__listeners-cart-name,
.creating__listeners-tree-coll-title {
    font-weight: 600;
}

.panel-title,
.append-title {
    font-weight: 600;
    font-size: 32px;
}
@media screen and (max-width: 1680px) {
    .panel-title,
    .append-title {
        font-size: 26px;
    }
}
@media screen and (max-width: 1240px) {
    .panel-title,
    .append-title {
        font-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    .panel-title,
    .append-title {
        font-size: 20px;
    }
}

.panel-btn-prev {
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}
@media (max-width: 1680px) {
    .panel-btn-prev {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .panel-btn-prev {
        font-size: 12px;
    }
}

.btn__read-all,
.extra__tb-cl-title,
.extra__table-num {
    font-weight: 600;
}

.panel__nofitication-title,
.home__info-title,
.error-page-text,
.trud__tb-hd h2,
.statistics-table-title,
.creating__listeners-title,
.catalog__table-title,
.extra__tbl-title,
.extra__header-title,
.extra__table-header h2,
.extra__gr-title,
.groups__table-name {
    font-weight: 600;
    font-size: 24px;
}
@media (max-width: 1680px) {
    .panel__nofitication-title,
    .home__info-title,
    .error-page-text,
    .trud__tb-hd h2,
    .statistics-table-title,
    .creating__listeners-title,
    .catalog__table-title,
    .extra__tbl-title,
    .extra__header-title,
    .extra__table-header h2,
    .extra__gr-title,
    .groups__table-name {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .panel__nofitication-title,
    .home__info-title,
    .error-page-text,
    .trud__tb-hd h2,
    .statistics-table-title,
    .creating__listeners-title,
    .catalog__table-title,
    .extra__tbl-title,
    .extra__header-title,
    .extra__table-header h2,
    .extra__gr-title,
    .groups__table-name {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .panel__nofitication-title,
    .home__info-title,
    .error-page-text,
    .trud__tb-hd h2,
    .statistics-table-title,
    .creating__listeners-title,
    .catalog__table-title,
    .extra__tbl-title,
    .extra__header-title,
    .extra__table-header h2,
    .extra__gr-title,
    .groups__table-name {
        font-size: 16px;
    }
}

.creating__listeners-tree-coll-title {
    font-weight: 600;
    font-size: 24px;
}
@media (max-width: 1680px) {
    .creating__listeners-tree-coll-title {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .creating__listeners-tree-coll-title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-tree-coll-title {
        font-size: 14px;
    }
}

.groups__table-id,
.creating__listeners-tree-coll-numm {
    font-size: 16px;
}
@media (max-width: 1680px) {
    .groups__table-id,
    .creating__listeners-tree-coll-numm {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .groups__table-id,
    .creating__listeners-tree-coll-numm {
        font-size: 12px;
    }
}

.creating__listeners-tree-coll-id,
.creating__listeners-tree-coll-numm {
    font-size: 16px;
}
@media (max-width: 1680px) {
    .creating__listeners-tree-coll-id,
    .creating__listeners-tree-coll-numm {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-tree-coll-id,
    .creating__listeners-tree-coll-numm {
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .append__hide-btn {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .creating__listeners-cart-foto {
        width: 32px;
        height: 32px;
    }
}

.creating__listeners-cart-contacts-link {
    font-size: 14px;
    text-decoration: none;
}
@media (max-width: 1680px) {
    .creating__listeners-cart-contacts-link {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-contacts-link {
        font-size: 12px;
    }
}

.creating__listeners-cart-contacts-inner a {
    font-size: 16px;
    font-weight: 300;
    text-decoration: underline;
}
@media (max-width: 1680px) {
    .creating__listeners-cart-contacts-inner a {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .creating__listeners-cart-contacts-inner a {
        font-size: 12px;
    }
}

.creating-listeners-title {
    font-weight: 600;
    font-size: 24px;
}
@media (max-width: 1680px) {
    .creating-listeners-title {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .creating-listeners-title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .creating-listeners-title {
        font-size: 16px;
    }
}

.creating__listeners-tree-inner + .creating__listeners-tree-inner {
    margin-top: 16px;
}
@media screen and (max-width: 1680px) {
    .creating__listeners-tree-inner + .creating__listeners-tree-inner {
        margin-top: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .creating__listeners-tree-inner + .creating__listeners-tree-inner {
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .creating__listeners-tree-inner + .creating__listeners-tree-inner {
        margin-top: 8px;
    }
}

@media screen and (max-width: 1240px) {
    .--width-controll-fix.-is-fixed-page {
        overflow: hidden;
    }
}

.file__container--name {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #829ab1;
}

.file-container {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.file__container-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: url("../../assets/img/new-page/icons/good.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
    .file__container-icon {
        width: 24px;
        height: 24px;
    }
}

.error-name {
    color: #ef4e4e;
}

.error-icon {
    background: url("../../assets/img/new-page/icons/allert.svg") no-repeat center center/contain;
}

.files__import-drop {
    background: none;
    margin: 0;
    height: 250px;
    border: 1px dashed #d9e2ec;
    border-radius: 20px;
    gap: 10px;
}
@media screen and (max-width: 1240px) {
    .files__import-drop {
        height: 193px;
    }
}
@media screen and (max-width: 767px) {
    .files__import-drop {
        height: 205px;
    }
}
.files__import-drop::after, .files__import-drop::before {
    width: 0;
    height: 0;
    background: none;
    border: none;
}
.files__import-btn {
    margin-left: auto;
    margin-right: 0;
}
.files__import-btn:disabled {
    background: #bcbcbc;
    color: #f0f4f8;
    border-color: #bcbcbc;
    pointer-events: none;
}
.files__import-text {
    display: contents;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #829ab1;
}
.files__import-row {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.file-error-type .files__import-edit,
.file-error-type .files__import-rezet,
.file-error-type .files__import-label,
.file-is-active .files__import-edit,
.file-is-active .files__import-rezet,
.file-is-active .files__import-label {
    display: block;
}
.file-error-type .files__import-subrow,
.file-error-type .files__import-row,
.file-is-active .files__import-subrow,
.file-is-active .files__import-row {
    display: contents;
}
.file-error-type .files__import-text,
.file-error-type .files__import-button,
.file-is-active .files__import-text,
.file-is-active .files__import-button {
    display: none;
}
.file-error-type .file-row,
.file-is-active .file-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}
.file-error-type .files__import-file-icons,
.file-is-active .files__import-file-icons {
    display: none;
}

.file-error-type .files__import-rezet {
    display: none;
}

.files__import-edit {
    display: none;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: var(--line-height-base) !important;
    letter-spacing: 0.02em;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .files__import-edit:hover {
        color: #2e307f;
    }
}
.files__import-edit:focus-visible {
    color: #2e307f;
}
.files__import-edit:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .files__import-edit {
        font-size: 18px;
    }
}

.files__import-rezet {
    display: none;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .files__import-rezet:hover {
        color: #cf1124;
    }
}
.files__import-rezet:focus-visible {
    color: #cf1124;
}
.files__import-rezet:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .files__import-rezet {
        font-size: 18px;
    }
}

.files__import-label {
    display: inline;
}

.files__import-button {
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .files__import-button:hover {
        color: #2e307f;
    }
}
.files__import-button:focus-visible {
    color: #2e307f;
}
.files__import-button:active {
    color: #bcbcbc;
}

.files__import-file-icons {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: url("../../assets/img/new-page/icons/plus.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
    .files__import-file-icons {
        width: 24px;
        height: 24px;
    }
}

.file-drop .files__icon-loader,
.files__icon-loader {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
    display: none;
}
@media screen and (max-width: 1680px) {
    .file-drop .files__icon-loader,
    .files__icon-loader {
        width: 24px;
        height: 24px;
    }
}

.file-is-active .files__icon-loader {
    display: block;
}

.file-container + .file-container {
    margin-top: 10px;
}

.breadcrumb {
    z-index: 5;
    overflow: hidden;
    position: relative;
}
@media (min-width: 1920px) {
    .breadcrumb {
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .breadcrumb {
        margin-bottom: calc(
                10px + 10 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .breadcrumb {
        margin-bottom: 10px;
    }
}

.breadcrumb-padding {
    padding: 10px 0;
}

.breadcrumb-container {
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 1240px) {
    .breadcrumb-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.breadcrumb__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.breadcrumb__list-inner {
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    color: var(--color-gray-teel);
    position: relative;
}
@media (min-width: 1920px) {
    .breadcrumb__list-inner {
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .breadcrumb__list-inner {
        font-size: calc(
                14px + 4 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .breadcrumb__list-inner {
        font-size: 14px;
    }
}
.breadcrumb__list-inner:nth-last-child(1) {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
@media (min-width: 1920px) {
    .breadcrumb__list-inner:not(:last-child) {
        margin-right: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .breadcrumb__list-inner:not(:last-child) {
        margin-right: calc(
                5px + 5 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .breadcrumb__list-inner:not(:last-child) {
        margin-right: 5px;
    }
}
@media (min-width: 1920px) {
    .breadcrumb__list-inner:not(:last-child) {
        padding-right: 17px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .breadcrumb__list-inner:not(:last-child) {
        padding-right: calc(
                11px + 6 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .breadcrumb__list-inner:not(:last-child) {
        padding-right: 11px;
    }
}
.breadcrumb__list-inner:not(:last-child)::after {
    content: "•";
    display: block;
    color: inherit;
    font-weight: 600;
    font-size: inherit;
    position: absolute;
    line-height: 130%;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.breadcrumb__list-link {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    color: var(--color-blue-primary);
}
@media (hover: hover) {
    .breadcrumb__list-link:hover {
        opacity: 1;
        color: var(--color-golden);
    }
}
@media (hover: none) {
    .breadcrumb__list-link:active {
        opacity: 0.5;
    }
}
.breadcrumb__list-link:active {
    opacity: 0.5;
}

/*- new componets -*/
.menu {
    position: relative;
}

.menu__button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    fill: #486581;
    padding: 10px 8px;
    width: 100%;
    max-width: 200px;
    background: #e7ecf3;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #6b6ee8;
}
@media screen and (max-width: 767px) {
    .menu__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.menu__button svg,
.menu__button img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
.menu__button.-is-active svg,
.menu__button.-is-active img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu__body-wrapp {
    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;
}
@media screen and (max-width: 767px) {
    .menu__body-wrapp {
        display: block;
        position: absolute;
        left: 50%;
        top: 110%;
        z-index: 4;
        width: 200px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #e7ecf3;
        border: 1px solid #d9e2ec;
        border-radius: 12px;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .menu__body {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .menu__button.-is-active ~ .menu__body {
        display: block;
    }
}
.menu__body-link {
    display: inline-block;
    padding: 13px 16px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    position: relative;
    color: #486581;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .menu__body-link:hover {
        color: #bcbcbc;
    }
}
.menu__body-link:focus-visible {
    color: #bcbcbc;
}
.menu__body-link:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .menu__body-link {
        padding: 12px 16px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .menu__body-link {
        padding: 8px 12px;
        font-family: "Gilroy";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.02em;
        color: #102a43;
    }
}
.menu__body-link.-is-active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    width: 100%;
    background: #6b6ee8;
}
@media screen and (max-width: 767px) {
    .menu__body-link.-is-active::after {
        height: 0;
        width: 0;
        background: none;
    }
}

.js-text-wrap {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp-count);
    -webkit-box-orient: vertical;
    line-height: var(--line-height-text, 130%);
}
.js-text-wrap.is-show {
    display: block;
}

.js-text-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--color-text);
}
.js-text-more svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
.js-text-more svg path {
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.js-text-more::before {
    content: attr(data-name);
    color: var(--color-text);
    font-weight: 600;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .js-text-more::before {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .js-text-more::before {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .js-text-more::before {
        font-size: 14px;
    }
}
.js-text-more.is-hidden {
    display: none;
}
.js-text-more.--active::before {
    content: "Скрыть";
    color: var(--color-blue-primary);
}
.js-text-more.--active svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    fill: var(--color-blue-primary);
}
@media screen and (hover: hover) {
    .js-text-more:hover::before {
        color: var(--color-blue-primary);
    }
    .js-text-more:hover svg {
        fill: var(--color-blue-primary);
    }
}

[data-droplist] {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[data-droplist-btn].-is-active ~ [data-droplist-body] {
    display: block;
}

[data-droplist-body] {
    z-index: 3;
    position: absolute;
    top: 100%;
    right: 100%;
    background: var(--color-light-steel-blue);
    border: 1px solid var(--color-light-blue);
    border-radius: 12px;
    overflow: hidden;
    display: none;
    min-width: 225px;
}
@media screen and (max-width: 767px) {
    [data-droplist-body] {
        min-width: 162px;
    }
}

.table__menu {
    position: relative;
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
    .table__menu {
        width: 24px;
        height: 24px;
    }
}
.table__menu-btn {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    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;
    fill: var(--color-swiper-arrow);
}
@media (hover: hover) {
    .table__menu-btn:hover {
        background: var(--color-light-periwinkle-40);
    }
}
.table__menu-btn:focus-visible {
    background: var(--color-light-periwinkle-40);
}
.table__menu-btn:active {
    background: var(--color-light-periwinkle-40);
}
.table__menu-btn img,
.table__menu-btn svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.table__menu-btn.-is-active ~ .table__menu-list {
    display: block;
}
.table__menu-list {
    z-index: 3;
    position: absolute;
    top: 100%;
    right: 100%;
    background: var(--color-light-steel-blue);
    border: 1px solid var(--color-light-blue);
    border-radius: 12px;
    overflow: hidden;
    display: none;
    min-width: 225px;
}
@media screen and (max-width: 767px) {
    .table__menu-list {
        min-width: 162px;
    }
}
.table__menu-inner {
    width: 100%;
}
.table__menu-subtn {
    display: block;
    width: 100%;
    padding: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .table__menu-subtn:hover {
        background: var(--color-light-periwinkle-40);
    }
}
.table__menu-subtn:focus-visible {
    background: var(--color-light-periwinkle-40);
}
.table__menu-subtn:active {
    background: var(--color-light-periwinkle-40);
}
@media screen and (max-width: 1680px) {
    .table__menu-subtn {
        padding: 10px 12px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .table__menu-subtn {
        font-size: 14px;
        padding: 8px 12px;
    }
}

/*- admin -*/
.checkbox-tree .org__listers-subinner {
    padding-left: 0;
}

.org__listers-inner + .org__listers-inner {
    margin-top: 6px;
}
@media screen and (max-width: 767px) {
    .org__listers-inner + .org__listers-inner {
        margin-top: 10px;
    }
}

.org__listers-check {
    display: block;
    margin-bottom: 6px;
}
@media screen and (max-width: 1680px) {
    .org__listers-check {
        margin-bottom: 8px;
    }
}
@media screen and (max-width: 1240px) {
    .org__listers-check {
        margin-bottom: 4px;
    }
}
@media screen and (max-width: 767px) {
    .org__listers-check {
        margin-bottom: 10px;
    }
}

.org__listers-check-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .org__listers-check-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .org__listers-check-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .org__listers-check-title {
        padding-left: 25px;
        font-size: 14px;
    }
}
.org__listers-check-title::after, .org__listers-check-title::before {
    top: -2px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media screen and (max-width: 1680px) {
    .org__listers-check-title::after, .org__listers-check-title::before {
        top: 0;
    }
}
@media screen and (max-width: 1240px) {
    .org__listers-check-title::after, .org__listers-check-title::before {
        top: 3px;
        width: 20px;
        height: 20px;
    }
}

.org__search-row {
    max-width: 1350px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-columns: 1fr 200px;
    grid-template-columns: 1fr 200px;
    gap: 12px;
    margin-top: 32px;
}
@media screen and (max-width: 1680px) {
    .org__search-row {
        margin-top: 12px;
        -ms-grid-columns: 1fr 180px;
        grid-template-columns: 1fr 180px;
    }
}
@media screen and (max-width: 1240px) {
    .org__search-row {
        -ms-grid-columns: 1fr 140px;
        grid-template-columns: 1fr 140px;
        gap: 10px;
        margin-top: 10px;
    }
}
@media (max-width: 600px) {
    .org__search-row {
        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;
        margin-top: 16px;
    }
}

.org__search-btn {
    width: 100%;
}
@media (max-width: 600px) {
    .org__search-btn {
        margin-left: auto;
        margin-right: auto;
        width: 115px;
    }
}

.org__grid {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 12px;
    -ms-grid-columns: 1fr 377px 377px 275px;
    grid-template-columns: 1fr 377px 377px 275px;
}
@media screen and (max-width: 1680px) {
    .org__grid {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 1240px) {
    .org__grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .org__grid {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
.org__grid .input__wrapp-title {
    font-size: 14px;
}
@media screen and (max-width: 767px) {
    .org__grid .input__wrapp-title {
        font-size: 12px;
    }
}

.org__width-btns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 572.98px) {
    .org__width-btns {
        gap: 10px;
        width: 80px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .org__width-btns .creating__listeners-header-btn {
        margin-left: 0;
        width: 20px;
        height: 20px;
    }
}

/*- company -*/
.general {
    max-width: 1610px;
    margin-left: auto;
    margin-right: auto;
    gap: 80px;
    min-height: calc(100dvh - 90px);
    padding-top: 20px;
    padding-bottom: 20px;
}
@media screen and (max-width: 1240px) {
    .general {
        gap: 30px;
    }
}
.general__hd {
    gap: 15px;
}
@media screen and (max-width: 1240px) {
    .general__hd-text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .general__hd-text {
        font-size: 14px;
    }
}
.general__hd-coll {
    max-width: 600px;
    gap: 15px;
}
.general__hd-list {
    gap: 15px;
}
@media screen and (max-width: 767px) {
    .general__hd-list {
        gap: 0;
    }
}
.general__hd-link {
    fill: #6b6ee8;
    padding: 12px;
    border-radius: 12px;
    gap: 12px;
}
@media screen and (max-width: 767px) {
    .general__hd-link {
        padding: 8px 12px;
    }
}
.general__hd-link img,
.general__hd-link svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .general__hd-link img,
    .general__hd-link svg {
        width: 20px;
        height: 20px;
    }
}
.general__cart {
    min-height: 406px;
    border-radius: 20px;
    padding: 30px 12px;
    background: #e7ecf3;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .general__cart:hover {
        background: rgba(196, 198, 255, 0.4);
    }
}
.general__cart:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.general__cart:active {
    background: rgba(196, 198, 255, 0.4);
}
@media screen and (max-width: 1680px) {
    .general__cart {
        min-height: 320px;
        padding: 20px 12px;
    }
}
@media (max-width: 600px) {
    .general__cart {
        min-height: 0;
    }
}
.general__cart-title {
    font-size: 20px;
    padding-left: 8px;
}
@media screen and (max-width: 1240px) {
    .general__cart-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .general__cart-title {
        font-size: 16px;
    }
}
.general__cart-link {
    fill: #6b6ee8;
    padding: 8px 10px;
    border-radius: 8px;
    gap: 5px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .general__cart-link:hover {
        background: rgba(196, 198, 255, 0.4);
    }
}
.general__cart-link:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.general__cart-link:active {
    background: rgba(196, 198, 255, 0.4);
}
.general__cart-link svg,
.general__cart-link img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 767px) {
    .general__cart-link svg,
    .general__cart-link img {
        width: 20px;
        height: 20px;
    }
}
.general__cart-list {
    margin-top: auto;
    margin-bottom: 0;
    gap: 10px;
    padding-top: 24px;
}
@media screen and (max-width: 1680px) {
    .general__cart-list {
        gap: 0;
    }
}
.general__cart-allert {
    height: 340px;
    gap: 20px;
    fill: #6b6ee8;
}
@media screen and (max-width: 1680px) {
    .general__cart-allert {
        height: 254px;
    }
}
@media (max-width: 600px) {
    .general__cart-allert {
        height: 180px;
    }
}
@media (max-width: 767px) {
    .general__cart-allert-text {
        font-size: 16px;
    }
}
.general__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
}
@media screen and (max-width: 1240px) {
    .general__body {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .general__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

a.general__hd-link,
button.general__hd-link {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    fill: #27ab83;
}
@media (hover: hover) {
    a.general__hd-link:hover,
    button.general__hd-link:hover {
        background: rgba(39, 171, 131, 0.2);
    }
}
a.general__hd-link:focus-visible,
button.general__hd-link:focus-visible {
    background: rgba(39, 171, 131, 0.2);
}
a.general__hd-link:active,
button.general__hd-link:active {
    background: rgba(39, 171, 131, 0.2);
}

.info {
    padding-top: 15px;
    padding-bottom: 50px;
}
@media screen and (max-width: 1680px) {
    .info {
        padding-top: 30px;
    }
}
@media screen and (max-width: 1240px) {
    .info {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    .info {
        padding-top: 20px;
        padding-bottom: 25px;
    }
}
.info__hd {
    gap: 12px;
}
@media (max-width: 572px) {
    .info__tab-btns {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .info__tab-btns .tab__label {
        width: 100%;
        display: block;
    }
    .info__tab-btns .tab__btn {
        width: 100%;
    }
}
.info__tab-box {
    padding-top: 20px;
}
@media screen and (max-width: 767px) {
    .info__tab-box {
        padding-top: 12px;
    }
}
.info__chart {
    width: 155px;
    height: 155px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
    .info__chart {
        width: 123px;
        height: 123px;
    }
}
@media (max-width: 500.99px) {
    .info__chart {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
.info__chart-canvas {
    width: 100% !important;
    height: 100% !important;
}
.info__statistics {
    -ms-grid-columns: 449px 1fr;
    grid-template-columns: 449px 1fr;
    gap: 20px;
}
.info__statistics.tab--active {
    display: -ms-grid;
    display: grid;
}
@media screen and (max-width: 1240px) {
    .info__statistics.tab--active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.info__statistics-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 767px) {
    .info__statistics-title {
        font-size: 18px;
        line-height: 22px;
    }
}
.info__statistics-row {
    padding-top: 20px;
    gap: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.5fr 1fr 1fr;
    grid-template-columns: 1.5fr 1fr 1fr;
}
@media (max-width: 1800px) {
    .info__statistics-row {
        -ms-grid-columns: 450px 1fr 1fr;
        grid-template-columns: 450px 1fr 1fr;
    }
}
@media screen and (max-width: 1680px) {
    .info__statistics-row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 20px 15px;
    }
}
@media screen and (max-width: 1440px) {
    .info__statistics-row {
        -ms-grid-columns: 410px 1fr;
        grid-template-columns: 410px 1fr;
    }
}
@media (max-width: 1270.99px) {
    .info__statistics-row {
        -ms-grid-columns: 370px 1fr;
        grid-template-columns: 370px 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .info__statistics-row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 992px) {
    .info__statistics-row {
        -ms-grid-columns: 407px 1fr;
        grid-template-columns: 407px 1fr;
    }
}
@media screen and (max-width: 767px) {
    .info__statistics-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }
}
.info__hub {
    border: 1px solid #d9e2ec;
    border-radius: 20px;
}
@media screen and (max-width: 1240px) {
    .info__hub {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .info__hub {
        display: block;
    }
}
.info__hub-title {
    padding: 20px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .info__hub-title {
        padding: 15px;
    }
}
@media screen and (max-width: 1240px) {
    .info__hub-title {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }
}
@media screen and (max-width: 767px) {
    .info__hub-title {
        font-size: 18px;
        line-height: 22px;
    }
}
.info__hub-wrapp {
    border-top: 1px solid #d9e2ec;
    padding: 20px;
    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;
}
@media screen and (max-width: 1680px) {
    .info__hub-wrapp {
        padding: 15px;
        gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .info__hub-wrapp {
        padding: 10px;
        border-left: 1px solid #d9e2ec;
    }
    .info__hub-wrapp:nth-child(1) {
        border-left: none;
    }
}
@media screen and (max-width: 1240px) and (max-width: 767px) {
    .info__hub-wrapp {
        border-left: none;
    }
}
.info__hub-name {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .info__hub-name {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .info__hub-name {
        font-size: 14px;
    }
}
.info__hub-number {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #102a43;
    gap: 10px;
    fill: #6b6ee8;
}
@media screen and (max-width: 1680px) {
    .info__hub-number {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .info__hub-number {
        gap: 5px;
    }
}
@media screen and (max-width: 767px) {
    .info__hub-number {
        font-size: 14px;
    }
}
.info__hub-number svg,
.info__hub-number img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16px;
    height: 16px;
}
.info__hub-link {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    padding: 8px;
    border-radius: 8px;
}
@media (hover: hover) {
    .info__hub-link:hover {
        background: rgba(196, 198, 255, 0.4);
    }
    .info__hub-link:hover .info__hub-name,
    .info__hub-link:hover .info__hub-number {
        color: #6b6ee8;
    }
}
.info__hub-link:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.info__hub-link:focus-visible .info__hub-name,
.info__hub-link:focus-visible .info__hub-number {
    color: #6b6ee8;
}
.info__hub-link:active {
    background: rgba(196, 198, 255, 0.4);
}
.info__hub-link:active .info__hub-name,
.info__hub-link:active .info__hub-number {
    color: #6b6ee8;
}
.info__hub-color {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    width: 10px;
    height: 18px;
    border-radius: 999px;
}
.info__hub-list {
    width: 100%;
}
.info__cart {
    padding: 20px;
    background: #e7ecf3;
    border: 1px solid #d9e2ec;
    border-radius: 20px;
    gap: 20px;
}
@media screen and (max-width: 1680px) {
    .info__cart {
        gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .info__cart {
        padding: 15px;
    }
}
@media screen and (max-width: 767px) {
    .info__cart {
        width: 100%;
    }
}
.info__cart-list {
    gap: 5px;
}
@media screen and (max-width: 767px) {
    .info__cart-list {
        gap: 0;
    }
}
.info__cart-wrapp {
    gap: 20px;
}
@media screen and (max-width: 1680px) {
    .info__cart-wrapp {
        gap: 10px;
    }
}
@media (max-width: 500.99px) {
    .info__cart-wrapp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.info__cart-allert {
    min-height: 347px;
    gap: 20px;
    fill: #6b6ee8;
}
@media screen and (max-width: 1680px) {
    .info__cart-allert {
        min-height: 175px;
    }
}
.info__cart-allert svg,
.info__cart-allert img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px;
    height: 80px;
}
.info__cart-allert-text {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .info__cart-width {
        width: 100%;
        max-width: 324px;
    }
}
@media screen and (max-width: 767px) {
    .info__cart-width {
        max-width: 100%;
    }
}
.info__courses-hd {
    gap: 10px;
}
.info__courses-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #102a43;
}
.info__courses-btn {
    border: none;
    background: #6b6ee8;
    color: #f0f4f8;
    fill: #f0f4f8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 12px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #F0F4F8;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .info__courses-btn:hover {
        background: #2e307f;
    }
}
.info__courses-btn:focus-visible {
    background: #2e307f;
}
.info__courses-btn:active {
    background: #bcbcbc;
}
@media (hover: hover) {
    .info__courses-btn:hover {
        color: #f0f4f8;
    }
}
.info__courses-btn:focus-visible {
    color: #f0f4f8;
}
.info__courses-btn:active {
    color: #f0f4f8;
}
@media (hover: hover) {
    .info__courses-btn:hover {
        background: #2e307f;
    }
}
.info__courses-btn:focus-visible {
    background: #2e307f;
}
.info__courses-btn:active {
    background: #bcbcbc;
}
@media (hover: hover) {
    .info__courses-btn:hover {
        color: #f0f4f8;
    }
}
.info__courses-btn:focus-visible {
    color: #f0f4f8;
}
.info__courses-btn:active {
    color: #f0f4f8;
}
@media screen and (max-width: 1680px) {
    .info__courses-btn {
        min-height: 44px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .info__courses-btn {
        min-height: 36px;
        padding: 8px 24px;
        border-radius: 8px;
        font-size: 14px;
    }
}
@media (max-width: 572px) {
    .info__courses-btn {
        width: 100%;
    }
}
.info__courses-row {
    padding-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
@media screen and (max-width: 1680px) {
    .info__courses-row {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1240px) {
    .info__courses-row {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .info__courses-row {
        padding-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.info__courses-cart {
    position: relative;
    isolation: isolate;
    border-radius: 12px;
    overflow: hidden;
    gap: 3px;
    min-height: 120px;
}
@media screen and (max-width: 767px) {
    .info__courses-cart {
        border-radius: 15px;
        padding: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #e7ecf3;
        min-height: 0;
    }
}
.info__courses-cart::after {
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: calc(100% - 70px);
    background: #e7ecf3;
}
@media screen and (max-width: 767px) {
    .info__courses-cart::after {
        width: 0;
        height: 0;
        background: none;
    }
}
.info__courses-cart::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
    background: #e7ecf3;
    height: 100%;
    width: calc(100% - 155px);
}
@media screen and (max-width: 767px) {
    .info__courses-cart::before {
        width: 0;
        height: 0;
        background: none;
    }
}
.info__courses-cart-title {
    padding: 14px 20px 0 20px;
}
@media screen and (max-width: 767px) {
    .info__courses-cart-title {
        padding: 0;
    }
}
.info__courses-number {
    margin-top: auto;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 155px;
    height: 43px;
    padding-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    isolation: isolate;
    position: relative;
    z-index: -1;
}
.info__courses-number::after {
    content: "";
    width: 111%;
    height: 75px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: -3;
    background: #e7ecf3;
    -webkit-mask: url("../../assets/img/new-page/mask3.svg") no-repeat left 0 bottom 0;
    mask: url("../../assets/img/new-page/mask3.svg") no-repeat left 0 bottom 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
@media screen and (max-width: 767px) {
    .info__courses-number::after {
        width: 0;
        height: 0;
        background: none;
    }
}
@media screen and (max-width: 767px) {
    .info__courses-number {
        margin: initial;
        width: auto;
        height: auto;
        padding-left: 0;
        display: block;
    }
}

.price__hd {
    gap: 10px;
    padding-top: 15px;
}
@media screen and (max-width: 1680px) {
    .price__hd {
        padding-top: 30px;
    }
}
@media screen and (max-width: 1240px) {
    .price__hd {
        padding-top: 35px;
    }
}
@media screen and (max-width: 767px) {
    .price__hd {
        padding-top: 20px;
    }
}
.price__wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding-top: 20px;
}
@media (max-width: 1850.99px) {
    .price__wrapp {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1240px) {
    .price__wrapp {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .price__wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.price__cart {
    position: relative;
    isolation: isolate;
    border-radius: 12px;
    overflow: hidden;
    gap: 3px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
    min-height: 160px;
}
@media screen and (max-width: 1680px) {
    .price__cart {
        min-height: 205px;
    }
}
@media screen and (max-width: 767px) {
    .price__cart {
        min-height: 164px;
    }
}
.price__cart-wrapp {
    position: relative;
    background: #e7ecf3;
    border-radius: 12px 12px 0 12px;
    gap: 22px;
    padding: 14px 20px 10px 20px;
}
@media screen and (max-width: 1240px) {
    .price__cart-wrapp {
        padding: 14px 10px 10px 10px;
    }
}
.price__cart-text {
    margin-top: auto;
    margin-bottom: 0;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
    .price__cart-text {
        font-size: 14px;
    }
}
.price__cart-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    margin-top: -3px;
}
@media (max-width: 1850.99px) {
    .price__cart-footer {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
}
.price__cart-btn {
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    border-radius: 0 0 12px 12px;
    background: #e7ecf3;
    width: 100%;
    height: 100%;
    padding: 8px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (hover: hover) {
    .price__cart-btn:hover {
        color: #2e307f;
    }
}
.price__cart-btn:focus-visible {
    color: #2e307f;
}
.price__cart-btn:active {
    color: #bcbcbc;
}
@media (max-width: 1850.99px) {
    .price__cart-btn {
        padding: 8px 10px;
    }
}
@media screen and (max-width: 767px) {
    .price__cart-btn {
        font-size: 16px;
        padding: 8px 5px;
    }
}
.price__cart-info {
    min-width: 199px;
    height: 100%;
    min-height: 48px;
    padding: 4px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    isolation: isolate;
    position: relative;
}
@media (max-width: 1850.99px) {
    .price__cart-info {
        min-width: 166px;
        min-height: 48px;
    }
}
@media screen and (max-width: 1240px) {
    .price__cart-info {
        min-width: 164px;
        padding: 8px 10px;
    }
}
@media screen and (max-width: 767px) {
    .price__cart-info {
        min-width: 132px;
    }
}
.price__cart-info::after {
    content: "";
    width: 12px;
    height: 12px;
    right: -1px;
    top: -1px;
    position: absolute;
    z-index: -3;
    background: #e7ecf3;
    -webkit-mask: url("../../assets/img/new-page/mask-top.svg") no-repeat left 0 bottom 0;
    mask: url("../../assets/img/new-page/mask-top.svg") no-repeat left 0 bottom 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.firm__hd {
    padding-top: 15px;
}
@media screen and (max-width: 1680px) {
    .firm__hd {
        padding-top: 20px;
    }
}
.firm__tab-box {
    padding-top: 20px;
}
@media screen and (max-width: 1680px) {
    .firm__tab-box {
        padding-top: 10px;
    }
}

.firm__employee-hd {
    gap: 20px;
}
.firm__employee-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1240px) {
    .firm__employee-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .firm__employee-title {
        font-size: 16px;
    }
}
.firm__employee-title span {
    color: #486581;
    padding-left: 10px;
}
.firm__employee-coll {
    gap: 0 20px;
}
@media screen and (max-width: 767px) {
    .firm__employee-coll {
        width: 100%;
    }
}
.firm__employee-btn {
    padding: 8px;
    min-height: 40px;
    gap: 15px;
    font-size: 16px;
    line-height: 100%;
}
@media screen and (max-width: 1680px) {
    .firm__employee-btn {
        padding: 12px;
        min-height: 44px;
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .firm__employee-btn {
        width: 100%;
    }
}
.firm__employee-filter {
    max-width: 1130px;
    display: -ms-grid;
    display: grid;
    padding-top: 15px;
    gap: 10px;
    -ms-grid-columns: 1fr 300px 300px;
    grid-template-columns: 1fr 300px 300px;
}
@media screen and (max-width: 1240px) {
    .firm__employee-filter {
        padding-top: 10px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .firm__employee-search {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
@media (max-width: 572px) {
    .firm__employee-select-body {
        width: 300px;
    }
}
@media (max-width: 572px) {
    .firm__employee-sl-name-body {
        left: auto;
        right: 0;
    }
}
.firm__employee-option {
    padding-top: 15px;
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .firm__employee-option {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.firm__option-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 767px) {
    .firm__option-title {
        font-size: 16px;
    }
}
.firm__option-btn {
    padding: 8px;
    gap: 15px;
    font-size: 16px;
    margin-left: auto;
    margin-right: 0;
}
@media screen and (max-width: 1680px) {
    .firm__option-btn {
        padding: 12px;
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .firm__option-btn {
        width: 100%;
    }
}
.firm__option-hd {
    gap: 10px 20px;
}
@media screen and (max-width: 1680px) {
    .firm__option-hd {
        -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;
    }
}
.firm__option-list {
    gap: 20px;
}
@media screen and (max-width: 1240px) {
    .firm__option-list {
        gap: 20px 10px;
    }
}

.firm__employee-table {
    min-height: calc(100dvh - 540px);
    border: 1px solid #d9e2ec;
    border-radius: 15px;
    overflow: hidden;
}
@media screen and (max-width: 1680px) {
    .firm__employee-table {
        min-height: calc(100dvh - 500px);
    }
}
@media screen and (max-width: 1240px) {
    .firm__employee-table {
        min-height: calc(100dvh - 530px);
    }
}
@media (max-width: 1100px) {
    .firm__employee-table {
        min-height: 0;
    }
}
@media (max-width: 1040.99px) {
    .firm__employee-table {
        width: 990px;
        margin-bottom: 10px;
    }
}
@media (max-width: 572px) {
    .firm__employee-table {
        border: none;
        width: 100%;
        margin-bottom: 0;
    }
}
.firm__employee-table-container {
    margin-top: 15px;
    overflow: auto;
}
@media screen and (max-width: 1240px) {
    .firm__employee-table-container {
        margin-top: 10px;
    }
}

.firm__emp-rw {
    display: -ms-grid;
    display: grid;
    border-top: 1px solid #d9e2ec;
    -ms-grid-columns: 50px 1fr 316px 170px 1fr 1fr 88px;
    grid-template-columns: 50px 1fr 316px 170px 1fr 1fr 88px;
}
@media screen and (max-width: 1680px) {
    .firm__emp-rw {
        -ms-grid-columns: 50px 1fr 1fr 151px 1fr 1fr 80px;
        grid-template-columns: 50px 1fr 1fr 151px 1fr 1fr 80px;
    }
}
@media (max-width: 1040.99px) {
    .firm__emp-rw {
        -ms-grid-columns: 50px 1fr 176px 151px 176px 176px 80px;
        grid-template-columns: 50px 1fr 176px 151px 176px 176px 80px;
    }
}
@media (max-width: 572px) {
    .firm__emp-rw {
        border-radius: 15px;
        border: 1px solid #d9e2ec;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}

.firm__emp-hd-rw {
    border-top: none;
}
@media (max-width: 572px) {
    .firm__emp-hd-rw {
        display: none;
    }
}

.firm__emp-grid {
    grid-template-areas: "firm__emp-cll-check firm__emp-cll-name firm__emp-cll-email firm__emp-cll-number firm__emp-cll-division firm__emp-cll-job firm__emp-cll-btns";
}
@media (max-width: 572px) {
    .firm__emp-grid {
        grid-template-areas: "firm__emp-cll-check    firm__emp-cll-btns" "firm__emp-cll-name     firm__emp-cll-name" "firm__emp-cll-email    firm__emp-cll-email" "firm__emp-cll-number   firm__emp-cll-number" "firm__emp-cll-division firm__emp-cll-division" "firm__emp-cll-job      firm__emp-cll-job";
    }
}

@media (max-width: 572px) {
    .firm__emp-grid + .firm__emp-grid {
        margin-top: 10px;
    }
}
.firm__emp-cll {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 572px) {
    .firm__emp-cll {
        border-top: 1px solid #d9e2ec;
        padding: 10px;
        display: block;
    }
}

.firm__emp-cll-check {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: firm__emp-cll-check;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 572px) {
    .firm__emp-cll-check {
        border: none;
        padding: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.firm__emp-cll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: firm__emp-cll-name;
}

.firm__emp-cll-email {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: firm__emp-cll-email;
}
.firm__emp-cll-email .firm__emp-grid-text {
    display: block;
    word-break: break-all;
}

.firm__emp-cll-number {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: firm__emp-cll-number;
}

.firm__emp-cll-division {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: firm__emp-cll-division;
}

.firm__emp-cll-job {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    grid-area: firm__emp-cll-job;
}

.firm__emp-cll-btns {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: firm__emp-cll-btns;
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 572px){
    .firm__emp-cll-check {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .firm__emp-cll-name {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .firm__emp-cll-email {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .firm__emp-cll-number {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .firm__emp-cll-division {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .firm__emp-cll-job {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .firm__emp-cll-btns {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
}
@media (max-width: 572px) {
    .firm__emp-cll-btns {
        border: none;
        padding: 15px;
    }
}

.firm__emp-grid-text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
@media screen and (max-width: 1680px) {
    .firm__emp-grid-text {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
@media (max-width: 572px) {
    .firm__emp-grid-text {
        word-break: initial;
        display: block;
        -o-text-overflow: initial;
        text-overflow: initial;
    }
}
.firm__emp-grid-text.firm__emp-text-full {
    word-break: initial;
    display: block;
    -o-text-overflow: initial;
    text-overflow: initial;
}
@media screen and (max-width: 1240px) {
    .firm__emp-grid-text.firm__emp-text-full {
        word-break: break-all;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
@media (max-width: 572px) {
    .firm__emp-grid-text.firm__emp-text-full {
        word-break: initial;
        display: block;
        -o-text-overflow: initial;
        text-overflow: initial;
    }
}
@media screen and (max-width: 767px) {
    .firm__emp-grid-text {
        font-size: 14px;
    }
}
@media (max-width: 572px) {
    .firm__emp-grid-text {
        word-break: normal;
        display: block;
    }
}

.firm__emp-mob-title {
    display: none;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #486581;
    padding-bottom: 10px;
}
@media (max-width: 572px) {
    .firm__emp-mob-title {
        display: block;
    }
}

.firm__emp-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 24px;
    height: 24px;
    fill: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.firm__emp-btn img,
.firm__emp-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .firm__emp-btn:hover {
        fill: #2e307f;
    }
}
.firm__emp-btn:focus-visible {
    fill: #2e307f;
}
.firm__emp-btn:active {
    fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .firm__emp-btn {
        width: 20px;
        height: 20px;
    }
}
.firm__emp-btn svg,
.firm__emp-btn img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.firm__emp-dell {
    fill: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .firm__emp-dell:hover {
        fill: #cf1124;
    }
}
.firm__emp-dell:focus-visible {
    fill: #cf1124;
}
.firm__emp-dell:active {
    fill: #bcbcbc;
}

.firm__unit-filter {
    padding-top: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 300px;
    grid-template-columns: 1fr 300px;
    gap: 10px;
    max-width: 1110px;
}
@media screen and (max-width: 1680px) {
    .firm__unit-filter {
        max-width: 820px;
    }
}
@media screen and (max-width: 1240px) {
    .firm__unit-filter {
        width: 100%;
        -ms-grid-columns: 1fr 296px;
        grid-template-columns: 1fr 296px;
    }
}
@media screen and (max-width: 767px) {
    .firm__unit-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (max-width: 767px) {
    .firm__unit-btn {
        font-size: 14px;
        padding: 8px;
        min-height: 36px;
    }
}
@media screen and (max-width: 767px) {
    .firm__unit-hd-text {
        font-size: 14px;
    }
}
.firm__unit-hd-btns {
    gap: 10px;
}
@media (max-width: 572.98px) {
    .firm__unit-hd-btns {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.firm__unit-hd-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 24px;
    height: 24px;
    fill: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.firm__unit-hd-btn img,
.firm__unit-hd-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .firm__unit-hd-btn:hover {
        fill: #2e307f;
    }
}
.firm__unit-hd-btn:focus-visible {
    fill: #2e307f;
}
.firm__unit-hd-btn:active {
    fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .firm__unit-hd-btn {
        width: 20px;
        height: 20px;
    }
}
.firm__unit-hd-btn img,
.firm__unit-hd-btn svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.firm__unit-hd-btn.firm__unit-dell {
    fill: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .firm__unit-hd-btn.firm__unit-dell:hover {
        #cf1124: #cf1124;
    }
}
.firm__unit-hd-btn.firm__unit-dell:focus-visible {
    #cf1124: #cf1124;
}
.firm__unit-hd-btn.firm__unit-dell:active {
    #cf1124: #bcbcbc;
}
.firm__unit-btn-controll {
    width: 100%;
    height: 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;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #6b6ee8;
    fill: #486581;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .firm__unit-btn-controll:hover {
        background: rgba(196, 198, 255, 0.4);
    }
}
.firm__unit-btn-controll:focus-visible {
    background: rgba(196, 198, 255, 0.4);
}
.firm__unit-btn-controll:active {
    background: rgba(196, 198, 255, 0.4);
}
@media (max-width: 572px) {
    .firm__unit-btn-controll {
        fill: #6b6ee8;
    }
}
.firm__unit-btn-controll img,
.firm__unit-btn-controll svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .firm__unit-btn-controll img,
    .firm__unit-btn-controll svg {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 572.99px) {
    .firm__unit-btn-controll {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 8px;
        gap: 12px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 36px;
        margin-left: auto;
        margin-right: 0;
    }
}
.firm__unit-btn-controll span {
    display: none;
}
@media screen and (max-width: 572.98px) {
    .firm__unit-btn-controll span {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .firm__unit-header-coll {
        font-size: 14px;
    }
}

.firm__unit-hd-coll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
}
@media screen and (max-width: 572.98px) {
    .firm__unit-hd-coll {
        padding: 10px;
        border-bottom: 1px solid #d9e2ec;
        display: block;
    }
}

.firm__unit-hd-controll {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: firm__unit-hd-controll;
    padding: 0;
}

.internal__set-hd > .firm__unit-hd-controll {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.firm__unit-hd-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: firm__unit-hd-name;
}

.internal__set-hd > .firm__unit-hd-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
}

.firm__unit-hd-respons {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: firm__unit-hd-respons;
}

.firm__unit-hd-quantity {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: firm__unit-hd-quantity;
}

.internal__set-hd > .firm__unit-hd-quantity {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
}

.firm__unit-hd-btns {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: firm__unit-hd-btns;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.internal__set-hd > .firm__unit-hd-btns {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.firm__unit-hd,
.firm__unit-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr 1fr 250px 125px;
    grid-template-columns: 50px 1fr 1fr 250px 125px;
}
@media screen and (max-width: 1680px) {
    .firm__unit-hd,
    .firm__unit-header {
        -ms-grid-columns: 50px 1fr 1fr 170px 110px;
        grid-template-columns: 50px 1fr 1fr 170px 110px;
    }
}

.firm__unit-header {
    border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
    .firm__unit-header {
        display: none;
    }
}

.firm__unit-hd {
    grid-template-areas: "firm__unit-hd-controll firm__unit-hd-name firm__unit-hd-respons firm__unit-hd-quantity firm__unit-hd-btns";
}
@media screen and (max-width: 572.98px) {
    .firm__unit-hd {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        grid-template-areas: "firm__unit-hd-name     firm__unit-hd-name" "firm__unit-hd-respons  firm__unit-hd-respons" "firm__unit-hd-quantity firm__unit-hd-quantity" "firm__unit-hd-btns     firm__unit-hd-controll";
    }
    .firm__unit-hd-controll {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    .firm__unit-hd-name {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .firm__unit-hd-respons {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .firm__unit-hd-quantity {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .firm__unit-hd-btns {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
}

.firm__unit-cart {
    border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
    .firm__unit-cart {
        border: 1px solid #d9e2ec;
        border-radius: 15px;
    }
}

@media screen and (max-width: 572.98px) {
    .firm__unit-cart + .firm__unit-cart {
        margin-top: 10px;
    }
}

.firm__bd-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: firm__bd-coll-name;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media screen and (max-width: 572.98px) {
    .firm__bd-coll-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.firm__bd-coll-name-status {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: auto;
    height: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.firm__bd-coll-name-status img,
.firm__bd-coll-name-status svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.firm__bd-coll-name-status img,
.firm__bd-coll-name-status svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 572.98px) {
    .firm__bd-coll-name-status img,
    .firm__bd-coll-name-status svg {
        margin-right: 10px;
    }
}
@media screen and (max-width: 572.98px) {
    .firm__bd-coll-name-user {
        font-size: 14px;
    }
}

.firm__bd-coll-job {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: firm__bd-coll-job;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media screen and (max-width: 572.98px) {
    .firm__bd-coll-job-name {
        font-size: 14px;
    }
}

.firm__bd-coll-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: firm__bd-coll-btn;
    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;
}

.internal__set-bd-row > .firm__bd-coll-btn {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
}
@media screen and (max-width: 572.98px) {
    .firm__bd-coll-btn {
        padding: 0;
    }
}

.firm__bd-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 10px 1fr 10px auto;
    grid-template-columns: auto 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-areas: "firm__bd-coll-name firm__bd-coll-job firm__bd-coll-btn";
    gap: 10px;
    padding: 15px;
    border-top: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
    .firm__bd-row {
        padding: 10px;
        gap: 10px 15px;
        -ms-grid-columns: auto 15px 1fr;
        grid-template-columns: auto 1fr;
        -ms-grid-rows: auto 10px 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: "firm__bd-coll-btn firm__bd-coll-name" "firm__bd-coll-job firm__bd-coll-job";
    }
    .firm__bd-coll-name {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .firm__bd-coll-job {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .firm__bd-coll-btn {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
}

.ffirm__bd-dell {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 24px;
    height: 24px;
    fill: #ef4e4e;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.ffirm__bd-dell img,
.ffirm__bd-dell svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .ffirm__bd-dell {
        width: 20px;
        height: 20px;
    }
}
.ffirm__bd-dell img,
.ffirm__bd-dell svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
@media (hover: hover) {
    .ffirm__bd-dell:hover {
        #cf1124: #cf1124;
    }
}
.ffirm__bd-dell:focus-visible {
    #cf1124: #cf1124;
}
.ffirm__bd-dell:active {
    #cf1124: #bcbcbc;
}

.firm__unit-bd {
    display: none;
}

.firm__unit-cart.is-active .firm__unit-bd {
    display: block;
}
.firm__unit-cart.is-active .firm__unit-controll-img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.firm__start {
    gap: 24px;
    min-height: calc(100dvh - 300px);
}
@media screen and (max-width: 767px) {
    .firm__start {
        gap: 16px;
    }
}
.firm__start-icon, .chat-empty__icon {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    fill: none;
    stroke: #829ab1;
    width: 54px;
    height: 54px;
}
@media screen and (max-width: 1680px) {
    .firm__start-icon, .chat-empty__icon {
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 767px) {
    .firm__start-icon, .chat-empty__icon {
        width: 40px;
        height: 40px;
    }
}
.firm__start-wrapp {
    gap: 15px;
}
@media screen and (max-width: 1680px) {
    .firm__start-wrapp {
        gap: 10px;
    }
}

.adding {
    min-height: calc(100dvh - 136px);
    padding-top: 40px;
}
@media screen and (max-width: 1680px) {
    .adding {
        padding-top: 26px;
        min-height: calc(100dvh - 122px);
    }
}
@media screen and (max-width: 767px) {
    .adding {
        padding-top: 15px;
        min-height: calc(100dvh - 120px);
    }
}
.adding__wrapp {
    width: 100%;
    max-width: 1126px;
    gap: 30px;
}
@media screen and (max-width: 767px) {
    .adding__wrapp {
        gap: 20px;
    }
}
.adding__hd {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 572px) {
    .adding__hd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.adding__hd-title {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
}
.adding__hd-btn {
    margin-left: auto;
    margin-right: 0;
    padding: 10px;
    gap: 10px;
    min-height: 44px;
}
@media screen and (max-width: 1680px) {
    .adding__hd-btn {
        padding: 12px 24px;
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .adding__hd-btn {
        min-height: 36px;
        padding: 8px 12px;
    }
}
@media (max-width: 572px) {
    .adding__hd-btn {
        margin-left: 0;
        margin-right: auto;
    }
}
.adding__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #d9e2ec;
    border-radius: 15px;
}
@media screen and (max-width: 767px) {
    .adding__body {
        display: block;
    }
}
.adding__body-coll {
    padding: 20px;
}
@media screen and (max-width: 1240px) {
    .adding__body-coll {
        padding: 15px;
    }
}
.adding__body-coll + .adding__body-coll {
    border-left: 1px solid #d9e2ec;
}
@media screen and (max-width: 767px) {
    .adding__body-coll + .adding__body-coll {
        border-top: 1px solid #d9e2ec;
        border-left: none;
    }
}
@media screen and (max-width: 767px) {
    .adding__body-title {
        font-size: 20px;
    }
}
.adding__list {
    gap: 15px;
    padding-top: 30px;
}
@media screen and (max-width: 767px) {
    .adding__list {
        padding-top: 20px;
    }
}
.adding__footer {
    gap: 10px;
}
@media (max-width: 572px) {
    .adding__footer {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.adding__btn {
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .adding__btn {
        min-height: 44px;
        padding: 12px;
    }
}
@media (max-width: 572px) {
    .adding__btn {
        width: 100%;
    }
}

.internal__hd {
    padding-top: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    gap: 10px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 1680px) {
    .internal__hd {
        padding-top: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .internal__hd {
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        -ms-grid-rows: auto 1fr;
        grid-template-rows: auto 1fr;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__hd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
    }
}
.internal__hd-link {
    margin-left: auto;
    margin-right: 0;
    font-size: 16px;
    padding: 8px;
}
@media screen and (max-width: 1680px) {
    .internal__hd-link {
        padding: 12px 24px;
    }
}
@media screen and (max-width: 767px) {
    .internal__hd-link {
        font-size: 14px;
        padding: 8px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__hd-link {
        width: 100%;
        margin-top: 5px;
    }
}
.internal__tab {
    padding-top: 20px;
    gap: 20px;
}
@media screen and (max-width: 1680px) {
    .internal__tab {
        padding-top: 10px;
    }
}
.internal__tab-hd {
    gap: 20px;
}
.internal__tab-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    /* identical to box height */
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1240px) {
    .internal__tab-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .internal__tab-title {
        font-size: 16px;
    }
}
.internal__tab-title span {
    padding-left: 10px;
    color: #486581;
}
.internal__tab-link {
    font-size: 16px;
    padding: 8px;
}
@media screen and (max-width: 1680px) {
    .internal__tab-link {
        padding: 12px 24px;
    }
}
@media screen and (max-width: 767px) {
    .internal__tab-link {
        font-size: 14px;
        padding: 8px;
        width: 100%;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__tab-link.-is-fixed-font {
        font-size: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .internal__tab-btns {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 572.98px) {
    .internal__tab-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        gap: 4px;
    }
}
@media screen and (max-width: 1240px) {
    .internal__tab-lable {
        width: 100%;
    }
}

.internal__set-hd, .internal__set-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr 250px 110px;
    grid-template-columns: 50px 1fr 250px 110px;
}
@media screen and (max-width: 1680px) {
    .internal__set-hd, .internal__set-header {
        -ms-grid-columns: 50px 1fr 220px 110px;
        grid-template-columns: 50px 1fr 220px 110px;
    }
}
@media screen and (max-width: 992px) {
    .internal__set-hd, .internal__set-header {
        -ms-grid-columns: 50px 1fr 118px 110px;
        grid-template-columns: 50px 1fr 118px 110px;
    }
}
@media screen and (max-width: 992px) {
    .internal__set-header {
        -ms-grid-columns: 50px 1fr 220px 10px;
        grid-template-columns: 50px 1fr 220px 10px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__set-header {
        display: none;
    }
}
.internal__set-hd {
    grid-template-areas: "firm__unit-hd-controll firm__unit-hd-name firm__unit-hd-quantity firm__unit-hd-btns";
}
@media screen and (max-width: 572.98px) {
    .internal__set-hd {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        grid-template-areas: "firm__unit-hd-name     firm__unit-hd-name" "firm__unit-hd-quantity firm__unit-hd-quantity" "firm__unit-hd-btns     firm__unit-hd-controll";
    }
    .internal__set-hd > .firm__unit-hd-controll {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    .internal__set-hd > .firm__unit-hd-name {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__set-hd > .firm__unit-hd-quantity {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__set-hd > .firm__unit-hd-btns {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
}
@media (max-width: 1040.99px) {
    .internal__set-table {
        width: 100%;
    }
}
.internal__set-bd-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px auto;
    grid-template-columns: 1fr auto;
    -ms-grid-rows: auto 10px 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "internal__bd-programm firm__bd-coll-btn" "internal__bd-type     firm__bd-coll-btn";
    gap: 10px 15px;
}
@media screen and (max-width: 1680px) {
    .internal__set-bd-row {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__set-bd-row {
        padding: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__set-bd-row {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        grid-template-areas: "firm__bd-coll-btn internal__bd-programm" "internal__bd-type  internal__bd-type ";
    }
    .internal__set-bd-row > .firm__bd-coll-btn {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
}
.internal__set-search {
    max-width: 800px;
    margin-top: 15px;
}
@media screen and (max-width: 1680px) {
    .internal__set-search {
        max-width: 510px;
    }
}
@media screen and (max-width: 1240px) {
    .internal__set-search {
        margin-top: 10px;
        max-width: 100%;
    }
}
.internal__set-search-input {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .internal__set-search-input {
        min-height: 36px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.internal__bd-programm {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: internal__bd-programm;
}
@media screen and (max-width: 572.98px) {
    .internal__bd-programm {
        min-height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.internal__bd-type {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: internal__bd-type;
}

@media screen and (max-width: 572.98px){
    .internal__bd-programm {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .internal__bd-type {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}

.internal__bd-programm,
.internal__bd-type {
    padding-left: 50px;
}
@media screen and (max-width: 572.98px) {
    .internal__bd-programm,
    .internal__bd-type {
        padding-left: 0;
    }
}

.internal__access-filter {
    gap: 10px;
    margin-top: 15px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1.55fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1.55fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1680px) {
    .internal__access-filter {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .internal__access-filter {
        -ms-grid-columns: 1fr 0.5fr 0.5fr 1fr;
        grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .internal__access-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (max-width: 1680px) {
    .internal__access-search {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
@media screen and (max-width: 1240px) {
    .internal__access-programm {
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
    }
}
@media screen and (max-width: 1240px) {
    .internal__access-filter-job {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
    }
}
.internal__access-select-header {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .internal__access-select-header {
        min-height: 36px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.internal__access-select .selected-body {
    min-width: 380px;
}
@media screen and (max-width: 767px) {
    .internal__access-select .selected-body {
        min-width: 0;
    }
}
.internal__access-coll {
    min-height: 50px;
    padding: 5px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 572.98px) {
    .internal__access-coll {
        padding: 10px;
        display: block;
        min-height: 0;
        border-top: 1px solid #d9e2ec;
    }
}
.internal__access-dowland {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 24px;
    height: 24px;
    fill: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.internal__access-dowland img,
.internal__access-dowland svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .internal__access-dowland:hover {
        fill: #2e307f;
    }
}
.internal__access-dowland:focus-visible {
    fill: #2e307f;
}
.internal__access-dowland:active {
    fill: #2e307f;
}
@media screen and (max-width: 1680px) {
    .internal__access-dowland {
        width: 20px;
        height: 20px;
    }
}
.internal__access-dowland img,
.internal__access-dowland svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1240px) {
    .internal__access-table {
        min-width: 1140px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__access-table {
        min-width: 0;
    }
}

.internal__access-tb-rw {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 50px 1.1fr 316px 1fr 1fr 218px 54px;
    grid-template-columns: 50px 50px 1.1fr 316px 1fr 1fr 218px 54px;
    grid-template-areas: "internal__access-controll internal__access-check internal__access-name internal__access-email internal__access-division internal__access-job internal__access-date internal__access-file";
}
@media screen and (max-width: 1680px) {
    .internal__access-tb-rw {
        -ms-grid-columns: 40px 40px 1fr 1fr 1fr 1fr 195px 50px;
        grid-template-columns: 40px 40px 1fr 1fr 1fr 1fr 195px 50px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__access-tb-rw {
        -ms-grid-columns: 40px 1fr;
        grid-template-columns: 40px 1fr;
        grid-template-areas: "internal__access-check    internal__access-file" "internal__access-name     internal__access-name" "internal__access-email    internal__access-email" "internal__access-division internal__access-division" "internal__access-job      internal__access-job" "internal__access-date     internal__access-date" "internal__access-controll internal__access-controll";
    }
}

.internal__access-hd-rw {
    border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
    .internal__access-hd-rw {
        display: none;
    }
}

.internal__access-tb-title {
    word-break: break-all;
}
@media screen and (max-width: 767px) {
    .internal__access-tb-title {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .internal__access-hd-title {
        font-size: 14px;
    }
}

.internal__access-controll {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: internal__access-controll;
    padding: 0;
}
@media screen and (max-width: 572.98px) {
    .internal__access-controll {
        padding: 7px 10px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__access-controll-btn {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.internal__access-check {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: internal__access-check;
    padding: 0;
    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;
}
@media screen and (max-width: 572.98px) {
    .internal__access-check {
        margin-left: 10px;
        width: 40px;
        height: 50px;
        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;
        padding: 0;
        border: none;
    }
}

.internal__access-name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: internal__access-name;
}

.internal__access-email {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: internal__access-email;
}

.internal__access-division {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: internal__access-division;
}

.internal__access-job {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    grid-area: internal__access-job;
}

.internal__access-date {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: internal__access-date;
}

.internal__access-file {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
    grid-area: internal__access-file;
}

@media screen and (max-width: 572.98px){
    .internal__access-controll {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__access-check {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .internal__access-name {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__access-email {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__access-division {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__access-job {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__access-date {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__access-file {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__access-file {
        width: 50px;
        height: 50px;
        padding: 0;
        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-left: auto;
        margin-right: 0;
        border: none;
    }
}

@media screen and (max-width: 767px) {
    .internal__access-bd-title,
    .internal__access-bd-text {
        font-size: 14px;
    }
}

.internal__access-bd-rw {
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 70px;
}
@media screen and (max-width: 1680px) {
    .internal__access-bd-rw {
        padding-left: 95px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__access-bd-rw {
        padding-left: 10px;
    }
}

.internal__results-sublist {
    gap: 5px 10px;
}
@media screen and (max-width: 572.98px) {
    .internal__results-sublist {
        -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;
    }
}
.internal__results-subinner {
    padding-right: 10px;
    border-right: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
    .internal__results-subinner {
        padding-right: 0;
        border: none;
    }
}
.internal__results-subinner:nth-last-child(1) {
    padding-right: 0;
    border: none;
}
@media screen and (max-width: 767px) {
    .internal__results-user {
        font-size: 14px;
    }
}
.internal__results-list {
    gap: 5px 10px;
}
@media screen and (max-width: 572.98px) {
    .internal__results-list {
        -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;
    }
}
.internal__results-email {
    gap: 10px;
    word-break: break-all;
}
@media screen and (max-width: 767px) {
    .internal__results-email {
        font-size: 14px;
    }
}
.internal__results-email img,
.internal__results-email svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1680px) {
    .internal__results-email img,
    .internal__results-email svg {
        width: 16px;
        height: 16px;
    }
}
.internal__results-programm {
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .internal__results-programm-name {
        font-size: 14px;
    }
}
.internal__results-programm-type {
    font-size: 14px;
}
.internal__results-module {
    width: 100%;
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .internal__results-module {
        gap: 5px;
    }
}
@media screen and (max-width: 767px) {
    .internal__results-module-title, .internal__results-module-status {
        font-size: 14px;
    }
}
.internal__results-module-line {
    position: relative;
    width: 100%;
    height: 12px;
    border-radius: 14px;
    background: #e7ecf3;
    border: 1px solid #d9e2ec;
    overflow: hidden;
}
@media screen and (max-width: 1680px) {
    .internal__results-module-line {
        height: 10px;
    }
}
.internal__results-module-subline {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
}
.internal__results-status-name {
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .internal__results-status-name {
        font-size: 14px;
    }
}
.internal__results-status-color {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 10px;
    height: 18px;
    border-radius: 999px;
}

.internal__results-bd-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0 205px 0 218px 0 293px 0 50px;
    grid-template-columns: 1fr 205px 218px 293px 50px;
    grid-template-areas: "internal__results-bd-name internal__results-bd-prog internal__results-bd-status internal__results-bd-period internal__results-bd-file ";
    gap: 0;
    padding: 0;
    padding-left: 100px;
}
@media screen and (max-width: 1680px) {
    .internal__results-bd-row {
        -ms-grid-columns: 1fr 150px 150px 260px 50px;
        grid-template-columns: 1fr 150px 150px 260px 50px;
        padding-left: 80px;
    }
}
@media screen and (max-width: 1240px) {
    .internal__results-bd-row {
        -ms-grid-columns: 1fr 150px 150px 260px 50px;
        grid-template-columns: 1fr 150px 150px 260px 50px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__results-bd-row {
        padding-left: 0;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-template-areas: "internal__results-bd-name   internal__results-bd-name" "internal__results-bd-prog   internal__results-bd-prog" "internal__results-bd-period internal__results-bd-period" "internal__results-bd-status internal__results-bd-file ";
    }
}

.internal__results-hd-row {
    border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
    .internal__results-hd-row {
        display: none;
    }
}

.internal__results-bd-coll {
    padding: 15px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 1680px) {
    .internal__results-bd-coll {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__results-bd-coll {
        padding: 10px;
        border-bottom: 1px solid #d9e2ec;
    }
}

@media screen and (max-width: 1680px) {
    .internal__results-hd-title {
        padding: 15px;
    }
}

.internal__results-bd-name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: internal__results-bd-name;
}

.internal__results-bd-prog {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: internal__results-bd-prog;
}

.internal__results-bd-status {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: internal__results-bd-status;
}
@media screen and (max-width: 572.98px) {
    .internal__results-bd-status {
        border: none;
    }
}

.internal__results-bd-period {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: internal__results-bd-period;
}

.internal__results-bd-file {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    grid-area: internal__results-bd-file;
    padding: 0;
    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;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 572.98px){
    .internal__results-bd-name {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__results-bd-prog {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__results-bd-status {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .internal__results-bd-period {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .internal__results-bd-file {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__results-bd-file {
        padding: 10px;
        border: none;
    }
}
.internal__results-bd-file .internal__access-dowland {
    width: 24px;
    height: 24px;
}

.internal__results-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 50px 1fr;
    grid-template-columns: 50px 50px 1fr;
}
@media screen and (max-width: 1680px) {
    .internal__results-row {
        -ms-grid-columns: 40px 40px 1fr;
        grid-template-columns: 40px 40px 1fr;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__results-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

.internal__results--controll {
    width: 100%;
    height: 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;
}
@media screen and (max-width: 572.98px) {
    .internal__results--controll {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        padding: 7px 10px;
    }
}

.internal__results--check {
    width: 100%;
    height: 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;
}
@media screen and (max-width: 572.98px) {
    .internal__results--check {
        padding: 15px 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.internal__results--name {
    padding: 15px;
    gap: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (max-width: 1680px) {
    .internal__results--name {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 572.98px) {
    .internal__results--name {
        gap: 5px;
        padding: 10px;
        border-bottom: 1px solid #d9e2ec;
        border-top: 1px solid #d9e2ec;
    }
}

.assign {
    padding-bottom: 50px;
}
@media screen and (max-width: 1680px) {
    .assign {
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .assign {
        padding-bottom: 20px;
    }
}
.assign__wrapp {
    width: 100%;
    max-width: 1515px;
}
.assign__hd {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
}
@media screen and (max-width: 1680px) {
    .assign__hd {
        padding-top: 10px;
    }
}
@media (max-width: 572px) {
    .assign__hd {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.assign__hd-title {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
}
@media screen and (max-width: 767px) {
    .assign__hd-title {
        font-size: 20px;
    }
}
@media (max-width: 572px) {
    .assign__hd-title {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        text-align: center;
    }
}
.assign__hd-btn {
    margin-left: auto;
    margin-right: 0;
    padding: 10px;
    gap: 10px;
    min-height: 44px;
}
@media screen and (max-width: 1680px) {
    .assign__hd-btn {
        padding: 12px 24px;
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .assign__hd-btn {
        min-height: 36px;
        padding: 8px 12px;
    }
}
@media (max-width: 572px) {
    .assign__hd-btn {
        margin-left: auto;
        margin-right: 0;
        padding: 8px 24px;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
}
.assign__hd-btn-back {
    margin-left: 0;
    margin-right: auto;
}
@media (max-width: 572px) {
    .assign__hd-btn-back {
        margin-left: 0;
        margin-right: auto;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
}
.assign__step {
    padding-top: 30px;
}
@media screen and (max-width: 1680px) {
    .assign__step {
        padding-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .assign__step {
        padding-top: 10px;
    }
}
.assign__step-line {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 1px;
    background: #d9e2ec;
}
@media screen and (max-width: 767px) {
    .assign__step-line {
        width: 5px;
    }
}
.assign__step-inner {
    padding: 10px;
    gap: 10px;
    border: 1px solid #d9e2ec;
    border-radius: 1000px;
}
@media screen and (max-width: 1680px) {
    .assign__step-inner {
        padding: 5px;
    }
}
@media screen and (max-width: 767px) {
    .assign__step-inner {
        gap: 5px;
        padding: 3px 7px 3px 3px;
    }
}
.assign__step-inner.-is-active {
    border-color: #6b6ee8;
}
.assign__step-inner.-is-active .assign__step-number {
    border-color: #6b6ee8;
    background: #6b6ee8;
    color: #f0f4f8;
}
.assign__step-inner.-is-active .assign__step-text {
    display: block;
}
.assign__step-number {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 44px;
    height: 32px;
    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: #829ab1;
    border: 1px solid #829ab1;
    border-radius: 100px;
}
@media screen and (max-width: 767px) {
    .assign__step-number {
        width: 31px;
        height: 23px;
    }
}
@media screen and (max-width: 1240px) {
    .assign__step-text {
        font-size: 18px;
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .assign__step-text {
        font-size: 14px;
    }
}
.assign__filter {
    padding-top: 30px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px 10px;
    -ms-grid-columns: 1fr 300px 300px 283px;
    grid-template-columns: 1fr 300px 300px 283px;
}
@media screen and (max-width: 1680px) {
    .assign__filter {
        padding-top: 20px;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 1240px) {
    .assign__filter {
        -ms-grid-columns: 1fr 1fr 1.1fr;
        grid-template-columns: 1fr 1fr 1.1fr;
    }
}
@media screen and (max-width: 767px) {
    .assign__filter {
        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;
        padding-top: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .assign__filter-searh {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }
}
.assign__filter-height {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .assign__filter-height {
        min-height: 36px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.assign__filter-programm {
    -ms-grid-columns: 1fr 300px;
    grid-template-columns: 1fr 300px;
}
.assign__filter-dates {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
@media screen and (max-width: 1240px) {
    .assign__filter-dates {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.assign__filter-dates-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.assign__filter-dates-coll {
    gap: 10px;
}
@media screen and (max-width: 1240px) {
    .assign__filter-dates-coll {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .assign__filter-dates-coll {
        -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;
    }
}
.assign__filter-dates-row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 180px 180px;
    grid-template-columns: 180px 180px;
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .assign__filter-dates-row {
        -ms-grid-columns: 200px 200px;
        grid-template-columns: 200px 200px;
    }
}
@media screen and (max-width: 1240px) {
    .assign__filter-dates-row {
        width: 100%;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.assign__footer {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #d9e2ec;
}
.assign__footer-wrapp {
    width: 100%;
    max-width: 1515px;
    margin-left: auto;
    margin-right: auto;
    gap: 15px;
}
@media screen and (max-width: 992px) {
    .assign__footer-wrapp-two {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.assign__footer-btn {
    min-height: 44px;
    font-size: 16px;
    padding: 10px 24px;
}
@media screen and (max-width: 767px) {
    .assign__footer-btn {
        width: 100%;
        padding: 8px;
        min-height: 33px;
        font-size: 14px;
    }
}
.assign__footer-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.assign__footer-container {
    gap: 10px;
}
@media screen and (max-width: 992px) {
    .assign__footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media screen and (max-width: 767px) {
    .assign__footer-container {
        width: 100%;
    }
}
@media screen and (max-width: 1240px) {
    .assign__footer-title, .assign__footer-rezet {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .assign__footer-title, .assign__footer-rezet {
        font-size: 14px;
    }
}
.assign__footer-title span {
    color: #102a43;
    padding-left: 10px;
}
.assign__footer-hd {
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .assign__footer-hd {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.assign__footer-allert {
    min-height: 54px;
    border-radius: 12px;
    padding: 15px;
    gap: 15px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #e7a714;
    background: rgba(209, 166, 41, 0.1);
    fill: #e7a714;
}
@media screen and (max-width: 1680px) {
    .assign__footer-allert {
        min-height: 50px;
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .assign__footer-allert {
        width: 100%;
    }
}
.assign__footer-allert span span {
    padding-left: 10px;
}
.assign__footer-allert svg,
.assign__footer-allert img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .assign__footer-allert svg,
    .assign__footer-allert img {
        width: 20px;
        height: 20px;
    }
}
.assign__list {
    padding-top: 15px;
    padding-bottom: 15px;
    gap: 15px;
}
@media screen and (max-width: 1680px) {
    .assign__list {
        padding-top: 10px;
        padding-bottom: 10px;
        gap: 10px;
    }
}
.assign__list-title {
    padding-top: 15px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .assign__list-title {
        padding-top: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .assign__list-title {
        font-size: 18px;
    }
}
.assign__cart {
    border: 1px solid #d9e2ec;
    border-radius: 8px;
}
@media screen and (max-width: 767px) {
    .assign__cart {
        border-radius: 15px;
    }
}
.assign__cart-body {
    gap: 10px;
    padding: 15px;
}
@media screen and (max-width: 1680px) {
    .assign__cart-body {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 767px) {
    .assign__cart-body {
        padding: 10px;
    }
}
.assign__cart-ticket {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 12px;
    padding: 12px;
    background: #e7ecf3;
    gap: 4px;
}
.assign__cart-ticket-date {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #486581;
}
@media screen and (max-width: 1240px) {
    .assign__cart-ticket-date {
        font-weight: 400;
        font-size: 12px;
    }
}
.assign__cart-ticket-date span {
    color: #102a43;
}
.assign__cart-ticket-row {
    gap: 4px;
}
.assign__cart-ticket-title, .assign__cart-ticket-text {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    color: #486581;
}
@media screen and (max-width: 1240px) {
    .assign__cart-ticket-title, .assign__cart-ticket-text {
        font-size: 14px;
    }
}
.assign__cart-ticket-text {
    color: #102a43;
}
.assign__cart-list {
    gap: 5px 10px;
}
@media screen and (max-width: 767px) {
    .assign__cart-list {
        -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;
    }
}
.assign__cart-inner {
    padding-right: 10px;
    border-right: 1px solid #d9e2ec;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #486581;
}
@media screen and (max-width: 1240px) {
    .assign__cart-inner {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .assign__cart-inner {
        padding-right: 0;
        border: none;
    }
}
.assign__cart-inner:nth-last-child(1) {
    padding-right: 0;
    border: none;
}
.assign__cart-email {
    gap: 10px;
    word-break: break-all;
    padding-right: 10px;
    border-right: 1px solid #d9e2ec;
}
@media screen and (max-width: 1240px) {
    .assign__cart-email {
        padding-right: 0;
        border: none;
    }
}
@media screen and (max-width: 767px) {
    .assign__cart-email {
        font-size: 14px;
    }
}
.assign__cart-email img,
.assign__cart-email svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
.assign__cart-top {
    gap: 10px;
}
@media screen and (max-width: 1240px) {
    .assign__cart-top {
        -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;
    }
}
@media screen and (max-width: 767px) {
    .assign__cart-top {
        gap: 5px;
    }
}
.assign__cart-date {
    color: #486581;
}
.assign__cart-date span {
    color: #102a43;
}
.assign__cart-hd {
    padding: 15px;
}
@media screen and (max-width: 1680px) {
    .assign__cart-hd {
        padding: 10px;
    }
}
@media screen and (max-width: 767px) {
    .assign__cart-hd {
        padding: 15px 20px;
        width: 100%;
        border-bottom: 1px solid #d9e2ec;
    }
}
.assign__cart-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
}
@media screen and (max-width: 1680px) {
    .assign__cart-grid {
        -ms-grid-columns: 40px 1fr;
        grid-template-columns: 40px 1fr;
    }
}
@media screen and (max-width: 767px) {
    .assign__cart-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.assign__pr {
    padding: 15px;
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .assign__pr {
        padding: 10px 15px;
    }
}
.assign__pr-list {
    gap: 10px;
}
.assign__pr-inner {
    gap: 10px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #486581;
    padding-right: 10px;
    border-right: 1px solid #d9e2ec;
}
@media screen and (max-width: 1680px) {
    .assign__pr-inner {
        font-weight: 500;
    }
}
@media screen and (max-width: 767px) {
    .assign__pr-inner {
        font-size: 14px;
    }
}
.assign__pr-inner-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #486581;
}
@media screen and (max-width: 1680px) {
    .assign__pr-inner-title {
        font-weight: 500;
    }
}
@media screen and (max-width: 767px) {
    .assign__pr-inner-title {
        font-size: 14px;
    }
}
.assign__pr-inner-title span {
    color: #102a43;
    padding-left: 10px;
}
.assign__pr-inner:nth-last-child(1) {
    padding-right: 0;
    border: none;
}
.assign__pr-rezet {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 1680px) {
    .assign__pr-rezet {
        font-weight: 500;
    }
}
@media screen and (max-width: 767px) {
    .assign__pr-rezet {
        font-size: 16px;
    }
}
.assign__pr-row {
    gap: 10px;
}
.assign__pr-btn {
    padding: 10px 24px;
    min-height: 44px;
    font-size: 16px;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .assign__pr-btn {
        width: 100%;
        padding: 8px;
        min-height: 33px;
        font-size: 14px;
    }
}
.assign__dates-info {
    fill: #27ab83;
    color: #27ab83;
    background: rgba(39, 171, 131, 0.2);
    border-radius: 12px;
    gap: 15px;
    padding: 15px;
    margin-top: 30px;
    width: 100%;
    min-height: 54px;
}
@media screen and (max-width: 1680px) {
    .assign__dates-info {
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .assign__dates-info {
        margin-top: 10px;
        font-size: 14px;
        border-radius: 12px;
    }
}
.assign__dates-info img,
.assign__dates-info svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
.assign__dt {
    gap: 10px;
    padding: 15px;
}
@media screen and (max-width: 1680px) {
    .assign__dt {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 767px) {
    .assign__dt {
        padding: 10px;
    }
}
.assign__dt-field {
    gap: 10px;
}
.assign__dt-row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: 386px;
}
@media screen and (max-width: 1680px) {
    .assign__dt-row {
        max-width: 420px;
    }
}

input:checked ~ .assign__selected-item {
    background: rgba(196, 198, 255, 0.4);
    color: #102a43;
}

.assign__list + .assign__list-title {
    padding-top: 0;
}

.institut-padding-left {
    padding-left: 60px !important;
}
@media screen and (max-width: 1680px) {
    .institut-padding-left {
        padding-left: 50px !important;
    }
}
@media screen and (max-width: 1240px) {
    .institut-padding-left {
        padding-left: 25px !important;
    }
}
@media screen and (max-width: 767px) {
    .institut-padding-left {
        padding-left: 0 !important;
    }
}

.institut-margin-0 {
    margin-left: 0;
}

.institut-background .creating__listeners-header-coll {
    background: #F3F6FB;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.institut-background.is-active .creating__listeners-header-coll {
    background: rgba(107, 110, 232, 0.1);
}

.institut__hd {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
}
@media screen and (max-width: 1680px) {
    .institut__hd {
        gap: 24px 32px;
    }
}
@media screen and (max-width: 767px) {
    .institut__hd {
        gap: 15px;
    }
}
.institut__hd-btn {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 32px;
    height: 32px;
}
.institut__hd-btn img,
.institut__hd-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .institut__hd-btn {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .institut__hd-btn {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        margin-left: auto;
        margin-right: 0;
    }
}
.institut__hd-btn svg,
.institut__hd-btn img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.institut__hd-list {
    gap: 15px 32px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}
@media screen and (max-width: 767px) {
    .institut__hd-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.institut__hd-inner {
    gap: 4px;
}
.institut__hd-subtitle {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .institut__hd-subtitle {
        font-size: 14px;
    }
}
.institut__hd-subtext {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .institut__hd-subtext {
        font-size: 14px;
    }
}
.institut__cart {
    width: 100%;
    padding: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 24px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
}
@media screen and (max-width: 1680px) {
    .institut__cart {
        border-radius: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .institut__cart {
        border-radius: 18px;
    }
}
@media screen and (max-width: 767px) {
    .institut__cart {
        padding: 3px;
        border-radius: 8px;
    }
}
@media (hover: hover) {
    .institut__cart:hover .institut__cart-wrapp {
        border-color: #6b6ee8;
    }
}
.institut__cart-wrapp {
    border-radius: 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    gap: 12px;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media screen and (max-width: 1680px) {
    .institut__cart-wrapp {
        border-radius: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .institut__cart-wrapp {
        gap: 8px;
        padding: 20px 15px;
        border-radius: 18px;
    }
}
@media screen and (max-width: 767px) {
    .institut__cart-wrapp {
        gap: 4px;
        padding: 8px 4px;
        border-radius: 8px;
    }
}
.institut__cart-title {
    padding-right: 8px;
    border-right: 1px solid rgba(24, 24, 48, 0.1);
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .institut__cart-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .institut__cart-title {
        font-size: 14px;
    }
}

.hero {
    position: relative;
    z-index: 1;
}
@media (min-width: 1920px) {
    .hero {
        margin-bottom: 60px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero {
        margin-bottom: calc(
                20px + 40 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero {
        margin-bottom: 20px;
    }
}
@media (min-width: 1920px) {
    .hero {
        margin-top: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero {
        margin-top: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero {
        margin-top: 10px;
    }
}
.hero::before, .hero::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
}
.hero::before {
    width: 272px;
    height: 214px;
    background: url("../img/icon/hero-before.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .hero::before {
        left: -15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero::before {
        left: calc(
                -40px + 25 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero::before {
        left: -40px;
    }
}
.hero::after {
    width: 300px;
    height: 196px;
    background: url("../img/icon/hero-after.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .hero::after {
        right: -25px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero::after {
        right: calc(
                -200px + 175 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero::after {
        right: -200px;
    }
}

.hero__top {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 1920px) {
    .hero__top {
        grid-gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero__top {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero__top {
        grid-gap: 10px;
    }
}

.hero__inner {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
}

.hero__middle {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .hero__middle {
        grid-gap: 25px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero__middle {
        grid-gap: calc(
                10px + 15 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero__middle {
        grid-gap: 10px;
    }
}

.hero__title {
    text-align: center;
    font-weight: 600;
    line-height: var(--line-height-title);
    max-width: 1028px;
}
@media (min-width: 1920px) {
    .hero__title {
        font-size: 50px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero__title {
        font-size: calc(
                40px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero__title {
        font-size: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero__title {
        font-size: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero__title {
        font-size: calc(
                32px + 8 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero__title {
        font-size: 32px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .hero__title {
        font-size: 32px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .hero__title {
        font-size: calc(
                24px + 8 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .hero__title {
        font-size: 24px;
    }
}

.hero__desc {
    text-align: center;
    font-weight: 500;
    margin: 0 auto;
    line-height: var(--line-height-text);
    color: var(--color-text-2);
}
@media (min-width: 1920px) {
    .hero__desc {
        font-size: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero__desc {
        font-size: calc(
                18px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero__desc {
        font-size: 18px;
    }
}
@media (min-width: 1920px) {
    .hero__desc {
        max-width: 1033px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero__desc {
        max-width: calc(
                789px + 244 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero__desc {
        max-width: 789px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero__desc {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero__desc {
        font-size: calc(
                14px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero__desc {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero__desc {
        max-width: 600px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero__desc {
        max-width: calc(
                396px + 204 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero__desc {
        max-width: 396px;
    }
}
@media screen and (max-width: 767px) {
    .hero__desc {
        max-width: 100%;
    }
}

.hero__row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
}
@media (min-width: 1920px) {
    .hero__row {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero__row {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero__row {
        grid-gap: 8px;
    }
}
@media (min-width: 1920px) {
    .hero__row {
        margin-top: -100px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero__row {
        margin-top: calc(
                -90px + -10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero__row {
        margin-top: -90px;
    }
}
@media screen and (max-width: 1240px) {
    .hero__row {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero__row {
        margin-top: -90px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero__row {
        margin-top: calc(
                -70px + -20 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero__row {
        margin-top: -70px;
    }
}
@media screen and (max-width: 767px) {
    .hero__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-top: 0;
    }
}

.hero-diretion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .hero-diretion {
        gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-diretion {
        gap: calc(
                10px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-diretion {
        gap: 10px;
    }
}
@media (min-width: 1920px) {
    .hero-diretion {
        padding: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-diretion {
        padding: calc(
                16px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-diretion {
        padding: 16px;
    }
}
@media (min-width: 1920px) {
    .hero-diretion {
        width: 450px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-diretion {
        width: calc(
                370px + 80 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-diretion {
        width: 370px;
    }
}
@media (min-width: 1920px) {
    .hero-diretion {
        border-radius: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-diretion {
        border-radius: calc(
                20px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-diretion {
        border-radius: 20px;
    }
}
@media (min-width: 1920px) {
    .hero-diretion {
        margin-top: 100px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-diretion {
        margin-top: calc(
                90px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-diretion {
        margin-top: 90px;
    }
}
@media screen and (max-width: 1240px) {
    .hero-diretion {
        width: 100%;
        -ms-grid-column-span: 2;
        grid-column: 2 span;
        -ms-grid-row: 2;
        grid-row: 2;
        margin-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .hero-diretion {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1;
    }
}

.hero-diretion__title {
    font-weight: 600;
    max-width: 1028px;
}
@media (min-width: 1920px) {
    .hero-diretion__title {
        font-size: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-diretion__title {
        font-size: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-diretion__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero-diretion__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero-diretion__title {
        font-size: calc(
                18px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero-diretion__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .hero-diretion__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .hero-diretion__title {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .hero-diretion__title {
        font-size: 14px;
    }
}

.hero-diretion__item {
    border-top: 1px solid var(--color-border-gray);
}
.hero-diretion__item:last-child .hero-diretion__link {
    padding-bottom: 0;
}

.hero-diretion__link {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: var(--color-text);
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    grid-gap: 10px;
}
@media (min-width: 1920px) {
    .hero-diretion__link {
        padding-top: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-diretion__link {
        padding-top: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-diretion__link {
        padding-top: 10px;
    }
}
@media (min-width: 1920px) {
    .hero-diretion__link {
        padding-bottom: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-diretion__link {
        padding-bottom: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-diretion__link {
        padding-bottom: 10px;
    }
}
@media (min-width: 1920px) {
    .hero-diretion__link {
        font-size: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-diretion__link {
        font-size: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-diretion__link {
        font-size: 12px;
    }
}
.hero-diretion__link span {
    padding-left: 10px;
    border-left: 1px solid var(--color-border-gray);
}
@media screen and (hover: hover) {
    .hero-diretion__link:hover {
        color: var(--color-blue-primary);
    }
    .hero-diretion__link:hover .hero-diretion__link-arrow {
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
}

.hero-diretion__link-icon {
    width: 18px;
    height: 18px;
}
.hero-diretion__link-icon svg,
.hero-diretion__link-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.hero-diretion__link-arrow {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .hero-diretion__link-arrow {
        width: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-diretion__link-arrow {
        width: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-diretion__link-arrow {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .hero-diretion__link-arrow {
        height: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-diretion__link-arrow {
        height: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-diretion__link-arrow {
        height: 20px;
    }
}
.hero-diretion__link-arrow svg,
.hero-diretion__link-arrow img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.hero-media {
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1920px) {
    .hero-media {
        height: 525px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-media {
        height: calc(
                420px + 105 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-media {
        height: 420px;
    }
}
@media (min-width: 1920px) {
    .hero-media {
        border-radius: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-media {
        border-radius: calc(
                20px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-media {
        border-radius: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero-media {
        height: 400px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero-media {
        height: calc(
                350px + 50 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero-media {
        height: 350px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .hero-media {
        height: 350px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .hero-media {
        height: calc(
                210px + 140 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .hero-media {
        height: 210px;
    }
}

.hero-media__container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.hero-media__wrapper {
    width: 100%;
    height: 100%;
}

.hero-media__item {
    height: 100%;
    width: 100%;
}
.hero-media__item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.hero-media__content {
    margin-top: auto;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    background: var(--color-background);
    border: 3px solid var(--color-border-light);
}
@media (min-width: 1920px) {
    .hero-media__content {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-media__content {
        padding: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-media__content {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .hero-media__content {
        border-radius: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-media__content {
        border-radius: calc(
                20px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-media__content {
        border-radius: 20px;
    }
}

.hero-media__content-title {
    font-weight: 600;
}
@media (min-width: 1920px) {
    .hero-media__content-title {
        font-size: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-media__content-title {
        font-size: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-media__content-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero-media__content-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero-media__content-title {
        font-size: calc(
                18px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero-media__content-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .hero-media__content-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .hero-media__content-title {
        font-size: calc(
                16px + 2 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .hero-media__content-title {
        font-size: 16px;
    }
}

@media (min-width: 1920px) {
    .hero-media__content-text {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-media__content-text {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-media__content-text {
        font-size: 14px;
    }
}

.hero-media__content-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-gap: 10px;
}
@media screen and (max-width: 1440px) {
    .hero-media__content-info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.hero-media__left {
    -webkit-mask: url("../img/icon/hero-mask-1.svg") no-repeat right top/cover;
    mask: url("../img/icon/hero-mask-1.svg") no-repeat right top/cover;
}
@media screen and (max-width: 767px) {
    .hero-media__left {
        -webkit-mask: none;
        mask: none;
    }
}

.hero-media__right {
    position: relative;
    z-index: 1;
    -webkit-mask: url("../img/icon/hero-mask-2.svg") no-repeat left top/cover;
    mask: url("../img/icon/hero-mask-2.svg") no-repeat left top/cover;
}
@media screen and (max-width: 767px) {
    .hero-media__right {
        -webkit-mask: none;
        mask: none;
    }
}
.hero-media__right::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2509803922);
}

.hero-social {
    margin-top: auto;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    z-index: 2;
}
@media (min-width: 1920px) {
    .hero-social {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social {
        padding: calc(
                12px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social {
        padding: 12px;
    }
}

.hero-social__title {
    color: var(--color-white);
    font-weight: 600;
}
@media (min-width: 1920px) {
    .hero-social__title {
        font-size: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-social__title {
        font-size: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-social__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero-social__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero-social__title {
        font-size: calc(
                18px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero-social__title {
        font-size: 18px;
    }
}

.hero-social__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 1920px) {
    .hero-social__list {
        gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social__list {
        gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social__list {
        gap: 5px;
    }
}

.hero-social__link {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    color: var(--color-text);
    border-radius: 30px;
    background: var(--color-background);
}
@media (min-width: 1920px) {
    .hero-social__link {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social__link {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social__link {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .hero-social__link {
        padding-top: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social__link {
        padding-top: calc(
                8px + 7 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social__link {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .hero-social__link {
        padding-bottom: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social__link {
        padding-bottom: calc(
                8px + 7 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social__link {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .hero-social__link {
        padding-left: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social__link {
        padding-left: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social__link {
        padding-left: 10px;
    }
}
@media (min-width: 1920px) {
    .hero-social__link {
        padding-right: 25px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social__link {
        padding-right: calc(
                20px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social__link {
        padding-right: 20px;
    }
}
.hero-social__link svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .hero-social__link svg {
        width: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social__link svg {
        width: calc(
                16px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social__link svg {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .hero-social__link svg {
        height: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-social__link svg {
        height: calc(
                16px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-social__link svg {
        height: 16px;
    }
}
@media screen and (hover: hover) {
    .hero-social__link:hover {
        color: var(--color-blue-primary);
    }
}
.hero-social__link:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.hero-advantages {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
    .hero-advantages {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages {
        grid-gap: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages {
        grid-gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .hero-advantages {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.hero-advantages__item {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media screen and (hover: hover) {
    .hero-advantages__item:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    .hero-advantages__item:hover .hero-advantages__item-inner {
        -webkit-box-shadow: var(--shadow-cart);
        box-shadow: var(--shadow-cart);
        background: var(--color-ice-blue);
    }
    .hero-advantages__item:hover .hero-advantages__item-title {
        color: var(--color-blue-primary);
    }
    .hero-advantages__item:hover .hero-advantages__item-icon img, .hero-advantages__item:hover .hero-advantages__item-icon svg {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.hero-advantages__item-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background: var(--color-background);
    -webkit-box-shadow: var(--shadow-black);
    box-shadow: var(--shadow-black);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .hero-advantages__item-inner {
        border-radius: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages__item-inner {
        border-radius: calc(
                20px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages__item-inner {
        border-radius: 20px;
    }
}
@media (min-width: 1920px) {
    .hero-advantages__item-inner {
        padding: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages__item-inner {
        padding: calc(
                15px + 15 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages__item-inner {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .hero-advantages__item-inner {
        grid-gap: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages__item-inner {
        grid-gap: calc(
                10px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages__item-inner {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .hero-advantages__item-inner {
        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: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.hero-advantages__item-icon {
    background: var(--color-golden-10);
    border-radius: 10px;
    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;
}
@media (min-width: 1920px) {
    .hero-advantages__item-icon {
        width: 84px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages__item-icon {
        width: calc(
                40px + 44 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages__item-icon {
        width: 40px;
    }
}
@media (min-width: 1920px) {
    .hero-advantages__item-icon {
        height: 84px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages__item-icon {
        height: calc(
                40px + 44 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages__item-icon {
        height: 40px;
    }
}
.hero-advantages__item-icon svg,
.hero-advantages__item-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .hero-advantages__item-icon svg,
    .hero-advantages__item-icon img {
        width: 46px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages__item-icon svg,
    .hero-advantages__item-icon img {
        width: calc(
                20px + 26 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages__item-icon svg,
    .hero-advantages__item-icon img {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .hero-advantages__item-icon svg,
    .hero-advantages__item-icon img {
        height: 46px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages__item-icon svg,
    .hero-advantages__item-icon img {
        height: calc(
                20px + 26 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages__item-icon svg,
    .hero-advantages__item-icon img {
        height: 20px;
    }
}

.hero-advantages__item-info {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .hero-advantages__item-info {
        grid-gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .hero-advantages__item-info {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .hero-advantages__item-info {
        grid-gap: 5px;
    }
}

.hero-advantages__item-title {
    font-weight: 600;
    line-height: var(--line-height-title);
    color: var(--color-black);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .hero-advantages__item-title {
        font-size: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .hero-advantages__item-title {
        font-size: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .hero-advantages__item-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .hero-advantages__item-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .hero-advantages__item-title {
        font-size: calc(
                18px + 2 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .hero-advantages__item-title {
        font-size: 18px;
    }
}

.hero-advantages__item-text {
    font-weight: 500;
    line-height: var(--line-height-text);
    color: var(--color-text-2);
}
@media (min-width: 1920px) {
    .hero-advantages__item-text {
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .hero-advantages__item-text {
        font-size: calc(
                14px + 4 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .hero-advantages__item-text {
        font-size: 14px;
    }
}

.feedback {
    background: var(--color-light-periwinkle-40);
    position: relative;
}
@media (min-width: 1920px) {
    .feedback {
        padding-top: 25px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback {
        padding-top: calc(
                20px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback {
        padding-top: 20px;
    }
}
@media (min-width: 1920px) {
    .feedback {
        padding-bottom: 25px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback {
        padding-bottom: calc(
                20px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .feedback {
        overflow: hidden;
    }
}
.feedback::before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/feedback-decor-pc.png") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .feedback::before {
        width: 295px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .feedback::before {
        width: calc(
                150px + 145 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .feedback::before {
        width: 150px;
    }
}
@media (min-width: 1920px) {
    .feedback::before {
        height: 343px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .feedback::before {
        height: calc(
                240px + 103 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .feedback::before {
        height: 240px;
    }
}
@media (min-width: 1920px) {
    .feedback::before {
        left: 74px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .feedback::before {
        left: calc(
                0px + 74 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .feedback::before {
        left: 0px;
    }
}
@media (min-width: 1920px) {
    .feedback::before {
        top: -40px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .feedback::before {
        top: calc(
                0px + -40 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .feedback::before {
        top: 0px;
    }
}
@media screen and (max-width: 767px) {
    .feedback::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: url("../img/feedback-decor-mobile.png") no-repeat center center/contain;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .feedback::before {
        width: 340px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .feedback::before {
        width: calc(
                246px + 94 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .feedback::before {
        width: 246px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .feedback::before {
        height: 180px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .feedback::before {
        height: calc(
                147px + 33 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .feedback::before {
        height: 147px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .feedback::before {
        top: -30px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .feedback::before {
        top: calc(
                -20px + -10 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .feedback::before {
        top: -20px;
    }
}

.feedback__inner {
    background: var(--color-background);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1920px) {
    .feedback__inner {
        grid-gap: 130px;
    }
}
@media (min-width: 1440px) and (max-width: 1920px) {
    .feedback__inner {
        grid-gap: calc(
                20px + 110 *
                (((100vw - 1440px)) / ((480)))
        );
    }
}
@media (max-width: 1440px) {
    .feedback__inner {
        grid-gap: 20px;
    }
}
@media (min-width: 1920px) {
    .feedback__inner {
        border-radius: 50px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback__inner {
        border-radius: calc(
                20px + 30 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback__inner {
        border-radius: 20px;
    }
}
@media (min-width: 1920px) {
    .feedback__inner {
        padding-top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .feedback__inner {
        padding-top: calc(
                20px + 10 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .feedback__inner {
        padding-top: 20px;
    }
}
@media (min-width: 1920px) {
    .feedback__inner {
        padding-bottom: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .feedback__inner {
        padding-bottom: calc(
                20px + 10 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .feedback__inner {
        padding-bottom: 20px;
    }
}
@media (min-width: 1920px) {
    .feedback__inner {
        padding-right: 60px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback__inner {
        padding-right: calc(
                20px + 40 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback__inner {
        padding-right: 20px;
    }
}
@media (min-width: 1920px) {
    .feedback__inner {
        padding-left: 250px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .feedback__inner {
        padding-left: calc(
                160px + 90 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .feedback__inner {
        padding-left: 160px;
    }
}
@media screen and (max-width: 1440px) {
    .feedback__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
@media screen and (max-width: 767px) {
    .feedback__inner {
        padding-left: 20px;
        padding-top: 120px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

.feedback__head {
    max-width: 477px;
    display: -ms-grid;
    display: grid;
    grid-gap: 15px;
}
@media screen and (max-width: 1440px) {
    .feedback__head {
        max-width: 100%;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}
@media screen and (max-width: 1240px) {
    .feedback__head {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
}

.feedback__title {
    font-weight: 600;
    line-height: 133%;
}
@media (min-width: 1920px) {
    .feedback__title {
        font-size: 40px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .feedback__title {
        font-size: calc(
                32px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .feedback__title {
        font-size: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .feedback__title {
        font-size: 32px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
    .feedback__title {
        font-size: calc(
                28px + 4 *
                (((100vw - 768px)) / ((512)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .feedback__title {
        font-size: 28px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .feedback__title {
        font-size: 28px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .feedback__title {
        font-size: calc(
                23px + 5 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .feedback__title {
        font-size: 23px;
    }
}

.feedback__head-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--color-text);
}
@media (min-width: 1920px) {
    .feedback__head-action {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback__head-action {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback__head-action {
        font-size: 14px;
    }
}
.feedback__head-action span {
    background: var(--color-golden);
    border-radius: 30px;
    color: var(--color-white);
}
@media (min-width: 1920px) {
    .feedback__head-action span {
        padding-left: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback__head-action span {
        padding-left: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback__head-action span {
        padding-left: 15px;
    }
}
@media (min-width: 1920px) {
    .feedback__head-action span {
        padding-right: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback__head-action span {
        padding-right: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback__head-action span {
        padding-right: 15px;
    }
}
@media (min-width: 1920px) {
    .feedback__head-action span {
        padding-top: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback__head-action span {
        padding-top: calc(
                8px + 2 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback__head-action span {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .feedback__head-action span {
        padding-bottom: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback__head-action span {
        padding-bottom: calc(
                8px + 2 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback__head-action span {
        padding-bottom: 8px;
    }
}

.feedback-form__btn {
    margin-left: auto;
}

.feedback-form__fields {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
    .feedback-form__fields {
        grid-gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback-form__fields {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback-form__fields {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .feedback-form__fields {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.feedback-form__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .feedback-form__body {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback-form__body {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback-form__body {
        grid-gap: 15px;
    }
}

.feedback-form {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .feedback-form {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .feedback-form {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .feedback-form {
        grid-gap: 15px;
    }
}

.about-sec__inner {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    position: relative;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    z-index: 1;
}
@media (min-width: 1920px) {
    .about-sec__inner {
        grid-gap: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-sec__inner {
        grid-gap: calc(
                15px + 15 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-sec__inner {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 1240px) {
    .about-sec__inner {
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}
@media screen and (max-width: 767px) {
    .about-sec__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
.about-sec__inner::before, .about-sec__inner::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background: url("../img/about-decor.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
    .about-sec__inner::before, .about-sec__inner::after {
        display: none;
    }
}
@media (min-width: 1920px) {
    .about-sec__inner::before {
        width: 90px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-sec__inner::before {
        width: calc(
                60px + 30 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-sec__inner::before {
        width: 60px;
    }
}
@media (min-width: 1920px) {
    .about-sec__inner::before {
        height: 100px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-sec__inner::before {
        height: calc(
                70px + 30 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-sec__inner::before {
        height: 70px;
    }
}
@media (min-width: 1920px) {
    .about-sec__inner::before {
        top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-sec__inner::before {
        top: calc(
                120px + -90 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-sec__inner::before {
        top: 120px;
    }
}
@media (min-width: 1920px) {
    .about-sec__inner::before {
        right: 480px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-sec__inner::before {
        right: calc(
                170px + 310 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-sec__inner::before {
        right: 170px;
    }
}
@media (min-width: 1920px) {
    .about-sec__inner::after {
        width: 80px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-sec__inner::after {
        width: calc(
                55px + 25 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-sec__inner::after {
        width: 55px;
    }
}
@media (min-width: 1920px) {
    .about-sec__inner::after {
        height: 90px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-sec__inner::after {
        height: calc(
                65px + 25 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-sec__inner::after {
        height: 65px;
    }
}
@media (min-width: 1920px) {
    .about-sec__inner::after {
        top: 50px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-sec__inner::after {
        top: calc(
                60px + -10 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-sec__inner::after {
        top: 60px;
    }
}
@media (min-width: 1920px) {
    .about-sec__inner::after {
        right: -80px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-sec__inner::after {
        right: calc(
                -30px + -50 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-sec__inner::after {
        right: -30px;
    }
}

.about-sec__images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
@media (min-width: 1920px) {
    .about-sec__images {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-sec__images {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-sec__images {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .about-sec__images {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-row-align: end;
        align-self: end;
    }
}
@media screen and (max-width: 767px) {
    .about-sec__images {
        -ms-grid-row: 2;
        grid-row: 2;
    }
}

.about-sec__image {
    position: relative;
    overflow: hidden;
}
@media (min-width: 1920px) {
    .about-sec__image {
        border-radius: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-sec__image {
        border-radius: calc(
                10px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-sec__image {
        border-radius: 10px;
    }
}
@media (min-width: 1920px) {
    .about-sec__image {
        width: 258px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-sec__image {
        width: calc(
                150px + 108 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-sec__image {
        width: 150px;
    }
}
@media (min-width: 1920px) {
    .about-sec__image {
        height: 258px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-sec__image {
        height: calc(
                150px + 108 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-sec__image {
        height: 150px;
    }
}
@media screen and (max-width: 767px) {
    .about-sec__image {
        width: 100%;
        padding-top: 100%;
    }
}
.about-sec__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 767px) {
    .about-sec__image img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.about-sec__content {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-sec__content {
        grid-gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-sec__content {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-sec__content {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .about-sec__content {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
        -ms-grid-row: 1;
        grid-row: 1;
    }
}
@media screen and (max-width: 767px) {
    .about-sec__content {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

.about-sec__desc {
    color: var(--color-text-2);
    max-width: 1000px;
}

.about-sec__video {
    background: var(--color-dark-navy);
}
@media (min-width: 1920px) {
    .about-sec__video {
        width: 634px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-sec__video {
        width: calc(
                464px + 170 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-sec__video {
        width: 464px;
    }
}
@media (min-width: 1920px) {
    .about-sec__video {
        height: 437px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-sec__video {
        height: calc(
                320px + 117 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-sec__video {
        height: 320px;
    }
}
@media (min-width: 1920px) {
    .about-sec__video {
        border-radius: 40px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-sec__video {
        border-radius: calc(
                10px + 30 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-sec__video {
        border-radius: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .about-sec__video {
        width: 100%;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .about-sec__video {
        height: 320px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .about-sec__video {
        height: calc(
                268px + 52 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .about-sec__video {
        height: 268px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .about-sec__video {
        height: 268px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .about-sec__video {
        height: calc(
                189px + 79 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .about-sec__video {
        height: 189px;
    }
}
.about-sec__video::before {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (hover: hover) {
    .about-sec__video:hover::before {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.steps {
    background: var(--color-ghost-white);
}

.steps__inner {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .steps__inner {
        padding-top: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps__inner {
        padding-top: calc(
                20px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps__inner {
        padding-top: 20px;
    }
}
@media (min-width: 1920px) {
    .steps__inner {
        padding-bottom: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps__inner {
        padding-bottom: calc(
                20px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps__inner {
        padding-bottom: 20px;
    }
}

.steps__head {
    position: relative;
}
.steps__head::after {
    content: "";
    display: block;
    position: relative;
    background: url("../img/icon/colden-cube.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .steps__head::after {
        width: 36px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps__head::after {
        width: calc(
                22px + 14 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps__head::after {
        width: 22px;
    }
}
@media (min-width: 1920px) {
    .steps__head::after {
        height: 36px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps__head::after {
        height: calc(
                22px + 14 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps__head::after {
        height: 22px;
    }
}

.steps__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    counter-reset: steps-counter;
}
@media (min-width: 1920px) {
    .steps__body {
        grid-gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps__body {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps__body {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .steps__body {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.steps-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .steps-card {
        gap: 48px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .steps-card {
        gap: calc(
                24px + 24 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .steps-card {
        gap: 24px;
    }
}
@media (min-width: 1920px) {
    .steps-card {
        padding: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps-card {
        padding: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps-card {
        padding: 10px;
    }
}
@media (min-width: 1920px) {
    .steps-card {
        border-radius: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps-card {
        border-radius: calc(
                10px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps-card {
        border-radius: 10px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .steps-card {
        gap: 24px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .steps-card {
        gap: calc(
                10px + 14 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .steps-card {
        gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .steps-card:last-child {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
    }
}

.steps-card__image {
    background: var(--color-light-periwinkle-40);
    width: 100%;
    position: relative;
    overflow: hidden;
    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;
}
@media (min-width: 1920px) {
    .steps-card__image {
        border-radius: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps-card__image {
        border-radius: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps-card__image {
        border-radius: 10px;
    }
}
@media (min-width: 1920px) {
    .steps-card__image {
        height: 264px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .steps-card__image {
        height: calc(
                200px + 64 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .steps-card__image {
        height: 200px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .steps-card__image {
        height: 200px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .steps-card__image {
        height: calc(
                150px + 50 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .steps-card__image {
        height: 150px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .steps-card__image {
        height: 150px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .steps-card__image {
        height: calc(
                130px + 20 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .steps-card__image {
        height: 130px;
    }
}
.steps-card__image img {
    border-radius: 5px;
    overflow: hidden;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .steps-card__image img {
        width: 196px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .steps-card__image img {
        width: calc(
                98px + 98 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .steps-card__image img {
        width: 98px;
    }
}
@media (min-width: 1920px) {
    .steps-card__image img {
        height: 196px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .steps-card__image img {
        height: calc(
                98px + 98 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .steps-card__image img {
        height: 98px;
    }
}

.steps-card__body {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    margin-top: auto;
}
.steps-card__body::before {
    content: "0" counter(steps-counter);
    counter-increment: steps-counter;
    display: block;
    color: var(--color-gray-teel);
}
@media (min-width: 1920px) {
    .steps-card__body::before {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .steps-card__body::before {
        font-size: calc(
                14px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .steps-card__body::before {
        font-size: 14px;
    }
}

.steps-card__title {
    text-align: right;
    line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
    .steps-card__title {
        font-size: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .steps-card__title {
        font-size: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .steps-card__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
    .steps-card__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
    .steps-card__title {
        font-size: calc(
                12px + 8 *
                (((100vw - 768px)) / ((512)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .steps-card__title {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .steps-card__title {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .steps-card__title {
        font-size: calc(
                14px + -2 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .steps-card__title {
        font-size: 14px;
    }
}

.advantages__inner {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    background: var(--color-golden-10);
}
@media (min-width: 1920px) {
    .advantages__inner {
        grid-gap: 100px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .advantages__inner {
        grid-gap: calc(
                30px + 70 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .advantages__inner {
        grid-gap: 30px;
    }
}
@media (min-width: 1920px) {
    .advantages__inner {
        padding: 40px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .advantages__inner {
        padding: calc(
                15px + 25 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .advantages__inner {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .advantages__inner {
        border-radius: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .advantages__inner {
        border-radius: calc(
                10px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .advantages__inner {
        border-radius: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .advantages__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .advantages__inner {
        grid-gap: 30px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .advantages__inner {
        grid-gap: calc(
                20px + 10 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .advantages__inner {
        grid-gap: 20px;
    }
}

@media (min-width: 1920px) {
    .advantages__head {
        max-width: 456px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .advantages__head {
        max-width: calc(
                300px + 156 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .advantages__head {
        max-width: 300px;
    }
}
@media screen and (max-width: 1240px) {
    .advantages__head {
        max-width: 100%;
    }
}

.advantages__title {
    font-weight: 600;
    line-height: var(--line-height-title);
    color: var(--color-text);
}
@media (min-width: 1920px) {
    .advantages__title {
        font-size: 56px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .advantages__title {
        font-size: calc(
                40px + 16 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .advantages__title {
        font-size: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .advantages__title {
        font-size: 40px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .advantages__title {
        font-size: calc(
                32px + 8 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .advantages__title {
        font-size: 32px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .advantages__title {
        font-size: 32px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .advantages__title {
        font-size: calc(
                20px + 12 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .advantages__title {
        font-size: 20px;
    }
}

.advantages__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
    .advantages__list {
        grid-column-gap: 60px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .advantages__list {
        grid-column-gap: calc(
                20px + 40 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .advantages__list {
        grid-column-gap: 20px;
    }
}
@media (min-width: 1920px) {
    .advantages__list {
        grid-row-gap: 35px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .advantages__list {
        grid-row-gap: calc(
                15px + 20 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .advantages__list {
        grid-row-gap: 15px;
    }
}
@media screen and (max-width: 767px) {
    .advantages__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.advantages__item {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
@media (min-width: 1920px) {
    .advantages__item {
        grid-gap: 25px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .advantages__item {
        grid-gap: calc(
                15px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .advantages__item {
        grid-gap: 15px;
    }
}
.advantages__item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 1/2/1/4;
}
@media (min-width: 1920px) {
    .advantages__item:nth-child(2) {
        max-width: 420px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .advantages__item:nth-child(2) {
        max-width: calc(
                360px + 60 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .advantages__item:nth-child(2) {
        max-width: 360px;
    }
}
@media screen and (max-width: 767px) {
    .advantages__item:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-area: 2/1/2/1;
        max-width: 100%;
    }
}

.advantages__item-icon {
    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;
    background: var(--color-golden-10);
}
@media (min-width: 1920px) {
    .advantages__item-icon {
        border-radius: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .advantages__item-icon {
        border-radius: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .advantages__item-icon {
        border-radius: 5px;
    }
}
@media (min-width: 1920px) {
    .advantages__item-icon {
        width: 43px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .advantages__item-icon {
        width: calc(
                32px + 11 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .advantages__item-icon {
        width: 32px;
    }
}
@media (min-width: 1920px) {
    .advantages__item-icon {
        height: 43px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .advantages__item-icon {
        height: calc(
                32px + 11 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .advantages__item-icon {
        height: 32px;
    }
}
.advantages__item-icon img,
.advantages__item-icon svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .advantages__item-icon img,
    .advantages__item-icon svg {
        width: 21px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .advantages__item-icon img,
    .advantages__item-icon svg {
        width: calc(
                16px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .advantages__item-icon img,
    .advantages__item-icon svg {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .advantages__item-icon img,
    .advantages__item-icon svg {
        height: 21px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .advantages__item-icon img,
    .advantages__item-icon svg {
        height: calc(
                16px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .advantages__item-icon img,
    .advantages__item-icon svg {
        height: 16px;
    }
}

.advantages__item-text {
    font-weight: 500;
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .advantages__item-text {
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .advantages__item-text {
        font-size: calc(
                14px + 4 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .advantages__item-text {
        font-size: 14px;
    }
}
.advantages__item-text * {
    line-height: inherit;
}

.reviews-sec {
    border-bottom: 1px solid var(--color-border-gray);
}

.reviews-sec__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
@media (min-width: 1920px) {
    .reviews-sec__inner {
        grid-gap: 50px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .reviews-sec__inner {
        grid-gap: calc(
                16px + 34 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .reviews-sec__inner {
        grid-gap: 16px;
    }
}
@media (min-width: 1920px) {
    .reviews-sec__inner {
        padding-bottom: 60px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-sec__inner {
        padding-bottom: calc(
                20px + 40 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-sec__inner {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .reviews-sec__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.reviews-sec__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1920px) {
    .reviews-sec__head {
        width: 330px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .reviews-sec__head {
        width: calc(
                290px + 40 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .reviews-sec__head {
        width: 290px;
    }
}
@media (min-width: 1920px) {
    .reviews-sec__head {
        grid-gap: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .reviews-sec__head {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .reviews-sec__head {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .reviews-sec__head {
        display: -ms-grid;
        display: grid;
        width: 100%;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
}
@media screen and (max-width: 767px) {
    .reviews-sec__head {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1240px) {
    .reviews-sec__top {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
    }
}
@media screen and (max-width: 767px) {
    .reviews-sec__top {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

.reviews-sec__body {
    max-width: 100%;
}

.reviews-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .reviews-card {
        gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-card {
        gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-card {
        gap: 10px;
    }
}
@media (min-width: 1920px) {
    .reviews-card {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-card {
        padding: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-card {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .reviews-card {
        border-radius: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-card {
        border-radius: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-card {
        border-radius: 10px;
    }
}

.reviews-card__head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.reviews-card__user {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 15px;
    max-width: 220px;
}

.reviews-card__user-avatar {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    overflow: hidden;
}
.reviews-card__user-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.reviews-card__user-name {
    font-weight: 600;
    line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
    .reviews-card__user-name {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-card__user-name {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-card__user-name {
        font-size: 14px;
    }
}

.reviews-card__date {
    color: var(--color-gray-teel);
    font-weight: 500;
    line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
    .reviews-card__date {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-card__date {
        font-size: calc(
                12px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-card__date {
        font-size: 12px;
    }
}

.reviews-card__text {
    font-weight: 500;
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .reviews-card__text {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-card__text {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-card__text {
        font-size: 14px;
    }
}

.reviews-card__body {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
}

.reviews-card__text-more {
    margin-left: auto;
}

.reviews-sec__rating {
    padding: 10px 20px;
    background: var(--color-ghost-white);
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    color: var(--color-text);
}
@media (min-width: 1920px) {
    .reviews-sec__rating {
        border-radius: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-sec__rating {
        border-radius: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-sec__rating {
        border-radius: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .reviews-sec__rating {
        max-width: 309px;
    }
}
@media screen and (max-width: 767px) {
    .reviews-sec__rating {
        max-width: 100%;
        -ms-grid-column-span: 2;
        grid-column: 2 span;
    }
}

.reviews-sec__rating-number {
    padding: 10px 15px;
    border-radius: 15px;
    background: var(--color-light-steel-blue);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    line-height: var(--line-height-text);
}
.reviews-sec__rating-number svg,
.reviews-sec__rating-number img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 26px;
    height: 26px;
}

.reviews-sec__list {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
}
.reviews-sec__list li {
    grid-gap: 10px;
    position: relative;
    color: var(--color-gray-teel);
    padding-left: 30px;
}
@media (min-width: 1920px) {
    .reviews-sec__list li {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .reviews-sec__list li {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .reviews-sec__list li {
        font-size: 14px;
    }
}
.reviews-sec__list li a {
    color: var(--color-blue-primary);
}
@media screen and (hover: hover) {
    .reviews-sec__list li a:hover {
        color: var(--color-golden);
    }
}
.reviews-sec__list li a:active {
    opacity: 0.5;
}
.reviews-sec__list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../img/icon/cube-blue.svg") no-repeat center center/contain;
}

.reviews-sec__code {
    margin-left: auto;
}
@media (min-width: 1920px) {
    .reviews-sec__code {
        width: 132px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .reviews-sec__code {
        width: calc(
                80px + 52 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .reviews-sec__code {
        width: 80px;
    }
}
@media (min-width: 1920px) {
    .reviews-sec__code {
        height: 132px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .reviews-sec__code {
        height: calc(
                80px + 52 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .reviews-sec__code {
        height: 80px;
    }
}
.reviews-sec__code img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.reviews-sec__code-wrapper {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
}
@media screen and (max-width: 1240px) {
    .reviews-sec__code-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
    }
}
@media screen and (max-width: 767px) {
    .reviews-sec__code-wrapper {
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}

.partners-swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.partners-swiper__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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;
}
@media (min-width: 1920px) {
    .partners-swiper__slide {
        height: 154px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .partners-swiper__slide {
        height: calc(
                90px + 64 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .partners-swiper__slide {
        height: 90px;
    }
}
.partners-swiper__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.programs__head {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .programs__head {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs__head {
        grid-gap: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs__head {
        grid-gap: 16px;
    }
}
@media (min-width: 1920px) {
    .programs__head {
        margin-bottom: 40px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs__head {
        margin-bottom: calc(
                20px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs__head {
        margin-bottom: 20px;
    }
}

.programs__title {
    text-align: center;
    margin: 0 auto;
}
@media (min-width: 1920px) {
    .programs__title {
        max-width: 650px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs__title {
        max-width: calc(
                360px + 290 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs__title {
        max-width: 360px;
    }
}

.programs-action__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 1920px) {
    .programs-action__list {
        gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-action__list {
        gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-action__list {
        gap: 5px;
    }
}

.programs-action__item-input {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.programs-action__item-input:checked + .programs-action__item-inner {
    color: var(--color-white);
    background: var(--color-golden);
}
.programs-action__item-input:checked + .programs-action__item-inner svg path {
    --color-programs-icon: var(--color-white);
}
@media screen and (hover: hover) {
    .programs-action__item-input:checked + .programs-action__item-inner:hover {
        color: var(--color-white);
    }
}

.programs-action__item-inner {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    border-radius: 50px;
    border: 1px solid var(--color-border-gray);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: var(--line-height-text);
    color: var(--color-text);
}
@media (min-width: 1920px) {
    .programs-action__item-inner {
        padding-top: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-action__item-inner {
        padding-top: calc(
                8px + 7 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-action__item-inner {
        padding-top: 8px;
    }
}
@media (min-width: 1920px) {
    .programs-action__item-inner {
        padding-bottom: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-action__item-inner {
        padding-bottom: calc(
                8px + 7 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-action__item-inner {
        padding-bottom: 8px;
    }
}
@media (min-width: 1920px) {
    .programs-action__item-inner {
        padding-left: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-action__item-inner {
        padding-left: calc(
                12px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-action__item-inner {
        padding-left: 12px;
    }
}
@media (min-width: 1920px) {
    .programs-action__item-inner {
        padding-right: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-action__item-inner {
        padding-right: calc(
                12px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-action__item-inner {
        padding-right: 12px;
    }
}
@media (min-width: 1920px) {
    .programs-action__item-inner {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-action__item-inner {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-action__item-inner {
        font-size: 14px;
    }
}
.programs-action__item-inner * {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.programs-action__item-inner svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .programs-action__item-inner svg {
        width: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-action__item-inner svg {
        width: calc(
                16px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-action__item-inner svg {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .programs-action__item-inner svg {
        height: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-action__item-inner svg {
        height: calc(
                16px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-action__item-inner svg {
        height: 16px;
    }
}
.programs-action__item-inner svg path {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}

.programs-action__item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media screen and (hover: hover) {
    .programs-action__item:hover .programs-action__item-inner {
        color: var(--color-golden);
        border-color: var(--color-golden);
    }
}

.programs__search {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
@media (min-width: 1920px) {
    .programs__search {
        max-width: 1200px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs__search {
        max-width: calc(
                360px + 840 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs__search {
        max-width: 360px;
    }
}

.programs__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
@media (min-width: 1920px) {
    .programs__body {
        grid-gap: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs__body {
        grid-gap: calc(
                15px + 15 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs__body {
        grid-gap: 15px;
    }
}

.programs__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
    .programs__list {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs__list {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs__list {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 992px) {
    .programs__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .programs__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.programs-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: var(--color-card-bg);
}

.programs-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1920px) {
    .programs-card__body {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-card__body {
        padding: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-card__body {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .programs-card__body {
        gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-card__body {
        gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-card__body {
        gap: 10px;
    }
}

.programs-card__bottom {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (min-width: 1920px) {
    .programs-card__bottom {
        gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-card__bottom {
        gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-card__bottom {
        gap: 10px;
    }
}

.programs-card__image {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    background: rgba(196, 198, 255, 0.2509803922);
    height: 200px;
}
.programs-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.programs-card__item {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
}
@media (min-width: 1920px) {
    .programs-card__item {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .programs-card__item {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .programs-card__item {
        font-size: 14px;
    }
}

.programs-card__item-label {
    font-weight: 500;
    color: var(--color-gray-teel);
}

.programs-card__item-number {
    color: var(--color-blue-primary);
    font-weight: 600;
}

.programs-card__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .programs-card__items {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

@media screen and (max-width: 767px) {
    .programs-card__btn {
        margin-left: auto;
    }
}

.program-hero__inner {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
}
@media screen and (max-width: 1240px) {
    .program-hero__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1920px) {
    .program-hero__slider {
        width: 500px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__slider {
        width: calc(
                392px + 108 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__slider {
        width: 392px;
    }
}
@media screen and (max-width: 1240px) {
    .program-hero__slider {
        -ms-grid-row-span: 2;
        grid-row: 2 span;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-hero__slider {
        width: 392px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-hero__slider {
        width: calc(
                297px + 95 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-hero__slider {
        width: 297px;
    }
}
@media screen and (max-width: 767px) {
    .program-hero__slider {
        width: 100%;
        -ms-grid-row: 2;
        grid-row: 2;
        max-width: 100%;
    }
}

.program-hero__slider-thumb {
    margin-left: 0;
}
@media (min-width: 1920px) {
    .program-hero__slider-thumb {
        max-width: 430px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__slider-thumb {
        max-width: calc(
                350px + 80 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__slider-thumb {
        max-width: 350px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-hero__slider-thumb {
        max-width: 350px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-hero__slider-thumb {
        max-width: calc(
                270px + 80 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-hero__slider-thumb {
        max-width: 270px;
    }
}
@media screen and (max-width: 767px) {
    .program-hero__slider-thumb {
        max-width: 360px;
    }
}

.program-hero__title {
    line-height: var(--line-height-title);
}
@media screen and (max-width: 767px) {
    .program-hero__title {
        -ms-grid-row: 1;
        grid-row: 1;
    }
}

.program-hero__items {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: 0.5fr 1fr 0.5fr 1fr;
    grid-template-columns: 0.5fr 1fr 0.5fr 1fr;
}
@media (min-width: 1920px) {
    .program-hero__items {
        grid-gap: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__items {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__items {
        grid-gap: 10px;
    }
}
@media (min-width: 1920px) {
    .program-hero__items {
        padding-top: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__items {
        padding-top: calc(
                0px + 20 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__items {
        padding-top: 0px;
    }
}
@media (min-width: 1920px) {
    .program-hero__items {
        padding-bottom: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__items {
        padding-bottom: calc(
                0px + 20 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__items {
        padding-bottom: 0px;
    }
}
@media screen and (max-width: 1440px) {
    .program-hero__items {
        -ms-grid-columns: 0.5fr 1fr;
        grid-template-columns: 0.5fr 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .program-hero__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.program-hero__head {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
}
@media screen and (max-width: 1240px) {
    .program-hero__head {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        grid-gap: 20px;
    }
}
@media screen and (max-width: 767px) {
    .program-hero__head {
        -ms-grid-columns: calc(100vw - 40px);
        grid-template-columns: calc(100vw - 40px);
        grid-gap: 10px;
    }
}

.program-hero__item {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
}

.program-hero__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .program-hero__body {
        grid-gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__body {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__body {
        grid-gap: 15px;
    }
}

.program-hero__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 1920px) {
    .program-hero__actions {
        gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__actions {
        gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__actions {
        gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .program-hero__actions {
        -ms-grid-row: 1;
        grid-row: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (max-width: 767px) {
    .program-hero__actions {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 3;
        grid-row: 3;
    }
}

.program-hero__advantages {
    border-radius: 10px;
    background: var(--color-golden-10);
    border: 1px solid var(--color-border-gray);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 767px) {
    .program-hero__advantages {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.program-hero__advantages-item {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-row-align: start;
    align-self: start;
    grid-gap: 10px;
    font-weight: 500;
    line-height: var(--line-height-text);
    -ms-grid-column-span: 2;
    grid-column: 2 span;
}
@media (min-width: 1920px) {
    .program-hero__advantages-item {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__advantages-item {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__advantages-item {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .program-hero__advantages-item {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__advantages-item {
        padding: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__advantages-item {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .program-hero__advantages-item span {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__advantages-item span {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__advantages-item span {
        font-size: 14px;
    }
}
.program-hero__advantages-item:not(:nth-child(3), :nth-child(5)) {
    border-right: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 767px) {
    .program-hero__advantages-item:not(:nth-child(3), :nth-child(5)) {
        border-right: none;
    }
}
@media screen and (max-width: 767px) {
    .program-hero__advantages-item {
        grid-column: auto;
    }
}
.program-hero__advantages-item:nth-child(4), .program-hero__advantages-item:nth-child(5) {
    -ms-grid-column-span: 3;
    grid-column: 3 span;
    border-top: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 767px) {
    .program-hero__advantages-item:nth-child(4), .program-hero__advantages-item:nth-child(5) {
        grid-column: auto;
        border-top: none;
    }
}
@media screen and (max-width: 767px) {
    .program-hero__advantages-item:last-child {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
        border-top: 1px solid var(--color-border-gray);
    }
}
@media screen and (max-width: 767px) {
    .program-hero__advantages-item:nth-child(2n+2) {
        border-left: 1px solid var(--color-border-gray);
    }
}
@media screen and (max-width: 767px) {
    .program-hero__advantages-item:nth-child(3n), .program-hero__advantages-item:nth-child(4n) {
        border-top: 1px solid var(--color-border-gray);
    }
}
.program-hero__advantages-item svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .program-hero__advantages-item svg {
        width: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__advantages-item svg {
        width: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__advantages-item svg {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .program-hero__advantages-item svg {
        height: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__advantages-item svg {
        height: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__advantages-item svg {
        height: 20px;
    }
}

.program-hero__slider-main {
    border-radius: 10px;
    position: relative;
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .program-hero__slider-main {
        height: 500px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__slider-main {
        height: calc(
                392px + 108 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__slider-main {
        height: 392px;
    }
}
@media (min-width: 1920px) {
    .program-hero__slider-main {
        margin-bottom: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__slider-main {
        margin-bottom: calc(
                10px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__slider-main {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-hero__slider-main {
        height: 392px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-hero__slider-main {
        height: calc(
                288px + 104 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-hero__slider-main {
        height: 288px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-hero__slider-main {
        height: 288px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-hero__slider-main {
        height: calc(
                270px + 18 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-hero__slider-main {
        height: 270px;
    }
}
@media screen and (hover: hover) {
    .program-hero__slider-main:hover::after {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.program-hero__slider-main::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    background: url("../img/icon/resize.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .program-hero__slider-main::after {
        width: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__slider-main::after {
        width: calc(
                24px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__slider-main::after {
        width: 24px;
    }
}
@media (min-width: 1920px) {
    .program-hero__slider-main::after {
        height: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__slider-main::after {
        height: calc(
                24px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__slider-main::after {
        height: 24px;
    }
}
@media (min-width: 1920px) {
    .program-hero__slider-main::after {
        right: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__slider-main::after {
        right: calc(
                18px + -8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__slider-main::after {
        right: 18px;
    }
}
@media (min-width: 1920px) {
    .program-hero__slider-main::after {
        bottom: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__slider-main::after {
        bottom: calc(
                18px + -8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__slider-main::after {
        bottom: 18px;
    }
}

.program-hero__content {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .program-hero__content {
        grid-gap: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__content {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__content {
        grid-gap: 15px;
    }
}

.program-hero__slider-item {
    width: 100%;
    padding: 10px;
}
.program-hero__slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.program-hero__thumb-item {
    border: 1px solid var(--color-border-gray);
    cursor: pointer;
    overflow: hidden;
}
@media (min-width: 1920px) {
    .program-hero__thumb-item {
        height: 100px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-hero__thumb-item {
        height: calc(
                80px + 20 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-hero__thumb-item {
        height: 80px;
    }
}
@media (min-width: 1920px) {
    .program-hero__thumb-item {
        border-radius: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-hero__thumb-item {
        border-radius: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-hero__thumb-item {
        border-radius: 5px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-hero__thumb-item {
        height: 80px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-hero__thumb-item {
        height: calc(
                60px + 20 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-hero__thumb-item {
        height: 60px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-hero__thumb-item {
        height: 60px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-hero__thumb-item {
        height: calc(
                50px + 10 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-hero__thumb-item {
        height: 50px;
    }
}
.program-hero__thumb-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media screen and (hover: hover) {
    .program-hero__thumb-item:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.program-hero__thumb-item.swiper-slide-thumb-active {
    border-color: var(--color-blue-primary);
}

@media screen and (max-width: 767px) {
    .program-hero__btn {
        width: 100%;
    }
}

.program-calc {
    background: var(--color-light-periwinkle-40);
    position: relative;
    z-index: 1;
}
@media (min-width: 1920px) {
    .program-calc {
        padding-top: 50px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc {
        padding-top: calc(
                20px + 30 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc {
        padding-top: 20px;
    }
}
@media (min-width: 1920px) {
    .program-calc {
        padding-bottom: 50px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc {
        padding-bottom: calc(
                20px + 30 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc {
        padding-bottom: 20px;
    }
}
.program-calc::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background: url("../img/calc-bg.png") no-repeat center center/contain;
}
@media (min-width: 1920px) {
    .program-calc::after {
        width: 870px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc::after {
        width: calc(
                430px + 440 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc::after {
        width: 430px;
    }
}
@media (min-width: 1920px) {
    .program-calc::after {
        height: 599px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc::after {
        height: calc(
                285px + 314 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc::after {
        height: 285px;
    }
}
@media (min-width: 1920px) {
    .program-calc::after {
        right: -200px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-calc::after {
        right: calc(
                -300px + 100 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-calc::after {
        right: -300px;
    }
}
@media (min-width: 1920px) {
    .program-calc::after {
        bottom: 0px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-calc::after {
        bottom: calc(
                -10px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-calc::after {
        bottom: -10px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-calc::after {
        right: -300px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-calc::after {
        right: calc(
                -150px + -150 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-calc::after {
        right: -150px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-calc::after {
        bottom: -10px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-calc::after {
        bottom: calc(
                30px + -40 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-calc::after {
        bottom: 30px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-calc::after {
        right: -150px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-calc::after {
        right: calc(
                -170px + 20 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-calc::after {
        right: -170px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-calc::after {
        bottom: 30px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-calc::after {
        bottom: calc(
                66px + -36 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-calc::after {
        bottom: 66px;
    }
}

@media (min-width: 1920px) {
    .program-calc__title {
        font-size: 42px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-calc__title {
        font-size: calc(
                36px + 6 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-calc__title {
        font-size: 36px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-calc__title {
        font-size: 36px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-calc__title {
        font-size: calc(
                30px + 6 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-calc__title {
        font-size: 30px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-calc__title {
        font-size: 30px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-calc__title {
        font-size: calc(
                22px + 8 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-calc__title {
        font-size: 22px;
    }
}

.program-calc__body {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
    .program-calc__body {
        grid-gap: 25px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__body {
        grid-gap: calc(
                15px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__body {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 1240px) {
    .program-calc__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.program-calc__items {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .program-calc__items {
        grid-gap: 25px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__items {
        grid-gap: calc(
                10px + 15 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__items {
        grid-gap: 10px;
    }
}

.program-calc__item {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .program-calc__item {
        grid-gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__item {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__item {
        grid-gap: 5px;
    }
}

.program-calc__item-label {
    display: block;
    font-weight: 500;
    line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
    .program-calc__item-label {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__item-label {
        font-size: calc(
                16px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__item-label {
        font-size: 16px;
    }
}

.program-calc__item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 1920px) {
    .program-calc__item-text {
        gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__item-text {
        gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__item-text {
        gap: 5px;
    }
}
@media (min-width: 1920px) {
    .program-calc__item-text {
        max-width: 430px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-calc__item-text {
        max-width: calc(
                360px + 70 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-calc__item-text {
        max-width: 360px;
    }
}
@media (min-width: 1920px) {
    .program-calc__item-text {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__item-text {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__item-text {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .program-calc__item-text {
        max-width: 100%;
    }
}

.program-calc__form-bottom,
.program-calc__form {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .program-calc__form-bottom,
    .program-calc__form {
        grid-gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__form-bottom,
    .program-calc__form {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__form-bottom,
    .program-calc__form {
        grid-gap: 10px;
    }
}

@media screen and (max-width: 767px) {
    .program-calc__form-submit,
    .program-calc__form-added {
        margin-left: auto;
    }
}

.program-calc__form-row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
    .program-calc__form-row {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__form-row {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__form-row {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .program-calc__form-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.program-calc__form-fields {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .program-calc__form-fields {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-calc__form-fields {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-calc__form-fields {
        grid-gap: 10px;
    }
}

.program-advantages__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 1920px) {
    .program-advantages__body {
        grid-gap: 32px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .program-advantages__body {
        grid-gap: calc(
                10px + 22 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .program-advantages__body {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .program-advantages__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.program-advantages__item {
    background: var(--color-light-periwinkle-40);
    border: 1px solid var(--color-border-gray);
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
@media (min-width: 1920px) {
    .program-advantages__item {
        padding: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item {
        padding: calc(
                15px + 15 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item {
        border-radius: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item {
        border-radius: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item {
        border-radius: 15px;
    }
}
@media screen and (max-width: 767px) {
    .program-advantages__item {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}
.program-advantages__item:nth-child(4) {
    -ms-grid-column-span: 3;
    grid-column: 3 span;
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(4) {
        padding-right: 254px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(4) {
        padding-right: calc(
                150px + 104 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-advantages__item:nth-child(4) {
        padding-right: 150px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: 285px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: calc(
                260px + 25 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: 260px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-advantages__item:nth-child(4) {
        padding-right: 150px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-advantages__item:nth-child(4) {
        padding-right: calc(
                100px + 50 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-advantages__item:nth-child(4) {
        padding-right: 100px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: 260px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: calc(
                125px + 135 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: 125px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: 125px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: calc(
                40px + 85 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-advantages__item:nth-child(4) {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .program-advantages__item:nth-child(4) {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        width: 435px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        width: calc(
                127px + 308 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        width: 127px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        height: 570px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        height: calc(
                170px + 400 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        height: 170px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        right: -67px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        right: calc(
                -20px + -47 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        right: -20px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        bottom: -186px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        bottom: calc(
                -60px + -126 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(4) .program-advantages__item-image {
        bottom: -60px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-right: 150px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-right: calc(
                20px + 130 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-right: 20px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: 112px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: calc(
                130px + -18 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: 130px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-right: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-right: calc(
                15px + 5 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-right: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: 130px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: calc(
                95px + 35 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: 95px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: 95px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: calc(
                65px + 30 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
        padding-bottom: 65px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        width: 235px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        width: calc(
                127px + 108 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        width: 127px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        height: 210px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        height: calc(
                113px + 97 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        height: 113px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        right: -12px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        right: calc(
                -6px + -6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        right: -6px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        bottom: -70px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        bottom: calc(
                -34px + -36 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(1) .program-advantages__item-image {
        bottom: -34px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        width: 280px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        width: calc(
                134px + 146 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        width: 134px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        height: 255px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        height: calc(
                123px + 132 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        height: 123px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        right: -40px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        right: calc(
                0px + -40 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        right: 0px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        bottom: -70px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        bottom: calc(
                -34px + -36 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(3) .program-advantages__item-image {
        bottom: -34px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(2) {
        padding-top: 122px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(2) {
        padding-top: calc(
                130px + -8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-advantages__item:nth-child(2) {
        padding-top: 130px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-advantages__item:nth-child(2) {
        padding-top: 130px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-advantages__item:nth-child(2) {
        padding-top: calc(
                115px + 15 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-advantages__item:nth-child(2) {
        padding-top: 115px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-advantages__item:nth-child(2) {
        padding-top: 115px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-advantages__item:nth-child(2) {
        padding-top: calc(
                65px + 50 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-advantages__item:nth-child(2) {
        padding-top: 65px;
    }
}
.program-advantages__item:nth-child(2) .program-advantages__item-image {
    left: 50%;
    -webkit-transform: rotate(-18deg) translateX(-50%);
    -ms-transform: rotate(-18deg) translateX(-50%);
    transform: rotate(-18deg) translateX(-50%);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        width: 235px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        width: calc(
                127px + 108 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        width: 127px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        height: 210px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        height: calc(
                113px + 97 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        height: 113px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        top: -120px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        top: calc(
                -70px + -50 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__item:nth-child(2) .program-advantages__item-image {
        top: -70px;
    }
}

.program-advantages__item-image {
    position: absolute;
    z-index: -1;
}

.program-advantages__video {
    -ms-grid-column-span: 3;
    grid-column: 3 span;
    background: var(--color-light-periwinkle-40);
}
@media (min-width: 1920px) {
    .program-advantages__video {
        border-radius: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .program-advantages__video {
        border-radius: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .program-advantages__video {
        border-radius: 15px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__video {
        height: 433px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-advantages__video {
        height: calc(
                380px + 53 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-advantages__video {
        height: 380px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-advantages__video {
        height: 380px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-advantages__video {
        height: calc(
                220px + 160 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-advantages__video {
        height: 220px;
    }
}
@media screen and (max-width: 767px) {
    .program-advantages__video {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-advantages__video {
        height: 220px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-advantages__video {
        height: calc(
                200px + 20 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-advantages__video {
        height: 200px;
    }
}
.program-advantages__video::before {
    left: 50%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("../img/icon/play-icon.svg");
}
.program-advantages__video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (hover: hover) {
    .program-advantages__video:hover::before {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }
}

@media (min-width: 1920px) {
    .program-advantages__item-title {
        font-size: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-advantages__item-title {
        font-size: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-advantages__item-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-advantages__item-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-advantages__item-title {
        font-size: calc(
                16px + 4 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-advantages__item-title {
        font-size: 16px;
    }
}
@media (min-width: 1920px) {
    .program-advantages__item-title.--big {
        font-size: 32px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .program-advantages__item-title.--big {
        font-size: calc(
                26px + 6 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .program-advantages__item-title.--big {
        font-size: 26px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .program-advantages__item-title.--big {
        font-size: 26px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .program-advantages__item-title.--big {
        font-size: calc(
                20px + 6 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .program-advantages__item-title.--big {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .program-advantages__item-title.--big {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .program-advantages__item-title.--big {
        font-size: calc(
                16px + 4 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .program-advantages__item-title.--big {
        font-size: 16px;
    }
}

.docs-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .docs-card {
        border-radius: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card {
        border-radius: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card {
        border-radius: 15px;
    }
}
@media (min-width: 1920px) {
    .docs-card {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card {
        padding: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card {
        padding: 10px;
    }
}
@media (min-width: 1920px) {
    .docs-card {
        gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card {
        gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card {
        gap: 10px;
    }
}

.docs-card__image-container {
    height: 100%;
    width: 100%;
}

.docs-card__image {
    display: block;
    width: 100%;
    height: 100%;
}
.docs-card__image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-black-opacity);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    opacity: 0;
}
.docs-card__image::after {
    content: "Смотреть";
    position: absolute;
    color: var(--color-white);
    font-weight: 500;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../img/icon/resize-white.svg") no-repeat center right/contain;
}
@media (min-width: 1920px) {
    .docs-card__image::after {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__image::after {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__image::after {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .docs-card__image::after {
        width: 120px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__image::after {
        width: calc(
                100px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__image::after {
        width: 100px;
    }
}
@media screen and (hover: hover) {
    .docs-card__image:hover::before, .docs-card__image:hover::after {
        opacity: 1;
    }
}
.docs-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.docs-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
@media (min-width: 1920px) {
    .docs-card__body {
        gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__body {
        gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__body {
        gap: 10px;
    }
}

.docs-card__title {
    font-weight: 600;
    line-height: var(--line-height-title);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (min-width: 1920px) {
    .docs-card__title {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__title {
        font-size: calc(
                14px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__title {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .docs-card__title {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}

.docs-card__text {
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .docs-card__text {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__text {
        font-size: calc(
                12px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__text {
        font-size: 12px;
    }
}

.docs-card__head {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
@media (min-width: 1920px) {
    .docs-card__head {
        min-height: 455px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__head {
        min-height: calc(
                170px + 285 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__head {
        min-height: 170px;
    }
}
@media (min-width: 1920px) {
    .docs-card__head {
        max-height: 455px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__head {
        max-height: calc(
                170px + 285 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__head {
        max-height: 170px;
    }
}
@media screen and (hover: hover) {
    .docs-card__head:hover .docs-card__btn {
        opacity: 1;
    }
}

.docs-card__btn {
    color: var(--color-white);
    font-weight: 500;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    margin: 0 auto;
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
@media (min-width: 1920px) {
    .docs-card__btn {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__btn {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__btn {
        font-size: 14px;
    }
}
.docs-card__btn svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .docs-card__btn svg {
        width: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__btn svg {
        width: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__btn svg {
        width: 16px;
    }
}
@media (min-width: 1920px) {
    .docs-card__btn svg {
        height: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .docs-card__btn svg {
        height: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .docs-card__btn svg {
        height: 16px;
    }
}
.docs-card__btn svg path {
    fill: currentColor;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}

.about-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
@media (min-width: 1920px) {
    .about-wrapper {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-wrapper {
        grid-gap: calc(
                15px + 9 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-wrapper {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 992px) {
    .about-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.about-nav {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border-gray);
    padding: 5px;
    position: sticky;
    top: 10px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}
@media (min-width: 1920px) {
    .about-nav {
        border-radius: 35px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-nav {
        border-radius: calc(
                25px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-nav {
        border-radius: 25px;
    }
}
@media (min-width: 1920px) {
    .about-nav {
        width: 400px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-nav {
        width: calc(
                288px + 112 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-nav {
        width: 288px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .about-nav {
        width: 288px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .about-nav {
        width: calc(
                350px + -62 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .about-nav {
        width: 350px;
    }
}
@media screen and (max-width: 992px) {
    .about-nav {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 20;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-transition: var(--duration-hover);
        -o-transition: var(--duration-hover);
        transition: var(--duration-hover);
        opacity: 0;
        visibility: hidden;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
    }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
    .about-nav {
        max-height: 430px;
    }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
    .about-nav {
        max-height: calc(
                340px + 90 *
                (((100vw - 360px)) / ((632)))
        );
    }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
    .about-nav {
        max-height: 340px;
    }
}
@media screen and (max-width: 992px) {
    .about-nav.is-active {
        opacity: 1;
        visibility: visible;
        top: calc(100% + 10px);
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .about-nav {
        width: 370px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .about-nav {
        width: calc(
                294px + 76 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .about-nav {
        width: 294px;
    }
}

.about-nav__link {
    font-weight: 600;
    display: block;
    line-height: var(--line-height-title);
    color: var(--color-steel-blue);
    border-radius: 50px;
}
@media (min-width: 1920px) {
    .about-nav__link {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-nav__link {
        padding: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-nav__link {
        padding: 10px;
    }
}
@media (min-width: 1920px) {
    .about-nav__link {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-nav__link {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-nav__link {
        font-size: 14px;
    }
}
@media screen and (hover: hover) {
    .about-nav__link:hover {
        color: var(--color-text);
        background: var(--color-light-periwinkle-40);
    }
}
.about-nav__link:active:not(.is-active) {
    opacity: 0.5;
}
.about-nav__link.is-active {
    color: var(--color-text);
    background: var(--color-light-periwinkle-40);
}

.about-sec__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1920px) {
    .about-sec__head {
        gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-sec__head {
        gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-sec__head {
        gap: 10px;
    }
}
@media (min-width: 1920px) {
    .about-sec__head {
        margin-bottom: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-sec__head {
        margin-bottom: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-sec__head {
        margin-bottom: 16px;
    }
}

.about-sec__title {
    color: var(--color-text);
    line-height: var(--line-height-title);
}
@media screen and (max-width: 992px) {
    .about-sec__title {
        color: var(--color-blue-primary);
    }
}

.about-sec__nav-trigger {
    width: 24px;
    height: 24px;
    display: none;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media screen and (max-width: 992px) {
    .about-sec__nav-trigger {
        display: block;
    }
    .about-sec__nav-trigger.is-active {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}
.about-sec__nav-trigger svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.about-company__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-company__body {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__body {
        grid-gap: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__body {
        grid-gap: 16px;
    }
}

.about-company__desc {
    position: relative;
    display: -ms-grid;
    display: grid;
    font-weight: 500;
    background: var(--color-light-periwinkle-40);
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .about-company__desc {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__desc {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__desc {
        grid-gap: 8px;
    }
}
@media (min-width: 1920px) {
    .about-company__desc {
        padding-left: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__desc {
        padding-left: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__desc {
        padding-left: 16px;
    }
}
@media (min-width: 1920px) {
    .about-company__desc {
        padding-right: 178px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-company__desc {
        padding-right: calc(
                110px + 68 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-company__desc {
        padding-right: 110px;
    }
}
@media (min-width: 1920px) {
    .about-company__desc {
        padding-top: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__desc {
        padding-top: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__desc {
        padding-top: 20px;
    }
}
@media (min-width: 1920px) {
    .about-company__desc {
        padding-bottom: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__desc {
        padding-bottom: calc(
                20px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__desc {
        padding-bottom: 20px;
    }
}
@media (min-width: 1920px) {
    .about-company__desc {
        border-radius: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__desc {
        border-radius: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__desc {
        border-radius: 10px;
    }
}
@media (min-width: 1920px) {
    .about-company__desc {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__desc {
        font-size: calc(
                14px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__desc {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .about-company__desc {
        padding-right: 110px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .about-company__desc {
        padding-right: calc(
                15px + 95 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .about-company__desc {
        padding-right: 15px;
    }
}
.about-company__desc::after {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/logo-cube.png") no-repeat center center/contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width: 1920px) {
    .about-company__desc::after {
        width: 200px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-company__desc::after {
        width: calc(
                130px + 70 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-company__desc::after {
        width: 130px;
    }
}
@media (min-width: 1920px) {
    .about-company__desc::after {
        height: 200px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-company__desc::after {
        height: calc(
                130px + 70 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-company__desc::after {
        height: 130px;
    }
}
@media (min-width: 1920px) {
    .about-company__desc::after {
        right: -45px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-company__desc::after {
        right: calc(
                -33px + -12 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-company__desc::after {
        right: -33px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .about-company__desc::after {
        width: 130px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .about-company__desc::after {
        width: calc(
                100px + 30 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .about-company__desc::after {
        width: 100px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .about-company__desc::after {
        height: 130px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .about-company__desc::after {
        height: calc(
                100px + 30 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .about-company__desc::after {
        height: 100px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .about-company__desc::after {
        right: -33px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .about-company__desc::after {
        right: calc(
                -22px + -11 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .about-company__desc::after {
        right: -22px;
    }
}
@media screen and (max-width: 767px) {
    .about-company__desc::after {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        top: -40px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .about-company__desc::after {
        width: 100px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .about-company__desc::after {
        width: calc(
                75px + 25 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .about-company__desc::after {
        width: 75px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .about-company__desc::after {
        height: 100px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .about-company__desc::after {
        height: calc(
                75px + 25 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .about-company__desc::after {
        height: 75px;
    }
}

.about-company__contacts {
    border: 1px solid var(--color-border-gray);
    background: var(--color-card-bg);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
@media (min-width: 1920px) {
    .about-company__contacts {
        border-radius: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts {
        border-radius: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts {
        border-radius: 10px;
    }
}
@media screen and (max-width: 767px) {
    .about-company__contacts {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.about-company__contacts-info {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-company__contacts-info {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts-info {
        grid-gap: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts-info {
        grid-gap: 12px;
    }
}
@media (min-width: 1920px) {
    .about-company__contacts-info {
        padding-left: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts-info {
        padding-left: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts-info {
        padding-left: 16px;
    }
}
@media (min-width: 1920px) {
    .about-company__contacts-info {
        padding-right: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts-info {
        padding-right: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts-info {
        padding-right: 16px;
    }
}
@media (min-width: 1920px) {
    .about-company__contacts-info {
        padding-top: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts-info {
        padding-top: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts-info {
        padding-top: 16px;
    }
}
@media (min-width: 1920px) {
    .about-company__contacts-info {
        padding-bottom: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts-info {
        padding-bottom: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts-info {
        padding-bottom: 16px;
    }
}

.about-company__contacts-list {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-company__contacts-list {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts-list {
        grid-gap: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts-list {
        grid-gap: 12px;
    }
}

.about-company__contacts-item {
    display: -ms-grid;
    display: grid;
    color: var(--color-text);
}
@media (min-width: 1920px) {
    .about-company__contacts-item {
        grid-gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts-item {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts-item {
        grid-gap: 5px;
    }
}
@media (min-width: 1920px) {
    .about-company__contacts-item {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__contacts-item {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__contacts-item {
        font-size: 14px;
    }
}
.about-company__contacts-item a {
    color: var(--color-text);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    line-height: var(--line-height-text);
}
@media screen and (hover: hover) {
    .about-company__contacts-item a:hover {
        color: var(--color-blue-primary);
    }
}
.about-company__contacts-item a:active {
    opacity: 0.5;
}

.about-company__contacts-map {
    background: var(--color-light-periwinkle-40);
}
@media screen and (max-width: 767px) {
    .about-company__contacts-map {
        width: 100%;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .about-company__contacts-map {
        height: 350px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .about-company__contacts-map {
        height: calc(
                216px + 134 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .about-company__contacts-map {
        height: 216px;
    }
}
.about-company__contacts-map iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-company__info {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-company__info {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-company__info {
        grid-gap: calc(
                10px + 14 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-company__info {
        grid-gap: 10px;
    }
}

.about-team__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-team__body {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-team__body {
        grid-gap: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-team__body {
        grid-gap: 16px;
    }
}

.about-team__block {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-team__block {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-team__block {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-team__block {
        grid-gap: 10px;
    }
}

.about-team__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
    .about-team__cards {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-team__cards {
        grid-gap: calc(
                10px + 14 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-team__cards {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .about-team__cards {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.card-person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--color-card-bg);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--color-border-gray);
}

.card-person__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
@media (min-width: 1920px) {
    .card-person__image {
        height: 410px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .card-person__image {
        height: calc(
                160px + 250 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .card-person__image {
        height: 160px;
    }
}
.card-person__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

.card-person__body {
    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-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (min-width: 1920px) {
    .card-person__body {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .card-person__body {
        padding: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .card-person__body {
        padding: 10px;
    }
}
@media (min-width: 1920px) {
    .card-person__body {
        gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .card-person__body {
        gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .card-person__body {
        gap: 10px;
    }
}

.card-person__name {
    font-weight: 600;
    line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
    .card-person__name {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .card-person__name {
        font-size: calc(
                14px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .card-person__name {
        font-size: 14px;
    }
}

.card-person__post {
    font-weight: 600;
    line-height: var(--line-height-title);
    color: var(--color-steel-blue);
}
@media (min-width: 1920px) {
    .card-person__post {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .card-person__post {
        font-size: calc(
                12px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .card-person__post {
        font-size: 12px;
    }
}

.document-card {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    border-bottom: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .document-card {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .document-card {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .document-card {
        grid-gap: 15px;
    }
}
@media (min-width: 1920px) {
    .document-card {
        padding-bottom: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .document-card {
        padding-bottom: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .document-card {
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 992px) {
    .document-card {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1920px) {
    .document-card__images {
        width: 369px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .document-card__images {
        width: calc(
                250px + 119 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .document-card__images {
        width: 250px;
    }
}
@media (min-width: 1920px) {
    .document-card__images {
        height: 254px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .document-card__images {
        height: calc(
                172px + 82 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .document-card__images {
        height: 172px;
    }
}
@media screen and (max-width: 992px) {
    .document-card__images {
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .document-card__images {
        margin: 0 auto;
    }
}

.document-card__image {
    width: 100%;
    height: 100%;
    display: block;
}
.document-card__image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-black-opacity);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    opacity: 0;
}
.document-card__image::after {
    content: "Смотреть";
    position: absolute;
    color: var(--color-white);
    font-weight: 500;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../img/icon/resize-white.svg") no-repeat center right/contain;
}
@media (min-width: 1920px) {
    .document-card__image::after {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .document-card__image::after {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .document-card__image::after {
        font-size: 14px;
    }
}
@media (min-width: 1920px) {
    .document-card__image::after {
        width: 120px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .document-card__image::after {
        width: calc(
                100px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .document-card__image::after {
        width: 100px;
    }
}
@media screen and (hover: hover) {
    .document-card__image:hover::before, .document-card__image:hover::after {
        opacity: 1;
    }
}
.document-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.about-docs__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-docs__body {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-docs__body {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-docs__body {
        grid-gap: 15px;
    }
}

.document-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1920px) {
    .document-card__body {
        gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .document-card__body {
        gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .document-card__body {
        gap: 10px;
    }
}

.document-card__title {
    line-height: var(--line-height-title);
    font-weight: 600;
}
@media (min-width: 1920px) {
    .document-card__title {
        font-size: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .document-card__title {
        font-size: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .document-card__title {
        font-size: 16px;
    }
}

.document-card__text {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: start;
    align-self: start;
    font-weight: 500;
    color: var(--color-steel-blue);
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .document-card__text {
        grid-gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .document-card__text {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .document-card__text {
        grid-gap: 5px;
    }
}
@media (min-width: 1920px) {
    .document-card__text {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .document-card__text {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .document-card__text {
        font-size: 14px;
    }
}

.about-license__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
    .about-license__body {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-license__body {
        grid-gap: calc(
                10px + 22 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-license__body {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .about-license__body {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.about-info__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-info__body {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-info__body {
        grid-gap: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-info__body {
        grid-gap: 16px;
    }
}

.about-info__block {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-info__block {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-info__block {
        grid-gap: calc(
                12px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-info__block {
        grid-gap: 12px;
    }
}

.about-info__block-body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-info__block-body {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-info__block-body {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-info__block-body {
        grid-gap: 8px;
    }
}

.about-info__text {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-info__text {
        grid-gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-info__text {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-info__text {
        grid-gap: 5px;
    }
}

.about-info__text {
    font-weight: 500;
    color: var(--color-text);
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .about-info__text {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-info__text {
        font-size: calc(
                14px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-info__text {
        font-size: 14px;
    }
}
.about-info__text b {
    font-weight: 700;
}

.about-steps__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-steps__body {
        grid-gap: 48px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__body {
        grid-gap: calc(
                24px + 24 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__body {
        grid-gap: 24px;
    }
}

.about-steps__block {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-steps__block {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__block {
        grid-gap: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__block {
        grid-gap: 15px;
    }
}

.about-steps__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    counter-reset: about-steps;
}
@media screen and (max-width: 1440px) {
    .about-steps__list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .about-steps__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.about-steps__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    border-right: 1px solid var(--color-border-gray);
    border-bottom: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
    .about-steps__item {
        gap: 16px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-steps__item {
        gap: calc(
                12px + 4 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-steps__item {
        gap: 12px;
    }
}
.about-steps__item:nth-child(4n+4) {
    border-right: none;
}
@media screen and (max-width: 1440px) {
    .about-steps__item:nth-child(4n+4) {
        border-right: 1px solid var(--color-border-gray);
    }
}
@media screen and (max-width: 767px) {
    .about-steps__item:nth-child(4n+4) {
        border-right: none;
    }
}
@media screen and (max-width: 1440px) {
    .about-steps__item:nth-child(3n+3) {
        border-right: none;
    }
}
@media screen and (max-width: 767px) {
    .about-steps__item {
        border-right: none;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
    }
}
.about-steps__item::after {
    content: "0" counter(about-steps);
    display: block;
    margin-top: auto;
    counter-increment: about-steps;
    color: var(--color-middle-blue);
    font-weight: 500;
}
@media (min-width: 1920px) {
    .about-steps__item::after {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__item::after {
        font-size: calc(
                14px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__item::after {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .about-steps__item::after {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 3;
        grid-column: 3;
        margin-top: 0;
        -ms-grid-row-align: center;
        align-self: center;
    }
}

.about-steps__item-title {
    font-weight: 600;
    line-height: var(--line-height-title);
    color: var(--color-text);
}
@media (min-width: 1920px) {
    .about-steps__item-title {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__item-title {
        font-size: calc(
                14px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__item-title {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .about-steps__item-title {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}

.about-steps__item-text {
    font-weight: 500;
    line-height: var(--line-height-text);
    color: var(--color-text);
}
@media (min-width: 1920px) {
    .about-steps__item-text {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__item-text {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__item-text {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .about-steps__item-text {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column-span: 3;
        grid-column: 3 span;
    }
}

.about-steps__item-image {
    position: relative;
    overflow: hidden;
    border-radius: 100px;
    background: var(--color-light-periwinkle-40);
}
@media (min-width: 1920px) {
    .about-steps__item-image {
        width: 90px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__item-image {
        width: calc(
                60px + 30 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__item-image {
        width: 60px;
    }
}
@media (min-width: 1920px) {
    .about-steps__item-image {
        height: 60px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__item-image {
        height: calc(
                40px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__item-image {
        height: 40px;
    }
}
.about-steps__item-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media (min-width: 1920px) {
    .about-steps__item-image img {
        width: 100px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__item-image img {
        width: calc(
                74px + 26 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__item-image img {
        width: 74px;
    }
}
@media (min-width: 1920px) {
    .about-steps__item-image img {
        height: 100px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-steps__item-image img {
        height: calc(
                74px + 26 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-steps__item-image img {
        height: 74px;
    }
}

.about-partner__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-partner__body {
        grid-gap: 48px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__body {
        grid-gap: calc(
                24px + 24 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__body {
        grid-gap: 24px;
    }
}

.about-partner__content {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-partner__content {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__content {
        grid-gap: calc(
                12px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__content {
        grid-gap: 12px;
    }
}

.about-partner__top {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background: var(--color-light-periwinkle-40);
    display: -ms-grid;
    display: grid;
    z-index: 1;
}
@media (min-width: 1920px) {
    .about-partner__top {
        padding: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__top {
        padding: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__top {
        padding: 16px;
    }
}
@media (min-width: 1920px) {
    .about-partner__top {
        padding-right: 367px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-partner__top {
        padding-right: calc(
                254px + 113 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-partner__top {
        padding-right: 254px;
    }
}
@media (min-width: 1920px) {
    .about-partner__top {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__top {
        grid-gap: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__top {
        grid-gap: 16px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .about-partner__top {
        padding-right: 254px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .about-partner__top {
        padding-right: calc(
                208px + 46 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
    .about-partner__top {
        padding-right: 208px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .about-partner__top {
        padding-right: 208px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .about-partner__top {
        padding-right: calc(
                16px + 192 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .about-partner__top {
        padding-right: 16px;
    }
}

.about-partner__top-image {
    position: absolute;
    z-index: -1;
}
@media (min-width: 1920px) {
    .about-partner__top-image {
        width: 385px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__top-image {
        width: calc(
                139px + 246 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__top-image {
        width: 139px;
    }
}
@media (min-width: 1920px) {
    .about-partner__top-image {
        height: 385px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__top-image {
        height: calc(
                139px + 246 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__top-image {
        height: 139px;
    }
}
@media (min-width: 1920px) {
    .about-partner__top-image {
        right: -30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__top-image {
        right: calc(
                -25px + -5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__top-image {
        right: -25px;
    }
}
@media (min-width: 1920px) {
    .about-partner__top-image {
        top: -80px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__top-image {
        top: calc(
                -35px + -45 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__top-image {
        top: -35px;
    }
}
.about-partner__top-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.about-partner__block {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-partner__block {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__block {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__block {
        grid-gap: 8px;
    }
}

.about-partner__gifts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
}
@media (min-width: 1920px) {
    .about-partner__gifts {
        grid-gap: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .about-partner__gifts {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .about-partner__gifts {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .about-partner__gifts {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.about-partner__gift {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    border-radius: 10px;
    background: var(--color-light-periwinkle-40);
}
@media screen and (max-width: 767px) {
    .about-partner__gift:last-child {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
    }
}

@media (min-width: 1920px) {
    .about-partner__gift-image {
        width: 120px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__gift-image {
        width: calc(
                75px + 45 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__gift-image {
        width: 75px;
    }
}
@media (min-width: 1920px) {
    .about-partner__gift-image {
        height: 120px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__gift-image {
        height: calc(
                75px + 45 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__gift-image {
        height: 75px;
    }
}
.about-partner__gift-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.about-partner__gift-title {
    font-weight: 600;
    text-align: center;
    line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
    .about-partner__gift-title {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__gift-title {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__gift-title {
        font-size: 14px;
    }
}

.about-partner__gift-label {
    text-align: center;
    font-weight: 400;
    line-height: var(--line-height-title);
    color: var(--color-steel-blue);
}
@media (min-width: 1920px) {
    .about-partner__gift-label {
        font-size: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__gift-label {
        font-size: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__gift-label {
        font-size: 12px;
    }
}

.about-partner__gifts-container {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-partner__gifts-container {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__gifts-container {
        grid-gap: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__gifts-container {
        grid-gap: 12px;
    }
}

.about-partner__gifts-text {
    color: var(--color-steel-blue);
    text-align: center;
}

.about-partner__offer {
    border: 1px solid var(--color-border-gray);
    background: var(--color-ghost-white);
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-partner__offer {
        border-radius: 110px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__offer {
        border-radius: calc(
                40px + 70 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__offer {
        border-radius: 40px;
    }
}
@media (min-width: 1920px) {
    .about-partner__offer {
        padding-top: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__offer {
        padding-top: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__offer {
        padding-top: 15px;
    }
}
@media (min-width: 1920px) {
    .about-partner__offer {
        padding-bottom: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__offer {
        padding-bottom: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__offer {
        padding-bottom: 15px;
    }
}
@media (min-width: 1920px) {
    .about-partner__offer {
        padding-left: 100px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__offer {
        padding-left: calc(
                20px + 80 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__offer {
        padding-left: 20px;
    }
}
@media (min-width: 1920px) {
    .about-partner__offer {
        padding-right: 100px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__offer {
        padding-right: calc(
                20px + 80 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__offer {
        padding-right: 20px;
    }
}
@media (min-width: 1920px) {
    .about-partner__offer {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__offer {
        grid-gap: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__offer {
        grid-gap: 12px;
    }
}

.about-partner__offer-text {
    text-align: center;
}

.about-partner__offer-btn {
    margin: 0 auto;
}

.about-partner__feedback {
    border-radius: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    background: var(--color-light-periwinkle-40);
}
@media (min-width: 1920px) {
    .about-partner__feedback {
        padding: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__feedback {
        padding: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__feedback {
        padding: 16px;
    }
}
@media (min-width: 1920px) {
    .about-partner__feedback {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__feedback {
        grid-gap: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__feedback {
        grid-gap: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .about-partner__feedback {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.about-partner__feedback-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1920px) {
    .about-partner__feedback-head {
        width: 460px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-partner__feedback-head {
        width: calc(
                312px + 148 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-partner__feedback-head {
        width: 312px;
    }
}
@media (min-width: 1920px) {
    .about-partner__feedback-head {
        gap: 16px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-partner__feedback-head {
        gap: calc(
                12px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-partner__feedback-head {
        gap: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .about-partner__feedback-head {
        width: 100%;
    }
}

.about-partner__feedback-text {
    margin-top: auto;
}

.about-partner__feedback-fields {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-partner__feedback-fields {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__feedback-fields {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__feedback-fields {
        grid-gap: 10px;
    }
}

.about-partner__feedback-form {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-partner__feedback-form {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__feedback-form {
        grid-gap: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__feedback-form {
        grid-gap: 12px;
    }
}

.about-partner__feedback-action {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}
@media (min-width: 1920px) {
    .about-partner__feedback-action {
        grid-gap: 15px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-partner__feedback-action {
        grid-gap: calc(
                10px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-partner__feedback-action {
        grid-gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .about-partner__feedback-action {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .about-partner__feedback-submit {
        margin-left: auto;
    }
}

.about-check__body {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-check__body {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__body {
        grid-gap: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__body {
        grid-gap: 16px;
    }
}

.about-check__container {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-gap: 10px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    border-radius: 20px;
    border: 1px solid var(--color-border-gray);
    overflow: hidden;
}
@media screen and (max-width: 1240px) {
    .about-check__container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.about-check__image {
    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: var(--color-light-periwinkle-40);
}
@media (min-width: 1920px) {
    .about-check__image {
        width: 488px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .about-check__image {
        width: calc(
                397px + 91 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .about-check__image {
        width: 397px;
    }
}
@media screen and (max-width: 1240px) {
    .about-check__image {
        width: 100%;
        -ms-grid-row: 1;
        grid-row: 1;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .about-check__image {
        height: 228px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .about-check__image {
        height: calc(
                150px + 78 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .about-check__image {
        height: 150px;
    }
}
.about-check__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.about-check__form,
.about-check__result {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-check__form,
    .about-check__result {
        padding: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__form,
    .about-check__result {
        padding: calc(
                15px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__form,
    .about-check__result {
        padding: 15px;
    }
}
@media (min-width: 1920px) {
    .about-check__form,
    .about-check__result {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__form,
    .about-check__result {
        grid-gap: calc(
                12px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__form,
    .about-check__result {
        grid-gap: 12px;
    }
}

.about-check__form-fields {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-check__form-fields {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__form-fields {
        grid-gap: calc(
                12px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__form-fields {
        grid-gap: 12px;
    }
}

.about-check__status {
    display: -ms-grid;
    display: grid;
    padding: 16px;
}
@media (min-width: 1920px) {
    .about-check__status {
        border-radius: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__status {
        border-radius: calc(
                10px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__status {
        border-radius: 10px;
    }
}
@media (min-width: 1920px) {
    .about-check__status {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__status {
        grid-gap: calc(
                12px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__status {
        grid-gap: 12px;
    }
}
.about-check__status.--success {
    background: var(--color-jungle-green-20);
}
.about-check__status.--error {
    background: var(--color-coral-10);
}

.about-check__status-head {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    font-weight: 600;
}
@media (min-width: 1920px) {
    .about-check__status-head {
        grid-gap: 16px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__status-head {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__status-head {
        grid-gap: 8px;
    }
}
@media (min-width: 1920px) {
    .about-check__status-head {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__status-head {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__status-head {
        font-size: 14px;
    }
}
.about-check__status-head svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .about-check__status-head svg {
        width: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__status-head svg {
        width: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__status-head svg {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .about-check__status-head svg {
        height: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__status-head svg {
        height: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__status-head svg {
        height: 20px;
    }
}

.about-check__list {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-check__list {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__list {
        grid-gap: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__list {
        grid-gap: 16px;
    }
}

.about-check__item {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .about-check__item {
        grid-gap: 10px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__item {
        grid-gap: calc(
                5px + 5 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__item {
        grid-gap: 5px;
    }
}
@media (min-width: 1920px) {
    .about-check__item {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .about-check__item {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .about-check__item {
        font-size: 14px;
    }
}
.about-check__item * {
    font-size: inherit;
    line-height: var(--line-height-title);
}

.about-check__item-label {
    font-weight: 600;
}

.about-check__item-text {
    font-weight: 500;
}

.about-nav__item + .about-nav__item {
    margin-top: 10px;
}

.article__inner {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .article__inner {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .article__inner {
        grid-gap: calc(
                16px + 16 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .article__inner {
        grid-gap: 16px;
    }
}

.article-sec {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .article-sec {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .article-sec {
        grid-gap: calc(
                12px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .article-sec {
        grid-gap: 12px;
    }
}

.article-sec__block {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .article-sec__block {
        grid-gap: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .article-sec__block {
        grid-gap: calc(
                10px + 10 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .article-sec__block {
        grid-gap: 10px;
    }
}

.article-sec__row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
    .article-sec__row {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .article-sec__row {
        grid-gap: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .article-sec__row {
        grid-gap: 20px;
    }
}
@media screen and (max-width: 992px) {
    .article-sec__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.article-sec__row-content {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .article-sec__row-content {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .article-sec__row-content {
        grid-gap: calc(
                20px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .article-sec__row-content {
        grid-gap: 20px;
    }
}

.article-sec__image {
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.article-sec__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.article-sec__image-container {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    justify-items: center;
}

.article-sec__image-label {
    display: block;
    color: var(--color-steel-blue);
    text-align: center;
    font-weight: 500;
}
@media (min-width: 1920px) {
    .article-sec__image-label {
        font-size: 18px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .article-sec__image-label {
        font-size: calc(
                12px + 6 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .article-sec__image-label {
        font-size: 12px;
    }
}

.article-sec__images {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
    .article-sec__images {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1920px) {
    .article-sec__image-one .article-sec__image-container {
        max-width: 800px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .article-sec__image-one .article-sec__image-container {
        max-width: calc(
                768px + 32 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .article-sec__image-one .article-sec__image-container {
        max-width: 768px;
    }
}

.not-found__inner {
    display: -ms-grid;
    display: grid;
    justify-items: center;
}
@media (min-width: 1920px) {
    .not-found__inner {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .not-found__inner {
        grid-gap: calc(
                16px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .not-found__inner {
        grid-gap: 16px;
    }
}
@media (min-width: 1920px) {
    .not-found__inner {
        padding-bottom: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .not-found__inner {
        padding-bottom: calc(
                24px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .not-found__inner {
        padding-bottom: 24px;
    }
}
@media (min-width: 1920px) {
    .not-found__inner {
        padding-top: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .not-found__inner {
        padding-top: calc(
                24px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .not-found__inner {
        padding-top: 24px;
    }
}

.not-found__image {
    width: 100%;
}
@media (min-width: 1920px) {
    .not-found__image {
        max-width: 624px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .not-found__image {
        max-width: calc(
                300px + 324 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .not-found__image {
        max-width: 300px;
    }
}
@media (min-width: 1920px) {
    .not-found__image {
        height: 412px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .not-found__image {
        height: calc(
                198px + 214 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .not-found__image {
        height: 198px;
    }
}
.not-found__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.not-found__title,
.not-found__text {
    text-align: center;
}

@media (min-width: 1920px) {
    .manual__inner {
        padding-bottom: 32px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual__inner {
        padding-bottom: calc(
                24px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual__inner {
        padding-bottom: 24px;
    }
}

.manual__head {
    display: -ms-grid;
    display: grid;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1920px) {
    .manual__head {
        max-width: 910px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual__head {
        max-width: calc(
                768px + 142 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual__head {
        max-width: 768px;
    }
}
@media (min-width: 1920px) {
    .manual__head {
        grid-gap: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual__head {
        grid-gap: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual__head {
        grid-gap: 16px;
    }
}
@media (min-width: 1920px) {
    .manual__head {
        margin-bottom: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual__head {
        margin-bottom: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual__head {
        margin-bottom: 16px;
    }
}

.manual__list {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    max-width: 1218px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1920px) {
    .manual__list {
        margin-bottom: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual__list {
        margin-bottom: calc(
                16px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual__list {
        margin-bottom: 16px;
    }
}

.manual-card {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    background: var(--color-light-steel-blue);
    border-radius: 15px;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1920px) {
    .manual-card {
        padding: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual-card {
        padding: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual-card {
        padding: 15px;
    }
}
@media screen and (max-width: 767px) {
    .manual-card {
        padding: 12px 10px;
    }
}
@media screen and (hover: hover) {
    .manual-card:hover {
        background: var(--color-light-periwinkle-40);
    }
}

.manual-card__head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
}

.manual-card__title {
    color: var(--color-text);
}

@media (min-width: 1920px) {
    .manual-card__arrow {
        width: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual-card__arrow {
        width: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual-card__arrow {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .manual-card__arrow {
        height: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual-card__arrow {
        height: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual-card__arrow {
        height: 20px;
    }
}
.manual-card__arrow svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.manual-card__file {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    color: var(--color-steel-blue);
    line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
    .manual-card__file {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual-card__file {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual-card__file {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .manual-card__file {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .manual-card__file {
        font-size: calc(
                12px + 4 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .manual-card__file {
        font-size: 12px;
    }
}
.manual-card__file span {
    line-height: inherit;
}
.manual-card__file svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .manual-card__file svg {
        width: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual-card__file svg {
        width: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual-card__file svg {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .manual-card__file svg {
        height: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual-card__file svg {
        height: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual-card__file svg {
        height: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .manual-card__file svg {
        width: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .manual-card__file svg {
        width: calc(
                16px + 4 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .manual-card__file svg {
        width: 16px;
    }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
    .manual-card__file svg {
        height: 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .manual-card__file svg {
        height: calc(
                16px + 4 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .manual-card__file svg {
        height: 16px;
    }
}

.instructions-container {
    padding-left: 40px;
    padding-right: 40px;
}
@media screen and (max-width: 1240px) {
    .instructions-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.instructions-wrapper {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
@media (min-width: 1920px) {
    .instructions-wrapper {
        grid-gap: 30px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instructions-wrapper {
        grid-gap: calc(
                15px + 15 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instructions-wrapper {
        grid-gap: 15px;
    }
}
@media screen and (max-width: 992px) {
    .instructions-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.instructions__head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 15px;
    margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
    .instructions__head {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-bottom: 15px;
    }
}

.instructions-nav {
    border: none;
    background: var(--color-light-steel-blue);
    border: 1px solid var(--color-border-gray);
    padding: 5px;
}
@media (min-width: 1920px) {
    .instructions-nav {
        width: 458px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instructions-nav {
        width: calc(
                288px + 170 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instructions-nav {
        width: 288px;
    }
}
@media (min-width: 1920px) {
    .instructions-nav {
        border-radius: 35px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instructions-nav {
        border-radius: calc(
                30px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instructions-nav {
        border-radius: 30px;
    }
}
@media screen and (max-width: 992px) {
    .instructions-nav {
        width: 100%;
        background: var(--color-card-bg);
        -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
        border-radius: 25px;
    }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
    .instructions-nav {
        max-width: 442px;
    }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
    .instructions-nav {
        max-width: calc(
                320px + 122 *
                (((100vw - 360px)) / ((632)))
        );
    }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
    .instructions-nav {
        max-width: 320px;
    }
}

.instructions-nav__link {
    display: block;
    color: var(--color-steel-blue);
    font-weight: 600;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    border-radius: 30px;
}
@media (min-width: 1920px) {
    .instructions-nav__link {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instructions-nav__link {
        font-size: calc(
                16px + 2 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instructions-nav__link {
        font-size: 16px;
    }
}
@media (min-width: 1920px) {
    .instructions-nav__link {
        padding: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instructions-nav__link {
        padding: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instructions-nav__link {
        padding: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .instructions-nav__link {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .instructions-nav__link {
        font-size: calc(
                14px + 4 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .instructions-nav__link {
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
    .instructions-nav__link {
        padding: 15px;
    }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
    .instructions-nav__link {
        padding: calc(
                10px + 5 *
                (((100vw - 360px)) / ((880)))
        );
    }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
    .instructions-nav__link {
        padding: 10px;
    }
}
@media screen and (max-width: 767px) {
    .instructions-nav__link {
        border-radius: 20px;
        padding: 10px;
    }
}
@media screen and (hover: hover) {
    .instructions-nav__link:hover {
        background: var(--color-light-periwinkle-40);
    }
}
.instructions-nav__link.--active {
    background: var(--color-light-periwinkle-40);
    color: var(--color-text);
}

.instructions-head__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .instructions__title {
        color: var(--color-blue-primary);
    }
}

.instructions__list {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
}

.instruction-card {
    padding: 15px 20px;
    border-radius: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    background: var(--color-light-steel-blue);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    color: var(--color-blue-primary);
    font-weight: 600;
}
@media (min-width: 1920px) {
    .instruction-card {
        padding-left: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instruction-card {
        padding-left: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instruction-card {
        padding-left: 15px;
    }
}
@media (min-width: 1920px) {
    .instruction-card {
        padding-right: 20px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instruction-card {
        padding-right: calc(
                15px + 5 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instruction-card {
        padding-right: 15px;
    }
}
@media (min-width: 1920px) {
    .instruction-card {
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .instruction-card {
        font-size: calc(
                14px + 4 *
                (((100vw - 768px)) / ((1152)))
        );
    }
}
@media (max-width: 768px) {
    .instruction-card {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .instruction-card {
        padding: 12px 10px;
    }
}
@media screen and (hover: hover) {
    .instruction-card:hover {
        background: #e7e8ff;
    }
}
.instruction-card:active {
    background: #e7e8ff;
}
.instruction-card svg {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 1920px) {
    .instruction-card svg {
        width: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instruction-card svg {
        width: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instruction-card svg {
        width: 20px;
    }
}
@media (min-width: 1920px) {
    .instruction-card svg {
        height: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .instruction-card svg {
        height: calc(
                20px + 4 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .instruction-card svg {
        height: 20px;
    }
}
@media screen and (max-width: 767px) {
    .instruction-card svg {
        width: 16px;
        height: 16px;
    }
}

.instructions-search {
    width: 300px;
}
@media screen and (max-width: 992px) {
    .instructions-search {
        width: 100%;
    }
}

.manual-article__head {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    grid-gap: 10px;
    margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
    .manual-article__head {
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 767px) {
    .manual-article__head {
        margin-bottom: 20px;
        grid-gap: 4px;
    }
}

.manual-article__body {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .manual-article__body {
        grid-gap: 32px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .manual-article__body {
        grid-gap: calc(
                24px + 8 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .manual-article__body {
        grid-gap: 24px;
    }
}

@media (min-width: 1920px) {
    .manual-article__inner {
        padding-bottom: 32px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .manual-article__inner {
        padding-bottom: calc(
                24px + 8 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .manual-article__inner {
        padding-bottom: 24px;
    }
}

.manual-sec {
    display: -ms-grid;
    display: grid;
}
@media (min-width: 1920px) {
    .manual-sec {
        grid-gap: 24px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .manual-sec {
        grid-gap: calc(
                12px + 12 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .manual-sec {
        grid-gap: 12px;
    }
}

.manual-sec__image {
    position: relative;
    border: 1px solid var(--block-border);
    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;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}
@media (min-width: 1920px) {
    .manual-sec__image {
        border-radius: 20px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .manual-sec__image {
        border-radius: calc(
                5px + 15 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .manual-sec__image {
        border-radius: 5px;
    }
}
@media (min-width: 1920px) {
    .manual-sec__image {
        padding: 30px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .manual-sec__image {
        padding: calc(
                10px + 20 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .manual-sec__image {
        padding: 10px;
    }
}
.manual-sec__image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url("../img/immage-bg.png") no-repeat center center/cover;
}
.manual-sec__image img {
    border-radius: 10px;
    overflow: hidden;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-shadow: 0 4px 17px 0 rgba(173, 177, 183, 0.2);
    box-shadow: 0 4px 17px 0 rgba(173, 177, 183, 0.2);
    z-index: 1;
}
@media (min-width: 1920px) {
    .manual-sec__image img {
        height: 468px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .manual-sec__image img {
        height: calc(
                120px + 348 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .manual-sec__image img {
        height: 120px;
    }
}
@media (min-width: 1920px) {
    .manual-sec__image img {
        width: 832px;
    }
}
@media (min-width: 360px) and (max-width: 1920px) {
    .manual-sec__image img {
        width: calc(
                216px + 616 *
                (((100vw - 360px)) / ((1560)))
        );
    }
}
@media (max-width: 360px) {
    .manual-sec__image img {
        width: 216px;
    }
}

.manual-sec__file {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    -ms-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

.nav__trail {
    padding-bottom: 18px;
}
@media screen and (max-width: 1680px) {
    .nav__trail {
        padding-bottom: 16px;
    }
}
@media screen and (max-width: 767px) {
    .nav__trail {
        padding-bottom: 12px;
    }
}
.nav__trail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 35px;
}
@media screen and (max-width: 767px) {
    .nav__trail-list {
        gap: 32px;
    }
}
.nav__trail-inner {
    min-width: 40px;
    position: relative;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: var(--color-gray-teel);
}
@media screen and (max-width: 1680px) {
    .nav__trail-inner {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .nav__trail-inner {
        font-size: 12px;
    }
}
.nav__trail-inner span {
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}
.nav__trail-inner:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.nav__trail-inner a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .nav__trail-inner a:hover {
        text-decoration: underline;
    }
}
.nav__trail-inner a:focus-visible {
    text-decoration: underline;
}
.nav__trail-inner a:active {
    text-decoration: none;
}
@media (hover: hover) {
    .nav__trail-inner a:hover {
        color: #2e307f;
    }
}
.nav__trail-inner a:focus-visible {
    color: #2e307f;
}
.nav__trail-inner a:active {
    color: #bcbcbc;
}
.nav__trail-inner + .nav__trail-inner::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: -10px;
    background: url("../../assets/img/new-img/arrow.svg") no-repeat center center/contain;
    -webkit-transform: translate(-16px, -50%);
    -ms-transform: translate(-16px, -50%);
    transform: translate(-16px, -50%);
}
@media screen and (max-width: 767px) {
    .nav__trail-inner + .nav__trail-inner::after {
        width: 12px;
        height: 12px;
        -webkit-transform: translate(-12px, -50%);
        -ms-transform: translate(-12px, -50%);
        transform: translate(-12px, -50%);
    }
}

.modal__correct {
    max-width: 567px;
    background: var(--color-background);
    gap: 16px;
    border-radius: 20px;
    padding: 24px;
}
@media screen and (max-width: 767px) {
    .modal__correct {
        max-width: 100%;
        border-radius: 20px 20px 0 0;
    }
}
.modal__correct-btn {
    width: 100%;
    min-height: 46px;
}
@media screen and (max-width: 1680px) {
    .modal__correct-btn {
        min-height: 44px;
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .modal__correct-btn {
        min-height: 40px;
    }
}
.modal__correct-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__correct-footer {
        padding-top: 70px;
    }
}
.modal__correct-button {
    color: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    gap: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 1680px) {
    .modal__correct-button {
        font-size: 14px;
    }
}
.modal__correct-button svg,
.modal__correct-button img {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .modal__correct-button svg,
    .modal__correct-button img {
        width: 20px;
        height: 20px;
    }
}
.modal__correct-button svg {
    fill: #6b6ee8;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .modal__correct-button:hover {
        color: #ff8075;
    }
    .modal__correct-button:hover svg {
        fill: #ff8075;
    }
}
.modal__correct-button:focus-visible {
    color: #ff8075;
}
.modal__correct-button:focus-visible svg {
    fill: #ff8075;
}
.modal__correct-button:active {
    color: #ff8075;
}
.modal__correct-button:active svg {
    fill: #ff8075;
}
.modal__correct-title {
    padding-bottom: 8px;
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
}
@media screen and (max-width: 1680px) {
    .modal__correct-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .modal__correct-title {
        padding-bottom: 0;
    }
}
.modal__correct-title-2 {
    padding-bottom: 0;
}
.modal__correct-subtitle {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102a43;
}
@media screen and (max-width: 1680px) {
    .modal__correct-subtitle {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__correct-subtitle {
        font-size: 14px;
    }
}
.modal__correct-select-header {
    padding-top: 5px;
    padding-bottom: 5px;
}
@media screen and (max-width: 1240px) {
    .modal__correct-select-header .select__current {
        font-size: 14px;
    }
}
.modal__correct-container {
    gap: 16px;
}
.modal__correct-dell {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.modal__correct-dell img,
.modal__correct-dell svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .modal__correct-dell:hover {
        opacity: 0.5;
    }
}
.modal__correct-dell:focus-visible {
    opacity: 0.5;
}
.modal__correct-dell:active {
    opacity: 0.5;
}
@media screen and (max-width: 1680px) {
    .modal__correct-dell {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__correct-input input {
        height: 40px;
        min-height: 40px;
    }
}

.modal__questions {
    max-width: 955px;
    padding: 32px;
    gap: 16px;
    background: var(--color-white);
}
@media screen and (max-width: 767px) {
    .modal__questions {
        padding: 16px 24px;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
    }
}
.modal__questions-header {
    gap: 10px;
}
.modal__questions-header-title {
    font-size: 20px;
    line-height: 110%;
}
@media screen and (max-width: 1680px) {
    .modal__questions-header-title {
        font-size: 18px;
    }
}
.modal__questions-header-coll {
    gap: 8px;
}
.modal__questions-status {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
    width: 48px;
    height: 48px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media screen and (max-width: 1680px) {
    .modal__questions-status {
        width: 44px;
        height: 44px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__questions-status {
        width: 40px;
        height: 40px;
    }
}
@media screen and (max-width: 767px) {
    .modal__questions-status {
        width: 32px;
        height: 32px;
    }
}
@media (hover: hover) {
    .modal__questions-status:hover .modal__questions-status-span {
        background: url("../../assets/img/new-img/heart-hover.svg") no-repeat center center/contain;
    }
}
.modal__questions-status:focus-visible .modal__questions-status-span {
    background: url("../../assets/img/new-img/heart-hover.svg") no-repeat center center/contain;
}
.modal__questions-status:active .modal__questions-status-span {
    background: url("../../assets/img/new-img/heart-hover.svg") no-repeat center center/contain;
}
.modal__questions-status-span {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url("../../assets/img/new-img/heart.svg") no-repeat center center/contain;
}
input:checked ~ .modal__questions-status-span {
    background: url("../../assets/img/new-img/heart-checked.svg") no-repeat center center/contain;
}
.modal__questions-btn {
    width: 48px;
    height: 48px;
    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: 1px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
    background: var(--color-light-periwinkle-40);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .modal__questions-btn:hover {
        border-color: var(--color-blue-primary);
    }
}
.modal__questions-btn:focus-visible {
    border-color: var(--color-blue-primary);
}
.modal__questions-btn:active {
    border-color: var(--color-blue-primary);
}
@media screen and (max-width: 1680px) {
    .modal__questions-btn {
        width: 44px;
        height: 44px;
    }
}
@media screen and (max-width: 1680px) {
    .modal__questions-btn {
        width: 36px;
        height: 36px;
    }
}
.modal__questions-btn img,
.modal__questions-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1240px) {
    .modal__questions-btn img,
    .modal__questions-btn svg {
        width: 20px;
        height: 20px;
    }
}
.modal__questions-variant {
    gap: 12px;
}
.modal__questions-variant li {
    padding: 10px;
    border-radius: 8px;
    background: var(--color-gray-background);
    font-weight: 400;
    font-size: 18px;
    line-height: 110%;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .modal__questions-variant li {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__questions-variant li {
        font-size: 14px;
    }
}
.modal__questions-variant li.is-correctly {
    background: var(--bg-gradient-green);
}
.modal__questions-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 110%;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .modal__questions-text {
        font-size: 16px;
    }
}
.modal__questions-commetnt {
    padding: 10px;
    border-radius: 8px;
    background: var(--color-gray-background);
    gap: 12px;
}
.modal__questions-commetnt h3,
.modal__questions-commetnt p {
    font-weight: 400;
    font-size: 18px;
    line-height: 110%;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .modal__questions-commetnt h3,
    .modal__questions-commetnt p {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .modal__questions-commetnt h3,
    .modal__questions-commetnt p {
        font-size: 14px;
    }
}
.modal__questions-commetnt h3 {
    font-weight: 600;
}

.modal__voice {
    background: var(--color-white);
    max-width: 954px;
    gap: 16px;
}
@media screen and (max-width: 767px) {
    .modal__voice {
        padding: 16px 10px;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
    }
}
.modal__voice-header {
    gap: 10px;
}
.modal__voice-header-title {
    font-weight: 800;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 2%;
    color: var(--color-dark-navy);
}
@media screen and (max-width: 1680px) {
    .modal__voice-header-title {
        font-size: 18px;
    }
}
.modal__voice-wrapp {
    overflow: auto;
    height: calc(100vh - 175px);
    margin-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 300px;
}
@media screen and (max-width: 1240px) {
    .modal__voice-wrapp {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media screen and (max-width: 767px) {
    .modal__voice-wrapp {
        height: calc(100vh - 120px);
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
        margin-right: -10px;
    }
}
.modal__voice-title {
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--color-soft-opacity);
}
@media screen and (max-width: 1680px) {
    .modal__voice-title {
        border-radius: 8px;
    }
}
@media screen and (max-width: 767px) {
    .modal__voice-title {
        font-size: 16px;
    }
}
.modal__voice-inner {
    border-bottom: 1px solid var(--color-border-dark);
    padding-top: 16px;
    padding-bottom: 16px;
}
.modal__voice-inner + .modal__voice-title {
    margin-top: 10px;
}
.modal__voice-list:nth-child(1) .voice:nth-child(1) .voice__select-wrapp, .modal__voice-list:nth-child(1) .voice:nth-child(2) .voice__select-wrapp, .modal__voice-list:nth-child(1) .voice:nth-child(3) .voice__select-wrapp, .modal__voice-list:nth-child(1) .voice:nth-child(4) .voice__select-wrapp, .modal__voice-list:nth-child(2) .voice:nth-child(1) .voice__select-wrapp, .modal__voice-list:nth-child(2) .voice:nth-child(2) .voice__select-wrapp, .modal__voice-list:nth-child(2) .voice:nth-child(3) .voice__select-wrapp, .modal__voice-list:nth-child(2) .voice:nth-child(4) .voice__select-wrapp {
    -webkit-transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
}

.modal-pdf {
    max-width: 1530px;
}
.modal-pdf-canvas {
    width: 100%;
}
.modal-pdf-container {
    width: 100%;
    min-height: 300px;
    max-height: calc(100vh - 180px);
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
@media screen and (max-width: 767px) {
    .modal-pdf-container {
        min-height: 100px;
        max-height: calc(100vh - 115px);
    }
}

.modal-allert {
    gap: 16px;
    max-width: 593px;
}
@media screen and (max-width: 1680px) {
    .modal-allert {
        max-width: 494px;
    }
}
@media screen and (max-width: 1240px) {
    .modal-allert {
        max-width: 420px;
    }
}
@media screen and (max-width: 767px) {
    .modal-allert {
        max-width: 100%;
    }
}
.modal-allert img,
.modal-allert svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px;
    height: 80px;
}
@media screen and (max-width: 1680px) {
    .modal-allert img,
    .modal-allert svg {
        width: 60px;
        height: 60px;
    }
}
@media screen and (max-width: 1240px) {
    .modal-allert img,
    .modal-allert svg {
        width: 48px;
        height: 48px;
    }
}
.modal-allert-text {
    font-weight: 600;
    font-size: 24px;
}
@media (max-width: 1680px) {
    .modal-allert-text {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .modal-allert-text {
        font-size: 16px;
    }
}
.modal-allert-btn {
    width: 203px;
}
@media screen and (max-width: 572.98px) {
    .modal-allert-btn {
        width: 100%;
    }
}

.voice {
    position: relative;
}
.voice-audio {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: none;
}
.voice-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.voice-grid.-is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .voice-grid.-is-active {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.voice.-is-active .voice__btn-start {
    display: none;
}
.voice.-is-active .voice__controll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 767px) {
    .voice.-is-active .voice__controll {
        margin-left: auto;
        margin-right: 0;
    }
}
.voice.-is-active .voice__text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.voice.-is-reproduced .voice__status {
    display: inline-block;
}
.voice__wrapp {
    width: 100%;
}
.voice__header {
    gap: 15px;
}
.voice__header-title {
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    color: var(--color-dark-navy);
}
.voice__status {
    display: none;
    padding-left: 25px;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    color: var(--color-steel-blue);
}
.voice__status::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../../assets/img/new-img/check-voice.svg") no-repeat center center/contain;
}
.voice__text {
    padding-top: 8px;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 2%;
    color: var(--color-dark-navy);
}
@media screen and (max-width: 1680px) {
    .voice__text {
        font-size: 14px;
    }
}
.voice__btn-play {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    fill: var(--color-steel-blue);
    background: var(--color-steel-blue-05);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
}
.voice__btn-play img,
.voice__btn-play svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .voice__btn-play:hover {
        fill: var(--color-blue-primary);
    }
}
.voice__btn-play:focus-visible {
    fill: var(--color-blue-primary);
}
.voice__btn-play:active {
    fill: var(--color-blue-primary);
}
@media (hover: hover) {
    .voice__btn-play:hover {
        background: var(--color-soft-opacity-05);
    }
}
.voice__btn-play:focus-visible {
    background: var(--color-soft-opacity-05);
}
.voice__btn-play:active {
    background: var(--color-soft-opacity-05);
}
.voice__btn-play svg {
    fill: inherit;
}
@media screen and (max-width: 1680px) {
    .voice__btn-play {
        width: 20px;
        height: 20px;
    }
}
.voice__btn-play svg,
.voice__btn-play img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 12px;
    height: 12px;
}
@media screen and (max-width: 1680px) {
    .voice__btn-play svg,
    .voice__btn-play img {
        width: 9px;
        height: 9px;
    }
}
.voice__controll {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px;
    border-radius: 40px;
    gap: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--color-gray-background);
}
.voice__controll-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: var(--color-soft-opacity-05);
    border-radius: 50%;
    fill: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.voice__controll-btn img,
.voice__controll-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .voice__controll-btn {
        width: 32px;
        height: 32px;
    }
}
.voice__controll-btn img,
.voice__controll-btn svg {
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1680px) {
    .voice__controll-btn img,
    .voice__controll-btn svg {
        width: 16px;
        height: 16px;
    }
}
.voice__controll-btn svg {
    fill: inherit;
}
@media (hover: hover) {
    .voice__controll-btn:hover {
        fill: var(--color-ghost-white);
    }
}
.voice__controll-btn:focus-visible {
    fill: var(--color-ghost-white);
}
.voice__controll-btn:active {
    fill: var(--color-ghost-white);
}
@media (hover: hover) {
    .voice__controll-btn:hover {
        background: var(--color-blue-primary);
    }
}
.voice__controll-btn:focus-visible {
    background: var(--color-blue-primary);
}
.voice__controll-btn:active {
    background: var(--color-blue-primary);
}
.voice__controll-btn .-is-pause {
    display: none;
}
.voice__controll-btn.-is-pause .-is-start {
    display: none;
}
.voice__controll-btn.-is-pause .-is-pause {
    display: block;
}
.voice__volume {
    position: relative;
}
.voice__volume-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    fill: var(--color-steel-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
.voice__volume-btn img,
.voice__volume-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .voice__volume-btn:hover {
        fill: var(--color-blue-primary);
    }
}
.voice__volume-btn:focus-visible {
    fill: var(--color-blue-primary);
}
.voice__volume-btn:active {
    fill: var(--color-blue-primary);
}
@media screen and (max-width: 1680px) {
    .voice__volume-btn {
        width: 20px;
        height: 20px;
    }
}
.voice__volume-btn svg {
    fill: inherit;
}
.voice__volume-btn svg,
.voice__volume-btn img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
.voice__volume-range {
    width: 8px;
    height: 80px;
    border-radius: 9px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(196, 198, 255, 0.4);
}
.voice__speed {
    position: relative;
}
.voice__speed-btn {
    font-weight: 800;
    font-size: 17px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 2%;
    color: var(--color-steel-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .voice__speed-btn:hover {
        color: var(--color-blue-primary);
    }
}
.voice__speed-btn:focus-visible {
    color: var(--color-blue-primary);
}
.voice__speed-btn:active {
    color: var(--color-blue-primary);
}
.voice__name {
    padding: 5px 8px 5px 20px;
    min-height: 30px;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 110%;
    letter-spacing: 2%;
    color: var(--color-steel-blue);
    border-left: 1px solid var(--color-border-gray);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 1680px) {
    .voice__name {
        padding: 7px 4px 7px 16px;
        font-size: 14px;
    }
}
.voice__timer {
    padding: 5px 8px 5px 50px;
    min-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-left: 1px solid var(--color-border-gray);
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 110%;
    letter-spacing: 2%;
    color: var(--color-steel-blue);
    position: relative;
}
@media screen and (max-width: 1680px) {
    .voice__timer {
        padding: 7px 8px 7px 46px;
        font-size: 14px;
    }
}
.voice__timer::after {
    content: "";
    background: url("../../assets/img/new-img/clock-3.svg") no-repeat center center/contain;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1680px) {
    .voice__timer::after {
        left: 16px;
    }
}
.voice__select {
    position: relative;
}
.voice__select.is-active .voice__select-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.voice__select-wrapp {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -105%);
    -ms-transform: translate(-50%, -105%);
    transform: translate(-50%, -105%);
    padding: 7px 8px;
    background: var(--color-gray-background);
    -webkit-box-shadow: var(--shadow-black-2);
    box-shadow: var(--shadow-black-2);
    border-radius: 40px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    z-index: 1;
}
.voice__select-wrapp.voice__speed-list {
    border-radius: 14px;
}
.voice__select-subbtn {
    padding-left: 20px;
    position: relative;
    text-align: left;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 110%;
    letter-spacing: 2%;
    color: var(--color-steel-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .voice__select-subbtn:hover {
        color: var(--color-blue-primary);
    }
}
.voice__select-subbtn:focus-visible {
    color: var(--color-blue-primary);
}
.voice__select-subbtn:active {
    color: var(--color-blue-primary);
}
.voice__select-subbtn span {
    opacity: 0;
}
.voice__select-subbtn.-is-active {
    color: var(--color-blue-primary);
}
.voice__select-subbtn.-is-active span {
    opacity: 1;
}
.voice__select-subbtn.-is-active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 9px;
    height: 7px;
    background: url("../../assets/img/new-img/checking-voice.svg") no-repeat center center/contain;
}

.noUi-connects {
    border-radius: 9px;
}

.noUi-connect {
    background: #6B6EE8;
}

.noUi-touch-area {
    background: #6B6EE8;
    border-radius: 50%;
}

.noUi-vertical .noUi-handle {
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 50%;
    right: -5px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before {
    width: 0;
    height: 0;
    background: none;
}

.stickers__box {
    border: 1px dashed var(--color-red-2);
    padding: 10px 32px 10px 6px;
    gap: 4px;
    border-radius: 9px;
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: var(--color-red-2-90);
    isolation: isolate;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    fill: var(--color-red-2);
}
@media screen and (max-width: 1680px) {
    .stickers__box {
        padding: 6px 26px 6px 6px;
        gap: 6px;
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .stickers__box {
        gap: 4px;
        font-size: 12px;
    }
}
.stickers__box svg {
    fill: inherit;
}
.stickers__box svg path {
    fill: inherit;
}
.stickers__box::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--color-red-2);
    -webkit-mask: url("../../assets/img/images/plus.svg") no-repeat center center/contain;
    mask: url("../../assets/img/images/plus.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
    .stickers__box::after {
        width: 16px;
        height: 16px;
    }
}
.stickers__box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -o-linear-gradient(353.87deg, #ff625c -1.95%, #cf1b15 106.85%);
    background: linear-gradient(96.13deg, #ff625c -1.95%, #cf1b15 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    border-radius: inherit;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.stickers__box svg,
.stickers__box img {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 20px;
    height: 20px;
}
.stickers__box svg img,
.stickers__box svg svg,
.stickers__box img img,
.stickers__box img svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .stickers__box svg,
    .stickers__box img {
        width: 16px;
        height: 16px;
    }
}
.stickers__box svg .--white {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (hover: hover) {
    .stickers__box:hover {
        fill: var(--color-red-lignt);
        color: var(--color-red-lignt-90);
        background: var(--color-red-lignt-10);
        border-color: var(--color-red-lignt);
    }
    .stickers__box:hover svg .--white {
        fill: var(--color-red-lignt);
    }
    .stickers__box:hover::after {
        background: var(--color-red-lignt);
    }
    .stickers__box:hover::before {
        opacity: 0;
    }
}
.stickers__box:focus-visible {
    fill: var(--color-red-lignt);
    color: var(--color-red-lignt-90);
    background: var(--color-red-lignt-10);
    border-color: var(--color-red-lignt);
}
.stickers__box:focus-visible svg .--white {
    fill: var(--color-red-lignt);
}
.stickers__box:focus-visible::after {
    background: var(--color-red-lignt);
}
.stickers__box:focus-visible::before {
    opacity: 0;
}
.stickers__box:active {
    fill: var(--color-red-lignt);
    color: var(--color-red-lignt-90);
    background: var(--color-red-lignt-10);
    border-color: var(--color-red-lignt);
}
.stickers__box:active svg .--white {
    fill: var(--color-red-lignt);
}
.stickers__box:active::after {
    background: var(--color-red-lignt);
}
.stickers__box:active::before {
    opacity: 0;
}
input:checked ~ .stickers__box {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-light-blue-90);
    fill: var(--color-red-dark);
}
input:checked ~ .stickers__box svg .--white {
    fill: var(--color-white);
}
input:checked ~ .stickers__box::before {
    opacity: 1;
}
input:checked ~ .stickers__box::after {
    -webkit-mask: initial;
    mask: initial;
    background: url("../../assets/img/images/check.svg") no-repeat center center/contain;
}
.stickers__box-tender {
    border-color: var(--color-bl);
    fill: var(--color-bl);
    color: var(--color-bl);
}
.stickers__box-tender::before {
    background: -o-linear-gradient(353.87deg, #0050fb -1.95%, #004aea 106.85%);
    background: linear-gradient(96.13deg, #0050fb -1.95%, #004aea 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
}
.stickers__box-tender::after {
    background: var(--color-bl);
}
@media (hover: hover) {
    .stickers__box-tender:hover {
        color: var(--color-bl-90);
        fill: var(--color-midnight-blue);
        background: var(--color-midnight-blue-10);
        border-color: var(--color-midnight-blue);
    }
    .stickers__box-tender:hover svg .--white {
        fill: var(--color-midnight-blue);
    }
    .stickers__box-tender:hover::after {
        background: var(--color-midnight-blue);
    }
}
.stickers__box-tender:focus-visible {
    color: var(--color-bl-90);
    fill: var(--color-midnight-blue);
    background: var(--color-midnight-blue-10);
    border-color: var(--color-midnight-blue);
}
.stickers__box-tender:focus-visible svg .--white {
    fill: var(--color-midnight-blue);
}
.stickers__box-tender:focus-visible::after {
    background: var(--color-midnight-blue);
}
.stickers__box-tender:active {
    color: var(--color-bl-90);
    fill: var(--color-midnight-blue);
    background: var(--color-midnight-blue-10);
    border-color: var(--color-midnight-blue);
}
.stickers__box-tender:active svg .--white {
    fill: var(--color-midnight-blue);
}
.stickers__box-tender:active::after {
    background: var(--color-midnight-blue);
}
input:checked ~ .stickers__box-tender {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-light-blue-90);
    fill: var(--color-bl-dark);
}
.stickers__box-alteration {
    border-color: var(--color-yel);
    fill: var(--color-yel);
    color: var(--color-yel);
}
.stickers__box-alteration::before {
    background: -o-linear-gradient(353.87deg, #ffb05c -1.95%, #cc6c0c 106.85%);
    background: linear-gradient(96.13deg, #ffb05c -1.95%, #cc6c0c 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-alteration::after {
    background: var(--color-yel);
}
@media (hover: hover) {
    .stickers__box-alteration:hover {
        border-color: var(--color-yellow-dark);
        color: var(--color-yellow-dark-90);
        fill: var(--color-yellow-dark);
    }
    .stickers__box-alteration:hover svg .--white {
        fill: var(--color-yellow-dark);
    }
    .stickers__box-alteration:hover::after {
        background: var(--color-yellow-dark);
    }
    .stickers__box-alteration:hover::before {
        opacity: 0;
    }
}
.stickers__box-alteration:focus-visible {
    border-color: var(--color-yellow-dark);
    color: var(--color-yellow-dark-90);
    fill: var(--color-yellow-dark);
}
.stickers__box-alteration:focus-visible svg .--white {
    fill: var(--color-yellow-dark);
}
.stickers__box-alteration:focus-visible::after {
    background: var(--color-yellow-dark);
}
.stickers__box-alteration:focus-visible::before {
    opacity: 0;
}
.stickers__box-alteration:active {
    border-color: var(--color-yellow-dark);
    color: var(--color-yellow-dark-90);
    fill: var(--color-yellow-dark);
}
.stickers__box-alteration:active svg .--white {
    fill: var(--color-yellow-dark);
}
.stickers__box-alteration:active::after {
    background: var(--color-yellow-dark);
}
.stickers__box-alteration:active::before {
    opacity: 0;
}
input:checked ~ .stickers__box-alteration {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-light-blue-90);
    fill: var(--color-yel-dark);
}
.stickers__box-empty {
    border-color: var(--color-lime);
    fill: var(--color-green-translucent);
    color: var(--color-lime);
}
.stickers__box-empty::before {
    background: -o-linear-gradient(353.87deg, #83cc8a -1.95%, #2cb339 106.85%);
    background: linear-gradient(96.13deg, #83cc8a -1.95%, #2cb339 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-empty::after {
    background: var(--color-lime);
}
@media (hover: hover) {
    .stickers__box-empty:hover {
        border-color: var(--color-green-dark);
        color: var(--color-green-dark);
        fill: var(--color-color-green-light);
    }
    .stickers__box-empty:hover svg .--white {
        fill: var(--color-green-dark);
    }
    .stickers__box-empty:hover::after {
        background: var(--color-green-dark);
    }
    .stickers__box-empty:hover::before {
        opacity: 0;
    }
}
.stickers__box-empty:focus-visible {
    border-color: var(--color-green-dark);
    color: var(--color-green-dark);
    fill: var(--color-color-green-light);
}
.stickers__box-empty:focus-visible svg .--white {
    fill: var(--color-green-dark);
}
.stickers__box-empty:focus-visible::after {
    background: var(--color-green-dark);
}
.stickers__box-empty:focus-visible::before {
    opacity: 0;
}
.stickers__box-empty:active {
    border-color: var(--color-green-dark);
    color: var(--color-green-dark);
    fill: var(--color-color-green-light);
}
.stickers__box-empty:active svg .--white {
    fill: var(--color-green-dark);
}
.stickers__box-empty:active::after {
    background: var(--color-green-dark);
}
.stickers__box-empty:active::before {
    opacity: 0;
}
input:checked ~ .stickers__box-empty {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-light-blue-90);
    fill: var(--color-green-bright);
}
.stickers__box-materials {
    border-color: var(--color-yel);
    fill: var(--color-yel-dark);
    color: var(--color-yel);
}
.stickers__box-materials::before {
    background: -o-linear-gradient(353.87deg, #f6f794 -1.95%, rgba(156, 158, 4, 0.68) 106.85%);
    background: linear-gradient(96.13deg, #f6f794 -1.95%, rgba(156, 158, 4, 0.68) 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-materials::after {
    background: var(--color-yel);
}
@media (hover: hover) {
    .stickers__box-materials:hover {
        border-color: var(--color-yel);
        color: var(--color-text);
        fill: var(--color-color-yel);
    }
    .stickers__box-materials:hover svg .--white {
        fill: var(--color-yel);
    }
    .stickers__box-materials:hover::after {
        background: var(--color-text);
    }
    .stickers__box-materials:hover::before {
        opacity: 0;
    }
}
.stickers__box-materials:focus-visible, .stickers__box-materials:active {
    border-color: var(--color-yel);
    color: var(--color-text);
    fill: var(--color-yel);
}
.stickers__box-materials:focus-visible svg .--white, .stickers__box-materials:active svg .--white {
    fill: var(--color-yel);
}
.stickers__box-materials:focus-visible::after, .stickers__box-materials:active::after {
    background: var(--color-text);
}
.stickers__box-materials:focus-visible::before, .stickers__box-materials:active::before {
    opacity: 0;
}
input:checked ~ .stickers__box-materials {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-text);
    fill: var(--color-text);
}
input:checked ~ .stickers__box-materials::after {
    -webkit-filter: invert(1) brightness(0.5);
    filter: invert(1) brightness(0.5);
}
.stickers__box-sout {
    border-color: var(--color-gr);
    fill: var(--color-gr);
    color: var(--color-gr);
}
.stickers__box-sout::before {
    background: -o-linear-gradient(353.87deg, #969091 -1.95%, #545151 106.85%);
    background: linear-gradient(96.13deg, #969091 -1.95%, #545151 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-sout::after {
    background: var(--color-gr);
}
@media (hover: hover) {
    .stickers__box-sout:hover {
        border-color: var(--color-gr);
        color: var(--color-text);
        fill: var(--color-text);
    }
    .stickers__box-sout:hover svg .--white {
        fill: var(--color-text);
    }
    .stickers__box-sout:hover::after {
        background: var(--color-text);
    }
    .stickers__box-sout:hover::before {
        opacity: 0;
    }
}
.stickers__box-sout:focus-visible, .stickers__box-sout:active {
    border-color: var(--color-gr);
    color: var(--color-text);
    fill: var(--color-text);
}
.stickers__box-sout:focus-visible svg .--white, .stickers__box-sout:active svg .--white {
    fill: var(--color-text);
}
.stickers__box-sout:focus-visible::after, .stickers__box-sout:active::after {
    background: var(--color-text);
}
.stickers__box-sout:focus-visible::before, .stickers__box-sout:active::before {
    opacity: 0;
}
input:checked ~ .stickers__box-sout {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-light-blue-90);
    fill: var(--color-text);
}
.stickers__box-opr {
    border-color: var(--color-yellow-dark-90);
    fill: var(--color-yellow-dark-90);
    color: var(--color-yellow-dark-90);
}
.stickers__box-opr::before {
    background: -o-linear-gradient(353.87deg, #c7a036 -1.95%, #947317 106.85%);
    background: linear-gradient(96.13deg, #c7a036 -1.95%, #947317 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-opr::after {
    background: var(--color-yellow-dark-90);
}
@media (hover: hover) {
    .stickers__box-opr:hover {
        border-color: #c7a036;
        color: #c7a036;
        fill: #c7a036;
    }
    .stickers__box-opr:hover svg .--white {
        fill: #c7a036;
    }
    .stickers__box-opr:hover::after {
        background: #947317;
    }
    .stickers__box-opr:hover::before {
        opacity: 0;
    }
}
.stickers__box-opr:focus-visible, .stickers__box-opr:active {
    border-color: #c7a036;
    color: #c7a036;
    fill: #c7a036;
}
.stickers__box-opr:focus-visible svg .--white, .stickers__box-opr:active svg .--white {
    fill: #c7a036;
}
.stickers__box-opr:focus-visible::after, .stickers__box-opr:active::after {
    background: #947317;
}
.stickers__box-opr:focus-visible::before, .stickers__box-opr:active::before {
    opacity: 0;
}
input:checked ~ .stickers__box-opr {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-light-blue-90);
    fill: #c7a036;
}
.stickers__box-attestat {
    border-color: var(--color-golden);
    fill: var(--color-golden);
    color: var(--color-golden);
}
.stickers__box-attestat::before {
    background: -o-linear-gradient(330deg, #000000 25%, #ba9e00 25%, #ba9e00 50%, #000000 50%, #000000 75%, #ba9e00 75%);
    background: linear-gradient(120deg, #000000 25%, #ba9e00 25%, #ba9e00 50%, #000000 50%, #000000 75%, #ba9e00 75%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-attestat::after {
    background: var(--color-golden);
}
@media (hover: hover) {
    .stickers__box-attestat:hover {
        border-color: var(--color-yellow-light);
        color: var(--color-yellow-light);
        fill: var(--color-yellow-light);
    }
    .stickers__box-attestat:hover svg .--white {
        fill: var(--color-yellow-light);
    }
    .stickers__box-attestat:hover::after {
        background: var(--color-yellow-light);
    }
    .stickers__box-attestat:hover::before {
        opacity: 0;
    }
}
.stickers__box-attestat:focus-visible, .stickers__box-attestat:active {
    border-color: var(--color-yellow-light);
    color: var(--color-yellow-light);
    fill: var(--color-yellow-light);
}
.stickers__box-attestat:focus-visible svg .--white, .stickers__box-attestat:active svg .--white {
    fill: var(--color-yellow-light);
}
.stickers__box-attestat:focus-visible::after, .stickers__box-attestat:active::after {
    background: var(--color-yellow-light);
}
.stickers__box-attestat:focus-visible::before, .stickers__box-attestat:active::before {
    opacity: 0;
}
input:checked ~ .stickers__box-attestat {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-light-blue-90);
    fill: #ffd700;
}
.stickers__box-testing {
    border-color: var(--color-red-d);
    fill: var(--color-red-d);
    color: var(--color-red-d);
}
.stickers__box-testing::before {
    background: -o-linear-gradient(330deg, #ff0000 25%, #ffffff 25%, #ffffff 50%, #ff0000 50%, #ff0000 75%, #ffffff 75%, #ffffff 100%);
    background: linear-gradient(120deg, #ff0000 25%, #ffffff 25%, #ffffff 50%, #ff0000 50%, #ff0000 75%, #ffffff 75%, #ffffff 100%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-testing::after {
    background: var(--color-red-d);
}
input:checked ~ .stickers__box-testing {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-text);
    fill: var(--color-red-d);
}
input:checked ~ .stickers__box-testing::after {
    -webkit-filter: invert(1) brightness(0.5);
    filter: invert(1) brightness(0.5);
}
.stickers__box-audit {
    border-color: var(--color-jungle-green);
    fill: var(--color-jungle-green);
    color: var(--color-jungle-green);
}
@media (hover: hover) {
    .stickers__box-audit:hover {
        border-color: #6ed6e6;
        color: var(--color-green-bright);
        fill: var(--color-green-bright);
        background-color: var(--color-jungle-green-20);
    }
    .stickers__box-audit:hover svg .--white {
        fill: var(--color-green-bright);
    }
    .stickers__box-audit:hover::after {
        background: var(--color-green-bright);
    }
    .stickers__box-audit:hover::before {
        opacity: 0;
    }
}
.stickers__box-audit::before {
    background: -o-linear-gradient(330deg, #6ed6e6 25%, #ffffff 25%, #ffffff 50%, #6ed6e6 50%, #6ed6e6 75%, #ffffff 75%, #ffffff 100%);
    background: linear-gradient(120deg, #6ed6e6 25%, #ffffff 25%, #ffffff 50%, #6ed6e6 50%, #6ed6e6 75%, #ffffff 75%, #ffffff 100%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-audit::after {
    background: var(--color-jungle-green);
}
input:checked ~ .stickers__box-audit {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-text);
    fill: var(--color-jungle-green);
}
input:checked ~ .stickers__box-audit svg .--white {
    fill: var(--color-steel-blue);
}
input:checked ~ .stickers__box-audit::after {
    -webkit-filter: invert(1) brightness(0.5);
    filter: invert(1) brightness(0.5);
}
.stickers__box-autsort {
    border-color: var(--color-green-translucent);
    fill: var(--color-green-translucent);
    color: var(--color-green-translucent);
}
@media (hover: hover) {
    .stickers__box-autsort:hover {
        border-color: var(--color-green-bright);
        color: var(--color-green-bright);
        fill: var(--color-green-bright);
        background-color: var(--color-green-01);
    }
    .stickers__box-autsort:hover svg .--white {
        fill: var(--color-green-bright);
    }
    .stickers__box-autsort:hover::after {
        background: var(--color-green-bright);
    }
    .stickers__box-autsort:hover::before {
        opacity: 0;
    }
}
.stickers__box-autsort::before {
    background: #fff;
    background-image: -o-radial-gradient(#a8e4a0 2px, transparent 2px);
    background-image: radial-gradient(#a8e4a0 2px, transparent 2px);
    background-size: 12px 12px;
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
}
.stickers__box-autsort::after {
    background: var(--color-green-translucent);
}
input:checked ~ .stickers__box-autsort {
    border-color: rgba(0, 0, 0, 0);
    color: var(--color-text);
    fill: var(--color-jungle-green);
}
input:checked ~ .stickers__box-autsort svg .--white {
    fill: var(--color-jungle-green);
}
input:checked ~ .stickers__box-autsort::after {
    -webkit-filter: invert(1) brightness(0.5);
    filter: invert(1) brightness(0.5);
}

.copy-buffer-btn {
    fill: var(--color-swiper-arrow);
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}
.copy-buffer-btn img,
.copy-buffer-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .copy-buffer-btn {
        width: 20;
        height: 20;
    }
}

.mobile__menu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
}
@media screen and (max-width: 1240px) {
    .mobile__menu {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 333;
        width: 100%;
        height: 100dvh;
        min-height: 300px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        background: var(--color-charcoal-20);
        opacity: 0;
    }
    .mobile__menu.-is-active {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-animation: mobilefadeIn 0.2s forwards;
        animation: mobilefadeIn 0.2s forwards;
    }
    .mobile__menu.-is-active .mobile__menu-list {
        -webkit-animation: mobileslideIn 0.4s forwards 0.2s;
        animation: mobileslideIn 0.4s forwards 0.2s;
    }
}
.mobile__menu-mob {
    display: none;
}
@media screen and (max-width: 1240px) {
    .mobile__menu-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.mobile__menu-back {
    padding: 12px;
}
@media screen and (max-width: 1680px) {
    .mobile__menu-back {
        padding: 8px;
    }
    .mobile__menu-back span {
        display: none;
    }
}
@media screen and (max-width: 1240px) {
    .mobile__menu-back {
        display: none;
    }
}
.mobile__menu-link {
    position: relative;
}
@media screen and (max-width: 1680px) {
    .mobile__menu-link {
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media screen and (max-width: 1240px) {
    .mobile__menu-link {
        padding: 0;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 110%;
        letter-spacing: 0.02em;
        color: var(--color-steel-blue);
    }
    .mobile__menu-link::after {
        width: 0;
    }
    .mobile__menu-link.-is-active {
        color: var(--color-blue-primary);
    }
    .mobile__menu-link.-is-active::after {
        width: 0;
    }
}
@media screen and (max-width: 767px) {
    .mobile__menu-link {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .mobile__menu-list {
        max-width: 374px;
        width: 100%;
        background: var(--color-light-steel-blue);
        height: 100%;
        padding: 94px 24px 24px 24px;
        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;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        overflow: auto;
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
        -webkit-transform: translateX(150%);
        -ms-transform: translateX(150%);
        transform: translateX(150%);
    }
}
@media screen and (max-width: 767px) {
    .mobile__menu-list {
        max-width: 360px;
    }
}
@media screen and (max-width: 767px) {
    .mobile__menu-list {
        padding-top: 88px;
    }
}
.mobile__menu-message {
    display: inline-block;
    margin-left: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.02em;
    color: var(--color-white);
    background: var(--color-red);
    padding: 2px 4px;
    border-radius: 11px;
    min-height: 16px;
    min-width: 16px;
}
@media screen and (max-width: 1680px) {
    .mobile__menu-message {
        margin-left: 0;
        position: absolute;
        right: 0;
        top: 0;
        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;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }
}
@media screen and (max-width: 1240px) {
    .mobile__menu-message {
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}

/* 1. Анимация прозрачности */
@-webkit-keyframes mobilefadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mobilefadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* 2. Анимация движения */
@-webkit-keyframes mobileslideIn {
    from {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes mobileslideIn {
    from {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@media screen and (max-width: 992px) {
    .panel-smart .panel__nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }
    .panel-smart .panel__drop-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }
}

.smart__search-wrapp {
    max-width: 1000px;
}
@media screen and (max-width: 1680px) {
    .smart__search-wrapp {
        max-width: 686px;
    }
}
.smart__wrapp {
    padding-top: 30px;
    gap: 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1800px) {
    .smart__wrapp {
        gap: 16px;
    }
}
@media screen and (max-width: 1680px) {
    .smart__wrapp {
        padding-top: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .smart__wrapp {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .smart__wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
    }
}
.smart__cart {
    background: var(--color-background);
    border-radius: 16px;
    padding: 8px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .smart__cart:hover {
        -webkit-box-shadow: var(--shadow-cart);
        box-shadow: var(--shadow-cart);
    }
    .smart__cart:hover .smart__cart-title {
        color: var(--color-blue-primary);
    }
}
.smart__cart:focus-visible {
    -webkit-box-shadow: var(--shadow-cart);
    box-shadow: var(--shadow-cart);
}
.smart__cart:focus-visible .smart__cart-title {
    color: var(--color-blue-primary);
}
.smart__cart:active {
    -webkit-box-shadow: var(--shadow-cart);
    box-shadow: var(--shadow-cart);
}
.smart__cart:active .smart__cart-title {
    color: var(--color-blue-primary);
}
.smart__cart-title {
    color: var(--color-text);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding-left: 8px;
    padding-right: 8px;
}
.smart__cart-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--color-light_sky_blue);
    background: var(--background_fade_blue);
    border-radius: 8px;
}
@media (max-width: 1800px) {
    .smart__cart-row {
        display: block;
    }
}
.smart__cart-coll {
    padding: 12px;
    gap: 12px;
}
@media screen and (max-width: 1680px) {
    .smart__cart-coll {
        padding: 8px;
    }
}
@media screen and (max-width: 767px) {
    .smart__cart-coll {
        padding: 10px;
    }
}
.smart__cart-coll + .smart__cart-coll {
    border-left: 1px solid var(--color-light_sky_blue);
}
@media screen and (max-width: 1680px) {
    .smart__cart-coll + .smart__cart-coll {
        border: none;
        border-top: 1px solid var(--color-light_sky_blue);
    }
}
.smart__cart-name {
    gap: 12px;
}
.smart__cart-name img,
.smart__cart-name svg {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
.smart__cart-name-title {
    font-size: 14px;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 767px) {
    .smart__cart-name-title {
        font-size: 12px;
    }
}
.smart__cart-inner {
    gap: 10px;
    color: var(--color-text);
}
@media screen and (max-width: 1680px) {
    .smart__cart-inner {
        gap: 4px;
    }
}
.smart__cart-inner img,
.smart__cart-inner svg {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .smart__cart-inner img,
    .smart__cart-inner svg {
        width: 16px;
        height: 16px;
    }
}
@media screen and (max-width: 767px) {
    .smart__cart-inner img,
    .smart__cart-inner svg {
        width: 14px;
        height: 14px;
    }
}
.smart__cart-list {
    gap: 4px 16px;
}
@media screen and (max-width: 1680px) {
    .smart__cart-list {
        gap: 4px;
    }
}
.smart__quanti {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 17px;
    padding-bottom: 20px;
    gap: 12px;
    padding-left: 8px;
    padding-right: 8px;
}
@media screen and (max-width: 1680px) {
    .smart__quanti {
        padding-top: 8px;
        padding-bottom: 12px;
    }
}
.smart__quanti-title {
    color: var(--color-gray-muted);
}
.smart__quanti-title span {
    color: var(--color-text);
    padding-left: 10px;
}
.smart__progress {
    padding-top: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}
@media screen and (max-width: 1680px) {
    .smart__progress {
        padding-top: 8px;
    }
}
.smart__progress-title {
    text-transform: capitalize;
    color: var(--color-middle-blue);
}
.smart__progress-line {
    position: relative;
    margin-top: 7px;
    height: 8px;
    width: 100%;
    background: var(--color-ice-blue);
    overflow: hidden;
    border-radius: 2px;
}
.smart__progress-line include mw1680 {
    height: 6px;
}
.smart__progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.course {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-columns: 256px 1fr;
    grid-template-columns: 256px 1fr;
    gap: 30px;
}
@media screen and (max-width: 1680px) {
    .course {
        -ms-grid-columns: 220px 1fr;
        grid-template-columns: 220px 1fr;
        gap: 15px;
    }
}
@media screen and (max-width: 1240px) {
    .course {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (max-width: 767px) {
    .course {
        gap: 8px;
    }
}
.course__list {
    gap: 30px;
    width: 100%;
}
@media screen and (max-width: 1680px) {
    .course__list {
        gap: 16px;
    }
}
@media screen and (max-width: 767px) {
    .course__list {
        gap: 8px;
    }
}
.course__header {
    padding: 24px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 29px rgba(59, 59, 59, 0.01), 0px 0px 25px rgba(59, 59, 59, 0.03), 0px 0px 18px rgba(59, 59, 59, 0.04), 0px 0px 10px rgba(59, 59, 59, 0.05);
    box-shadow: 0px 0px 29px rgba(59, 59, 59, 0.01), 0px 0px 25px rgba(59, 59, 59, 0.03), 0px 0px 18px rgba(59, 59, 59, 0.04), 0px 0px 10px rgba(59, 59, 59, 0.05);
    border-radius: 22px;
    gap: 20px;
}
@media screen and (max-width: 1680px) {
    .course__header {
        padding: 16px;
        gap: 13px;
    }
}
@media screen and (max-width: 1240px) {
    .course__header {
        width: 100%;
        gap: 15px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 25px 1fr auto;
        grid-template-columns: 25px 1fr auto;
    }
}
@media screen and (max-width: 767px) {
    .course__header {
        -ms-grid-columns: 25px 1fr;
        grid-template-columns: 25px 1fr;
        padding: 12px;
        gap: 10px 15px;
    }
}
.course__header-icon {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 66px;
    height: 66px;
}
.course__header-icon img,
.course__header-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .course__header-icon {
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 1240px) {
    .course__header-icon {
        width: 26px;
        height: 26px;
    }
}
.course__header-title {
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-navy);
}
@media screen and (max-width: 1680px) {
    .course__header-title {
        font-size: 16px;
    }
}
.course__header-btn {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    height: 46px;
    margin-top: 6px;
    position: relative;
    font-size: 16px;
}
@media screen and (max-width: 1680px) {
    .course__header-btn {
        margin-top: 3px;
    }
}
@media screen and (max-width: 1240px) {
    .course__header-btn {
        margin-top: 0;
        height: 40px;
        font-size: 14px;
        margin-left: auto;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 767px) {
    .course__header-btn {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        height: 33px;
        padding-left: 24px;
        padding-right: 24px;
        font-size: 12px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.course__header-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -14px;
    width: 40px;
    height: 1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--color-dark-navy);
    opacity: 0.1;
}
@media screen and (max-width: 1680px) {
    .course__header-btn::after {
        top: 8px;
    }
}
@media screen and (max-width: 1240px) {
    .course__header-btn::after {
        top: 0;
        width: 0;
        opacity: 0;
    }
}
.course__cart {
    padding: 24px;
    background: var(--color-background);
    -webkit-box-shadow: -73px 0px 29px rgba(59, 59, 59, 0.01), -41px 0px 25px rgba(59, 59, 59, 0.03), -18px 0px 18px rgba(59, 59, 59, 0.04), -5px 0px 10px rgba(59, 59, 59, 0.05);
    box-shadow: -73px 0px 29px rgba(59, 59, 59, 0.01), -41px 0px 25px rgba(59, 59, 59, 0.03), -18px 0px 18px rgba(59, 59, 59, 0.04), -5px 0px 10px rgba(59, 59, 59, 0.05);
    border-radius: 22px;
    gap: 8px 24px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr auto;
    grid-template-columns: 50px 1fr auto;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
@media screen and (max-width: 1680px) {
    .course__cart {
        padding: 16px;
        gap: 8px 16px;
        -ms-grid-columns: 32px 1fr auto;
        grid-template-columns: 32px 1fr auto;
    }
}
@media screen and (max-width: 767px) {
    .course__cart {
        padding: 12px;
        gap: 12px 16px;
    }
}
.course__cart-icon {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
}
.course__cart-icon img,
.course__cart-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .course__cart-icon {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 1240px) {
    .course__cart-icon {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
}
.course__cart-name {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-navy);
}
@media screen and (max-width: 1680px) {
    .course__cart-name {
        font-size: 16px;
    }
}
.course__cart-list {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    gap: 16px;
    padding-top: 8px;
    position: relative;
}
@media screen and (max-width: 1240px) {
    .course__cart-list {
        padding-top: 0;
        gap: 12px;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
    }
}
.course__cart-list::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 1px;
    background: var(--color-dark-navy);
    opacity: 0.1;
}
@media screen and (max-width: 1240px) {
    .course__cart-list::after {
        width: 0;
        opacity: 0;
    }
}
.course__cart-inner {
    gap: 10px;
}
.course__cart-btn {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    background: var(--color-light-periwinkle-40);
}
.course__cart-btn img,
.course__cart-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    height: 50%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .course__cart-btn:hover {
        border-color: var(--color-blue-primary);
    }
}
.course__cart-btn:focus-visible {
    border-color: var(--color-blue-primary);
}
.course__cart-btn:active {
    border-color: var(--color-blue-primary);
}
@media screen and (max-width: 1680px) {
    .course__cart-btn {
        width: 44px;
        height: 44px;
    }
}
@media screen and (max-width: 1240px) {
    .course__cart-btn {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
}
@media screen and (max-width: 767px) {
    .course__cart-btn {
        width: 36px;
        height: 36px;
    }
}
.course__cart-subtitle, .course__cart-text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-gray-muted);
}
@media screen and (max-width: 1680px) {
    .course__cart-subtitle, .course__cart-text {
        font-size: 14px;
    }
}
.course__cart-text {
    color: var(--color-dark-navy);
}

.addition {
    padding: 24px;
    border-radius: 24px;
    background: var(--color-white);
}
@media screen and (max-width: 1680px) {
    .addition {
        padding: 20px;
        border-radius: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .addition {
        padding: 18px;
        border-radius: 18px;
    }
}
@media screen and (max-width: 767px) {
    .addition {
        padding: 16px;
        border-radius: 16px;
    }
}
.addition__questions-row {
    max-width: 1095px;
    display: block;
}
.addition__select-header {
    padding-top: 3px;
    padding-bottom: 3px;
}
.addition__input {
    min-height: 50px;
    border-radius: 16px;
}
@media screen and (max-width: 1680px) {
    .addition__input {
        min-height: 43px;
    }
}
@media screen and (max-width: 1240px) {
    .addition__input {
        min-height: 39px;
    }
}
@media screen and (max-width: 767px) {
    .addition__input {
        min-height: 37px;
        border-radius: 12px;
    }
}
.addition__add-btn {
    margin-left: 50px;
}
@media screen and (max-width: 1240px) {
    .addition__add-btn {
        font-size: 14px;
        margin-left: 35px;
    }
}
@media screen and (max-width: 767px) {
    .addition__add-btn {
        margin-left: auto;
        margin-right: 20px;
        font-size: 12px;
    }
}
.addition__comment {
    margin-top: 16px;
}
@media screen and (max-width: 1680px) {
    .addition__comment {
        margin-top: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .addition__comment {
        margin-top: 12px;
    }
}
.addition__adding-btn, .addition__footer-btn {
    margin-left: auto;
    margin-right: 0;
}
@media screen and (max-width: 1240px) {
    .addition__adding-btn, .addition__footer-btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .addition__adding-btn, .addition__footer-btn {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .panel-nav-additional-menu .roster__panel-nav,
    .roster__panel-nav {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}

.overview {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 450px;
    grid-template-columns: 1fr 450px;
    gap: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 1680px) {
    .overview {
        gap: 16px;
        -ms-grid-columns: 1fr 400px;
        grid-template-columns: 1fr 400px;
    }
}
@media screen and (max-width: 1240px) {
    .overview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 767px) {
    .overview {
        gap: 12px;
    }
}
.overview__list {
    width: 100%;
    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;
}
.overview__cart {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 8px auto;
    grid-template-areas: "overview__cart-icon overview__cart-name overview__cart-link overview__cart-btn" "overview__cart-icon overview__cart-list overview__cart-link overview__cart-btn";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 50px 24px 1fr 24px auto 24px auto;
    grid-template-columns: 50px 1fr auto auto;
    gap: 8px 24px;
    padding: 24px;
    padding: 24px 24px 24px 16px;
    background: var(--color-white);
    -webkit-box-shadow: var(--shadow-cart-2);
    box-shadow: var(--shadow-cart-2);
    border-radius: 22px;
}
@media screen and (max-width: 1680px) {
    .overview__cart {
        gap: 8px 16px;
        -ms-grid-columns: 40px 1fr auto auto;
        grid-template-columns: 40px 1fr auto auto;
        padding: 16px 20px 16px 12px;
    }
}
@media screen and (max-width: 767px) {
    .overview__cart {
        padding: 12px;
        gap: 12px 16px;
        -ms-grid-columns: 32px 16px 1fr 16px auto;
        grid-template-columns: 32px 1fr auto;
        -ms-grid-rows: auto 12px auto 12px auto;
        grid-template-areas: "overview__cart-icon overview__cart-name overview__cart-name" "overview__cart-list overview__cart-list overview__cart-list" "overview__cart-link overview__cart-link overview__cart-btn";
    }
}
.overview__cart-name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: overview__cart-name;
    font-size: 18px;
    color: var(--color-text);
}
@media (max-width: 1680px) {
    .overview__cart-name {
        font-size: 16px;
    }
}
.overview__cart-title, .overview__cart-num {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    color: var(--color-gray-muted);
}
@media (max-width: 767px) {
    .overview__cart-title, .overview__cart-num {
        font-size: 14px;
    }
}
.overview__cart-num {
    color: var(--color-text);
}
.overview__cart-list {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: overview__cart-list;
    gap: 8px;
    position: relative;
    padding-top: 8px;
}
.overview__cart-list::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 40px;
    background: var(--color-dark-navy);
    opacity: 0.1;
}
.overview__cart-list-inner {
    gap: 10px;
}
.overview__cart-link {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
    grid-area: overview__cart-link;
    font-weight: 300;
    font-size: 18px;
    line-height: 110%;
    gap: 8px;
    fill: var(--color-blue-primary);
    color: var(--color-blue-primary);
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .overview__cart-link:hover {
        fill: var(--color-pink-soft);
    }
}
.overview__cart-link:focus-visible {
    fill: var(--color-pink-soft);
}
.overview__cart-link:active {
    fill: var(--color-pink-soft);
}
@media (hover: hover) {
    .overview__cart-link:hover {
        color: var(--color-pink-soft);
    }
}
.overview__cart-link:focus-visible {
    color: var(--color-pink-soft);
}
.overview__cart-link:active {
    color: var(--color-pink-soft);
}
@media screen and (max-width: 1680px) {
    .overview__cart-link {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .overview__cart-link {
        font-size: 14px;
    }
}
.overview__cart-link svg {
    fill: inherit;
}
.overview__cart-link img,
.overview__cart-link svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .overview__cart-link img,
    .overview__cart-link svg {
        width: 20px;
        height: 20px;
    }
}
.overview__cart-icon {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: overview__cart-icon;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 50px;
    height: 50px;
}
.overview__cart-icon img,
.overview__cart-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .overview__cart-icon {
        width: 40px;
        height: 40px;
    }
}
@media screen and (max-width: 767px) {
    .overview__cart-icon {
        width: 32px;
        height: 32px;
    }
}
.overview__cart-btn {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 7;
    grid-area: overview__cart-btn;
}
@media screen and (max-width: 767px){
    .overview__cart-name {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
    }
    .overview__cart-list {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
    .overview__cart-link {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .overview__cart-icon {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    .overview__cart-btn {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 5;
    }
}
@media screen and (max-width: 1240px) {
    .overview__cart-btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .overview__cart-btn {
        min-width: 90px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
    }
}
.overview__cart-label-text {
    font-size: 16px;
}
.overview__cart-label-text::after, .overview__cart-label-text::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .overview__cart-label-text {
        font-size: 14px;
    }
}
input:checked ~ .overview__cart-label-text {
    color: var(--color-blue-primary);
}
.overview__cart-row {
    gap: 10px;
}
.overview__info {
    width: 100%;
    background: var(--color-white);
    border-radius: 24px;
    overflow: hidden;
}
.overview__info-hd {
    padding: 24px;
    gap: 32px;
}
@media screen and (max-width: 1680px) {
    .overview__info-hd {
        padding: 20px 20px 12px 20px;
        gap: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .overview__info-hd {
        padding: 16px 12px 12px 12px;
    }
}
@media screen and (max-width: 767px) {
    .overview__info-hd {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.overview__info-footer {
    padding: 16px 20px 24px;
    background: var(--bg-gradient-light-purple);
}
@media screen and (max-width: 1680px) {
    .overview__info-footer {
        padding: 12px 20px;
    }
}
@media screen and (max-width: 1240px) {
    .overview__info-footer {
        padding: 12px 17px 16px 17px;
    }
}
@media screen and (max-width: 767px) {
    .overview__info-footer {
        padding: 8px 17px 12px 17px;
    }
}
.overview__info-footer-title {
    font-size: 16px;
}
@media screen and (max-width: 1240px) {
    .overview__info-footer-title {
        font-size: 12px;
    }
}
.overview__info-wrapp {
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .overview__info-wrapp {
        gap: 12px;
    }
}
.overview__info-cart {
    gap: 8px;
    padding: 10px;
    border-radius: 12px;
    background: var(--color-gray-background);
}
.overview__info-cart.red {
    background: var(--color-coral-10);
}
.overview__info-cart.red .overview__info-cart-title,
.overview__info-cart.red .overview__info-cart-text {
    color: var(--color-red) !important;
}
.overview__info-cart.green {
    background: var(--color-green-01);
}
.overview__info-cart.green .overview__info-cart-title,
.overview__info-cart.green .overview__info-cart-text {
    color: var(--color-green-bright) !important;
}
.overview__info-cart-text {
    margin-top: auto;
    margin-bottom: 0;
}
@media screen and (max-width: 1240px) {
    .overview__info-cart-text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .overview__info-cart-text {
        font-size: 14px;
    }
}
.overview__info-list {
    display: -ms-grid;
    display: grid;
    gap: 8px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1240px) {
    .overview__info-list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
.overview__info-list .overview__info-inner:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}
@media screen and (max-width: 1240px) {
    .overview__info-list .overview__info-inner:nth-child(1) {
        grid-column: initial;
    }
}
@media screen and (max-width: 767px) {
    .overview__info-list-2 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.overview__info-list-2 .overview__info-inner:nth-child(1) {
    grid-column: initial;
}
.overview__info-list-2 .overview__info-inner:nth-last-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}
@media screen and (max-width: 1240px) {
    .overview__info-list-2 .overview__info-inner:nth-last-child(1) {
        grid-column: initial;
    }
}
@media screen and (max-width: 767px) {
    .overview__info-list-2 .overview__info-inner:nth-last-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
.overview__info-progress {
    height: 8px;
}

.questions {
    background: var(--color-white);
    border-radius: 24px;
    padding: 16px 64px 24px 64px;
}
@media screen and (max-width: 1680px) {
    .questions {
        padding: 16px 48px 24px 48px;
    }
}
@media screen and (max-width: 1240px) {
    .questions {
        padding: 12px 32px 20px 32px;
    }
}
@media screen and (max-width: 767px) {
    .questions {
        padding: 12px;
    }
}
@media (max-width: 360px) {
    .questions__header {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.questions__header-btn {
    display: block;
    padding: 13px 16px;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    color: var(--color-steel-blue);
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 110%;
    letter-spacing: 2%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .questions__header-btn:hover {
        color: #2e307f;
    }
}
.questions__header-btn:focus-visible {
    color: #2e307f;
}
.questions__header-btn:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .questions__header-btn {
        padding: 11px 16px;
    }
}
@media screen and (max-width: 767px) {
    .questions__header-btn {
        font-size: 14px;
        padding: 10px 30px;
    }
}
@media (max-width: 360px) {
    .questions__header-btn {
        padding-left: 3px;
        padding-right: 3px;
        width: 100%;
    }
}
input:checked ~ .questions__header-btn {
    border-color: var(--color-blue-primary);
    color: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    input:checked ~ .questions__header-btn:hover {
        color: #2e307f;
    }
}
input:checked ~ .questions__header-btn:focus-visible {
    color: #2e307f;
}
input:checked ~ .questions__header-btn:active {
    color: #bcbcbc;
}
.questions__tab {
    padding-top: 32px;
}
@media screen and (max-width: 767px) {
    .questions__tab {
        padding-top: 16px;
    }
}
.questions__tab-more {
    margin-top: 24px;
}
.questions__tab-list {
    gap: 20px;
    padding-top: 32px;
}
@media screen and (max-width: 1680px) {
    .questions__tab-list {
        gap: 16px;
        padding-top: 16px;
    }
}
.questions__tab-inner {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-dark);
}
.questions__tab-btn {
    color: var(--color-dark-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    text-align: left;
}
@media (hover: hover) {
    .questions__tab-btn:hover {
        color: var(--color-blue-primary);
    }
}
.questions__tab-btn:focus-visible {
    color: var(--color-blue-primary);
}
.questions__tab-btn:active {
    color: var(--color-blue-primary);
}
.questions__search-input {
    background: var(--color-gray-04);
}
@media screen and (max-width: 1240px) {
    .questions__search-input {
        height: 40px;
    }
}

.training {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 603px;
    grid-template-columns: 1fr 603px;
    gap: 30px;
}
@media screen and (max-width: 1680px) {
    .training {
        gap: 15px;
        -ms-grid-columns: 1fr 290px;
        grid-template-columns: 1fr 290px;
    }
}
@media screen and (max-width: 1240px) {
    .training {
        -ms-grid-columns: 1fr 230px;
        grid-template-columns: 1fr 230px;
    }
}
@media screen and (max-width: 767px) {
    .training {
        gap: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.training__left {
    gap: 15px;
}
@media screen and (max-width: 767px) {
    .training__left {
        gap: 12px;
    }
}
.training__right {
    gap: 30px;
}
@media screen and (max-width: 1680px) {
    .training__right {
        gap: 15px;
    }
}
@media screen and (max-width: 767px) {
    .training__right {
        gap: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .training__info .overview__info-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 767px) {
    .training__info .overview__info-list {
        display: -ms-grid;
        display: grid;
    }
}
.training__info .overview__info-cart-text {
    font-size: 22px;
}
@media screen and (max-width: 1680px) {
    .training__info .overview__info-cart-text {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .training__info .overview__info-cart-text {
        font-size: 14px;
    }
}
.training__info .overview__info-title {
    font-size: 24px;
}
@media screen and (max-width: 1680px) {
    .training__info .overview__info-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .training__info .overview__info-title {
        font-size: 16px;
    }
}
.training__info .overview__info-subtitle {
    font-size: 22px;
}
@media screen and (max-width: 1680px) {
    .training__info .overview__info-subtitle {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .training__info .overview__info-subtitle {
        font-size: 14px;
    }
}
.training__answers-btn {
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .training__answers-btn:hover {
        background: var(--color-light-periwinkle-40);
    }
}
.training__answers-btn:focus-visible {
    background: var(--color-light-periwinkle-40);
}
.training__answers-btn:active {
    background: var(--color-light-periwinkle-40);
}
.training__answers-btn.is-active {
    border-color: var(--color-blue-primary);
}
.training__quest-header {
    gap: 10px;
}
.training__quest-header-coll {
    min-height: 48px;
}
@media screen and (max-width: 1680px) {
    .training__quest-header-coll {
        min-height: 44px;
    }
}
@media screen and (max-width: 1240px) {
    .training__quest-header-coll {
        min-height: 32px;
    }
}
.training__quest-num {
    color: var(--color-pink-soft);
}
.training__quest-title {
    gap: 4px;
}
.training__quest-title span {
    display: block;
}
@media screen and (max-width: 1240px) {
    .training__quest-heart {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 1240px) {
    .training__quest-heart-span {
        height: 20px;
        width: 20px;
    }
}
.training__quest-list {
    gap: 15px;
    padding-top: 20px;
    padding-left: 20px;
    margin-top: 20px;
    border-top: 1px solid var(--color-border-dark);
}
@media screen and (max-width: 1680px) {
    .training__quest-list {
        padding-top: 12px;
        margin-top: 12px;
        padding-left: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .training__quest-list {
        padding-left: 16px;
    }
}
@media screen and (max-width: 767px) {
    .training__quest-list {
        padding-left: 0;
        padding-top: 8px;
        margin-top: 8px;
    }
}
.training__quest-label-text {
    font-weight: 300;
    font-size: 16px;
    min-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
}
@media screen and (max-width: 1680px) {
    .training__quest-label-text {
        font-size: 14px;
        padding-left: 28px;
    }
}
@media screen and (max-width: 1240px) {
    .training__quest-label-text {
        min-height: 20px;
        padding-left: 24px;
    }
}
@media screen and (max-width: 767px) {
    .training__quest-label-text {
        font-size: 12px;
        padding-left: 26px;
    }
}
.training__quest-label-text::before, .training__quest-label-text::after {
    top: 0;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1240px) {
    .training__quest-label-text::before, .training__quest-label-text::after {
        width: 20px;
        height: 20px;
    }
}
.training__quest-footer {
    position: relative;
    gap: 18px;
    padding-top: 24px;
    margin-top: 24px;
}
@media screen and (max-width: 1680px) {
    .training__quest-footer {
        padding-top: 20px;
        margin-top: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .training__quest-footer {
        padding-top: 18px;
        margin-top: 18px;
    }
}
@media screen and (max-width: 767px) {
    .training__quest-footer {
        padding-top: 16px;
        margin-top: 16px;
    }
}
@media screen and (max-width: 767px) {
    .training__quest-footer {
        gap: 15px;
    }
}
.training__quest-footer::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 80px;
    background: var(--color-border-dark);
}
.training__quest-footer-coll {
    gap: 20px;
    margin-left: auto;
    margin-right: 0;
}
@media screen and (max-width: 1680px) {
    .training__quest-footer-coll {
        gap: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .training__quest-footer-coll {
        gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .training__quest-footer-coll {
        gap: 8px;
    }
}
.training__quest-clue {
    gap: 8px;
    font-weight: 300;
    font-size: 18px;
    line-height: 110%;
    fill: var(--color-blue-primary);
    color: var(--color-blue-primary);
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    margin-left: 0;
}
@media (hover: hover) {
    .training__quest-clue:hover {
        fill: var(--color-pink-soft);
    }
}
.training__quest-clue:focus-visible {
    fill: var(--color-pink-soft);
}
.training__quest-clue:active {
    fill: var(--color-pink-soft);
}
@media (hover: hover) {
    .training__quest-clue:hover {
        color: var(--color-pink-soft);
    }
}
.training__quest-clue:focus-visible {
    color: var(--color-pink-soft);
}
.training__quest-clue:active {
    color: var(--color-pink-soft);
}
@media screen and (max-width: 1680px) {
    .training__quest-clue {
        font-size: 14px;
    }
}
.training__quest-clue svg {
    fill: inherit;
}
.training__quest-clue img,
.training__quest-clue svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .training__quest-clue img,
    .training__quest-clue svg {
        width: 20px;
        height: 20px;
    }
}
.training__quest-btn {
    min-width: 200px;
}
@media screen and (max-width: 1680px) {
    .training__quest-btn {
        min-width: 146px;
    }
}
@media screen and (max-width: 1240px) {
    .training__quest-btn {
        min-width: 110px;
    }
}
@media screen and (max-width: 767px) {
    .training__quest-btn {
        min-width: 0;
        padding: 5px 16px;
    }
}

.simulator {
    gap: 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 603px;
    grid-template-columns: 1fr 603px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 1680px) {
    .simulator {
        -ms-grid-columns: 1fr 290px;
        grid-template-columns: 1fr 290px;
        gap: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .simulator {
        -ms-grid-columns: 1fr 235px;
        grid-template-columns: 1fr 235px;
    }
}
@media screen and (max-width: 767px) {
    .simulator {
        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;
    }
}
.simulator__quest {
    width: 100%;
}
@media screen and (max-width: 1680px) {
    .simulator__answers {
        padding: 18px;
    }
}
@media screen and (max-width: 767px) {
    .simulator__answers {
        width: 100%;
        padding: 15px;
    }
}
.simulator__answers-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 7px;
}
.simulator__answers-inner {
    color: var(--color-dark-navy);
    background: var(--color-gray-background);
    padding: 8px;
    border-radius: 8px;
    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: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 105px;
    height: 34px;
}
.simulator__answers-inner.is-active {
    color: var(--color-ghost-white);
    background: var(--color-blue-primary);
}
.simulator__answers-inner.is-right {
    background: var(--color-pastel-green);
}
.simulator__answers-inner.is-wrong {
    background: var(--color-pink-soft);
}
.simulator__answers-inner.is-missed {
    background: var(--color-gray-background);
}
@media screen and (max-width: 1680px) {
    .simulator__answers-inner {
        padding: 7px 1px;
        gap: 4px;
        min-width: 79px;
        height: 31px;
    }
}
@media screen and (max-width: 767px) {
    .simulator__answers-inner {
        height: 29px;
        min-width: 91px;
    }
}
.simulator__answers-footer {
    padding-top: 24px;
    gap: 12px;
}
@media screen and (max-width: 1680px) {
    .simulator__answers-footer {
        padding-top: 16px;
    }
}
@media screen and (max-width: 767px) {
    .simulator__answers-footer {
        padding-top: 12px;
    }
}
.simulator__answers-btn {
    min-width: 200px;
}
@media screen and (max-width: 1680px) {
    .simulator__answers-btn {
        min-width: 146px;
    }
}
@media screen and (max-width: 1240px) {
    .simulator__answers-btn {
        width: 100%;
    }
}
.simulator__timer {
    gap: 12px;
}
@media screen and (max-width: 1240px) {
    .simulator__timer {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.simulator__timer img,
.simulator__timer svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .simulator__timer img,
    .simulator__timer svg {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 1240px) {
    .simulator__timer img,
    .simulator__timer svg {
        width: 20px;
        height: 20px;
    }
}

.result {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-columns: 1fr 603px;
    grid-template-columns: 1fr 603px;
    gap: 30px;
}
@media screen and (max-width: 1680px) {
    .result {
        gap: 16px;
        -ms-grid-columns: 1fr 289px;
        grid-template-columns: 1fr 289px;
    }
}
@media screen and (max-width: 1240px) {
    .result {
        -ms-grid-columns: 1fr 233px;
        grid-template-columns: 1fr 233px;
    }
}
@media screen and (max-width: 767px) {
    .result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 12px;
    }
}
.result__questions-list {
    gap: 12px;
}
.result__questions-inner.is-right {
    background: var(--color-pastel-green);
}
.result__questions-inner.is-wrong {
    background: var(--color-pink-soft);
}
.result__questions-btn {
    width: 100%;
    text-align: left;
    font-size: 18px;
    line-height: 110%;
    color: var(--color-dark-blue);
    gap: 3px;
    padding: 10px 15px;
    border-radius: 8px;
    background: var(--color-pastel-green);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .result__questions-btn:hover {
        color: var(--color-blue-primary);
    }
}
.result__questions-btn:focus-visible {
    color: var(--color-blue-primary);
}
.result__questions-btn:active {
    color: var(--color-blue-primary);
}
.result__questions-btn.is-wrong {
    background: var(--color-pink-soft);
}
.result__questions-btn.is-missed {
    background: var(--color-gray-background);
}
@media screen and (max-width: 1680px) {
    .result__questions-btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .result__questions-btn {
        font-size: 14px;
    }
}
.result__time-list {
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .result__time-list {
        gap: 16px;
    }
}
.result__time-inner {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 170px auto;
    grid-template-columns: 170px auto;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 1680px) {
    .result__time-inner {
        -ms-grid-columns: 140px auto;
        grid-template-columns: 140px auto;
    }
}
@media screen and (max-width: 1240px) {
    .result__time-inner {
        -ms-grid-columns: 125px auto;
        grid-template-columns: 125px auto;
    }
}
.result__time-status {
    gap: 12px;
}
@media screen and (max-width: 767px) {
    .result__time-status {
        font-size: 16px;
    }
}
.result__time-status img,
.result__time-status svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .result__time-status img,
    .result__time-status svg {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 1240px) {
    .result__time-status img,
    .result__time-status svg {
        width: 20px;
        height: 20px;
    }
}
.result__time-time {
    color: var(--color-steel-blue);
}
@media screen and (max-width: 767px) {
    .result__time-time {
        font-size: 16px;
    }
}
.result__info {
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .result__info {
        gap: 16px;
    }
}
.result__info-btn {
    margin-left: auto;
    margin-right: 0;
    min-width: 200px;
    font-size: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}
@media screen and (max-width: 1680px) {
    .result__info-btn {
        min-width: 146px;
        font-size: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .result__info-btn {
        width: 100%;
        min-width: 0;
    }
}
@media screen and (max-width: 767px) {
    .result__info-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.result__statistic {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
@media screen and (max-width: 1680px) {
    .result__statistic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.result__statistic-inner {
    gap: 8px;
    padding: 10px;
    border-radius: 12px;
    background: var(--color-green-01);
}
.result__statistic-inner.is-wrong {
    background: var(--color-coral-10);
}
.result__statistic-inner.is-wrong .result__statistic-title,
.result__statistic-inner.is-wrong .result__statistic-text {
    color: var(--color-red);
}
.result__statistic-inner.is-missed {
    background: var(--color-gray-background);
}
.result__statistic-inner.is-missed .result__statistic-title,
.result__statistic-inner.is-missed .result__statistic-text {
    color: var(--color-dark-navy);
}
.result__statistic-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: var(--color-green-bright);
}
@media screen and (max-width: 1240px) {
    .result__statistic-title {
        font-size: 12px;
    }
}
.result__statistic-text {
    margin-top: auto;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 22px;
    line-height: 110%;
    color: var(--color-green-bright);
}
@media screen and (max-width: 1680px) {
    .result__statistic-text {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .result__statistic-text {
        font-size: 16px;
    }
}

.revision__catalog-hd {
    padding-top: 32px;
    overflow: auto;
}
@media screen and (max-width: 1680px) {
    .revision__catalog-hd {
        padding-top: 28px;
    }
}
@media screen and (max-width: 1240px) {
    .revision__catalog-hd {
        padding-top: 24px;
    }
}
@media screen and (max-width: 767px) {
    .revision__catalog-hd {
        padding-top: 16px;
    }
}
.revision__catalog-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.revision__catalog-label-btn {
    padding: 13px 16px;
    font-weight: 600;
    line-height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--color-steel-blue);
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .revision__catalog-label-btn:hover {
        color: #2e307f;
    }
}
.revision__catalog-label-btn:focus-visible {
    color: #2e307f;
}
.revision__catalog-label-btn:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .revision__catalog-label-btn {
        padding: 9.5px 16px;
        font-size: 14px;
    }
}
@media (max-width: 380px) {
    .revision__catalog-label-btn {
        padding-left: 12px;
        padding-right: 12px;
    }
}
input:checked ~ .revision__catalog-label-btn {
    color: var(--color-blue-primary);
    border-color: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    input:checked ~ .revision__catalog-label-btn:hover {
        color: #2e307f;
    }
}
input:checked ~ .revision__catalog-label-btn:focus-visible {
    color: #2e307f;
}
input:checked ~ .revision__catalog-label-btn:active {
    color: #bcbcbc;
}
.revision__catalog-tab {
    padding-top: 15px;
}
@media screen and (max-width: 1680px) {
    .revision__catalog-tab {
        padding-top: 28px;
    }
}
@media screen and (max-width: 1240px) {
    .revision__catalog-tab {
        padding-top: 24px;
    }
}
@media screen and (max-width: 767px) {
    .revision__catalog-tab {
        padding-top: 16px;
    }
}
.revision__catalog-tab .catalog__absence-box,
.revision__catalog-tab .catalog__table-wrapp {
    margin-top: 0;
}
.revision__home {
    grid-template-areas: "home__head revision__home-container revision__home-container revision__home-container" "home__info home__info home__cart home__cart" "home__info home__info home-panel-notification home-panel-notification";
}
@media (max-width: 1600px) {
    .revision__home {
        -ms-grid-columns: 1fr 303px;
        grid-template-columns: 1fr 303px;
        grid-template-areas: "home__head home__head" "revision__home-container  revision__home-container" "home__info home__cart" "home__info home-panel-notification";
    }
    .revision__home > .home__head {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .revision__home > .home__info {
        -ms-grid-row: 3;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    .revision__home > .home__cart {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }
    .revision__home > .home-panel-notification {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }
}
@media (max-width: 1240px) {
    .revision__home {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 230px;
        grid-template-columns: 1fr 230px;
        grid-template-areas: "home__head home__date" "revision__home-container  revision__home-container" "home__cart home__cart" "home__info home__info ";
    }
    .revision__home > .home__head {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    .home__date {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .revision__home > .home__info {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .revision__home > .home__cart {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}
@media screen and (max-width: 992px) {
    .revision__home {
        grid-template-areas: "home__head home__date" "home__buttons  home__buttons" "home__cart home__cart" "home__info home__info ";
    }
    .revision__home > .home__head {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    .home__buttons {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .home__date {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .revision__home > .home__info {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .revision__home > .home__cart {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}
@media screen and (max-width: 767px) {
    .revision__home {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: "home__head" "revision__home-container" "home__cart" "home__info";
    }
    .revision__home > .home__head {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    .revision__home > .home__info {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    .revision__home > .home__cart {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
}
.revision__home-container {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-area: revision__home-container;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1600px) {
    .revision__home-container {
        margin-top: 30px;
    }
}
@media (max-width: 1240px) {
    .revision__home-container {
        margin-top: 20px;
    }
}
@media screen and (max-width: 992px) {
    .revision__home-container {
        display: contents;
    }
}
@media screen and (max-width: 767px) {
    .revision__home-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto 8px auto;
        grid-template-areas: "home__button-1   home__button-2" "home__button-two home__date";
        margin-top: 16px;
        gap: 8px;
    }
    .revision__home-container .home__button {
        margin: 0;
        height: 96px;
    }
    .revision__home-container .home__button-two {
        grid-area: home__button-two;
    }
    .revision__home-container > .home__date {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .revision__home-container > .home__button-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .revision__home-container > .home__button-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
}
@media (max-width: 1240px){
    .revision__home-container {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}
@media (max-width: 767px){
    .home__button-1 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .home__button-2 {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
}
@media (max-width: 1600px){
    .revision__home-container {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}
@media screen and (max-width: 767px){
    .revision__home-container {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
    .revision__home-container .home__button-two {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
}
.revision__home-container .home__date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 282px;
}
@media (max-width: 1680px) {
    .revision__home-container .home__date {
        width: 210px;
        margin-left: 15px;
    }
}
@media (max-width: 1240px) {
    .revision__home-container .home__date {
        height: 155px;
    }
}
@media screen and (max-width: 992px) {
    .revision__home-container .home__date {
        height: 130px;
        margin-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    .revision__home-container .home__date {
        margin: 0;
        width: 100%;
        height: 96px;
    }
}
.revision__home-buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1600px) {
    .revision__home-buttons {
        margin-left: 0;
    }
}
@media (max-width: 1240px) {
    .revision__home-buttons {
        margin-top: 0;
    }
}
@media screen and (max-width: 992px) {
    .revision__home-buttons {
        margin-top: 20px;
    }
    .revision__home-buttons .home__button {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .revision__home-buttons {
        display: contents;
    }
}
@media screen and (max-width: 767px) {
    .revision__home-inf-row {
        -ms-grid-columns: 32px 1fr 77px;
        grid-template-columns: 32px 1fr 77px;
    }
}
@media screen and (max-width: 767px) {
    .revision__home-inf-row .home__info-img {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 767px) {
    .revision__home-inf-title {
        font-size: 12px;
    }
}
.revision__home-inf-text {
    line-height: 110%;
}
@media screen and (max-width: 767px) {
    .revision__home-inf-text {
        font-size: 10px;
    }
}
.revision__home-inf-list {
    gap: 8px;
}
.revision__home-inf-footer {
    gap: 4px 8px;
    padding-top: 17px;
}
@media screen and (max-width: 1680px) {
    .revision__home-inf-footer {
        gap: 4px 12px;
    }
}
@media screen and (max-width: 1240px) {
    .revision__home-inf-footer {
        padding-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .revision__home-inf-footer {
        padding-top: 8px;
    }
}
.revision__home-inf-footer .home__info-btn {
    margin-top: 0;
}
.revision__lesson {
    -ms-grid-columns: auto 1fr 280px;
    grid-template-columns: auto 1fr 280px;
}
@media (max-width: 1680px) {
    .revision__lesson {
        -ms-grid-columns: auto 1fr 220px;
        grid-template-columns: auto 1fr 220px;
    }
}
@media (max-width: 1240px) {
    .revision__lesson {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
}
@media (max-width: 767px) {
    .revision__lesson {
        display: block;
    }
}
@media (max-width: 1240px) {
    .revision__lesson {
        grid-template-areas: "lesson-left lesson-center " "lesson-left lesson-right ";
    }
    .revision__lesson > .lesson-left {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
    }
    .revision__lesson > .lesson-center {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
    }
    .revision__lesson > .lesson-right {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
}
.revision__lesson-left {
    max-width: 455px;
}
@media (max-width: 1680px) {
    .revision__lesson-left {
        max-width: 320px;
    }
}
@media (max-width: 1240px) {
    .revision__lesson-left {
        max-width: 250px;
    }
}
@media (max-width: 767px) {
    .revision__lesson-left {
        max-width: 100%;
    }
}
.revision__lesson-grid {
    -ms-grid-columns: 1fr 15px 280px;
    grid-template-columns: 1fr 280px;
    gap: 15px;
    grid-template-areas: "lesson-center lesson-right";
}
@media screen and (max-width: 1680px) {
    .revision__lesson-grid {
        -ms-grid-columns: 1fr 220px;
        grid-template-columns: 1fr 220px;
    }
}
@media screen and (max-width: 1240px) {
    .revision__lesson-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-grid {
        display: block;
    }
}
.revision__lesson-grid .lesson-right {
    width: 100%;
}
.revision__lesson-acc-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    gap: 8px;
    stroke: var(--color-blue-primary);
    color: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .revision__lesson-acc-btn:hover {
        stroke: var(--color-pink-soft);
    }
}
.revision__lesson-acc-btn:focus-visible {
    stroke: var(--color-pink-soft);
}
.revision__lesson-acc-btn:active {
    stroke: var(--color-pink-soft);
}
@media (hover: hover) {
    .revision__lesson-acc-btn:hover {
        color: var(--color-pink-soft);
    }
}
.revision__lesson-acc-btn:focus-visible {
    color: var(--color-pink-soft);
}
.revision__lesson-acc-btn:active {
    color: var(--color-pink-soft);
}
.revision__lesson-acc-btn::after {
    content: "Показать содержание";
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-acc-btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-acc-btn {
        display: none;
    }
}
.revision__lesson-acc-btn svg {
    stroke: inherit;
}
.revision__lesson-acc-btn img,
.revision__lesson-acc-btn svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
@media (min-width: 768px) {
    .revision__lesson-folded:not(.is-active) {
        width: 40px;
        padding: 10px;
        border-radius: 10px;
    }
    .revision__lesson-folded:not(.is-active) img,
    .revision__lesson-folded:not(.is-active) svg {
        width: 100%;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .revision__lesson-folded:not(.is-active) .revision__lesson-acc-btn::after {
        content: "";
    }
    .revision__lesson-folded:not(.is-active) ~ .lesson__modul-finish {
        display: none;
    }
}
.revision__lesson-accordion-btn {
    display: none;
}
@media screen and (max-width: 767px) {
    .revision__lesson-accordion-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.revision__lesson-accordion-wrapp {
    display: none;
}
@media (min-width: 768px) {
    .revision__lesson-accordion.is-active .revision__lesson-accordion-wrapp {
        display: block;
    }
}
.revision__lesson-accordion.is-active .revision__lesson-accordion-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.revision__lesson-accordion.is-active .revision__lesson-acc-btn {
    margin-bottom: 18px;
}
.revision__lesson-accordion.is-active .revision__lesson-acc-btn::after {
    content: "Скрыть содержание";
}
@media screen and (max-width: 1240px) {
    .revision__lesson-accordion.is-active .revision__lesson-acc-btn {
        margin-bottom: 16px;
    }
}
.revision__lesson-module-status {
    gap: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    color: var(--color-steel-blue);
}
.revision__lesson-module-status img,
.revision__lesson-module-status svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16px;
    height: 16px;
}
.revision__lesson-voice h2, .revision__lesson-voice-btn, .revision__lesson-voice-controll {
    margin-bottom: 16px;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-voice h2, .revision__lesson-voice-btn, .revision__lesson-voice-controll {
        margin-bottom: 14px;
    }
}
@media screen and (max-width: 1240px) {
    .revision__lesson-voice h2, .revision__lesson-voice-btn, .revision__lesson-voice-controll {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-voice h2, .revision__lesson-voice-btn, .revision__lesson-voice-controll {
        margin-bottom: 16px;
    }
}
.revision__lesson-pdf-list {
    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;
    width: 100%;
}
@media screen and (max-width: 1240px) {
    .revision__lesson-pdf-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-pdf-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.revision__lesson-pdf-head {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    aspect-ratio: 116/65;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7px;
}
.revision__lesson-pdf-head::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-charcoal-90);
    z-index: -1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
}
.revision__lesson-pdf-head img,
.revision__lesson-pdf-head svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-pdf-head {
        aspect-ratio: 172/97;
    }
}
@media screen and (max-width: 1240px) {
    .revision__lesson-pdf-head {
        aspect-ratio: 213/113;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-pdf-head {
        aspect-ratio: 148/65;
    }
}
.revision__lesson-pdf-title {
    margin: auto;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    text-decoration: underline;
    color: var(--color-green-bright);
    gap: 10px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-pdf-title {
        margin-bottom: 0;
        gap: 8px;
        font-size: 12px;
    }
}
.revision__lesson-pdf-title img,
.revision__lesson-pdf-title svg {
    position: static;
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
    z-index: 0;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-pdf-title img,
    .revision__lesson-pdf-title svg {
        width: 16px;
        height: 16px;
    }
}
.revision__lesson-pdf-name {
    gap: 10px;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    text-decoration: underline;
    color: var(--color-green-bright);
}
@media screen and (max-width: 1680px) {
    .revision__lesson-pdf-name {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-pdf-name {
        font-size: 12px;
    }
}
.revision__lesson-pdf-name span {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.revision__lesson-pdf-name img,
.revision__lesson-pdf-name svg {
    opacity: 0.2;
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media screen and (max-width: 767px) {
    .revision__lesson-pdf-name img,
    .revision__lesson-pdf-name svg {
        width: 16px;
        height: 16px;
    }
}
.revision__lesson-pdf-btn {
    cursor: pointer;
    gap: 12px;
}
@media (hover: hover) {
    .revision__lesson-pdf-btn:hover .revision__lesson-pdf-head::after {
        opacity: 1;
    }
    .revision__lesson-pdf-btn:hover .revision__lesson-pdf-title {
        opacity: 1;
    }
    .revision__lesson-pdf-btn:hover .revision__lesson-pdf-name img,
    .revision__lesson-pdf-btn:hover .revision__lesson-pdf-name svg {
        opacity: 1;
    }
}
.revision__lesson-pdf-btn:focus-visible .revision__lesson-pdf-head::after {
    opacity: 1;
}
.revision__lesson-pdf-btn:focus-visible .revision__lesson-pdf-title {
    opacity: 1;
}
.revision__lesson-pdf-btn:focus-visible .revision__lesson-pdf-name img,
.revision__lesson-pdf-btn:focus-visible .revision__lesson-pdf-name svg {
    opacity: 1;
}
.revision__lesson-pdf-btn:active .revision__lesson-pdf-head::after {
    opacity: 1;
}
.revision__lesson-pdf-btn:active .revision__lesson-pdf-title {
    opacity: 1;
}
.revision__lesson-pdf-btn:active .revision__lesson-pdf-name img,
.revision__lesson-pdf-btn:active .revision__lesson-pdf-name svg {
    opacity: 1;
}
.revision__lesson-result-wrapp {
    padding: 5px 24px 5px 5px;
    border-radius: 24px;
    background: var(--color-gray-background);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 10px 1fr;
    grid-template-columns: 200px 1fr;
    gap: 16px 10px;
    -ms-grid-rows: auto 16px auto 16px 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "icon subtitle" "icon text" "icon row";
}
@media screen and (max-width: 1680px) {
    .revision__lesson-result-wrapp {
        padding: 12px;
        -ms-grid-columns: 100px 10px 1fr;
        grid-template-columns: 100px 1fr;
        gap: 10px;
        -ms-grid-rows: auto 10px 1fr 10px auto;
        grid-template-rows: auto 1fr auto;
        grid-template-areas: "icon subtitle" "text text" "row  row";
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-result-wrapp {
        padding: 8px;
        border-radius: 12px;
        -ms-grid-columns: 58px 1fr;
        grid-template-columns: 58px 1fr;
    }
}
.revision__lesson-result-title {
    font-size: 24px;
    line-height: 110%;
    padding-bottom: 16px !important;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-result-title {
        font-size: 22px;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-result-title {
        font-size: 18px;
    }
}
.revision__lesson-result-icon {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    grid-area: icon;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 200px;
    height: 200px;
}
.revision__lesson-result-icon img,
.revision__lesson-result-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-result-icon {
        width: 100px;
        height: 100px;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-result-icon {
        width: 58px;
        height: 58px;
    }
}
.revision__lesson-result-icon img,
.revision__lesson-result-icon svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.revision__lesson-result-subtitle {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: subtitle;
    font-size: 20px;
    line-height: 110%;
    padding-top: 20px;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-result-subtitle {
        padding-top: 0;
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .revision__lesson-result-subtitle {
        font-size: 16px;
    }
}
.revision__lesson-result-text {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: text;
    font-size: 16px;
    line-height: 110%;
    max-width: 530px;
}
@media (max-width: 1680px) {
    .revision__lesson-result-text {
        font-size: 14px;
    }
}
.revision__lesson-result-row {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: row;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    gap: 10px 24px;
    padding-bottom: 20px;
}
@media screen and (max-width: 1680px){
    .revision__lesson-result-icon {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    .revision__lesson-result-subtitle {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .revision__lesson-result-text {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .revision__lesson-result-row {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
}
@media screen and (max-width: 1680px) {
    .revision__lesson-result-row {
        gap: 10px;
        padding-bottom: 0;
    }
}
.revision__lesson-result-btns {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .revision__lesson-result-btns {
        gap: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .revision__lesson-result-btns {
        gap: 6px;
    }
}
.revision__lesson-result-info {
    color: var(--color-steel-blue);
}
.revision__lesson-result-info span {
    color: var(--color-blue-primary);
}
@media (max-width: 450px) {
    .revision__lesson-voice-controll {
        gap: 8px;
    }
    .revision__lesson-voice-controll .voice__timer {
        padding-left: 20px;
    }
    .revision__lesson-voice-controll .voice__timer::after {
        width: 15px;
        height: 15px;
        left: 3px;
    }
    .revision__lesson-voice-controll .voice__name {
        padding-left: 8px;
    }
    .revision__lesson-voice-controll .voice__controll-btn {
        width: 30px;
        height: 30px;
    }
    .revision__lesson-voice-controll .voice__controll-btn svg,
    .revision__lesson-voice-controll .voice__controll-btn img {
        width: 14px;
        height: 14px;
    }
}
.revision__creating-padding-top {
    margin-top: 12px;
}

.lesson-center.accordion .revision__lesson-voice.accordion-wrapp {
    display: none;
}
@media screen and (max-width: 767px) {
    .lesson-center.accordion .revision__lesson-voice.accordion-wrapp {
        display: block;
    }
}
.lesson-center.accordion.is-active .revision__lesson-voice.accordion-wrapp {
    display: block;
}
.lesson-center.accordion.is-active .revision__lesson-acc-btn {
    margin-bottom: 16px;
}
@media screen and (max-width: 1680px) {
    .lesson-center.accordion.is-active .revision__lesson-acc-btn {
        margin-bottom: 12px;
    }
}
.lesson-center.accordion.is-active .revision__lesson-acc-btn::after {
    content: "Скрыть содержание";
}

.modal__sl-revision {
    max-width: 496px;
}
@media screen and (max-width: 1680px) {
    .modal__sl-revision {
        max-width: 435px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__sl-revision {
        max-width: 450px;
    }
}
@media screen and (max-width: 767px) {
    .modal__sl-revision {
        max-width: 280px;
    }
}
.modal__sl-dc-revision {
    -ms-grid-columns: 1fr 142px 1fr;
    grid-template-columns: 1fr 142px 1fr;
}
@media screen and (max-width: 1680px) {
    .modal__sl-dc-revision {
        -ms-grid-columns: 1fr 105px 1fr;
        grid-template-columns: 1fr 105px 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .modal__sl-dc-revision {
        -ms-grid-columns: 1fr 130px 1fr;
        grid-template-columns: 1fr 130px 1fr;
    }
}
@media screen and (max-width: 767px) {
    .modal__sl-dc-revision {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.modal__sl-dc-revision .modal__sl-btn {
    padding: 5px;
    width: 100%;
}
@media screen and (max-width: 1680px) {
    .modal__sl-dc-revision .modal__sl-btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .modal__sl-dc-revision .modal__sl-btn {
        font-size: 12px;
    }
}

.modal__jump {
    width: 615px;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .modal__jump {
        width: 550px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__jump {
        width: 470px;
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__jump {
        gap: 8px;
        width: 320px;
    }
}
.modal__jump-title {
    font-size: 24px;
    line-height: 110%;
}
@media screen and (max-width: 1680px) {
    .modal__jump-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__jump-title {
        font-size: 18px;
    }
}
.modal__jump-text {
    font-size: 18px;
}
@media screen and (max-width: 1680px) {
    .modal__jump-text {
        font-size: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__jump-text {
        font-size: 14px;
    }
}
.modal__jump-row {
    margin-top: 0;
    padding-top: 23px;
    padding-bottom: 23px;
}
@media screen and (max-width: 1680px) {
    .modal__jump-row {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
@media screen and (max-width: 767px) {
    .modal__jump-row {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.modal__jump-row-coll {
    padding: 19px 15px;
    gap: 8px 12px;
}
@media screen and (max-width: 1680px) {
    .modal__jump-row-coll {
        padding: 35px 12px;
    }
}
@media screen and (max-width: 1240px) {
    .modal__jump-row-coll {
        padding: 20px 12px;
    }
}
@media screen and (max-width: 767px) {
    .modal__jump-row-coll {
        padding: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.modal__jump-row-coll .modal-btn {
    width: 100%;
}

[data-static-calendar] {
    display: inline-block;
}

.static-calendar-container {
    display: inline-block;
}

.static-calendar {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    --caledar-day-size: 100%;
}

.static-calendar-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: var(--spacing-2);
    margin-bottom: 12px;
}

.static-calendar-body {
    padding: 8px;
    border-radius: 12px;
    border: var(--border-width-thin) solid var(--color-border-primary);
}

.static-calendar-title {
    font-size: var(--font-size-base);
    color: var(--color-text-primary);
    font-family: var(--font-family-heading);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-2);
    line-height: var(--line-height-text);
}
.static-calendar-title .year {
    display: none;
}

.static-calendar-nav-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    background: var(--color-background-primary);
    border-radius: 0 0 0 var(--border-radius-2xl);
    position: relative;
    position: relative;
}
@media (min-width: 1680px) {
    .static-calendar-nav-wrapper {
        --pos: -24px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .static-calendar-nav-wrapper {
        --pos: calc(
                -16px + -8 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .static-calendar-nav-wrapper {
        --pos: -16px;
    }
}
.static-calendar-nav-wrapper::before {
    content: "";
    position: absolute;
    width: var(--border-radius-2xl);
    height: var(--border-radius-2xl);
    background: var(--color-background-primary);
    z-index: 1;
    top: 0;
    left: var(--pos);
    mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
    -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}
.static-calendar-nav-wrapper::after {
    content: "";
    position: absolute;
    width: var(--border-radius-2xl);
    height: var(--border-radius-2xl);
    background: var(--color-background-primary);
    z-index: 1;
    right: 0;
    bottom: var(--pos);
    mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
    -webkit-mask-image: radial-gradient(circle at 0% 100%, transparent 70%, black 50%);
}

.static-calendar-nav {
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
    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-blue-primary);
    border-radius: 4px;
    width: 24px;
    height: 24px;
}
.static-calendar-nav svg {
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
    height: 20px;
}
.static-calendar-nav svg path {
    stroke: currentColor;
}
@media screen and (hover: hover) {
    .static-calendar-nav:hover {
        background-color: var(--color-light-periwinkle-40);
        color: var(--color-blue-primary);
    }
}

.static-calendar-weekdays {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    justify-items: center;
    gap: var(--spacing-1);
    height: 32px;
}

.static-calendar-weekday {
    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;
    text-align: center;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
    width: var(--caledar-day-size);
}
.static-calendar-weekday:nth-child(6n), .static-calendar-weekday:nth-child(7n) {
    color: var(--color-pink-soft);
}

.static-calendar-days {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
    gap: var(--spacing-1);
}

.static-calendar-day {
    text-align: center;
    cursor: pointer;
    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;
    line-height: var(--line-height-none);
    padding: 8px;
    font-size: 12px;
    border-radius: 8px;
    color: var(--color-steel-blue);
    font-weight: var(--font-weight-medium);
    height: var(--caledar-day-size);
    width: var(--caledar-day-size);
}
@media screen and (hover: hover) {
    .static-calendar-day:hover:not(.static-calendar-day--disabled):not(.static-calendar-day--other-month):not(.static-calendar-day--selected) {
        background-color: var(--color-light-periwinkle-40);
        color: var(--color-blue-primary);
    }
}

.static-calendar-day--other-month {
    opacity: 0;
    cursor: default;
}

.static-calendar-day--today {
    font-weight: 600;
    color: var(--color-blue-primary);
    position: relative;
}
.static-calendar-day--today::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: var(--spacing-2);
    height: 1px;
    background: var(--color-blue-primary);
    border-radius: var(--border-radius-full);
}

.static-calendar-day--selected:not(.static-calendar-day--other-month) {
    background: var(--color-blue-primary);
    color: var(--color-white);
}

.static-calendar-day--disabled {
    opacity: 0.1;
    cursor: not-allowed;
}

.static-calendar-day--weekend {
    color: var(--color-pink-soft);
}

.static-calendar-hidden-input {
    display: none;
}

/* ========== ОСНОВНЫЕ СТИЛИ АККОРДЕОНА ========== */
[data-accordion] {
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow: hidden;
}

[data-accordion]:last-child {
    margin-bottom: 0;
}

[data-accordion-trigger] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    cursor: pointer;
    text-align: left;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[data-accordion-trigger] svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -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;
}

[data-accordion].--is-active [data-accordion-trigger] svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-accordion-body] {
    display: block;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
}

[data-accordion].--is-active [data-accordion-body] {
    max-height: 9000px;
}

.img150 {
    width: 100%;
    max-width: 150px;
}
.img150 img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.img300 {
    width: 100%;
    max-width: 300px;
    height: auto;
}
.img300 img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.img500 {
    width: 100%;
    max-width: 500px;
    height: auto;
}
.img500 img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.img700 {
    width: 100%;
    max-width: 700px;
    height: auto;
}
.img700 img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.img75 {
    width: 100%;
    max-width: 75px;
    height: auto;
}
.img75 img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.manager__general {
    max-width: 100%;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}
@media screen and (max-width: 1440px) {
    .manager__general {
        gap: 48px;
    }
}
@media screen and (max-width: 1240px) {
    .manager__general {
        padding-left: 20px;
        padding-right: 20px;
        gap: 30px;
    }
}
.manager__general-body {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1700.99px) {
    .manager__general-body {
        max-width: 900px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .manager__general-body {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 572.98px) {
    .manager__general-cart {
        min-height: 200px;
    }
}
@media screen and (max-width: 992px) {
    .manager__general-cart-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .manager__general-cart-link {
        font-size: 16px;
    }
}
@media screen and (max-width: 992px) {
    .manager__general-cart-allert-img {
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 992px) {
    .manager__general-cart-allert-text {
        font-size: 16px;
    }
}
.manager__general-cart-row {
    gap: 8px;
}
.manager__general-cart-num {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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: 11px;
    min-width: 16px;
    height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    background: var(--color-red);
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: var(--color-white);
}

.bid__padding {
    padding-top: 48px;
    padding-bottom: 48px;
}
@media screen and (max-width: 1680px) {
    .bid__padding {
        padding-top: 38px;
        padding-bottom: 38px;
    }
}
@media screen and (max-width: 1240px) {
    .bid__padding {
        padding-top: 27px;
        padding-bottom: 27px;
    }
}
.bid__container {
    max-width: 1616px;
    margin-left: auto;
    margin-right: auto;
}
.bid__header {
    width: 100%;
    gap: 15px;
}
@media screen and (max-width: 572.98px) {
    .bid__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}
.bid__header-btn {
    padding: 10px;
}
@media screen and (max-width: 767px) {
    .bid__header-btn {
        padding: 8px 12px;
    }
}
.bid__btn {
    margin-top: 32px;
    min-width: 137px;
}
@media screen and (max-width: 1680px) {
    .bid__btn {
        margin-top: 24px;
        min-width: 130px;
    }
}
.bid__wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    gap: 32px;
    padding-top: 64px;
}
@media screen and (max-width: 1680px) {
    .bid__wrapp {
        gap: 24px 32px;
        padding-top: 32px;
    }
}
@media screen and (max-width: 992px) {
    .bid__wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
    }
}
@media screen and (max-width: 767px) {
    .bid__wrapp {
        gap: 12px;
        padding-top: 15px;
    }
}

.bid__stickers {
    gap: 10px;
}
.bid__stickers-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-dark-blue);
}
.bid__stickers-row {
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bid__document {
    gap: 32px;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
}
@media screen and (max-width: 1680px) {
    .bid__document {
        gap: 24px;
    }
}
@media screen and (max-width: 767px) {
    .bid__document {
        gap: 12px;
    }
}
.bid__document-file {
    width: 100%;
    background: none;
    padding: 0;
}
.bid__document-file .file-row-element {
    margin-top: 12px;
}
.bid__document-file .file-row-element + .file-row-element {
    margin-top: 12px;
}
.bid__document-file-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bid__document-drop {
    width: 100%;
    height: 305px;
    border-radius: 20px;
    margin-bottom: 0;
    background: none;
    border: 1px dashed var(--color-border-gray);
}
@media screen and (max-width: 1680px) {
    .bid__document-drop {
        height: 250px;
    }
}
@media screen and (max-width: 767px) {
    .bid__document-drop {
        height: 170px;
    }
}
.bid__document-drop::before {
    background: none;
    width: 0;
    height: 0;
}
.bid__document-drop::after {
    background: none;
}
.bid__document-drop img {
    width: 26px;
    height: 26px;
    margin-bottom: 12px;
}
@media screen and (max-width: 1680px) {
    .bid__document-drop img {
        width: 20px;
        height: 20px;
    }
}
.bid__document-drop .file-label {
    display: inline;
}
.bid__document-drop p {
    display: inline;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-middle-blue);
}
.bid__document-drop .file-btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    cursor: pointer;
    color: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .bid__document-drop .file-btn:hover {
        color: var(--color-text-2);
    }
}
.bid__document-drop .file-btn:focus-visible {
    color: var(--color-text-2);
}
.bid__document-drop .file-btn:active {
    color: var(--color-text-2);
}
.bid__document-textarea {
    height: 160px;
}
@media screen and (max-width: 1680px) {
    .bid__document-textarea {
        height: 147px;
    }
}

.bid__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}
@media screen and (max-width: 1680px) {
    .bid__data {
        gap: 24px;
    }
}
@media screen and (max-width: 767px) {
    .bid__data {
        gap: 12px;
    }
}
.bid__data-row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
@media screen and (max-width: 767px) {
    .bid__data-row {
        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;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
}

.education__header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
}
.education__header-menu {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
}
@media screen and (max-width: 767px) {
    .education__header-back {
        display: none;
    }
}
@media screen and (max-width: 1240px) {
    .education__title {
        font-size: 20px;
    }
}
.education__hd {
    gap: 8px;
    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;
    padding-top: 15px;
}
@media screen and (max-width: 1680px) {
    .education__hd {
        padding-top: 20px;
    }
}
@media screen and (max-width: 1440px) {
    .education__hd {
        padding-top: 33px;
    }
}
@media screen and (max-width: 767px) {
    .education__hd {
        padding-top: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
}
.education__hd-btn {
    display: none;
    fill: var(--color-ghost-white);
    font-size: 18px;
    gap: 12px;
    padding: 12px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .education__hd-btn:hover {
        border-color: #2e307f;
    }
}
.education__hd-btn:focus-visible {
    border-color: #2e307f;
}
.education__hd-btn:active {
    border-color: #bcbcbc;
}
@media (hover: hover) {
    .education__hd-btn:hover {
        background: #2e307f;
    }
}
.education__hd-btn:focus-visible {
    background: #2e307f;
}
.education__hd-btn:active {
    background: #bcbcbc;
}
@media (hover: hover) {
    .education__hd-btn:hover {
        color: var(--color-ghost-white);
    }
}
.education__hd-btn:focus-visible {
    color: var(--color-ghost-white);
}
.education__hd-btn:active {
    color: var(--color-ghost-white);
}
.education__hd-btn img,
.education__hd-btn svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 22px;
    height: 22px;
}
@media screen and (max-width: 1680px) {
    .education__hd-btn img,
    .education__hd-btn svg {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 1680px) {
    .education__hd-btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .education__hd-btn {
        font-size: 14px;
        width: 100%;
    }
}
.education__hd-btn.-is-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.education__hd-coll {
    gap: 16px;
}
@media screen and (max-width: 767px) {
    .education__hd-coll {
        gap: 8px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.education__tab {
    padding-top: 20px;
}
@media screen and (max-width: 1680px) {
    .education__tab {
        padding-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .education__tab {
        padding-top: 8px;
    }
}
.education__tab-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 767px) {
    .education__tab-btns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 4px;
        width: 100%;
    }
}
.education__tab-label {
    width: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: initial;
}
@media screen and (max-width: 767px) {
    .education__tab-label {
        width: 100%;
    }
}
.education__tab-hd {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 450px 300px;
    grid-template-columns: 450px 300px;
    gap: 8px 15px;
}
@media screen and (max-width: 992px) {
    .education__tab-hd {
        -ms-grid-columns: 1fr 300px;
        grid-template-columns: 1fr 300px;
    }
}
@media screen and (max-width: 767px) {
    .education__tab-hd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.education__tab-date {
    background: url("../../assets/img/images/date.svg") no-repeat center right 12px/contain, #e7ecf3 !important;
    background-size: 24px 24px !important;
}
@media screen and (max-width: 1680px) {
    .education__tab-date {
        background-size: 20px 20px !important;
    }
}

.education__tabel {
    padding-top: 15px;
    overflow: auto;
    padding-bottom: 5px;
}
.education__tabel-2 {
    width: calc(100% + 40px);
    margin-right: -40px;
}
@media screen and (max-width: 1240px) {
    .education__tabel-2 {
        width: calc(100% + 20px);
        margin-right: -20px;
    }
}
.education__tabel-swiper {
    width: inherit;
    overflow: initial;
}
.education__tabel-scrollbar {
    position: relative !important;
    margin-top: 30px;
    height: 10px;
    background: rgba(0, 0, 0, 0);
}
.education__tabel-scrollbar .swiper-scrollbar-drag {
    border-radius: 40px;
    height: 10px;
    background: var(--color-light-periwinkle-40);
}
.education__tabel::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 40px;
    background: var(--color-light-periwinkle-40);
}
.education__tabel::-webkit-scrollbar {
    width: 10px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0);
}
@-moz-document url-prefix() {
    .education__tabel {
        scrollbar-width: thin;
        scrollbar-color: var(--color-light-periwinkle-40) rgba(0, 0, 0, 0);
    }
    .education__tabel::-webkit-scrollbar-thumb {
        width: 10px;
        background: var(--color-light-periwinkle-40);
        border-radius: 40px;
    }
    .education__tabel::-webkit-scrollbar {
        width: 10px;
        background: rgba(0, 0, 0, 0);
    }
    .education__tabel::-moz-scrollbar {
        width: 6px;
    }
    .education__tabel .scrollable-content::-moz-scrollbar-thumb {
        background: var(--color-light-periwinkle-40);
        border-radius: 40px;
    }
}
@media screen and (max-width: 1680px) {
    .education__tabel {
        padding-top: 10px;
    }
}
.education__tabel-wrapp {
    gap: 15px;
}
.education__tabel-row {
    --education-back-table: var(--gradient-yellow);
    --education-color-title: var(--color-yellow);
    width: 100%;
    max-width: 448px;
    min-width: 374px;
    isolation: isolate;
    background: var(--color-light-steel-blue);
    border: 1px solid var(--color-border-gray);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
.education__tabel-row.-is-training {
    --education-back-table: var(--gradient-coral-light);
    --education-color-title: var(--color-coral-light);
}
.education__tabel-row.-is-coordination {
    --education-back-table: var(--gradient-sky-blue);
    --education-color-title: var(--color-sky-blue);
}
.education__tabel-row.-is-preparation {
    --education-back-table: var(--gradient-dark-violete);
    --education-color-title: var(--color-dark-violete);
}
.education__tabel-row.-is-app-processing {
    --education-back-table: var(--gradient-green-light);
    --education-color-title: var(--color-green-light);
}
.education__tabel-row.-is-making-model {
    --education-back-table: var(--gradient-yellow-light);
    --education-color-title: var(--color-yellow-light);
}
.education__tabel-row.-is-sending-printing {
    --education-back-table: var(--gradient-red-d);
    --education-color-title: var(--color-red-d);
}
.education__tabel-row.-is-production-originals {
    --education-back-table: var(--gradient-green-dark);
    --education-color-title: var(--color-green-dark);
}
.education__tabel-row.-is-sending {
    --education-back-table: var(--gradient-eggplant);
    --education-color-title: var(--color-eggplant);
}
.education__tabel-row.-is-app-closed {
    --education-back-table: var(--gradient-middle-blue-dark);
    --education-color-title: var(--color-middle-blue-dark);
}
@media screen and (max-width: 767px) {
    .education__tabel-row {
        padding: 2px;
        gap: 4px;
        min-width: 276px;
    }
}
.education__tabel-row::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: var(--education-back-table);
    width: 100%;
    height: 800px;
}
.education__tabel-row-2 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 450px;
}
@media screen and (max-width: 1680px) {
    .education__tabel-row-2 {
        width: 382px;
    }
}
@media screen and (max-width: 767px) {
    .education__tabel-row-2 {
        width: 280px;
    }
}
.education__tabel-hd {
    color: var(--education-color-title);
    position: relative;
    padding: 8px 31px;
}
@media screen and (max-width: 1680px) {
    .education__tabel-hd {
        padding: 6px 26px;
    }
}
@media screen and (max-width: 767px) {
    .education__tabel-hd {
        padding: 4px 24px;
    }
}
.education__tabel-hd::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background: var(--education-color-title);
}
@media screen and (max-width: 1680px) {
    .education__tabel-hd::after {
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 767px) {
    .education__tabel-hd::after {
        width: 8px;
        height: 8px;
    }
}
.education__tabel-btn {
    padding-left: 32px;
    padding-right: 32px;
    margin-left: auto;
    margin-right: auto;
}
.education__tabel-list {
    gap: 8px;
    margin-left: -4px;
    margin-right: -4px;
    padding: 4px;
    overflow: auto;
    min-height: 300px;
    height: calc(100vh - 200px);
}
.education__tabel-list::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 40px;
    background: var(--color-light-periwinkle-40);
}
.education__tabel-list::-webkit-scrollbar {
    width: 4px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0);
}
@-moz-document url-prefix() {
    .education__tabel-list {
        scrollbar-width: thin;
        scrollbar-color: var(--color-light-periwinkle-40) rgba(0, 0, 0, 0);
    }
    .education__tabel-list::-webkit-scrollbar-thumb {
        width: 4px;
        background: var(--color-light-periwinkle-40);
        border-radius: 40px;
    }
    .education__tabel-list::-webkit-scrollbar {
        width: 4px;
        background: rgba(0, 0, 0, 0);
    }
    .education__tabel-list::-moz-scrollbar {
        width: 4px;
    }
    .education__tabel-list .scrollable-content::-moz-scrollbar-thumb {
        background: var(--color-light-periwinkle-40);
        border-radius: 40px;
    }
}
@media screen and (max-width: 767px) {
    .education__tabel-list {
        gap: 4px;
        margin-left: -2px;
        margin-right: -2px;
        padding: 4px 2px;
    }
}

.education__cart {
    border: 1px solid var(--color-light-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: var(--color-ghost-white);
    border-radius: 15px;
    padding-bottom: 8px;
    position: relative;
    isolation: isolate;
}
.education__cart.-is-accepted {
    border-color: var(--color-programs-icon);
}
.education__cart.-is-accepted::after {
    content: "";
    background: url("../../assets/img/images/allert-yellow.svg") no-repeat center center/contain;
    position: absolute;
    left: -4px;
    top: -3px;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 767px) {
    .education__cart.-is-accepted::after {
        left: -2px;
        width: 15px;
        height: 15px;
    }
}
@media screen and (max-width: 1680px) {
    .education__cart {
        padding-bottom: 4px;
    }
}
@media screen and (max-width: 767px) {
    .education__cart {
        padding-bottom: 6px;
        border-radius: 10px;
    }
}
.education__cart:has(.education__cart-name:hover) {
    -webkit-box-shadow: var(--shadow-cart);
    box-shadow: var(--shadow-cart);
    border-color: var(--color-blue-primary);
}
.education__cart:has(.education__cart-name:focus-visible) {
    -webkit-box-shadow: var(--shadow-cart);
    box-shadow: var(--shadow-cart);
    border-color: var(--color-blue-primary);
}
.education__cart:has(.education__cart-name:active) {
    -webkit-box-shadow: var(--shadow-cart);
    box-shadow: var(--shadow-cart);
    border-color: var(--color-blue-primary);
}
.education__cart-date {
    color: var(--color-middle-blue);
}
.education__cart-date span {
    padding-left: 8px;
    color: var(--color-steel-blue);
}
.education__cart-name {
    color: var(--color-dark-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .education__cart-name:hover {
        color: var(--color-blue-primary);
    }
}
.education__cart-name:focus-visible {
    color: var(--color-blue-primary);
}
.education__cart-name:active {
    color: var(--color-blue-primary);
}
.education__cart-info {
    color: var(--color-middle-blue);
}
.education__cart-number {
    padding-left: 10px;
    color: var(--color-text);
}
.education__cart-user {
    gap: 8px;
    color: var(--color-text);
}
.education__cart-user.--color-gray {
    color: var(--color-gray);
}
@media screen and (max-width: 1680px) {
    .education__cart-user {
        gap: 6px;
    }
}
.education__cart-user img,
.education__cart-user svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .education__cart-user img,
    .education__cart-user svg {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 767px) {
    .education__cart-user img,
    .education__cart-user svg {
        width: 16px;
        height: 16px;
    }
}
.education__cart-header {
    padding: 16px 16px 8px 16px;
}
@media screen and (max-width: 1680px) {
    .education__cart-header {
        padding: 12px 12px 6px 12px;
    }
}
@media screen and (max-width: 767px) {
    .education__cart-header {
        padding: 8px 8px 4px 8px;
    }
}
.education__cart-body {
    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;
    padding: 8px 16px;
}
@media screen and (max-width: 1680px) {
    .education__cart-body {
        padding: 8px 12px;
    }
}
@media screen and (max-width: 767px) {
    .education__cart-body {
        padding: 6px 12px;
    }
}
.education__cart-list {
    padding: 16px 16px 8px 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    border-top: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 1680px) {
    .education__cart-list {
        padding: 12px 12px 4px 12px;
    }
}
@media screen and (max-width: 767px) {
    .education__cart-list {
        padding: 8px 8px 4px 8px;
    }
}
.education__cart-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 6px;
    padding: 8px 9px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
    background: var(--color-very-light-blue);
    border: 1px solid var(--color-border-gray);
    border-radius: 9px;
}
@media screen and (max-width: 1680px) {
    .education__cart-status {
        font-size: 14px;
        padding: 6px 7px;
    }
}
@media screen and (max-width: 1240px) {
    .education__cart-status {
        padding: 6px;
    }
}
@media screen and (max-width: 767px) {
    .education__cart-status {
        gap: 4px;
        font-size: 12px;
    }
}
.education__cart-status svg,
.education__cart-status img {
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1680px) {
    .education__cart-status svg,
    .education__cart-status img {
        width: 16px;
        height: 16px;
    }
}
.education__cart-status.-is-urgently {
    background: var(--grd-red);
    -webkit-box-shadow: var(--grd-red-shw);
    box-shadow: var(--grd-red-shw);
    border: none;
    color: var(--color-light-blue-90);
}
.education__cart-status.-is-tender {
    background: var(--grd-bl);
    -webkit-box-shadow: var(--grd-bl-shw);
    box-shadow: var(--grd-bl-shw);
    border: none;
    color: var(--color-light-blue-90);
}
.education__cart-status.-is-alteration {
    background: var(--grd-yel);
    -webkit-box-shadow: var(--grd-yel-shw);
    box-shadow: var(--grd-yel-shw);
    border: none;
    color: var(--color-light-blue-90);
}
.education__cart-status.-is-empty {
    background: -o-linear-gradient(353.87deg, #83cc8a -1.95%, #2cb339 106.85%);
    background: linear-gradient(96.13deg, #83cc8a -1.95%, #2cb339 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    border: none;
    color: var(--color-light-blue-90);
}
.education__cart-status.-is-materials {
    background: -o-linear-gradient(353.87deg, #f6f794 -1.95%, rgba(156, 158, 4, 0.68) 106.85%);
    background: linear-gradient(96.13deg, #f6f794 -1.95%, rgba(156, 158, 4, 0.68) 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    border: none;
    color: var(--color-text);
}
.education__cart-status.-is-sout {
    background: -o-linear-gradient(353.87deg, #969091 -1.95%, #545151 106.85%);
    background: linear-gradient(96.13deg, #969091 -1.95%, #545151 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    border: none;
    color: var(--color-light-blue-90);
}
.education__cart-status.-is-opr {
    background: -o-linear-gradient(353.87deg, #c7a036 -1.95%, #947317 106.85%);
    background: linear-gradient(96.13deg, #c7a036 -1.95%, #947317 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    border: none;
    color: var(--color-light-blue-90);
}
.education__cart-status.-is-attestat {
    background: -o-linear-gradient(330deg, #000000 25%, #ba9e00 25%, #ba9e00 50%, #000000 50%, #000000 75%, #ba9e00 75%);
    background: linear-gradient(120deg, #000000 25%, #ba9e00 25%, #ba9e00 50%, #000000 50%, #000000 75%, #ba9e00 75%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    border: none;
    color: var(--color-light-blue-90);
}
.education__cart-status.-is-testing {
    background: -o-linear-gradient(330deg, #ff0000 25%, #ffffff 25%, #ffffff 50%, #ff0000 50%, #ff0000 75%, #ffffff 75%, #ffffff 100%);
    background: linear-gradient(120deg, #ff0000 25%, #ffffff 25%, #ffffff 50%, #ff0000 50%, #ff0000 75%, #ffffff 75%, #ffffff 100%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    border: none;
    color: var(--color-text);
}
.education__cart-status.-is-audit {
    background: -o-linear-gradient(330deg, #6ed6e6 25%, #ffffff 25%, #ffffff 50%, #6ed6e6 50%, #6ed6e6 75%, #ffffff 75%, #ffffff 100%);
    background: linear-gradient(120deg, #6ed6e6 25%, #ffffff 25%, #ffffff 50%, #6ed6e6 50%, #6ed6e6 75%, #ffffff 75%, #ffffff 100%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    border: none;
    color: var(--color-text);
}
.education__cart-status.-is-autsort {
    background: #fff;
    background-image: -o-radial-gradient(#a8e4a0 2px, transparent 2px);
    background-image: radial-gradient(#a8e4a0 2px, transparent 2px);
    background-size: 12px 12px;
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.5), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.5);
    border: none;
    color: var(--color-text);
}

.education__menu-btn {
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .education__menu-btn {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .education__menu-btn {
        width: 20px;
        height: 20px;
    }
}
.education__menu-list {
    right: 0;
}

.education__history-wrapp {
    padding-top: 15px;
    gap: 14px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1680px) {
    .education__history-wrapp {
        padding-top: 10px;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .education__history-wrapp {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 572.98px) {
    .education__history-wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.bonuses__hd {
    padding-top: 15px;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 1680px) {
    .bonuses__hd {
        padding-top: 20px;
    }
}
.bonuses__hd-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: initial;
}
@media screen and (max-width: 572.98px) {
    .bonuses__hd-label {
        width: 100%;
    }
}
.bonuses__hd-btn {
    border-radius: 12px;
    padding: 12px;
}
@media screen and (max-width: 767px) {
    .bonuses__hd-btn {
        border-radius: 8px;
        padding: 9px;
    }
}
.bonuses__hd-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 15px;
    gap: 4px;
}
@media screen and (max-width: 767px) {
    .bonuses__hd-btns {
        border-radius: 10px;
    }
}
.bonuses__tab {
    padding-top: 20px;
}
@media screen and (max-width: 1680px) {
    .bonuses__tab {
        padding-top: 10px;
    }
}
.bonuses__tab-hd {
    gap: 10px;
}
@media screen and (max-width: 572.98px) {
    .bonuses__tab-hd {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}
.bonuses__tab-search {
    width: 100%;
    max-width: 507px;
}
@media screen and (max-width: 572.98px) {
    .bonuses__tab-search {
        max-width: 100%;
    }
}
.bonuses__tab-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 8px;
    gap: 15px;
    font-size: 16px;
}
@media screen and (max-width: 1680px) {
    .bonuses__tab-link {
        gap: 13px;
        padding: 12px;
    }
}
@media screen and (max-width: 572.98px) {
    .bonuses__tab-link {
        width: 100%;
    }
}
.bonuses__tab-link svg,
.bonuses__tab-link img {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .bonuses__tab-link svg,
    .bonuses__tab-link img {
        width: 20px;
        height: 20px;
    }
}

.bonuses__table {
    overflow: auto;
    padding-bottom: 17px;
    padding-top: 15px;
}
@media screen and (max-width: 572.98px) {
    .bonuses__table {
        padding-top: 10px;
    }
}
.bonuses__table-wrapp {
    min-width: 1140px;
    min-height: calc(100vh - 435px);
    border: 1px solid var(--color-border-gray);
    border-radius: 15px;
    overflow: hidden;
}
@media screen and (max-width: 1680px) {
    .bonuses__table-wrapp {
        min-height: calc(100vh - 400px);
    }
}
@media screen and (max-width: 572.98px) {
    .bonuses__table-wrapp {
        min-width: 10px;
        min-height: calc(100vh - 500px);
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        border: none;
        overflow: initial;
    }
}
.bonuses__table-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 24px;
    height: 24px;
}
.bonuses__table-btn img,
.bonuses__table-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .bonuses__table-btn {
        width: 20px;
        height: 20px;
    }
}
.bonuses__table-edit {
    fill: var(--color-swiper-arrow);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .bonuses__table-edit:hover {
        fill: var(--color-cool-navy-05);
    }
}
.bonuses__table-edit:focus-visible {
    fill: var(--color-cool-navy-05);
}
.bonuses__table-edit:active {
    fill: var(--color-cool-navy-05);
}
.bonuses__table-dell {
    fill: var(--color-red);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .bonuses__table-dell:hover {
        fill: var(--color-ruby-red);
    }
}
.bonuses__table-dell:focus-visible {
    fill: var(--color-ruby-red);
}
.bonuses__table-dell:active {
    fill: var(--color-ruby-red);
}
@media screen and (max-width: 572.98px) {
    .bonuses__table-controll {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        border-top: none !important;
        border-bottom: 1px solid var(--color-border-gray);
    }
}
.bonuses__table-controll-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
}
.bonuses__table-coin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
}
.bonuses__table-coin.-is-increase {
    color: var(--color-jungle-green);
}
.bonuses__table-coin img,
.bonuses__table-coin svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .bonuses__table-coin img,
    .bonuses__table-coin svg {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 572.98px) {
    .bonuses__table-coin img,
    .bonuses__table-coin svg {
        width: 20px;
        height: 20px;
    }
}
.bonuses__table-mobile-title {
    display: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 572.98px) {
    .bonuses__table-mobile-title {
        display: block;
    }
}
.bonuses__table-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .bonuses__table-title {
        font-size: 14px;
    }
}
.bonuses__table-status {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
    background: var(--color-lime);
    display: inline-block;
    padding: 8px 12px;
    border-radius: 10px;
    margin-left: 0;
    margin-right: auto;
}
@media screen and (max-width: 1680px) {
    .bonuses__table-status {
        padding: 6px 10px;
        border-radius: 8px;
        font-size: 14px;
    }
}
.bonuses__table-status.-is-closed {
    background: var(--color-light_sky);
}
.bonuses__table-status.-in-progress {
    color: var(--color-dark-blue);
    background: var(--color-lime);
}
.bonuses__table-coll {
    padding: 7px 15px;
}
@media screen and (max-width: 1680px) {
    .bonuses__table-coll {
        padding: 15px;
    }
}
@media screen and (max-width: 572.98px) {
    .bonuses__table-coll {
        padding: 10px;
        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;
    }
}
@media screen and (max-width: 572.98px) {
    .bonuses__table-coll + .bonuses__table-coll {
        border-top: 1px solid var(--color-border-gray);
    }
}
.bonuses__table-row {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    border-bottom: 1px solid var(--color-border-gray);
    -ms-grid-columns: 1fr 182px 191px 182px 206px 144px 150px 150px;
    grid-template-columns: 1fr 182px 191px 182px 206px 144px 150px 150px;
}
@media screen and (max-width: 1680px) {
    .bonuses__table-row {
        min-height: 59px;
        -ms-grid-columns: 1fr 121px 151px 144px 135px 130px 100px 110px;
        grid-template-columns: 1fr 121px 151px 144px 135px 130px 100px 110px;
    }
}
@media screen and (max-width: 572.98px) {
    .bonuses__table-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        border: 1px solid var(--color-border-gray);
        border-radius: 15px;
    }
}
@media screen and (max-width: 572.98px) {
    .bonuses__table-hd-row {
        display: none;
    }
}
.bonuses__table-hd-coll {
    padding: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .bonuses__table-hd-coll {
        font-size: 14px;
    }
}

.bonuses__active-row {
    -ms-grid-columns: 1fr 182px 191px 182px 206px 144px 150px 150px 88px;
    grid-template-columns: 1fr 182px 191px 182px 206px 144px 150px 150px 88px;
}
@media screen and (max-width: 1680px) {
    .bonuses__active-row {
        min-height: 59px;
        -ms-grid-columns: 1fr 121px 151px 144px 135px 130px 100px 110px 80px;
        grid-template-columns: 1fr 121px 151px 144px 135px 130px 100px 110px 80px;
    }
}
@media screen and (max-width: 572.98px) {
    .bonuses__active-row {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}

.application__header {
    width: 100%;
    max-width: 1530px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 44px;
    gap: 15px;
}
@media screen and (max-width: 1680px) {
    .application__header {
        padding-top: 38px;
    }
}
@media screen and (max-width: 1240px) {
    .application__header {
        padding-top: 27px;
    }
}
@media screen and (max-width: 767px) {
    .application__header {
        padding-top: 24px;
    }
}
@media screen and (max-width: 572.98px) {
    .application__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.application__header-btn {
    padding: 10px;
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .application__header-btn {
        padding: 8px 12px;
    }
}
.application__header-btn svg,
.application__header-btn img {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .application__header-btn svg,
    .application__header-btn img {
        width: 20px;
        height: 20px;
    }
}
.application__wrapp {
    width: 100%;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 64px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
@media screen and (max-width: 1680px) {
    .application__wrapp {
        padding-top: 32px;
        gap: 24px 32px;
    }
}
@media screen and (max-width: 767px) {
    .application__wrapp {
        padding-top: 15px;
    }
}
@media screen and (max-width: 572.98px) {
    .application__wrapp {
        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;
    }
}
.application__field:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}
.application__wallet {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    gap: 10px;
}
.application__wallet-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
.application__wallet-summ {
    gap: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
.application__wallet-summ img,
.application__wallet-summ svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
.application__btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
    padding: 12px 32px;
}
@media screen and (max-width: 572.98px) {
    .application__btn {
        padding: 8px 32px;
        margin-left: auto;
        margin-right: 0;
    }
}

.office__general {
    width: 100%;
    max-width: 1265px;
    padding-left: 20px;
    padding-right: 20px;
}
.office__general-body {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1440px) {
    .office__general-body {
        width: 100%;
        max-width: 904px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 1240px) {
    .office__general-body {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.agent__entry {
    margin-top: 0;
    min-height: calc(100vh - 80px);
    padding-top: 95px;
    padding-bottom: 95px;
}
@media screen and (max-width: 1680px) {
    .agent__entry {
        min-height: calc(100vh - 74px);
        padding-top: 33px;
        padding-bottom: 33px;
    }
}
@media screen and (max-width: 1240px) {
    .agent__entry {
        min-height: calc(100vh - 64px);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (max-width: 767px) {
    .agent__entry {
        min-height: calc(100vh - 60px);
    }
}
.agent__entry-link {
    margin: initial;
}
.agent__entry-btn {
    margin-top: 0;
}
.agent__entry-footer {
    padding-top: 8px;
    gap: 12px;
}
@media screen and (max-width: 1680px) {
    .agent__entry-footer {
        padding-top: 4px;
    }
}
@media screen and (max-width: 1240px) {
    .agent__entry-footer {
        padding-top: 8px;
    }
}
.agent__entry-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-black);
}
.agent__entry-text a {
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    color: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .agent__entry-text a:hover {
        text-decoration: underline;
    }
}
.agent__entry-text a:focus-visible {
    text-decoration: underline;
}
.agent__entry-text a:active {
    text-decoration: none;
}
@media (hover: hover) {
    .agent__entry-text a:hover {
        color: #2e307f;
    }
}
.agent__entry-text a:focus-visible {
    color: #2e307f;
}
.agent__entry-text a:active {
    color: #bcbcbc;
}
.agent__entry-row {
    gap: 12px;
}
.agent__entry-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100vh - 350px);
}
@media screen and (max-width: 1680px) {
    .agent__entry-img {
        height: calc(100vh - 140px);
    }
}
@media screen and (max-width: 1240px) {
    .agent__entry-img {
        top: -10px;
        width: 396px;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .agent__entry-img {
        top: -5px;
        width: 238px;
    }
}
.agent__entry-form {
    margin-top: 0;
}

.registration__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .registration__box {
        gap: 8px;
    }
}
.registration__box-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #102A43;
}
@media screen and (max-width: 1680px) {
    .registration__box-text {
        min-height: 20px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .registration__box-text {
        font-size: 12px;
    }
}
.registration__box-text a {
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: var(--color-swiper-arrow);
    display: contents;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .registration__box-text a:hover {
        text-decoration: underline;
    }
}
.registration__box-text a:focus-visible {
    text-decoration: underline;
}
.registration__box-text a:active {
    text-decoration: none;
}
@media (hover: hover) {
    .registration__box-text a:hover {
        color: #2e307f;
    }
}
.registration__box-text a:focus-visible {
    color: #2e307f;
}
.registration__box-text a:active {
    color: #bcbcbc;
}
.registration__confirm-text {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: var(--color-gray);
    text-align: left;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .registration__confirm-text:hover {
        color: #2e307f;
    }
}
.registration__confirm-text:focus-visible {
    color: #2e307f;
}
.registration__confirm-text:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .registration__confirm-text {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .registration__confirm-text {
        font-size: 12px;
    }
}
.registration__confirm-link {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: var(--color-swiper-arrow);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
@media (hover: hover) {
    .registration__confirm-link:hover {
        color: #2e307f;
    }
}
.registration__confirm-link:focus-visible {
    color: #2e307f;
}
.registration__confirm-link:active {
    color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
    .registration__confirm-link {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .registration__confirm-link {
        font-size: 12px;
    }
}

.story__swiper {
    padding-top: 29px;
    position: relative;
    overflow: hidden;
}
.story__swiper::after, .story__swiper::before {
    content: "";
    width: 120px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--bg-white);
    z-index: 1;
}
@media screen and (max-width: 572.98px) {
    .story__swiper::after, .story__swiper::before {
        width: 80px;
    }
}
@media (max-width: 420.99px) {
    .story__swiper::after, .story__swiper::before {
        width: 60px;
    }
}
.story__swiper::before {
    right: auto;
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media screen and (max-width: 1680px) {
    .story__swiper {
        padding-top: 20px;
    }
}
.story__swiper-box {
    max-width: 758px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 0;
    padding-bottom: 24px;
}
@media screen and (max-width: 1440px) {
    .story__swiper-box {
        padding-bottom: 22px;
        max-width: 478px;
    }
}
@media screen and (max-width: 992px) {
    .story__swiper-box {
        max-width: 344px;
    }
}
@media screen and (max-width: 767px) {
    .story__swiper-box {
        max-width: 230px;
        padding-bottom: 16px;
    }
}
.story__swiper-slide {
    aspect-ratio: 756/395;
    border-radius: 18px;
    overflow: hidden;
}
.story__swiper-slide img,
.story__swiper-slide svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 1680px) {
    .story__swiper-slide {
        aspect-ratio: 239/125;
        border-radius: 16px;
    }
}
@media screen and (max-width: 1240px) {
    .story__swiper-slide {
        aspect-ratio: 86/45;
    }
}
@media screen and (max-width: 767px) {
    .story__swiper-slide {
        aspect-ratio: 23/12;
    }
}
.story__swiper-pagination {
    z-index: 0;
    bottom: -5px !important;
}
.story__swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 4px !important;
    background: var(--color-border-gray);
    opacity: 1;
}
@media screen and (max-width: 1440px) {
    .story__swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 2px !important;
    }
}
@media screen and (max-width: 767px) {
    .story__swiper-pagination .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }
}
.story__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 999px;
    background: var(--color-swiper-arrow);
}
@media screen and (max-width: 1440px) {
    .story__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 24px;
    }
}
@media screen and (max-width: 767px) {
    .story__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 11px;
    }
}
.story__swiper-row {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-left: 15px;
    padding-right: 15px;
}
.story__swiper-btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    background: var(--color-light-periwinkle-40);
    border-radius: 50%;
}
.story__swiper-btn img,
.story__swiper-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (hover: hover) {
    .story__swiper-btn:hover {
        border-color: var(--color-swiper-arrow);
    }
}
.story__swiper-btn:focus-visible {
    border-color: var(--color-swiper-arrow);
}
.story__swiper-btn:active {
    border-color: var(--color-swiper-arrow);
}
@media screen and (max-width: 1440px) {
    .story__swiper-btn {
        width: 32px;
        height: 32px;
    }
}
@media screen and (max-width: 992px) {
    .story__swiper-btn {
        width: 24px;
        height: 24px;
    }
}
.story__swiper-btn svg,
.story__swiper-btn img {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1440px) {
    .story__swiper-btn svg,
    .story__swiper-btn img {
        width: 21px;
        height: 21px;
    }
}
@media screen and (max-width: 992px) {
    .story__swiper-btn svg,
    .story__swiper-btn img {
        width: 16px;
        height: 16px;
    }
}
.story__swiper-next svg,
.story__swiper-next img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.story__wrapp {
    width: 100%;
    max-width: 1222px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
@media screen and (max-width: 1680px) {
    .story__wrapp {
        padding-top: 10px;
        max-width: 998px;
    }
}
.story__title {
    text-align: center;
}
.story__fillter {
    padding-top: 20px;
    gap: 12px 24px;
}
@media screen and (max-width: 1680px) {
    .story__fillter {
        padding-top: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .story__fillter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.story__fillter-top {
    width: 100%;
    max-width: 695px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 382px;
    grid-template-columns: 1fr 382px;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 1680px) {
    .story__fillter-top {
        max-width: 584px;
        -ms-grid-columns: 1fr 335px;
        grid-template-columns: 1fr 335px;
    }
}
@media screen and (max-width: 1240px) {
    .story__fillter-top {
        max-width: 100%;
    }
}
@media screen and (max-width: 572.98px) {
    .story__fillter-top {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
@media screen and (max-width: 1240px) {
    .story__fillter-select {
        max-width: 250px;
    }
}
@media screen and (max-width: 572.98px) {
    .story__fillter-select {
        max-width: 100%;
    }
}
.story__fillter-bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 12px;
    margin-left: auto;
    margin-right: 0;
}
@media screen and (max-width: 572.98px) {
    .story__fillter-bottom {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.story__fillter-link {
    padding: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 572.98px) {
    .story__fillter-link {
        width: 100%;
        padding: 8px;
    }
}
.story__fillter-dates {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr 1fr;
    grid-template-columns: auto 1fr 1fr;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.story__fillter-dates-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-middle-blue);
}
@media screen and (max-width: 1680px) {
    .story__fillter-dates-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .story__fillter-dates-title {
        font-size: 14px;
    }
}
.story__table {
    padding-top: 15px;
    gap: 15px;
}
@media screen and (max-width: 1680px) {
    .story__table {
        padding-top: 10px;
        gap: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .story__table {
        padding-top: 8px;
        gap: 8px;
    }
}
@media screen and (max-width: 767px) {
    .story__table {
        gap: 12px;
    }
}
.story__table-date {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 1680px) {
    .story__table-date {
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 1240px) {
    .story__table-date {
        padding-bottom: 8px;
    }
}
@media screen and (max-width: 767px) {
    .story__table-date {
        font-size: 16px;
        padding-bottom: 12px;
    }
}
.story__table-row {
    gap: 8px;
}
@media screen and (max-width: 572.98px) {
    .story__table-row {
        -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;
    }
}
.story__table-icon {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 50px;
    height: 50px;
}
.story__table-icon img,
.story__table-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .story__table-icon {
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 767px) {
    .story__table-icon {
        width: 20px;
        height: 20px;
    }
}
.story__table-icon img,
.story__table-icon svg {
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .story__table-icon img,
    .story__table-icon svg {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .story__table-icon img,
    .story__table-icon svg {
        width: 20px;
        height: 20px;
    }
}
.story__table-name {
    color: var(--color-dark-blue);
}
.story__table-name span {
    display: block;
    padding: 15px;
}
@media screen and (max-width: 1680px) {
    .story__table-name span {
        padding: 6.5px 15px;
    }
}
@media screen and (max-width: 767px) {
    .story__table-name span {
        padding: 2.5 15px;
    }
}
.story__table-info {
    padding: 9px 15px;
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .story__table-info {
        padding: 3px 15px;
    }
}
@media screen and (max-width: 767px) {
    .story__table-info {
        padding: 0;
    }
}
.story__table-bonus {
    color: var(--color-steel-blue);
}
.story__table-change {
    color: var(--color-jungle-green);
    gap: 10px;
}
.story__table-change.-is-decline {
    color: var(--color-red);
}
.story__table-change img,
.story__table-change svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1680px) {
    .story__table-change img,
    .story__table-change svg {
        width: 24px;
        height: 24px;
    }
}

.amass__hd {
    padding-top: 20px;
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .amass__title {
        text-align: center;
    }
}
.amass__tab {
    padding-top: 24px;
}
@media screen and (max-width: 1680px) {
    .amass__tab {
        padding-top: 10px;
    }
}
.amass__tab-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media screen and (max-width: 767px) {
    .amass__tab-btns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 572.98px) {
    .amass__tab-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.amass__tab-hd {
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .amass__tab-hd {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}
.amass__tab-hd-wrapp {
    width: 100%;
    max-width: 820px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 300px;
    grid-template-columns: 1fr 300px;
    gap: 10px;
}
@media screen and (max-width: 1240px) {
    .amass__tab-hd-wrapp {
        max-width: 720px;
        -ms-grid-columns: 1fr 200px;
        grid-template-columns: 1fr 200px;
    }
}
@media screen and (max-width: 767px) {
    .amass__tab-hd-wrapp {
        max-width: 100%;
    }
}
@media screen and (max-width: 572.98px) {
    .amass__tab-hd-wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.amass__tab-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 8px;
    font-size: 16px;
    gap: 15px;
}
@media screen and (max-width: 1680px) {
    .amass__tab-btn {
        padding: 12px;
    }
}
@media screen and (max-width: 767px) {
    .amass__tab-btn {
        width: 100%;
    }
}
.amass__tab-wrapp {
    padding-top: 15px;
    min-height: calc(100dvh - 410px);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 1680px) {
    .amass__tab-wrapp {
        min-height: calc(100dvh - 390px);
    }
}
@media screen and (max-width: 1240px) {
    .amass__tab-wrapp {
        min-height: calc(100dvh - 370px);
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .amass__tab-wrapp {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        min-height: calc(100dvh - 430px);
    }
}
@media screen and (max-width: 572.98px) {
    .amass__tab-wrapp {
        min-height: calc(100dvh - 560px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.amass__search-width {
    max-width: 507px;
}
@media screen and (max-width: 767px) {
    .amass__search-width {
        max-width: 100%;
    }
}
.amass__cart {
    width: 100%;
    padding: 16px;
    gap: 16px;
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 15px;
    background: var(--color-light-steel-blue);
    border: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 1680px) {
    .amass__cart {
        padding: 12px;
    }
}
.amass__cart-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
    word-break: break-all;
}
@media screen and (max-width: 1680px) {
    .amass__cart-title {
        font-size: 16px;
    }
}
.amass__cart-text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-middle-blue);
}
@media screen and (max-width: 1680px) {
    .amass__cart-text {
        font-size: 14px;
    }
}
.amass__cart-text span {
    padding-left: 10px;
    color: var(--color-dark-navy);
}
.amass__cart-status {
    --amass-status-back: var(--color-blue-amas);
    --amass-status-color: var(--color-ghost-white);
    background: var(--amass-status-back);
    color: var(--amass-status-color);
    padding: 8px 12px;
    border-radius: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
}
.amass__cart-status.-is-active {
    --amass-status-back: var(--color-lime);
    --amass-status-color: var(--color-dark-blue);
}
.amass__cart-status.-is-not-active {
    --amass-status-back: var(--color-gr);
    --amass-status-color: var(--color-ghost-white);
}
@media screen and (max-width: 1680px) {
    .amass__cart-status {
        font-size: 14px;
    }
}
.amass__table {
    padding-top: 15px;
}
@media screen and (max-width: 767px) {
    .amass__table {
        padding-top: 10px;
    }
}

.spend__hd {
    padding-top: 20px;
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .spend__hd {
        -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;
    }
}
.spend__hd-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px;
}
@media screen and (max-width: 767px) {
    .spend__hd-btns {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px) and (max-width: 572.98px) {
    .spend__hd-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.spend__tab {
    padding-top: 20px;
}
@media screen and (max-width: 1680px) {
    .spend__tab {
        padding-top: 10px;
    }
}
.spend__bonus-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    height: calc(100vh - 292px);
    min-height: 200px;
}
@media screen and (max-width: 1680px) {
    .spend__bonus-wrapp {
        height: calc(100vh - 265px);
    }
}
@media screen and (max-width: 1240px) {
    .spend__bonus-wrapp {
        height: auto;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 572.98px) {
    .spend__bonus-wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.spend__bonus-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media screen and (max-width: 1680px) {
    .spend__bonus-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .spend__bonus-title {
        font-size: 16px;
    }
}
.spend__bonus-text {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .spend__bonus-text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .spend__bonus-text {
        font-size: 14px;
    }
}
.spend__bonus-btn {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 200px;
    background: var(--gr-cart);
    border: 1px solid var(--color-charcoal-20);
    -webkit-box-shadow: var(--box-shadow-inset);
    box-shadow: var(--box-shadow-inset);
    border-radius: 12px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    position: relative;
    isolation: isolate;
}
.spend__bonus-btn img {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    width: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 1240px) {
    .spend__bonus-btn img {
        width: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media screen and (max-width: 1240px) {
    .spend__bonus-btn:nth-last-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}
@media screen and (max-width: 767px) {
    .spend__bonus-btn {
        min-height: 180px;
    }
}
@media (hover: hover) {
    .spend__bonus-btn:hover {
        border-color: var(--color-blue-primary);
        -webkit-box-shadow: var(--box-shadow-inset-hover);
        box-shadow: var(--box-shadow-inset-hover);
    }
    .spend__bonus-btn:hover .spend__bonus-title {
        color: var(--color-blue-primary);
    }
}
.spend__bonus-btn:focus-visible {
    border-color: var(--color-blue-primary);
    -webkit-box-shadow: var(--box-shadow-inset-hover);
    box-shadow: var(--box-shadow-inset-hover);
}
.spend__bonus-btn:focus-visible .spend__bonus-title {
    color: var(--color-blue-primary);
}
.spend__bonus-btn:active {
    border-color: var(--color-blue-primary);
    -webkit-box-shadow: var(--box-shadow-inset-hover);
    box-shadow: var(--box-shadow-inset-hover);
}
.spend__bonus-btn:active .spend__bonus-title {
    color: var(--color-blue-primary);
}
.spend__bonus-btn-wrapp {
    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;
    gap: 8px;
    padding: 16px;
    min-height: 189px;
    margin-top: auto;
    margin-bottom: 0;
    background: var(--color-gray-70);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
@media screen and (max-width: 1240px) {
    .spend__bonus-btn-wrapp {
        min-height: 90px;
    }
}
.spend__orders-title {
    border-bottom: 1px solid var(--color-border-gray);
    padding-bottom: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .spend__orders-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .spend__orders-title {
        padding-bottom: 8px;
    }
}
.spend__orders-wrapp {
    width: 100%;
    max-width: 1222px;
    gap: 15px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1680px) {
    .spend__orders-wrapp {
        max-width: 984px;
    }
}
@media screen and (max-width: 1240px) {
    .spend__orders-wrapp {
        gap: 8px;
    }
}
.spend__orders-row {
    gap: 15px;
}
@media screen and (max-width: 1680px) {
    .spend__orders-row {
        gap: 8px;
    }
}
.spend__orders-img {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    background: var(--color-charcoal-20);
    border-radius: 8px;
}
.spend__orders-img img,
.spend__orders-img svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .spend__orders-img {
        width: 64px;
        height: 64px;
    }
}
@media screen and (max-width: 767px) {
    .spend__orders-img {
        width: 48px;
        height: 48px;
    }
}
.spend__orders-img img,
.spend__orders-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.spend__orders-name {
    color: var(--color-dark-blue);
}
.spend__orders-balls {
    color: var(--color-dark-blue);
    gap: 10px;
}
.spend__orders-balls img,
.spend__orders-balls svg {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: contain;
    object-fit: contain;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 767px) {
    .spend__orders-balls img,
    .spend__orders-balls svg {
        width: 20px;
        height: 20px;
    }
}
.spend__orders-coll {
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .spend__orders-coll {
        gap: 8px;
    }
}
@media screen and (max-width: 767px) {
    .spend__orders-coll {
        gap: 6px;
    }
}

.option {
    padding-top: 23px;
}
@media screen and (max-width: 1680px) {
    .option {
        padding-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .option {
        padding-top: 10px;
    }
}
.option__header {
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .option__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.option__header-btn {
    margin-left: auto;
    margin-right: 0;
    padding: 10px;
}
@media screen and (max-width: 1680px) {
    .option__header-btn {
        padding: 12px 24px;
    }
}
@media screen and (max-width: 767px) {
    .option__header-btn {
        padding: 8px 24px;
    }
}
.option__wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 916px;
    width: 100%;
    gap: 40px;
    padding-top: 108px;
}
@media screen and (max-width: 1680px) {
    .option__wrapp {
        max-width: 798px;
        padding-top: 92px;
    }
}
@media screen and (max-width: 1240px) {
    .option__wrapp {
        padding-top: 78px;
        gap: 24px;
    }
}
@media screen and (max-width: 767px) {
    .option__wrapp {
        padding-top: 10px;
        gap: 12px;
    }
}
.option__wrapp-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .option__wrapp-top {
        -ms-grid-columns: 180px 1fr;
        grid-template-columns: 180px 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .option__wrapp-top {
        -ms-grid-columns: 160px 1fr;
        grid-template-columns: 160px 1fr;
    }
}
@media screen and (max-width: 767px) {
    .option__wrapp-top {
        gap: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.option__wrapp-coll {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px 16px;
}
@media screen and (max-width: 1680px) {
    .option__wrapp-coll {
        gap: 36px 16px;
    }
}
@media screen and (max-width: 1240px) {
    .option__wrapp-coll {
        gap: 14px 16px;
    }
}
@media screen and (max-width: 767px) {
    .option__wrapp-coll {
        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;
    }
}
.option__filed:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}
.option__filed-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.option__filed-btn {
    padding: 0;
    width: 48px;
    height: 48px;
}
@media screen and (max-width: 1240px) {
    .option__filed-btn {
        width: 44px;
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .option__filed-btn {
        width: 36px;
        height: 36px;
    }
}
.option__filed-btn img,
.option__filed-btn svg {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1240px) {
    .option__filed-btn img,
    .option__filed-btn svg {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .option__avatar {
        width: 160px;
        height: 160px;
    }
}
@media screen and (max-width: 767px) {
    .option__avatar {
        width: 150px;
        height: 150px;
        margin-left: auto;
        margin-right: auto;
    }
}
.option__row {
    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;
}
.option__row-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .option__row-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .option__row-title {
        font-size: 16px;
    }
}
.option__row-text {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .option__row-text {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .option__row-text {
        font-size: 12px;
    }
}
.option__row-wrapp {
    padding: 16px;
    border-radius: 12px;
    background: var(--color-light-steel-blue);
    gap: 16px;
}
@media screen and (max-width: 1680px) {
    .option__row-wrapp {
        padding: 12px;
    }
}
@media screen and (max-width: 1240px) {
    .option__row-wrapp {
        padding: 10px;
    }
}
.option__row-wrapp-text {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .option__row-wrapp-text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .option__row-wrapp-text {
        font-size: 14px;
    }
}
@media screen and (max-width: 572.98px) {
    .option__row-password {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (max-width: 572.98px) {
    .option__row-btn {
        width: 100%;
    }
}
.option__buffer {
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 48px;
    grid-template-columns: 1fr 48px;
}
@media screen and (max-width: 1680px) {
    .option__buffer {
        -ms-grid-columns: 1fr 44px;
        grid-template-columns: 1fr 44px;
    }
}
@media screen and (max-width: 767px) {
    .option__buffer {
        -ms-grid-columns: 1fr 36px;
        grid-template-columns: 1fr 36px;
    }
}
.option__buffer-btn {
    width: 48px;
    height: 48px;
    padding: 0;
}
@media screen and (max-width: 1680px) {
    .option__buffer-btn {
        width: 44px;
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .option__buffer-btn {
        width: 36px;
        height: 36px;
    }
}
.option__buffer-btn img,
.option__buffer-btn svg {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1680px) {
    .option__buffer-btn img,
    .option__buffer-btn svg {
        width: 20px;
        height: 20px;
    }
}
.option__buffer-text {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-blue-primary);
    word-break: break-all;
}
@media screen and (max-width: 1680px) {
    .option__buffer-text {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .option__buffer-text {
        font-size: 18px;
    }
}

.work__tab {
    padding-top: 20px;
}
@media screen and (max-width: 1680px) {
    .work__tab {
        padding-top: 10px;
    }
}
.work__acc {
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--color-light-blue);
}
@media screen and (max-width: 1240px) {
    .work__acc {
        padding-bottom: 16px;
    }
}
.work__acc-btn {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--color-dark-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    padding-right: 48px;
}
@media (hover: hover) {
    .work__acc-btn:hover {
        color: var(--color-blue-primary);
    }
}
.work__acc-btn:focus-visible {
    color: var(--color-blue-primary);
}
.work__acc-btn:active {
    color: var(--color-blue-primary);
}
@media screen and (max-width: 1680px) {
    .work__acc-btn {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .work__acc-btn {
        font-size: 14px;
    }
}
.work__acc-btn::after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../../assets/img/images/acc-close.svg") no-repeat center center/contain;
}
.work__acc-btn.is-active::after {
    background: url("../../assets/img/images/acc-open.svg") no-repeat center center/contain;
}
.work__acc-body {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding-right: 48px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 767px) {
    .work__acc-body {
        font-size: 12px;
    }
}
.work__acc-body p {
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    padding-top: 8px;
}
.work__quest-wrapp {
    width: 100%;
    max-width: 1222px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
@media screen and (max-width: 1680px) {
    .work__quest-wrapp {
        max-width: 998px;
    }
}
@media screen and (max-width: 1240px) {
    .work__quest-wrapp {
        gap: 16px;
    }
}
.work__sec-images {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
.tidings__article-hd {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-border-gray);
}
.tidings__article-btn {
    padding: 10px;
}
@media screen and (max-width: 1680px) {
    .tidings__article-btn {
        padding: 12px 24px;
    }
}
@media screen and (max-width: 767px) {
    .tidings__article-btn {
        padding: 8px 24px;
    }
}
.tidings__article-inner {
    padding-top: 24px;
}
@media screen and (max-width: 1680px) {
    .tidings__article-inner {
        padding-top: 20px;
    }
}
.tidings__wrapp {
    padding-top: 30px;
    gap: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 1680px) {
    .tidings__wrapp {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 1240px) {
    .tidings__wrapp {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .tidings__wrapp {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 572.98px) {
    .tidings__wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.tidings__cart {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
.tidings__cart-img {
    width: 100%;
    background: var(--color-charcoal-20);
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 147/100;
}
@media screen and (max-width: 1680px) {
    .tidings__cart-img {
        aspect-ratio: 289/168;
    }
}
@media screen and (max-width: 1240px) {
    .tidings__cart-img {
        aspect-ratio: 113/72;
    }
}
@media screen and (max-width: 572.98px) {
    .tidings__cart-img {
        aspect-ratio: 113/72;
    }
}
.tidings__cart-img img,
.tidings__cart-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.tidings__cart-name {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-blue-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .tidings__cart-name:hover {
        color: var(--color-midnight-blue);
    }
}
.tidings__cart-name:focus-visible {
    color: var(--color-midnight-blue);
}
.tidings__cart-name:active {
    color: var(--color-midnight-blue);
}
@media screen and (max-width: 1680px) {
    .tidings__cart-name {
        font-size: 18px;
    }
}
.tidings__cart-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 1680px) {
    .tidings__cart-text {
        font-size: 12px;
    }
}
.tidings__more {
    margin-top: 40px;
}
@media screen and (max-width: 1240px) {
    .tidings__more {
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .tidings__more {
        margin-top: 25px;
    }
}

.senior__general {
    max-width: 100%;
    width: 100%;
    padding-top: 150px;
    padding-left: 40px;
    padding-right: 40px;
    gap: 30px;
}
@media screen and (max-width: 1680px) {
    .senior__general {
        padding-top: 140px;
        gap: 45px;
    }
}
@media screen and (max-width: 1240px) {
    .senior__general {
        padding-top: 110px;
        gap: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 767px) {
    .senior__general {
        padding-top: 92px;
        gap: 12px;
    }
}
.senior__general-body {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    gap: 24px 17px;
}
@media screen and (max-width: 1680px) {
    .senior__general-body {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 1240px) {
    .senior__general-body {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 17px;
    }
}
@media screen and (max-width: 767px) {
    .senior__general-body {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}
@media screen and (max-width: 572.98px) {
    .senior__general-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.senior__general-cart {
    min-height: 320px;
}
@media screen and (max-width: 1680px) {
    .senior__general-cart {
        min-height: 195px;
    }
}

.added {
    padding-top: 26px;
}
@media screen and (max-width: 1680px) {
    .added {
        padding-top: 20px;
    }
}
@media screen and (max-width: 1240px) {
    .added {
        padding-top: 15px;
    }
}
@media (max-width: 767px) {
    .added__company-list {
        display: block;
    }
}
@media (max-width: 767px) {
    .added__company-inner {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        padding-top: 30px;
        margin-top: 0;
        gap: 4px;
    }
    .added__company-inner::after {
        width: 0;
        background: none;
    }
}
.added__creating-cart-contacts {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    padding-top: 12px;
}
@media screen and (max-width: 1680px) {
    .added__creating-cart-contacts {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
}
@media screen and (max-width: 1240px) {
    .added__creating-cart-contacts {
        padding-top: 8px;
    }
}
@media screen and (max-width: 767px) {
    .added__creating-cart-contacts {
        padding-top: 4px;
    }
}
.added__header-top {
    -ms-grid-columns: 215px 1fr;
    grid-template-columns: 215px 1fr;
}
@media screen and (max-width: 1240px) {
    .added__header-top {
        -ms-grid-columns: 150px 1fr;
        grid-template-columns: 150px 1fr;
    }
}
@media screen and (max-width: 767px) {
    .added__header-top {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
.added__header-center {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1680px) {
    .added__header-center {
        -ms-grid-columns: 281px (1fr)[2];
        grid-template-columns: 281px repeat(2, 1fr);
    }
}
@media screen and (max-width: 1240px) {
    .added__header-center {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .added__header-center {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
.added__visible-title {
    display: none;
    font-size: 33px;
}
@media screen and (max-width: 1680px) {
    .added__visible-title {
        font-size: 28px;
    }
}
@media screen and (max-width: 1240px) {
    .added__visible-title {
        font-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    .added__visible-title {
        font-size: 18px;
    }
}
.added__visible-title.-is-visible {
    display: block;
}
.added__tab {
    padding-top: 10px;
}
@media screen and (max-width: 767px) {
    .added__tab {
        padding-top: 24px;
    }
}
.added__button {
    margin-left: 0;
    margin-right: auto;
    font-size: 16px;
}
@media screen and (max-width: 1680px) {
    .added__button {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .added__button {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .added__hd {
        gap: 16px;
    }
}
@media screen and (max-width: 767px) {
    .added__hd-coll {
        gap: 16px;
    }
}

.administrator__grid-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    grid-column: 1/-1;
    gap: 17px;
}
@media (max-width: 1800.99px) {
    .administrator__grid-row {
        display: contents;
    }
}

.bonus__review-hd {
    gap: 10px;
}
@media screen and (max-width: 767px) {
    .bonus__review-hd {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
}
.bonus__review-hd-btn {
    padding: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
    .bonus__review-hd-btn {
        padding: 12px;
    }
}
@media screen and (max-width: 767px) {
    .bonus__review-hd-btn {
        width: 100%;
    }
}
.bonus__review-hd-coll {
    width: 100%;
    max-width: 760px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 300px;
    grid-template-columns: 1fr 300px;
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .bonus__review-hd-coll {
        max-width: 820px;
    }
}
@media screen and (max-width: 1240px) {
    .bonus__review-hd-coll {
        -ms-grid-columns: 1fr 200px;
        grid-template-columns: 1fr 200px;
    }
}
@media screen and (max-width: 572.98px) {
    .bonus__review-hd-coll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.bonus__review-wrapp {
    padding-top: 15px;
    gap: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1240px) {
    .bonus__review-wrapp {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .bonus__review-wrapp {
        padding-top: 10px;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 572.98px) {
    .bonus__review-wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.bonus__review-more {
    margin-top: 15px;
}
@media screen and (max-width: 767px) {
    .bonus__review-more {
        margin-top: 10px;
    }
}
.bonus__cart {
    gap: 16px;
    background: var(--color-light-steel-blue);
    border: 1px solid var(--color-light-blue);
    border-radius: 15px;
    padding: 16px;
}
@media screen and (max-width: 1680px) {
    .bonus__cart {
        padding: 12px;
        gap: 12px;
    }
}
.bonus__cart-title {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .bonus__cart-title {
        font-size: 16px;
    }
}
.bonus__cart-info {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-middle-blue);
}
.bonus__cart-info span {
    padding-left: 10px;
    color: var(--color-dark-navy);
}
@media screen and (max-width: 1680px) {
    .bonus__cart-info {
        font-size: 14px;
    }
}
.bonus__cart-btn {
    padding-left: 32px;
    padding-right: 32px;
    font-size: 16px;
}
@media screen and (max-width: 1680px) {
    .bonus__cart-btn {
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
        font-size: 14px;
    }
}
.bonus__cart-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 1680px) {
    .bonus__cart-footer {
        padding-top: 12px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 1240px) {
    .bonus__cart-footer {
        gap: 4px;
    }
}
.bonus__user {
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .bonus__user {
        gap: 8px;
    }
}
.bonus__user-img {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: url("../../assets/img/images/user-img.svg") no-repeat center center/contain;
}
.bonus__user-img img,
.bonus__user-img svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .bonus__user-img {
        width: 24px;
        height: 24px;
    }
}
.bonus__user-img img,
.bonus__user-img svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.bonus__user-coll {
    gap: 2px;
}
@media screen and (max-width: 1680px) {
    .bonus__user-coll {
        gap: 1px;
    }
}
.bonus__user-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1680px) {
    .bonus__user-name {
        font-size: 14px;
    }
}
.bonus__user-id {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .bonus__user-id {
        font-size: 12px;
    }
}

@media screen and (max-width: 572.98px) {
    .design__hd-btn {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        margin-left: 0;
        margin-right: auto;
    }
}
@media screen and (max-width: 572.98px) {
    .design__step {
        padding-top: 5px;
    }
}
@media screen and (max-width: 1240px) {
    .design__step-line {
        width: 20px;
    }
}
@media screen and (max-width: 767px) {
    .design__step-line {
        width: 5px;
    }
}
.design__wrapp {
    min-height: calc(100dvh - 380px);
    gap: 12px;
    padding-top: 30px;
    padding-bottom: 60px;
}
@media screen and (max-width: 1680px) {
    .design__wrapp {
        min-height: calc(100dvh - 300px);
    }
}
@media screen and (max-width: 767px) {
    .design__wrapp {
        min-height: calc(100dvh - 250px);
    }
}
@media screen and (max-width: 572.98px) {
    .design__wrapp {
        min-height: calc(100dvh - 265px);
    }
}
.design__field {
    width: 100%;
    max-width: 912px;
}
@media screen and (max-width: 1680px) {
    .design__field {
        max-width: 794px;
    }
}
@media screen and (max-width: 1240px) {
    .design__field {
        max-width: 478px;
    }
}
@media screen and (max-width: 1680px) {
    .design__field-title {
        font-size: 16px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 1680px) {
    .design__field-input {
        min-height: 44px;
        font-size: 16px;
        padding-left: 12px;
    }
}
@media screen and (max-width: 1680px) {
    .design__field-input::-webkit-input-placeholder {
        font-size: 16px;
    }
    .design__field-input::-moz-placeholder {
        font-size: 16px;
    }
    .design__field-input:-ms-input-placeholder {
        font-size: 16px;
    }
    .design__field-input::-ms-input-placeholder {
        font-size: 16px;
    }
    .design__field-input::placeholder {
        font-size: 16px;
    }
}
.design__footer-btn {
    margin-left: auto;
    margin-right: 0;
}
.design__search-padding {
    margin-top: 30px;
}
@media screen and (max-width: 1680px) {
    .design__search-padding {
        padding-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .design__search-padding {
        padding-top: 10px;
    }
}

.loading__wrapp {
    padding-top: 20px;
    padding-bottom: 20px;
}
.loading__container {
    width: 100%;
    max-width: 452px;
}
@media screen and (max-width: 1680px) {
    .loading__container {
        max-width: 596px;
    }
}
@media screen and (max-width: 1240px) {
    .loading__container {
        max-width: 478px;
    }
}
.loading__container-title {
    padding-bottom: 12px;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1240px) {
    .loading__container-title {
        font-size: 14px;
    }
}
.loading__container-drop {
    height: auto;
    min-height: 250px;
}
@media screen and (max-width: 1240px) {
    .loading__container-drop {
        min-height: 210px;
    }
}
.loading__error {
    width: 100%;
    max-width: 452px;
    gap: 10px;
}
@media screen and (max-width: 1680px) {
    .loading__error {
        max-width: 596px;
    }
}
@media screen and (max-width: 1240px) {
    .loading__error {
        max-width: 478px;
    }
}
.loading__error-title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    color: var(--color-red);
}
@media screen and (max-width: 1680px) {
    .loading__error-title {
        font-size: 14px;
    }
}

.direction__head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}
@media (min-width: 1680px) {
    .direction__head {
        grid-gap: 32px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .direction__head {
        grid-gap: calc(
                20px + 12 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .direction__head {
        grid-gap: 20px;
    }
}
@media (min-width: 1680px) {
    .direction__head {
        margin-bottom: 32px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .direction__head {
        margin-bottom: calc(
                20px + 12 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .direction__head {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .direction__head {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.direction__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1680px) {
    .direction__content {
        gap: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .direction__content {
        gap: calc(
                10px + 10 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .direction__content {
        gap: 10px;
    }
}
@media (min-width: 1920px) {
    .direction__content {
        max-width: 1033px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .direction__content {
        max-width: calc(
                700px + 333 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .direction__content {
        max-width: 700px;
    }
}

.direction__control {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 1680px) {
    .direction__control {
        gap: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .direction__control {
        gap: calc(
                10px + 10 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .direction__control {
        gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .direction__control {
        -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;
    }
}

.direction__descr {
    color: var(--color-text-2);
    line-height: var(--line-height-text);
}

.faq__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
@media (min-width: 1680px) {
    .faq__inner {
        gap: 40px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq__inner {
        gap: calc(
                20px + 20 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq__inner {
        gap: 20px;
    }
}
@media screen and (max-width: 992px) {
    .faq__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.faq__head {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 1680px) {
    .faq__head {
        gap: 32px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq__head {
        gap: calc(
                20px + 12 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq__head {
        gap: 20px;
    }
}
@media (min-width: 1920px) {
    .faq__head {
        width: 676px;
    }
}
@media (min-width: 992px) and (max-width: 1920px) {
    .faq__head {
        width: calc(
                400px + 276 *
                (((100vw - 992px)) / ((928)))
        );
    }
}
@media (max-width: 992px) {
    .faq__head {
        width: 400px;
    }
}
@media (min-width: 1920px) {
    .faq__head {
        padding-bottom: 70px;
    }
}
@media (min-width: 992px) and (max-width: 1920px) {
    .faq__head {
        padding-bottom: calc(
                50px + 20 *
                (((100vw - 992px)) / ((928)))
        );
    }
}
@media (max-width: 992px) {
    .faq__head {
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 992px) {
    .faq__head {
        width: 100%;
    }
}

.faq__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1680px) {
    .faq__content {
        gap: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq__content {
        gap: calc(
                10px + 10 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq__content {
        gap: 10px;
    }
}

.faq-box__text,
.faq__descr {
    color: var(--color-text-2);
}

.faq-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 3px solid var(--color-border-gray);
    position: sticky;
    bottom: 10px;
}
@media (min-width: 1680px) {
    .faq-box {
        gap: 16px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-box {
        gap: calc(
                8px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-box {
        gap: 8px;
    }
}
@media (min-width: 1680px) {
    .faq-box {
        padding: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-box {
        padding: calc(
                12px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-box {
        padding: 12px;
    }
}
@media (min-width: 1680px) {
    .faq-box {
        border-radius: 30px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-box {
        border-radius: calc(
                12px + 18 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-box {
        border-radius: 12px;
    }
}
@media (min-width: 1920px) {
    .faq-box {
        width: 396px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .faq-box {
        width: calc(
                320px + 76 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .faq-box {
        width: 320px;
    }
}
@media screen and (max-width: 1240px) {
    .faq-box {
        border-width: 2px;
        width: 100%;
        position: relative;
        bottom: 0;
    }
}

.faq-box__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1680px) {
    .faq-box__body {
        gap: 16px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-box__body {
        gap: calc(
                8px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-box__body {
        gap: 8px;
    }
}
@media screen and (max-width: 992px) {
    .faq-box__body {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}
@media screen and (max-width: 767px) {
    .faq-box__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.faq__body {
    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;
}
@media (min-width: 1680px) {
    .faq__body {
        gap: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq__body {
        gap: calc(
                12px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq__body {
        gap: 12px;
    }
}

.faq-accordion__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1680px) {
    .faq-accordion__list {
        gap: 16px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-accordion__list {
        gap: calc(
                8px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-accordion__list {
        gap: 8px;
    }
}

.faq-accordion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid var(--color-border-gray);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    background: var(--color-card-bg);
}
@media (min-width: 1680px) {
    .faq-accordion {
        border-radius: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-accordion {
        border-radius: calc(
                12px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-accordion {
        border-radius: 12px;
    }
}
@media (min-width: 1680px) {
    .faq-accordion {
        --padding: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-accordion {
        --padding: calc(
                12px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-accordion {
        --padding: 12px;
    }
}
@media screen and (hover: hover) {
    .faq-accordion:hover {
        border-color: var(--color-blue-primary);
    }
}
.faq-accordion.--is-active {
    background: var(--block-accent-background);
    border-color: var(--color-blue-primary);
}
.faq-accordion.--is-active .faq-accordion__body {
    max-height: 9999px;
}
.faq-accordion.--is-active .faq-accordion__icon {
    background-color: var(--color-blue-primary);
}
.faq-accordion.--is-active .faq-accordion__icon svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.faq-accordion.--is-active .faq-accordion__icon svg path {
    fill: var(--color-card-bg);
}

.faq-accordion__head {
    padding: var(--padding);
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    width: 100%;
}
@media (min-width: 1680px) {
    .faq-accordion__head {
        gap: 20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-accordion__head {
        gap: calc(
                12px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-accordion__head {
        gap: 12px;
    }
}

.faq-accordion__title {
    text-align: left;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    line-height: var(--line-height-title);
}

.faq-accordion__inner {
    padding: 0 var(--padding) var(--padding);
}

.faq-accordion__icon {
    border-radius: 50%;
    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: var(--block-accent-background);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1680px) {
    .faq-accordion__icon {
        width: 48px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-accordion__icon {
        width: calc(
                24px + 24 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-accordion__icon {
        width: 24px;
    }
}
@media (min-width: 1680px) {
    .faq-accordion__icon {
        height: 48px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-accordion__icon {
        height: calc(
                24px + 24 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-accordion__icon {
        height: 24px;
    }
}
.faq-accordion__icon svg {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
}
@media (min-width: 1680px) {
    .faq-accordion__icon svg {
        width: 24px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-accordion__icon svg {
        width: calc(
                16px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-accordion__icon svg {
        width: 16px;
    }
}
@media (min-width: 1680px) {
    .faq-accordion__icon svg {
        height: 24px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .faq-accordion__icon svg {
        height: calc(
                16px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .faq-accordion__icon svg {
        height: 16px;
    }
}
.faq-accordion__icon svg path {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    fill: var(--color-blue-primary);
}

.faq-accordion__text {
    line-height: var(--line-height-text);
}

.faq-accordion__body {
    max-height: 0;
    overflow: hidden;
}

.other {
    background-color: var(--block-accent-background);
}

.other__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1680px) {
    .other__list {
        grid-gap: 16px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .other__list {
        grid-gap: calc(
                8px + 8 *
                (((100vw - 320px)) / ((1360)))
        );
    }
}
@media (max-width: 320px) {
    .other__list {
        grid-gap: 8px;
    }
}
@media screen and (max-width: 1240px) {
    .other__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .other__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.other-card {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    border: 1px solid transparent;
}
@media screen and (hover: hover) {
    .other-card:hover {
        border-color: var(--color-blue-primary);
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-box-shadow: var(--shadow-black);
        box-shadow: var(--shadow-black);
    }
}

.party__width {
    width: 100%;
    max-width: 1362px;
    margin-left: auto;
    margin-right: auto;
}
.party__filter {
    margin-top: 30px;
    gap: 12px;
}
@media screen and (max-width: 1680px) {
    .party__filter {
        margin-top: 20px;
    }
}
@media screen and (max-width: 572.98px) {
    .party__filter {
        margin-top: 10px;
    }
}
.party__filter-title {
    color: var(--color-steel-blue);
}
@media screen and (max-width: 572.98px) {
    .party__filter-title {
        width: 100%;
    }
}
.party__filter-hd, .party__filter-body {
    gap: 5px 12px;
}
.party__filter-dates {
    gap: 12px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 366px;
}
@media screen and (max-width: 1680px) {
    .party__filter-dates {
        max-width: 354px;
    }
}
@media screen and (max-width: 1240px) {
    .party__filter-dates {
        max-width: 240px;
    }
}
@media screen and (max-width: 572.98px) {
    .party__filter-dates {
        max-width: 100%;
    }
}
.party__filter-dates input {
    min-height: 0;
    height: 42px;
    padding: 0 12px;
}
@media screen and (max-width: 1680px) {
    .party__filter-dates input {
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .party__filter-dates input {
        height: 36px;
        padding: 0 8px;
    }
}
.party__table {
    margin-top: 20px;
    border: 1px solid var(--color-light-blue);
    border-radius: 15px;
}
@media screen and (max-width: 767px) {
    .party__table {
        border: none;
    }
}
@media screen and (max-width: 572.98px) {
    .party__table {
        margin-top: 10px;
    }
}
.party__table-row + .party__table-row, .party__table-row + .party__row {
    border-top: 1px solid var(--color-light-blue);
}
.party__table-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr 495px 205px;
    grid-template-columns: 50px 1fr 495px 205px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 1680px) {
    .party__table-row {
        -ms-grid-columns: 45px 1fr 495px 235px;
        grid-template-columns: 45px 1fr 495px 235px;
    }
}
@media screen and (max-width: 1240px) {
    .party__table-row {
        -ms-grid-columns: 40px 1fr 266px 190px;
        grid-template-columns: 40px 1fr 266px 190px;
    }
}
@media screen and (max-width: 767px) {
    .party__table-row {
        -ms-grid-columns: 40px 1fr;
        grid-template-columns: 40px 1fr;
    }
}
.party__table-coll {
    padding: 15px;
}
@media screen and (max-width: 767px) {
    .party__table-coll {
        padding: 10px;
    }
}
.party__table-hd {
    grid-template-areas: "... table__hd-name table__hd-period table__hd-period";
}
@media screen and (max-width: 767px) {
    .party__table-hd {
        display: none;
    }
}
.party__table-hd-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}
@media screen and (max-width: 1680px) {
    .party__table-hd-title {
        font-size: 14px;
    }
}
.party__table-hd-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: table__hd-name;
}
.party__table-hd-period {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: table__hd-period;
}
.party__table-mob-title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
    padding-bottom: 10px;
    display: none;
}
@media screen and (max-width: 767px) {
    .party__table-mob-title {
        display: block;
    }
}
.party__table-dates {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.party__table-dates input {
    min-height: 0;
    height: 42px;
    padding: 0 12px;
}
@media screen and (max-width: 1680px) {
    .party__table-dates input {
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .party__table-dates input {
        height: 36px;
        padding: 0 8px;
    }
}
.party__table-btn {
    padding: 5px;
    width: 100%;
    min-height: 44px;
    font-size: 16px;
}
@media screen and (max-width: 1680px) {
    .party__table-btn {
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .party__table-btn {
        height: 33px;
        font-size: 14px;
    }
}
.party__table-controll {
    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;
}
@media screen and (max-width: 767px) {
    .party__table-controll {
        padding: 7px 10px;
    }
}
.party__table-controll-btn {
    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;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: var(--color-blue-primary);
    width: 100%;
    height: 24px;
    gap: 12px;
    padding: 0;
    fill: var(--color-steel-blue);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    cursor: pointer;
}
@media (hover: hover) {
    .party__table-controll-btn:hover {
        fill: var(--color-blue-primary);
    }
}
.party__table-controll-btn:focus-visible {
    fill: var(--color-blue-primary);
}
.party__table-controll-btn:active {
    fill: var(--color-blue-primary);
}
.party__table-controll-btn span {
    display: none;
}
@media screen and (max-width: 767px) {
    .party__table-controll-btn span {
        display: block;
    }
}
@media screen and (max-width: 1680px) {
    .party__table-controll-btn {
        height: 42px;
    }
}
@media screen and (max-width: 1240px) {
    .party__table-controll-btn {
        height: 40px;
    }
}
@media screen and (max-width: 767px) {
    .party__table-controll-btn {
        height: 36px;
        fill: var(--color-steel-blue);
    }
}
.party__table-controll-btn img,
.party__table-controll-btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1680px) {
    .party__table-controll-btn img,
    .party__table-controll-btn svg {
        width: 20px;
        height: 20px;
    }
}
.party__table-user {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 992px) {
    .party__table-user {
        font-size: 14px;
    }
}
.party__table-coll-controll {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: controll;
}
@media screen and (max-width: 767px) {
    .party__table-coll-controll {
        border-top: 1px solid var(--color-light-blue);
    }
}
.party__table-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: name;
}
.party__table-coll-date {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: date;
}
@media screen and (max-width: 767px) {
    .party__table-coll-date {
        border-top: 1px solid var(--color-light-blue);
    }
}
.party__table-coll-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: btn;
}
@media screen and (max-width: 767px) {
    .party__table-coll-btn {
        border-top: 1px solid var(--color-light-blue);
    }
}
.party__table-dell-btn {
    fill: var(--color-red);
}
@media screen and (max-width: 767px) {
    .party__table-dell-btn {
        height: 20px;
    }
}
.party__table-body-title, .party__table-body-subtitle {
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 992px) {
    .party__table-body-title, .party__table-body-subtitle {
        font-size: 14px;
    }
}
.party__table-body-subtitle {
    color: var(--color-steel-blue);
}
.party__table-body-dell {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: party__table-dell;
}
@media screen and (max-width: 767px) {
    .party__table-body-dell {
        padding: 15px 0;
    }
}
.party__table-body-user {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: party__table-user;
    gap: 5px;
    padding: 15px;
}
@media screen and (max-width: 1240px) {
    .party__table-body-user {
        gap: 10px;
        padding: 10px 15px;
    }
}
@media screen and (max-width: 767px) {
    .party__table-body-user {
        gap: 5px;
        padding: 10px;
    }
}
.party__table-body-date {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: party__table-date;
}
@media screen and (max-width: 767px) {
    .party__table-body-date {
        padding: 5px 15px 15px 15px;
    }
}
.party__row.is-active .party__table-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.party__row.is-active .party__row-body {
    display: -ms-grid;
    display: grid;
}
@media screen and (max-width: 767px) {
    .party__row {
        -ms-grid-columns: 40px 1fr;
        grid-template-columns: 40px 1fr;
        border: 1px solid var(--color-light-blue);
        border-radius: 15px;
    }
}
@media screen and (max-width: 767px) {
    .party__row + .party__row {
        margin-top: 10px;
    }
}
.party__row-hd {
    grid-template-areas: "controll name date btn";
}
@media screen and (max-width: 767px) {
    .party__row-hd {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: "name" "date" "btn" "controll";
    }
    .party__table-coll-controll {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .party__table-coll-name {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .party__table-coll-date {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .party__table-coll-btn {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
}
.party__row-body {
    display: none;
    grid-template-areas: "party__table-dell party__table-user party__table-date ...";
}
@media screen and (max-width: 767px) {
    .party__row-body {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-template-areas: "party__table-dell party__table-user" "party__table-date party__table-date";
    }
    .party__table-body-dell {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .party__table-body-user {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .party__table-body-date {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}

/* ============================================================================
   TYPOGRAPHY UTILITIES
   ============================================================================
   Утилитарные классы для работы с текстом и типографией
   Быстрый доступ к стилям прямо из HTML
   ============================================================================ */
.font-thin {
    font-weight: var(--font-weight-thin, 100);
}

.font-extralight {
    font-weight: var(--font-weight-extralight, 200);
}

.font-light, .fz-14, .fz-16,
.light,
.fw-300 {
    font-weight: var(--font-weight-light, 300);
}

.font-regular,
.font-normal,
.caption,
.body-small,
.tariff-card__text,
.step-item__text,
.advantages-card__text,
.list-accent-primary li,
.list-accent-secondary li,
.list-accent li,
.body-base,
.tariff-table__body-col,
.body-large,
.body-xl,
.regular,
.fw-400 {
    font-weight: var(--font-weight-regular, 400);
}

.assistent-chat__input::-webkit-input-placeholder, .chat-main__input::-webkit-input-placeholder {
    font-weight: var(--font-weight-medium, 500);
}

.assistent-chat__input::-moz-placeholder, .chat-main__input::-moz-placeholder {
    font-weight: var(--font-weight-medium, 500);
}

.assistent-chat__input:-ms-input-placeholder, .chat-main__input:-ms-input-placeholder {
    font-weight: var(--font-weight-medium, 500);
}

.assistent-chat__input::-ms-input-placeholder, .chat-main__input::-ms-input-placeholder {
    font-weight: var(--font-weight-medium, 500);
}

.font-medium, .requisites-item, .regulatory-card__descr,
.regulatory-card__text, .loading-warning, .assistent-appeal__status-text, .insights-accordion__head::after, .fz-18, .text-18, .assistent-chat__input::placeholder,
.chat-main__input::placeholder, .assistent-chat__input,
.chat-main__input, .text-20, .label, .reporting-card__text, .reporting-text, .chapter-accordion__text,
.medium,
.fw-500 {
    font-weight: var(--font-weight-medium, 500);
}

.font-semibold, .events-accordion__item, .events-accordion__title, .document-danger-info, .document-sidebar__title, .chapter-card__item, .chapter-card__title, .regulatory-card__title, .template-card__title, .category-card__text, .category-card__title, .tariff-card--popular::before, .promo-automation__special, .offer-card__text, .step-item__count, .promo-hero__social-link, .link-more, .button-component, .fz-24, .heading-xxs, .heading-xs, .tariff-card__title, .tariff-table__head-col, .step-item__title, .advantages-card__title, .heading-small, .reporting-accordion__title, .reporting-card__date, .reporting-card__title, .reporting-card__caption, .reporting-link, .plan-item__text, .reporting-file, .chapter-accordion__title, .chapter-accordion__link, .programs-card__title,
.semibold,
.fw-600,
.fw-800 {
    font-weight: var(--font-weight-semibold, 600);
}

.font-bold, .step-item::after, .heading-base, .offer-card__label, .heading-large,
.fw-700 {
    font-weight: var(--font-weight-bold, 700);
}

.font-extrabold,
.extrabold {
    font-weight: var(--font-weight-extrabold, 800);
}

.font-black,
.fw-900 {
    font-weight: var(--font-weight-black, 900);
}

.text-xs, .fz-14, .caption {
    font-size: var(--font-size-xs, 0.75rem);
    line-height: var(--line-height-tight, 1.25);
}

.promo-callback__form-input::-webkit-input-placeholder {
    font-size: var(--font-size-sm, 0.875rem);
    line-height: var(--line-height-base, 1.5);
}

.promo-callback__form-input::-moz-placeholder {
    font-size: var(--font-size-sm, 0.875rem);
    line-height: var(--line-height-base, 1.5);
}

.promo-callback__form-input:-ms-input-placeholder {
    font-size: var(--font-size-sm, 0.875rem);
    line-height: var(--line-height-base, 1.5);
}

.promo-callback__form-input::-ms-input-placeholder {
    font-size: var(--font-size-sm, 0.875rem);
    line-height: var(--line-height-base, 1.5);
}

.text-sm, .promo-callback__form-input::placeholder, .promo-callback__form-input, .promo-callback__form-select .select__label-span, .promo-callback__form-select .select__current, .insights-accordion__head::after, .promo-automation__special-condition, .offer-card__text, .fz-16, .font-size-16, .document-subnav__link, .category-card__text, .reporting-card__date, .reporting-card__caption, .label, .body-small, .tariff-card__text, .step-item__text, .advantages-card__text, .list-accent-primary li,
.list-accent-secondary li,
.list-accent li {
    font-size: var(--font-size-sm, 0.875rem);
    line-height: var(--line-height-base, 1.5);
}

.modal-request__form-fields .input-angle__field::-webkit-input-placeholder, .assistent-chat__input::-webkit-input-placeholder, .chat-main__input::-webkit-input-placeholder {
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-base);
}

.modal-request__form-fields .input-angle__field::-moz-placeholder, .assistent-chat__input::-moz-placeholder, .chat-main__input::-moz-placeholder {
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-base);
}

.modal-request__form-fields .input-angle__field:-ms-input-placeholder, .assistent-chat__input:-ms-input-placeholder, .chat-main__input:-ms-input-placeholder {
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-base);
}

.modal-request__form-fields .input-angle__field::-ms-input-placeholder, .assistent-chat__input::-ms-input-placeholder, .chat-main__input::-ms-input-placeholder {
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-base);
}

.text-base, .modal-request__form-fields .input-angle__title, .modal-request__form-fields .input-angle__field::placeholder, .modal-request__form-fields .input-angle__field, .promo-callback__form-label .label-check-span, .tariff-card--popular::before, .promo-hero__social-link, .button-component, .fz-18, .text-18, .assistent-chat__input::placeholder,
.chat-main__input::placeholder, .assistent-chat__input,
.chat-main__input, .font-size-18, .document-danger-info, .document-nav__link, .requisites-item, .chapter-card__item, .regulatory-card__descr,
.regulatory-card__text, .category-card__title, .loading-warning, .assistent-appeal__status-text, .reporting-card__text, .reporting-link, .plan-item__text, .reporting-file, .chapter-accordion__link, .programs-card__title, .body-base, .tariff-table__body-col, .heading-xxs {
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-base);
}

.text-md {
    font-size: var(--font-size-md, 1.125rem);
    line-height: var(--line-height-text, 1.6);
}

.text-lg, .promo-automation__special-label, .step-item__count, .link-more, .text-20, .font-size-20, .document-sidebar__title, .chapter-accordion__title, .body-large, .heading-xs, .tariff-card__title, .tariff-table__head-col, .step-item__title, .advantages-card__title {
    font-size: var(--font-size-lg, 1.375rem);
    line-height: var(--line-height-title, 1.3);
}

.text-xl, .fz-24, .body-xl, .heading-small {
    font-size: var(--font-size-xl, 1.75rem);
    line-height: var(--line-height-title, 1.3);
}

.text-2xl {
    font-size: var(--font-size-2xl, 2.25rem);
    line-height: var(--line-height-tight, 1.25);
}

.text-3xl {
    font-size: var(--font-size-3xl, 3rem);
    line-height: var(--line-height-tight, 1.2);
}

.text-4xl, .heading-base, .offer-card__label {
    font-size: var(--font-size-4xl, 3.75rem);
    line-height: var(--line-height-tight, 1.2);
}

.text-5xl, .heading-large {
    font-size: var(--font-size-5xl, 4rem);
    line-height: var(--line-height-tight, 1.2);
}

.leading-none {
    line-height: var(--line-height-none, 1);
}

.leading-tight, .label, .caption {
    line-height: var(--line-height-tight, 1.1);
}

.leading-title, .heading-xxs, .heading-xs, .tariff-card__title, .tariff-table__head-col, .step-item__title, .advantages-card__title, .heading-small, .heading-base, .offer-card__label, .heading-large {
    line-height: var(--line-height-title, 1.2);
}

.leading-base, .font-size-20-18, .events-accordion__item, .events-accordion__title, .regulatory-card__title, .template-card__title, .reporting-accordion__title, .reporting-card__title, .reporting-warning__text, .reporting-text, .chapter-accordion__text, .body-large, .body-xl {
    line-height: var(--line-height-base, 1.3);
}

.leading-text {
    line-height: var(--line-height-text, 1.4);
}

.leading-loose, .insights-accordion__head::after, .body-small, .tariff-card__text, .step-item__text, .advantages-card__text, .list-accent-primary li,
.list-accent-secondary li,
.list-accent li, .body-base, .tariff-table__body-col {
    line-height: var(--line-height-loose, 1.5);
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.normal-case {
    text-transform: none;
}

.underline {
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
}

.line-through {
    text-decoration: line-through;
}

.no-underline {
    text-decoration: none;
}

.text-left {
    text-align: left;
}

.text-center, .category-card__text, .category-card__title, .assistent-appeal__status-text, .tariff-card__title, .step-item__count, .step-item::after {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.text-start {
    text-align: start;
}

.text-end {
    text-align: end;
}

.truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overflow-ellipsis {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.overflow-clip {
    -o-text-overflow: clip;
    text-overflow: clip;
}

.line-clamp-1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-clamp-4 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.line-clamp-5 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.line-clamp-6 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.italic {
    font-style: italic;
}

.not-italic {
    font-style: normal;
}

.oblique {
    font-style: oblique;
}

.whitespace-normal {
    white-space: normal;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.whitespace-pre {
    white-space: pre;
}

.whitespace-pre-line {
    white-space: pre-line;
}

.whitespace-pre-wrap {
    white-space: pre-wrap;
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal;
}

.break-words {
    overflow-wrap: break-word;
}

.break-all {
    word-break: break-all;
}

.break-keep {
    word-break: keep-all;
}

.modal-request__form-fields .input-angle__field::-webkit-input-placeholder, .promo-callback__form-input::-webkit-input-placeholder {
    font-family: var(--font-family-base);
}

.modal-request__form-fields .input-angle__field::-moz-placeholder, .promo-callback__form-input::-moz-placeholder {
    font-family: var(--font-family-base);
}

.modal-request__form-fields .input-angle__field:-ms-input-placeholder, .promo-callback__form-input:-ms-input-placeholder {
    font-family: var(--font-family-base);
}

.modal-request__form-fields .input-angle__field::-ms-input-placeholder, .promo-callback__form-input::-ms-input-placeholder {
    font-family: var(--font-family-base);
}

.font-base, .modal-request__form-fields .input-angle__title, .modal-request__form-fields .input-angle__field::placeholder, .modal-request__form-fields .input-angle__field, .promo-callback__form-input::placeholder, .promo-callback__form-input, .promo-callback__form-label .label-check-span, .promo-callback__form-select .select__label-span, .promo-callback__form-select .select__current, .tariff-card--popular::before, .insights-accordion__head::after, .promo-automation__special, .offer-card__text, .step-item__count, .step-item::after, .promo-hero__social-link, .promo-hero__badge, .link-more, .button-component, .label, .caption, .body-small, .tariff-card__text, .step-item__text, .advantages-card__text, .list-accent-primary li,
.list-accent-secondary li,
.list-accent li, .body-base, .tariff-table__body-col, .body-large, .body-xl, .heading-xxs, .heading-xs, .tariff-card__title, .tariff-table__head-col, .step-item__title, .advantages-card__title, .heading-small, .heading-base, .offer-card__label, .heading-large {
    font-family: var(--font-family-base);
}

.font-primary {
    font-family: var(--font-primary);
}

.text-balance {
    text-wrap: balance;
}

.text-pretty {
    text-wrap: pretty;
}

.text-nowrap {
    text-wrap: nowrap;
}

.text-wrap {
    text-wrap: wrap;
}

.heading-large *,
.heading-base *,
.offer-card__label *,
.heading-small *,
.heading-xs *,
.tariff-card__title *,
.tariff-table__head-col *,
.step-item__title *,
.advantages-card__title *,
.body-xl *,
.body-large *,
.body-base *,
.tariff-table__body-col *,
.body-small *,
.tariff-card__text *,
.step-item__text *,
.advantages-card__text *,
.list-accent-primary li *,
.list-accent-secondary li *,
.list-accent li *,
.caption *,
.label * {
    font-family: inherit;
    line-height: inherit;
}

@media (min-width: 1920px) {
    .font-size-50 {
        font-size: 50px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .font-size-50 {
        font-size: calc(
                40px + 10 *
                (((100vw - 1280px)) / ((640)))
        );
    }
}
@media (max-width: 1280px) {
    .font-size-50 {
        font-size: 40px;
    }
}
@media (max-width: 1240px) and (min-width: 1240px) {
    .font-size-50 {
        font-size: 40px;
    }
}
@media (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
    .font-size-50 {
        font-size: calc(
                32px + 8 *
                (((100vw - 768px)) / ((472)))
        );
    }
}
@media (max-width: 1240px) and (max-width: 768px) {
    .font-size-50 {
        font-size: 32px;
    }
}
@media (max-width: 767px) and (min-width: 768px) {
    .font-size-50 {
        font-size: 32px;
    }
}
@media (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
    .font-size-50 {
        font-size: calc(
                24px + 8 *
                (((100vw - 360px)) / ((408)))
        );
    }
}
@media (max-width: 767px) and (max-width: 360px) {
    .font-size-50 {
        font-size: 24px;
    }
}

.font-size-42 {
    font-size: 42px;
}
@media (max-width: 1680px) {
    .font-size-42 {
        font-size: 36px;
    }
}
@media (max-width: 1240px) {
    .font-size-42 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .font-size-42 {
        font-size: 22px;
    }
}

.font-size-32 {
    font-size: 32px;
}
@media (max-width: 1680px) {
    .font-size-32 {
        font-size: 26px;
    }
}
@media (max-width: 1240px) {
    .font-size-32 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .font-size-32 {
        font-size: 20px;
    }
}

.font-size-24 {
    font-size: 24px;
}
@media (max-width: 1680px) {
    .font-size-24 {
        font-size: 20px;
    }
}
@media (max-width: 1240px) {
    .font-size-24 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .font-size-24 {
        font-size: 16px;
    }
}

.font-size-22 {
    font-size: 22px;
}
@media screen and (max-width: 1680px) {
    .font-size-22 {
        font-size: 18px;
    }
}
@media screen and (max-width: 1240px) {
    .font-size-22 {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .font-size-22 {
        font-size: 14px;
    }
}

.font-size-20-18, .events-accordion__item, .events-accordion__title, .regulatory-card__title, .template-card__title, .reporting-accordion__title, .reporting-card__title, .reporting-warning__text, .reporting-text, .chapter-accordion__text {
    font-size: 20px;
}
@media screen and (max-width: 1680px) {
    .font-size-20-18, .events-accordion__item, .events-accordion__title, .regulatory-card__title, .template-card__title, .reporting-accordion__title, .reporting-card__title, .reporting-warning__text, .reporting-text, .chapter-accordion__text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .font-size-20-18, .events-accordion__item, .events-accordion__title, .regulatory-card__title, .template-card__title, .reporting-accordion__title, .reporting-card__title, .reporting-warning__text, .reporting-text, .chapter-accordion__text {
        font-size: 14px;
    }
}

.link, .chapter-card__link, .assistent-message__repeat,
.message__repeat-btn, .promo-callback__form-label .label-check-span a, .chapter-accordion__link {
    font-size: inherit;
    font-weight: inherit;
    color: var(--color-blue-primary);
}
@media screen and (hover: hover) {
    .link:hover, .chapter-card__link:hover, .assistent-message__repeat:hover,
    .message__repeat-btn:hover, .promo-callback__form-label .label-check-span a:hover, .chapter-accordion__link:hover {
        color: var(--color-golden);
    }
}
.link:active, .chapter-card__link:active, .assistent-message__repeat:active,
.message__repeat-btn:active, .promo-callback__form-label .label-check-span a:active, .chapter-accordion__link:active {
    opacity: 0.5;
}

.fz-33 {
    font-size: 33px;
    line-height: var(--line-height-tight);
}
@media (max-width: 1680px) {
    .fz-33 {
        font-size: 28px;
    }
}
@media (max-width: 1240px) {
    .fz-33 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .fz-33 {
        font-size: 18px;
    }
}

.title-compensating-padding {
    margin-top: 18px;
}
@media (max-width: 767px) {
    .title-compensating-padding {
        margin-top: 0;
    }
}

.page--promo {
    background-color: var(--color-background-secondary);
}

.click:active, .promo-hero__social-link:active, .button-component:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.button-component {
    padding: var(--spacing-4) var(--spacing-8);
    border: var(--border-width-thin) solid transparent;
    border-radius: var(--border-radius-lg);
}
.button-component svg,
.button-component img {
    width: var(--icon-size-base);
    height: var(--icon-size-base);
}
.button-component svg path {
    fill: currentColor;
}

.button-primary {
    background-color: var(--color-accent-primary);
    color: var(--color-title-inverted);
}
@media screen and (hover: hover) {
    .button-primary:hover {
        border-color: var(--color-accent-primary);
        color: var(--color-accent-primary);
        background-color: var(--color-surface-orange);
    }
}

.button-secondary, .tariff-card--popular .tariff-card__btn {
    background-color: var(--color-accent-secondary);
    color: var(--color-title-inverted);
}
@media screen and (hover: hover) {
    .button-secondary:hover, .tariff-card--popular .tariff-card__btn:hover {
        border-color: var(--color-accent-secondary);
        color: var(--color-accent-secondary);
        background-color: var(--color-surface-blue);
    }
}

.button-outlined {
    color: var(--color-accent-primary);
    border-color: var(--color-accent-primary);
}
@media screen and (hover: hover) {
    .button-outlined:hover {
        border-color: var(--color-accent-secondary);
        color: var(--color-accent-secondary);
        background-color: var(--color-surface-blue);
    }
    .button-outlined:hover svg {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.link-more {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--color-accent-secondary);
}
.link-more svg,
.link-more img {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    -webkit-transition: var(--transition-duration-base);
    -o-transition: var(--transition-duration-base);
    transition: var(--transition-duration-base);
}
.link-more svg path {
    fill: currentColor;
}
.link-more * {
    font-family: inherit;
    line-height: inherit;
}
@media screen and (hover: hover) {
    .link-more:hover {
        color: var(--color-accent-primary);
    }
    .link-more:hover svg,
    .link-more:hover img {
        -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px);
    }
}

.list-accent-primary li,
.list-accent-secondary li,
.list-accent li {
    position: relative;
    padding-left: calc(var(--icon-size-base) + var(--spacing-3));
}
.list-accent-primary li::before,
.list-accent-secondary li::before,
.list-accent li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--icon-size-base);
    height: var(--icon-size-base);
}

.list-accent li::before {
    background: url("../img/icon/icon-check.svg") no-repeat center/contain;
}

.list-accent-danger li::before {
    background: url("../img/icon/icon-check-danger.svg") no-repeat center/contain;
}

.list-accent-primary li::before {
    background: url("../img/icon/icon-check-orange.svg") no-repeat center/contain;
}

.list-accent-secondary li::before {
    background: url("../img/icon/icon-check-blue.svg") no-repeat center/contain;
}

.image-cover, .image-absolute, .promo-hero__media img,
.promo-hero__media video,
.promo-hero__media iframe {
    -o-object-fit: cover;
    object-fit: cover;
}

.image-contain, .template-card__star-inner svg, .chat-preview__closed svg, .chat-main__timer svg, .assistent-message__avatar svg,
.assistent-message__avatar img,
.message__avatar svg,
.message__avatar img, .assistent-btn svg, .direction-card__icon svg,
.direction-card__icon img, .tariff-table__col svg, .promo-automation__media img, .advantages-card__icon svg,
.advantages-card__icon img, .promo-hero__social-link svg,
.promo-hero__social-link img, .promo-hero__badge svg,
.promo-hero__badge img, .image-absolute-contain, .image-relative, .document-nav__btn svg, .edition-file__icon svg, .category-card__icon svg,
.category-card__icon img, .chat-main__avatar img,
.chat-main__avatar svg, .chat-preview__avatar img,
.chat-preview__avatar svg, .assistent-chat__send svg,
.chat-main__send-btn svg, .assistent-appeal__status-icon img, .assistent-appeal__status-icon svg, .promo-callback__media img, .partner-card img, .promo-hero__clients-image img,
.promo-hero__clients-image svg, .reporting-warning__icon svg,
.reporting-warning__icon img, .reporting-row__icon img,
.reporting-row__icon svg, .favourite-card__icon img,
.favourite-card__icon svg, .button-component svg,
.button-component img, .link-more svg,
.link-more img {
    -o-object-fit: contain;
    object-fit: contain;
}

.image-relative, .document-nav__btn svg, .edition-file__icon svg, .category-card__icon svg,
.category-card__icon img, .chat-main__avatar img,
.chat-main__avatar svg, .chat-preview__avatar img,
.chat-preview__avatar svg, .assistent-chat__send svg,
.chat-main__send-btn svg, .assistent-appeal__status-icon img, .assistent-appeal__status-icon svg, .promo-callback__media img, .partner-card img, .promo-hero__clients-image img,
.promo-hero__clients-image svg, .reporting-warning__icon svg,
.reporting-warning__icon img, .reporting-row__icon img,
.reporting-row__icon svg, .favourite-card__icon img,
.favourite-card__icon svg {
    width: 100%;
    height: 100%;
}

.image-absolute, .promo-hero__media img,
.promo-hero__media video,
.promo-hero__media iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-absolute-contain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.promo-hero {
    position: relative;
    z-index: var(--z-index-elevated);
}
.promo-hero::before, .promo-hero::after {
    content: "";
    display: block;
    position: absolute;
    width: var(--spacing-80);
    height: var(--spacing-80);
    border-radius: var(--border-radius-full);
    z-index: var(--z-index-behind);
    -webkit-filter: blur(100px);
    filter: blur(100px);
    opacity: 0.8;
}
@media (min-width: 1680px) {
    .promo-hero::before, .promo-hero::after {
        --position: -160px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-hero::before, .promo-hero::after {
        --position: calc(
                -80px + -80 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-hero::before, .promo-hero::after {
        --position: -80px;
    }
}
.promo-hero::before {
    top: var(--position);
    left: var(--position);
    background: -o-radial-gradient(50% 50%, 50% 50%, rgb(254, 215, 170) 0%, rgb(254, 215, 170) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgb(254, 215, 170) 0%, rgb(254, 215, 170) 100%);
}
.promo-hero::after {
    right: var(--position);
    bottom: var(--position);
    background: -o-radial-gradient(50% 50%, 50% 50%, rgb(196, 198, 255) 0%, rgb(196, 198, 255) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgb(196, 198, 255) 0%, rgb(196, 198, 255) 100%);
}

.promo-hero__inner {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
    .promo-hero__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.promo-hero__body {
    position: relative;
    z-index: var(--z-index-elevated);
}
.promo-hero__body::before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/icon/promo-hero-bg.svg") no-repeat center/contain;
    bottom: 0;
    right: 0;
    z-index: var(--z-index-behind);
}
@media (min-width: 1680px) {
    .promo-hero__body::before {
        width: 250px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-hero__body::before {
        width: calc(
                120px + 130 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-hero__body::before {
        width: 120px;
    }
}
@media (min-width: 1680px) {
    .promo-hero__body::before {
        height: 315px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-hero__body::before {
        height: calc(
                150px + 165 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-hero__body::before {
        height: 150px;
    }
}
@media screen and (max-width: 1240px) {
    .promo-hero__body {
        padding: 0;
    }
}

.promo-hero__bottom {
    margin-top: auto;
}

.promo-hero__badge {
    padding: var(--spacing-3) var(--spacing-5);
    border-radius: var(--border-radius-4xl);
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    background-color: var(--color-surface-orange);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.promo-hero__badge svg,
.promo-hero__badge img {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
}

.promo-hero__media-wrap {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    background-color: var(--color-background);
    border-radius: var(--border-radius-3xl) var(--border-radius-3xl) var(--border-radius-3xl) 0;
}

.promo-hero__media {
    overflow: hidden;
}
.promo-hero__social {
    position: absolute !important;
    bottom: 0;
    left: 0;
    background-color: var(--color-background-secondary);
    padding: var(--spacing-6) var(--spacing-6) 0 0;
    border-radius: 0 var(--border-radius-3xl) 0 0;
    position: relative;
    position: relative;
}
@media (min-width: 1680px) {
    .promo-hero__social {
        --pos: -32px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-hero__social {
        --pos: calc(
                -20px + -12 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-hero__social {
        --pos: -20px;
    }
}
.promo-hero__social::before {
    content: "";
    position: absolute;
    width: var(--border-radius-3xl);
    height: var(--border-radius-3xl);
    background: var(--color-background-secondary);
    z-index: 1;
    top: var(--pos);
    left: 0;
    mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
    -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}
.promo-hero__social::after {
    content: "";
    position: absolute;
    width: var(--border-radius-3xl);
    height: var(--border-radius-3xl);
    background: var(--color-background-secondary);
    z-index: 1;
    right: var(--pos);
    bottom: 0;
    mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
    -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 70%, black 50%);
}

.promo-hero__social-link {
    width: var(--icon-size-2xl);
    height: var(--icon-size-2xl);
    border-radius: var(--border-radius-full);
    background-color: var(--color-surface-blue);
    border: var(--border-width-thin) solid transparent;
}
.promo-hero__social-link svg,
.promo-hero__social-link img {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    -webkit-transition: var(--transition-duration-base);
    -o-transition: var(--transition-duration-base);
    transition: var(--transition-duration-base);
}
@media screen and (hover: hover) {
    .promo-hero__social-link:hover {
        border-color: var(--color-border-primary);
        background-color: var(--color-background);
    }
    .promo-hero__social-link:hover svg,
    .promo-hero__social-link:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (min-width: 1680px) {
    .promo-hero__btn {
        min-width: 240px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-hero__btn {
        min-width: calc(
                80px + 160 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-hero__btn {
        min-width: 80px;
    }
}

.promo-hero__clients-text {
    font-weight: var(--font-weight-semibold);
}

.promo-hero__clients-image {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: var(--icon-size-md);
}
.promo-advantages__head {
    max-width: 900px;
}

.promo-advantages__list {
    grid-template-columns: repeat(auto-fit, minmax(var(--min-width), 1fr));
}
@media (min-width: 1920px) {
    .promo-advantages__list {
        --min-width: 270px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .promo-advantages__list {
        --min-width: calc(
                200px + 70 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .promo-advantages__list {
        --min-width: 200px;
    }
}
@media screen and (max-width: 767px) and (min-width: 767px) {
    .promo-advantages__list {
        --min-width: 200px;
    }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 767px) {
    .promo-advantages__list {
        --min-width: calc(
                140px + 60 *
                ((100vw - 360px) / (407))
        );
    }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
    .promo-advantages__list {
        --min-width: 140px;
    }
}

.advantages-card {
    background-color: var(--color-background-secondary);
    border-radius: var(--border-radius-2xl);
    border: var(--border-width-thin) solid var(--color-border-primary);
}
.advantages-card:nth-child(5n-4) {
    --advantages-card-color: #dbeafe;
}
.advantages-card:nth-child(5n-3) {
    --advantages-card-color: #f3e8ff;
}
.advantages-card:nth-child(5n-2) {
    --advantages-card-color: #dcfce7;
}
.advantages-card:nth-child(5n-1) {
    --advantages-card-color: #ffedd5;
}
.advantages-card:nth-child(5n) {
    --advantages-card-color: #fce7f3;
}
@media screen and (max-width: 767px) {
    .advantages-card:last-child {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}

.advantages-card__icon {
    border-radius: var(--border-radius-md);
    width: var(--icon-size-xl);
    height: var(--icon-size-xl);
    background-color: var(--advantages-card-color);
}
.advantages-card__icon svg,
.advantages-card__icon img {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
}

.promo-partners__swiper {
    overflow: visible;
}

.promo-partners__head {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}

@media screen and (min-width: 992px) {
    .promo-partners__nav {
        display: none;
    }
}

.promo-partners__title {
    text-align: center;
}
@media screen and (max-width: 992px) {
    .promo-partners__title {
        text-align: left;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}

.partner-card {
    width: auto;
}
@media (min-width: 1680px) {
    .partner-card {
        height: 100px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .partner-card {
        height: calc(
                60px + 40 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .partner-card {
        height: 60px;
    }
}
@media screen and (max-width: 767px) {
    .partner-card img {
        min-width: auto;
        width: auto;
    }
}

.promo-steps {
    background-color: var(--color-surface-orange);
}

.promo-steps__list {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    counter-reset: step-counter;
}
@media screen and (max-width: 1240px) {
    .promo-steps__list {
        padding: 0;
    }
}
@media screen and (max-width: 992px) {
    .promo-steps__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.step-item {
    position: relative;
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
    z-index: var(--z-index-elevated);
}
@media (min-width: 1680px) {
    .step-item {
        padding-top: 72px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .step-item {
        padding-top: calc(
                24px + 48 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .step-item {
        padding-top: 24px;
    }
}
.step-item::after {
    content: "0" counter(step-counter);
    counter-increment: step-counter;
    color: #fed7aa;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
    -o-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
    transition: var(--transition-duration-base) var(--transition-timing-ease-in);
    z-index: var(--z-index-behind);
}
@media (min-width: 1680px) {
    .step-item::after {
        font-size: 96px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .step-item::after {
        font-size: calc(
                40px + 56 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .step-item::after {
        font-size: 40px;
    }
}
@media screen and (hover: hover) {
    .step-item:hover::after {
        opacity: 1;
    }
}

.step-item__count {
    width: var(--icon-size-xl);
    height: var(--icon-size-xl);
    border-radius: var(--border-radius-full);
    background-color: var(--color-accent-primary);
}

.promo-offer__inner {
    border-radius: var(--border-radius-3xl);
    background-color: var(--color-dark-blue);
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    position: relative;
    z-index: var(--z-index-elevated);
}
@media (min-width: 1920px) {
    .promo-offer__inner {
        gap: 200px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .promo-offer__inner {
        gap: calc(
                100px + 100 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .promo-offer__inner {
        gap: 100px;
    }
}
@media screen and (max-width: 1240px) {
    .promo-offer__inner {
        gap: var(--spacing-12);
    }
}
@media screen and (max-width: 767px) {
    .promo-offer__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
.promo-offer__inner::before, .promo-offer__inner::after {
    content: "";
    display: block;
    position: absolute;
    z-index: var(--z-index-behind);
    background: url("../img/icon/offer-decor.svg") no-repeat center/contain;
}
.promo-offer__inner::before {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}
@media (min-width: 1680px) {
    .promo-offer__inner::before {
        width: 115px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__inner::before {
        width: calc(
                75px + 40 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__inner::before {
        width: 75px;
    }
}
@media (min-width: 1680px) {
    .promo-offer__inner::before {
        height: 130px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__inner::before {
        height: calc(
                90px + 40 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__inner::before {
        height: 90px;
    }
}
@media (min-width: 1680px) {
    .promo-offer__inner::before {
        left: -20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__inner::before {
        left: calc(
                -10px + -10 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__inner::before {
        left: -10px;
    }
}
@media (min-width: 1680px) {
    .promo-offer__inner::before {
        bottom: -20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__inner::before {
        bottom: calc(
                -30px + 10 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__inner::before {
        bottom: -30px;
    }
}
.promo-offer__inner::after {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
@media (min-width: 1680px) {
    .promo-offer__inner::after {
        width: 130px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__inner::after {
        width: calc(
                95px + 35 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__inner::after {
        width: 95px;
    }
}
@media (min-width: 1680px) {
    .promo-offer__inner::after {
        height: 150px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__inner::after {
        height: calc(
                110px + 40 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__inner::after {
        height: 110px;
    }
}
@media (min-width: 1680px) {
    .promo-offer__inner::after {
        right: 40px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__inner::after {
        right: calc(
                -40px + 80 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__inner::after {
        right: -40px;
    }
}
@media (min-width: 1680px) {
    .promo-offer__inner::after {
        top: -20px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__inner::after {
        top: calc(
                -30px + 10 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__inner::after {
        top: -30px;
    }
}

.promo-offer__body {
    grid-template-columns: repeat(auto-fit, minmax(var(--min-width), 1fr));
}
@media (min-width: 1680px) {
    .promo-offer__body {
        --min-width: 360px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__body {
        --min-width: calc(
                150px + 210 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__body {
        --min-width: 150px;
    }
}

@media (min-width: 1680px) {
    .promo-offer__head {
        max-width: 580px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-offer__head {
        max-width: calc(
                320px + 260 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-offer__head {
        max-width: 320px;
    }
}

.offer-card {
    border-radius: var(--border-radius-xl);
    border: var(--border-width-thin) solid var(--color-border-inverted);
    background: rgba(130, 138, 151, 0.2);
}
.offer-card:nth-child(2n-1) .offer-card__label {
    color: var(--color-accent-primary) !important;
}
.offer-card:nth-child(2n) .offer-card__label {
    color: var(--color-accent-secondary) !important;
}

.promo-automation__inner {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
    .promo-automation__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding-bottom: var(--spacing-12);
    }
}

@media screen and (max-width: 992px) {
    .promo-automation__head {
        padding-top: 0;
    }
}

.promo-automation__body {
    position: relative;
}
@media screen and (min-width: 767px) {
    .promo-automation__body {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
@media screen and (hover: hover) {
    .promo-automation__body:hover .promo-automation__media,
    .promo-automation__body:hover .promo-automation__special {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    .promo-automation__body:hover .promo-automation__media {
        -webkit-box-shadow: var(--shadow-primary);
        box-shadow: var(--shadow-primary);
    }
}

.promo-automation__media {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
    border-radius: var(--border-radius-2xl);
    -webkit-box-shadow: var(--shadow-black);
    box-shadow: var(--shadow-black);
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
    -o-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
    transition: var(--transition-duration-base) var(--transition-timing-ease-in);
}
.promo-automation__media img {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius-2xl);
    overflow: hidden;
}

.promo-automation__special {
    -webkit-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
    -o-transition: var(--transition-duration-base) var(--transition-timing-ease-in);
    transition: var(--transition-duration-base) var(--transition-timing-ease-in);
    position: absolute;
    bottom: -30px;
    right: -20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: var(--z-index-elevated);
    border-radius: var(--border-radius-xl);
    background-color: var(--color-accent-secondary);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.promo-insights {
    position: relative;
    overflow: hidden;
    background-color: var(--color-ghost-white);
    z-index: var(--z-index-elevated);
}
.promo-insights::before, .promo-insights::after {
    content: "";
    display: block;
    position: absolute;
    width: var(--size);
    height: var(--size);
    border-radius: var(--border-radius-full);
    z-index: var(--z-index-behind);
    -webkit-filter: blur(100px);
    filter: blur(100px);
    opacity: 0.3;
    background: -o-radial-gradient(50% 50%, 50% 50%, rgb(196, 198, 255) 0%, rgb(196, 198, 255) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgb(196, 198, 255) 0%, rgb(196, 198, 255) 100%);
}
@media (min-width: 1680px) {
    .promo-insights::before, .promo-insights::after {
        --position: -220px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-insights::before, .promo-insights::after {
        --position: calc(
                -110px + -110 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-insights::before, .promo-insights::after {
        --position: -110px;
    }
}
@media (min-width: 1680px) {
    .promo-insights::before, .promo-insights::after {
        --size: 440px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-insights::before, .promo-insights::after {
        --size: calc(
                220px + 220 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-insights::before, .promo-insights::after {
        --size: 220px;
    }
}
.promo-insights::before {
    top: var(--position);
    left: var(--position);
}
.promo-insights::after {
    right: var(--position);
    bottom: var(--position);
}

@media screen and (min-width: 992px) {
    .promo-insights__body {
        padding: 0 var(--spacing-24);
    }
}

.insights-accordion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: var(--border-width-thin) solid var(--color-border-primary);
    -webkit-transition: var(--transition-duration-base);
    -o-transition: var(--transition-duration-base);
    transition: var(--transition-duration-base);
    background: var(--color-white);
    border-radius: var(--border-radius-xl);
    overflow: hidden;
}
@media screen and (hover: hover) {
    .insights-accordion:hover {
        -webkit-box-shadow: var(--shadow-black-10);
        box-shadow: var(--shadow-black-10);
    }
}
.insights-accordion.--is-active {
    -webkit-box-shadow: var(--shadow-primary);
    box-shadow: var(--shadow-primary);
}
.insights-accordion.--is-active .insights-accordion__head::after {
    content: "Скрыть";
}
.insights-accordion.--is-active .insights-accordion__body {
    max-height: 9999px;
}
.insights-accordion.--is-active .insights-accordion__icon {
    background-color: var(--color-blue-primary);
}
.insights-accordion.--is-active .insights-accordion__icon svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.insights-accordion.--is-active .insights-accordion__icon svg path {
    fill: var(--color-card-bg);
}

.insights-accordion__head {
    padding: var(--spacing-4) var(--spacing-8);
    -ms-grid-columns: 1fr auto auto;
    grid-template-columns: 1fr auto auto;
}
@media screen and (max-width: 767px) {
    .insights-accordion__head {
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        padding: var(--spacing-6);
    }
}
.insights-accordion__head::after {
    content: "Подробнее";
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-row-align: center;
    align-self: center;
    color: var(--color-accent-secondary);
    text-align: right;
}
@media screen and (max-width: 767px) {
    .insights-accordion__head::after {
        display: none;
    }
}

.insights-accordion__title {
    text-align: left;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    line-height: var(--line-height-title);
}

.insights-accordion__inner {
    padding: var(--spacing-4) var(--spacing-8);
    background-color: #f9fafc;
}

.insights-accordion__icon {
    border-radius: var(--border-radius-full);
    background: var(--block-accent-background);
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
}
.insights-accordion__icon svg {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    width: var(--icon-size-base);
    height: var(--icon-size-base);
}
.insights-accordion__icon svg path {
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    fill: var(--color-blue-primary);
}

.insights-accordion__text {
    line-height: var(--line-height-text);
}

.insights-accordion__body {
    max-height: 0;
    overflow: hidden;
}

.tariff-table {
    overflow: hidden;
    width: 100%;
    border-radius: var(--border-radius-2xl);
    border: var(--border-width-thin) solid var(--color-border-primary);
}
@media screen and (max-width: 767px) {
    .tariff-table {
        border: none;
    }
}

.tariff-table__row {
    -ms-grid-columns: 1fr (var(--col))[3];
    grid-template-columns: 1fr repeat(3, var(--col));
}
@media (min-width: 1920px) {
    .tariff-table__row {
        --col: 315px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .tariff-table__row {
        --col: calc(
                150px + 165 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .tariff-table__row {
        --col: 150px;
    }
}
@media screen and (max-width: 767px) {
    .tariff-table__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        overflow: hidden;
    }
}

.tariff-table__col {
    padding: var(--spacing-5) var(--spacing-8);
}
.tariff-table__col:not(:first-child) {
    text-align: center;
    border-left: var(--border-width-thin) solid var(--color-border-primary);
}
@media screen and (max-width: 767px) {
    .tariff-table__col:not(:first-child) {
        border: none;
    }
}
.tariff-table__col svg {
    width: var(--icon-size-base);
    height: var(--icon-size-base);
}

@media screen and (max-width: 767px) {
    .tariff-table__head {
        display: none;
    }
}

.tariff-table__head-col:nth-child(2) {
    background: #fef7ee;
    color: #9a3412;
}
.tariff-table__head-col:nth-child(3) {
    background: #effdf6;
    color: #065f46;
}
.tariff-table__head-col:nth-child(4) {
    background: #eff2fe;
    color: #3730a3;
}

@media screen and (max-width: 767px) {
    .tariff-table__body {
        gap: var(--spacing-2);
    }
}

.tariff-table__body-col:not(:first-child) {
    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;
}
@media screen and (max-width: 767px) {
    .tariff-table__body-col:not(:first-child) {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .tariff-table__body-col:nth-child(2) {
        background: #fef7ee;
        color: #9a3412;
    }
    .tariff-table__body-col:nth-child(3) {
        background: #effdf6;
        color: #065f46;
    }
    .tariff-table__body-col:nth-child(4) {
        background: #eff2fe;
        color: #3730a3;
    }
}
@media screen and (max-width: 767px) {
    .tariff-table__body-col::before {
        content: attr(data-table-caption);
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .tariff-table__body-col:first-child {
        font-weight: var(--font-weight-semibold) !important;
        color: var(--color-text);
    }
}

.tariff-table__head-row {
    background-color: #f9fafc;
}

.tariff-table__body-row {
    background-color: var(--color-white);
    border-top: var(--border-width-thin) solid var(--color-border-primary);
}
@media screen and (max-width: 767px) {
    .tariff-table__body-row {
        border: none;
        border-radius: var(--border-radius-2xl);
        border: var(--border-width-thin) solid var(--color-border-primary);
    }
}
@media screen and (hover: hover) {
    .tariff-table__body-row:hover {
        background-color: #f9fafc;
    }
}

.promo-tariffs__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    padding-top: 20px;
}
@media screen and (max-width: 1240px) {
    .promo-tariffs__list {
        padding: 20px 0 0;
    }
}
@media screen and (max-width: 992px) {
    .promo-tariffs__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.tariff-card {
    border-radius: var(--border-radius-2xl);
    -webkit-box-shadow: var(--shadow-black);
    box-shadow: var(--shadow-black);
    overflow: hidden;
    position: relative;
    background-color: var(--color-white);
}
.tariff-card:nth-child(3n-2) .tariff-card__head {
    background: -webkit-gradient(linear, left top, right top, from(#fff7ed), to(#fff));
    background: -o-linear-gradient(left, #fff7ed 0%, #fff 100%);
    background: linear-gradient(90deg, #fff7ed 0%, #fff 100%);
}
.tariff-card:nth-child(3n-1) .tariff-card__head {
    background: -webkit-gradient(linear, left top, right top, from(#eef2ff), to(#fff));
    background: -o-linear-gradient(left, #eef2ff 0%, #fff 100%);
    background: linear-gradient(90deg, #eef2ff 0%, #fff 100%);
}
.tariff-card:nth-child(3n) .tariff-card__head {
    background: -webkit-gradient(linear, left top, right top, from(#faf5ff), to(#fff));
    background: -o-linear-gradient(left, #faf5ff 0%, #fff 100%);
    background: linear-gradient(90deg, #faf5ff 0%, #fff 100%);
}
@media screen and (hover: hover) {
    .tariff-card:hover {
        -webkit-box-shadow: var(--shadow-primary);
        box-shadow: var(--shadow-primary);
    }
}

.tariff-card--popular {
    border: var(--border-width-thin) solid var(--color-accent-secondary);
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-box-shadow: var(--shadow-primary);
    box-shadow: var(--shadow-primary);
    overflow: visible;
}
@media screen and (max-width: 992px) {
    .tariff-card--popular {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        margin-top: 20px;
    }
}
.tariff-card--popular .tariff-card__btn {
    border-color: transparent;
}
.tariff-card--popular::before {
    content: "Популярный";
    padding: var(--spacing-3) var(--spacing-6);
    border-radius: var(--border-radius-2xl);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: var(--z-index-elevated);
    background-color: var(--color-accent-secondary);
}
@media (min-width: 1680px) {
    .tariff-card--popular::before {
        top: -30px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .tariff-card--popular::before {
        top: calc(
                -20px + -10 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .tariff-card--popular::before {
        top: -20px;
    }
}

@media screen and (max-width: 992px) {
    .tariff-card__btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        min-width: 120px;
    }
}

.tariff-card__head {
    border-radius: var(--border-radius-2xl) var(--border-radius-2xl) 0 0;
}

.tariff-card__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.tariff-card__control {
    margin-top: auto;
}

.promo-cta__inner {
    padding: var(--spacing-5) var(--spacing-10);
    background-color: var(--color-ghost-white);
    border-radius: var(--border-radius-2xl);
    border: var(--border-width-thin) solid var(--color-border-primary);
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}
@media screen and (max-width: 767px) {
    .promo-cta__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .promo-cta__btn {
        margin-left: auto;
    }
}

.promo-directions__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 992px) {
    .promo-directions__list {
        padding: 0;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

.direction-card {
    border-radius: var(--border-radius-3xl);
    background-color: var(--color-white);
    -webkit-box-shadow: var(--shadow-primary);
    box-shadow: var(--shadow-primary);
    border-top: var(--border-width-thicker) solid var(--accent-color);
}
.direction-card:nth-child(3n-2) {
    --accent-color: var(--color-accent-primary);
    --accent-bg: var(--color-surface-orange);
    --accent-icon: url("../img/icon/icon-check-orange.svg") no-repeat center /
    contain;
}
.direction-card:nth-child(3n-1) {
    --accent-color: var(--color-accent-secondary);
    --accent-bg: var(--color-surface-blue);
    --accent-icon: url("../img/icon/icon-check-blue.svg") no-repeat center /
    contain;
}
.direction-card:nth-child(3n) {
    --accent-color: var(--color-danger);
    --accent-bg: var(--color-surface-danger);
    --accent-icon: url("../img/icon/icon-check-danger.svg") no-repeat center /
    contain;
}

.direction-card__head {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}

.direction-card__icon {
    border-radius: var(--border-radius-md);
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    background-color: var(--accent-bg);
}
.direction-card__icon svg,
.direction-card__icon img {
    width: var(--icon-size-base);
    height: var(--icon-size-base);
}

.direction-card__footer {
    margin-top: auto;
    padding-top: var(--spacing-6);
    border-top: var(--border-width-thin) solid var(--color-border-primary);
}

.direction-card__list li::before {
    background: var(--accent-icon);
}

.promo-callback__inner {
    background-color: var(--color-dark-blue);
    border-radius: var(--border-radius-4xl);
    position: relative;
    overflow: hidden;
}
@media (min-width: 1680px) {
    .promo-callback__inner {
        padding-top: 60px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-callback__inner {
        padding-top: calc(
                24px + 36 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-callback__inner {
        padding-top: 24px;
    }
}
@media (min-width: 1680px) {
    .promo-callback__inner {
        padding-bottom: 60px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-callback__inner {
        padding-bottom: calc(
                24px + 36 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-callback__inner {
        padding-bottom: 24px;
    }
}
@media (min-width: 1680px) {
    .promo-callback__inner {
        padding-left: 150px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-callback__inner {
        padding-left: calc(
                32px + 118 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-callback__inner {
        padding-left: 32px;
    }
}
@media (min-width: 1680px) {
    .promo-callback__inner {
        padding-right: 150px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .promo-callback__inner {
        padding-right: calc(
                32px + 118 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .promo-callback__inner {
        padding-right: 32px;
    }
}
@media (min-width: 1920px) {
    .promo-callback__inner {
        min-height: 550px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .promo-callback__inner {
        min-height: calc(
                400px + 150 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .promo-callback__inner {
        min-height: 400px;
    }
}
@media screen and (max-width: 992px) {
    .promo-callback__inner {
        padding: var(--spacing-12);
    }
}
@media screen and (max-width: 767px) {
    .promo-callback__inner {
        min-height: auto;
    }
}

.promo-callback__media {
    position: absolute;
}
@media (min-width: 1920px) {
    .promo-callback__media {
        width: 600px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .promo-callback__media {
        width: calc(
                300px + 300 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .promo-callback__media {
        width: 300px;
    }
}
@media (min-width: 1920px) {
    .promo-callback__media {
        height: 800px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .promo-callback__media {
        height: calc(
                400px + 400 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .promo-callback__media {
        height: 400px;
    }
}
@media (min-width: 1920px) {
    .promo-callback__media {
        left: 120px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .promo-callback__media {
        left: calc(
                20px + 100 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .promo-callback__media {
        left: 20px;
    }
}
@media (min-width: 1920px) {
    .promo-callback__media {
        bottom: -200px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .promo-callback__media {
        bottom: calc(
                -100px + -100 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .promo-callback__media {
        bottom: -100px;
    }
}
@media screen and (max-width: 767px) {
    .promo-callback__media {
        display: none;
    }
}

.promo-callback__form {
    margin-left: auto;
}
@media (min-width: 1920px) {
    .promo-callback__form {
        width: 723px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .promo-callback__form {
        width: calc(
                360px + 363 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .promo-callback__form {
        width: 360px;
    }
}
@media screen and (max-width: 767px) {
    .promo-callback__form {
        width: 100%;
    }
}

.promo-callback__form-bottom {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
@media screen and (max-width: 992px) {
    .promo-callback__form-bottom {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.promo-callback__form-fields {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 992px) {
    .promo-callback__form-fields {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.promo-callback__form-select {
    -ms-grid-column-span: 2;
    grid-column: span 2;
}
@media screen and (max-width: 992px) {
    .promo-callback__form-select {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}
.promo-callback__form-select .select__header {
    border-radius: var(--border-radius-lg);
}
.promo-callback__form-select .select__body {
    padding: 0;
}
.promo-callback__form-label .label-check-span::after {
    border: var(--border-width-base) solid var(--color-border-inverted);
    border-radius: var(--border-radius-base);
    background: none;
}
.promo-callback__form-label .label-check-span::after, .promo-callback__form-label .label-check-span::before {
    top: var(--spacing-1);
}
.promo-callback__form-input {
    border-radius: var(--border-radius-lg);
}
.modal-request__head {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}

.modal-request__form-fields .input-angle__field {
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-3) var(--spacing-4);
}
.modal-request__submit {
    margin-left: auto;
}

.modal-request__container {
    width: 100%;
}
@media (min-width: 1680px) {
    .modal-request__container {
        max-width: 540px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .modal-request__container {
        max-width: calc(
                420px + 120 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .modal-request__container {
        max-width: 420px;
    }
}

.autumn-sale {
    width: 100%;
}
.autumn-sale picture, .autumn-sale source, .autumn-sale img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.general__head {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
}
@media screen and (max-width: 992px) {
    .general__head {
        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: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.general__descr {
    max-width: 600px;
}

.sout__general {
    max-width: 100%;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}
@media screen and (max-width: 1440px) {
    .sout__general {
        gap: 48px;
    }
}
@media screen and (max-width: 1240px) {
    .sout__general {
        padding-left: 20px;
        padding-right: 20px;
        gap: 30px;
    }
}

.sout__general-body {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 1440px) {
    .sout__general-body {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 992px) {
    .sout__general-body {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .sout__general-body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.assistent-container {
    position: fixed;
    z-index: 700;
    padding: 24px 40px;
    right: 0;
    bottom: 0;
    max-height: 100dvh;
    overflow: auto;
    display: none;
}
.assistent-container.-is-active {
    display: block;
}
@media screen and (max-width: 992px) {
    .assistent-container {
        padding: 20px;
    }
}
@media screen and (max-width: 767px) {
    .assistent-container {
        width: 100%;
        height: 100dvh;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background: rgba(16, 42, 67, 0.2);
    }
}

.assistent-wrapper {
    gap: 8px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 100%;
}

.assistent {
    width: 449px;
    background-color: var(--color-light-steel-blue);
    border-radius: 24px;
    -webkit-box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.08);
    border: var(--border-width-thin) solid var(--color-border-gray);
}
@media screen and (max-width: 767px) {
    .assistent {
        width: 100%;
        max-width: 450px;
        margin-left: auto;
    }
}

.assistent-appeal__status {
    gap: 16px;
    padding: 32px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.assistent-appeal__status-icon {
    width: 48px;
    height: 48px;
}
@media screen and (max-width: 1440px) {
    .assistent-appeal__status-icon {
        width: 32px;
        height: 32px;
    }
}
.assistent-appeal__status-btn {
    padding: 12px;
}
@media screen and (max-width: 767px) {
    .assistent-appeal__status-btn {
        padding: 8px 12px;
    }
}

.assistent-btn.-is-active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.assistent__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.assistent__head {
    gap: 8px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: 16px 16px 12px 16px;
    border-bottom: var(--border-width-thin) solid var(--color-border-gray);
}

.assistent__bottom {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    margin: 8px 16px 16px;
}

.assistent__body {
    padding: 8px 16px;
}

.assistent-btn {
    position: fixed;
    z-index: 699;
    right: 40px;
    bottom: 24px;
    margin-left: auto;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--block-accent-background);
    border: var(--border-width-thin) solid transparent;
}
@media screen and (max-width: 1440px) {
    .assistent-btn {
        width: 52px;
        height: 52px;
    }
}
@media screen and (max-width: 992px) {
    .assistent-btn {
        width: 48px;
        height: 48px;
        right: 20px;
        bottom: 20px;
    }
}
@media screen and (hover: hover) {
    .assistent-btn:hover {
        border-color: var(--color-blue-primary);
    }
}
.assistent-btn svg {
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 1440px) {
    .assistent-btn svg {
        width: 28px;
        height: 28px;
    }
}
@media screen and (max-width: 992px) {
    .assistent-btn svg {
        width: 24px;
        height: 24px;
    }
}

.assistent-tab__label {
    width: 100%;
}

.assistent-appeal__form-fields {
    gap: 16px;
    margin-bottom: 16px;
}
.assistent-appeal__form-fields .input__wrapp-title {
    padding-left: 0;
    padding-bottom: 10px;
}
.assistent-appeal__form-fields .field-textarea {
    min-height: 100px;
}
.assistent-appeal__form-fields .files__import-drop {
    height: 174px;
}

.assistent-chat__field,
.chat-main__field {
    position: relative;
}

.chat-main__field {
    margin: 0 16px 16px;
}

.assistent-chat__input,
.chat-main__input {
    padding: 16px;
    padding-right: 48px;
    border-radius: 30px;
    border: var(--border-width-thin) solid var(--color-border-primary);
    background-color: var(--color-ghost-white);
    outline: none;
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1440px) {
    .assistent-chat__input,
    .chat-main__input {
        padding: 12px 16px;
    }
}
@media screen and (max-width: 767px) {
    .assistent-chat__input,
    .chat-main__input {
        padding: 10px 16px;
    }
}
.assistent-chat__input:focus, .assistent-chat__input:focus-visible,
.chat-main__input:focus,
.chat-main__input:focus-visible {
    border-color: var(--color-blue-primary);
}

.assistent-chat__send,
.chat-main__send-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
    width: 24px;
    height: 24px;
    color: var(--color-gray);
}
.assistent-chat__send svg path,
.chat-main__send-btn svg path {
    fill: currentColor;
}
@media screen and (hover: hover) {
    .assistent-chat__send:hover,
    .chat-main__send-btn:hover {
        color: var(--color-blue-primary);
    }
}
.assistent-chat__send:active,
.chat-main__send-btn:active {
    -webkit-transform: translateY(-50%) scale(0.98);
    -ms-transform: translateY(-50%) scale(0.98);
    transform: translateY(-50%) scale(0.98);
}

@media (min-width: 1920px) {
    .assistent-chat__wrapper {
        height: 468px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .assistent-chat__wrapper {
        height: calc(
                400px + 68 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .assistent-chat__wrapper {
        height: 400px;
    }
}

.assistent-chat__container,
.chat-messages {
    gap: 8px;
    margin-bottom: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    padding-right: 8px;
    min-height: 0;
}

@media screen and (max-width: 992px) {
    .chat-main__body {
        max-height: 100%;
        overflow: hidden;
    }
}
@media screen and (max-width: 992px) {
    .chat-main__body .chat-messages {
        overflow: hidden;
    }
}

.assistent-chat__empty {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.assistent-message__avatar,
.message__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--color-light-periwinkle-40);
}
.assistent-message__avatar svg,
.assistent-message__avatar img,
.message__avatar svg,
.message__avatar img {
    width: 20px;
    height: 20px;
}

.assistent-message__text,
.message__text {
    line-height: var(--line-height-base);
    padding: 12px 13px;
    background-color: var(--color-ghost-white);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    border-radius: 25px 25px 0 25px;
}

.assistent-message {
    width: 250px;
}

.assistent-message,
.message {
    gap: 6px;
    max-width: 100%;
}

@media (min-width: 1920px) {
    .message {
        width: 500px;
    }
}
@media (min-width: 992px) and (max-width: 1920px) {
    .message {
        width: calc(
                400px + 100 *
                ((100vw - 992px) / (928))
        );
    }
}
@media (max-width: 992px) {
    .message {
        width: 400px;
    }
}

.assistent-message__bottom,
.message__footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4px;
}

.assistent-message__control {
    gap: 8px;
}

.assistent-message__error,
.message__error-text {
    font-size: 12px;
    letter-spacing: 0.02em;
    color: var(--color-red);
}

.assistent-message__repeat,
.message__repeat-btn {
    font-size: 12px;
    letter-spacing: 0.02em;
    color: var(--color-blue-primary);
}

.assistent-message__date,
.message__time {
    font-size: 12px;
    letter-spacing: 0.02em;
    color: var(--color-middle-blue);
}

.assistent-message--user,
.message--my {
    margin-left: auto;
}

.assistent-message--bot .assistent-message__text {
    border-radius: 25px 25px 25px 0;
}
.assistent-message--bot .assistent-message__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.chat-info {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--color-middle-blue);
}

.chat-feedback {
    padding: 12px;
    border-radius: 16px;
    background-color: var(--color-ghost-white);
    width: 100%;
    margin: 0 auto;
}
@media (min-width: 1920px) {
    .chat-feedback {
        max-width: 417px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .chat-feedback {
        max-width: calc(
                350px + 67 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .chat-feedback {
        max-width: 350px;
    }
}

.chat-feedback--full {
    max-width: 100%;
}

.chat-feedback--submitted .chat-feedback__label {
    cursor: default;
    pointer-events: none;
}
@media screen and (hover: hover) {
    .chat-feedback--submitted .chat-feedback__label:hover .chat-feedback__label-span {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background-color: var(--color-light-steel-blue);
    }
}
.chat-feedback--submitted .chat-feedback__label-input:not(:checked) ~ .chat-feedback__label-span {
    color: var(--color-gray);
    cursor: not-allowed;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: transparent;
}
.chat-feedback--submitted .chat-feedback__label-input:checked ~ .chat-feedback__label-span {
    background-color: var(--color-pink);
    color: var(--color-ghost-white);
}
.chat-feedback--submitted .chat-feedback__send {
    display: none;
}

.chat-feedback__row {
    gap: 10px;
}

.chat-feedback__label {
    position: relative;
    cursor: pointer;
}
@media screen and (hover: hover) {
    .chat-feedback__label:hover .chat-feedback__label-span {
        background-color: var(--color-light-periwinkle-40);
    }
}

.chat-feedback__label-input {
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.chat-feedback__label-input:checked ~ .chat-feedback__label-span {
    background-color: var(--color-blue-primary);
    color: var(--color-ghost-white);
}
.chat-feedback__label-input:disabled ~ .chat-feedback__label-span {
    color: var(--color-gray);
    cursor: not-allowed;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: transparent;
}

.chat-feedback__label-span {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--color-light-steel-blue);
    font-weight: var(--font-weight-semibold);
    font-size: 24px;
    text-align: center;
}
@media screen and (max-width: 1440px) {
    .chat-feedback__label-span {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }
}

.chat-feedback__send {
    margin-top: 16px;
}

.chat-feedback__text {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: var(--line-height-base);
    text-align: center;
    margin-bottom: 10px;
    color: var(--color-dark-blue);
}

.chat {
    height: 100%;
}
@media screen and (max-width: 992px) {
    .chat {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.chat__header {
    margin-bottom: 20px;
    padding-top: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat-layout {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 15px;
    min-height: 0;
    margin-bottom: 24px;
}
@media (min-width: 1920px) {
    .chat-layout {
        height: 880px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .chat-layout {
        height: calc(
                724px + 156 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .chat-layout {
        height: 724px;
    }
}
@media screen and (max-width: 992px) {
    .chat-layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.chat-sidebar {
    height: 100%;
    min-height: 0;
}
@media (min-width: 1920px) {
    .chat-sidebar {
        width: 449px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .chat-sidebar {
        width: calc(
                390px + 59 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .chat-sidebar {
        width: 390px;
    }
}
@media screen and (max-width: 992px) {
    .chat-sidebar {
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 992px) {
    .chat-sidebar[hidden] {
        display: none;
    }
}

.chat-sidebar__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
    height: 100%;
}

.chat-sidebar__tabs {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}

.chat-sidebar__head {
    gap: 8px;
    margin-bottom: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat-sidebar__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
.chat-sidebar__list.tab--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat-preview {
    cursor: pointer;
    padding: 16px;
    gap: 8px;
    border-radius: 20px;
    background-color: var(--color-light-steel-blue);
    border: var(--border-width-thin) solid transparent;
}
@media screen and (max-width: 1440px) {
    .chat-preview {
        padding: 12px;
        border-radius: 16px;
    }
}
@media screen and (hover: hover) {
    .chat-preview:hover {
        background-color: var(--color-light-periwinkle-40);
    }
}
.chat-preview:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.chat-preview--active {
    background-color: var(--color-light-periwinkle-40);
    border-color: var(--color-blue-primary);
}

.chat-preview__head {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
}

.chat-preview__title {
    font-size: 16px;
    line-height: var(--line-height-title);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.02em;
    color: var(--color-text);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 1440px) {
    .chat-preview__title {
        font-size: 14px;
    }
}

.chat-preview__avatar {
    width: 24px;
    height: 24px;
    border-radius: var(--border-radius-full);
    overflow: hidden;
}
@media screen and (max-width: 1440px) {
    .chat-preview__avatar {
        width: 20px;
        height: 20px;
    }
}
.chat-preview__date {
    font-weight: var(--font-weight-medium);
    font-size: 14px;
    letter-spacing: 0.02em;
    color: var(--color-steel-blue);
}

.chat-preview__body {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

.chat-preview__text {
    font-weight: var(--font-weight-medium);
    font-size: 14px;
    letter-spacing: 0.02em;
    color: var(--color-dark-blue);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
    .chat-preview__text {
        font-size: 12px;
    }
}

.chat-preview__counter {
    width: 24px;
    height: 24px;
    background-color: var(--color-blue-primary);
    color: var(--color-ghost-white);
    font-weight: var(--font-weight-medium);
    border-radius: var(--border-radius-full);
    font-size: 14px;
    line-height: var(--line-height-none);
}
@media screen and (max-width: 767px) {
    .chat-preview__counter {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
}

.chat-main {
    background-color: var(--color-light-steel-blue);
    border-radius: 20px;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}
@media screen and (max-width: 992px) {
    .chat-main {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .chat-main.-is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (min-width: 992px) {
    .chat-return {
        display: none;
    }
}

.chat-main__header,
.chat-main__field {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat-main__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24px 16px;
    min-height: 0;
    overflow: hidden;
    margin-top: auto;
}

.chat-main__header {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 20px;
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
@media screen and (max-width: 992px) {
    .chat-main__header {
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
        padding: 12px;
    }
}
@media screen and (max-width: 767px) {
    .chat-main__header {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
}

.chat-main__actions {
    gap: 16px;
}
@media screen and (max-width: 767px) {
    .chat-main__actions {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        gap: 8px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.chat-main__timer {
    gap: 6px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: var(--color-very-light-blue);
    border: var(--border-width-thin) solid var(--color-border-primary);
    font-weight: var(--font-weight-semibold);
    font-size: 16px;
    letter-spacing: 0.02em;
    color: var(--color-text);
}
@media screen and (max-width: 767px) {
    .chat-main__timer {
        font-size: 14px;
        padding: 8px;
    }
}
.chat-main__timer svg {
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 767px) {
    .chat-main__timer svg {
        width: 16px;
        height: 16px;
    }
}

.chat-main__profile {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 8px;
}

.chat-main__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50px;
}
@media screen and (max-width: 1440px) {
    .chat-main__avatar {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .chat-main__avatar {
        width: 20px;
        height: 20px;
    }
}
.chat-main__title {
    font-weight: var(--font-weight-semibold);
    font-size: 24px;
    letter-spacing: 0.02em;
    color: var(--color-text);
}
@media screen and (max-width: 1440px) {
    .chat-main__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 992px) {
    .chat-main__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .chat-main__title {
        font-size: 16px;
    }
}

.chat-empty {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 8px;
}

.chat-preview__closed {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 6px;
    font-weight: var(--font-weight-medium);
    font-size: 14px;
    letter-spacing: 0.02em;
    color: var(--color-jungle-green);
}
.chat-preview__closed svg {
    width: 20px;
    height: 20px;
}

@media screen and (min-width: 767px) {
    .calendar-control {
        position: relative;
    }
}

.calendar-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.calendar-container {
    position: absolute;
    z-index: 800;
    right: 0;
    top: calc(100% + 8px);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.calendar-container.-is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 992px) {
    .calendar-container {
        right: auto;
        left: 0;
    }
}
@media screen and (max-width: 767px) {
    .calendar-container {
        top: 0;
        position: fixed;
        width: 100%;
        height: 100dvh;
        overflow-y: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background: rgba(16, 42, 67, 0.2);
        padding: 12px;
    }
}

.calendar {
    -webkit-box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.08);
    background: var(--color-light-steel-blue);
    border: var(--border-width-thin) solid var(--color-border-primary);
    width: 355px;
    border-radius: 20px;
}
@media screen and (max-width: 767px) {
    .calendar {
        width: 100%;
        max-width: 455px;
        margin: auto auto 0;
    }
}

.calendar__head {
    gap: 8px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: 16px;
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}

.calendar__body {
    gap: 12px;
    padding: 16px;
}

.calendar__date {
    font-weight: var(--font-weight-medium);
    font-size: 20px;
    letter-spacing: 0.02em;
    color: var(--color-text);
}
@media screen and (max-width: 1440px) {
    .calendar__date {
        font-size: 18px;
    }
}

.calendar__meta,
.calendar__list {
    gap: 8px;
}

.calendar__item {
    gap: 8px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    font-weight: var(--font-weight-semibold);
    font-size: 16px;
    letter-spacing: 0.02em;
}

.calendar__caption {
    color: var(--color-steel-blue);
}

.calendar__data {
    color: var(--color-text);
}

.calendar__label {
    font-weight: var(--font-weight-semibold);
    font-size: 16px;
    letter-spacing: 0.02em;
    color: var(--color-text);
}

.info__control {
    gap: 12px;
}
@media screen and (max-width: 992px) {
    .info__control .btn-calendar span {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .info__control .calendar-container {
        left: auto;
        right: 0;
    }
}

.load {
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 1680px) {
    .load {
        padding-top: 130px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .load {
        padding-top: calc(
                24px + 106 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .load {
        padding-top: 24px;
    }
}
@media (min-width: 1680px) {
    .load {
        padding-bottom: 130px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .load {
        padding-bottom: calc(
                24px + 106 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .load {
        padding-bottom: 24px;
    }
}

.load__head {
    max-width: 740px;
    gap: 32px;
    margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
    .load__head {
        gap: 24px;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 767px) {
    .load__head {
        gap: 12px;
        margin-bottom: 12px;
    }
}

.load__descr {
    color: var(--color-steel-blue);
}

.loading-warning {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    margin-top: 32px;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background-color: var(--color-jungle-green-20);
    color: var(--color-jungle-green);
}
@media screen and (max-width: 992px) {
    .loading-warning {
        margin-top: 24px;
    }
}
@media screen and (max-width: 767px) {
    .loading-warning {
        margin-top: 12px;
        gap: 8px;
        padding: 8px;
        border-radius: 8px;
    }
}
.loading-warning svg {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 767px) {
    .loading-warning svg {
        width: 16px;
        height: 16px;
    }
}

.loaded__container {
    width: 100%;
    max-width: 742px;
}

.loaded__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.loaded-btn {
    padding: 12px 16px;
}
@media screen and (max-width: 767px) {
    .loaded-btn {
        padding: 8px;
    }
}
@media screen and (max-width: 767px) {
    .loaded-btn span {
        display: none;
    }
}

.loaded-file {
    gap: 8px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid var(--color-border-gray);
    background-color: var(--color-light-steel-blue);
}
@media screen and (max-width: 767px) {
    .loaded-file {
        padding: 8px;
    }
}
@media screen and (hover: hover) {
    .loaded-file:hover {
        background-color: var(--color-light-periwinkle-40);
    }
}
.loaded-file:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.loaded-file__body {
    gap: 8px;
}
@media screen and (max-width: 767px) {
    .loaded-file__body {
        gap: 4px;
    }
}

.loaded-file__arrow {
    width: 48px;
    height: 48px;
}
@media screen and (max-width: 767px) {
    .loaded-file__arrow {
        width: 40px;
        height: 40px;
    }
}
.loaded-file__arrow svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 767px) {
    .loaded-file__arrow svg {
        width: 20px;
        height: 20px;
    }
}

.loaded__list {
    gap: 8px;
}

.btn-more {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}

.sveden-head__select {
    width: 300px;
}
@media screen and (max-width: 767px) {
    .sveden-head__select {
        width: 100%;
    }
}

.sveden-head__control {
    gap: 12px;
}
@media screen and (max-width: 767px) {
    .sveden-head__control {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}

.education__menu-trigger {
    border-radius: 10px;
    padding: 12px;
}
@media screen and (max-width: 767px) {
    .education__menu-trigger {
        padding: 8px;
        border-radius: 6px;
    }
}

.sveden-head {
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
    .sveden-head {
        margin-bottom: 12px;
    }
}

.sveden-head__menu {
    width: 48px;
    height: 48px;
}
@media screen and (max-width: 1440px) {
    .sveden-head__menu {
        width: 44px;
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .sveden-head__menu {
        width: 36px;
        height: 36px;
        margin-left: auto;
        -ms-grid-column: 2;
        grid-column: 2;
    }
}

.sveden-head__menu-list {
    top: calc(100% + 4px);
}
@media screen and (max-width: 767px) {
    .sveden-head__menu-list {
        min-width: 180px;
    }
}
.sveden-head__menu-list .table__menu-subtn {
    font-size: 16px;
    line-height: var(--line-height-base);
}
@media screen and (max-width: 1440px) {
    .sveden-head__menu-list .table__menu-subtn {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .sveden-head__menu-list .table__menu-subtn {
        font-size: 12px;
    }
}

.table-wrapper {
    gap: 20px;
}
@media screen and (max-width: 992px) {
    .table-wrapper {
        gap: 12px;
    }
}

.table-heading {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 20px;
}
@media screen and (max-width: 992px) {
    .table-heading {
        gap: 12px;
    }
}
@media screen and (max-width: 767px) {
    .table-heading {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.table {
    min-width: 0;
    border-radius: 15px;
    border: var(--border-width-thin) solid var(--color-border-primary);
    margin-bottom: 25px;
}
@media screen and (max-width: 992px) {
    .table {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .table {
        border: none;
    }
}
.table::-webkit-scrollbar-thumb {
    width: 3px;
    height: 6px;
}
.table::-webkit-scrollbar {
    width: 3px;
    height: 6px;
}

.table-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}
@media screen and (max-width: 767px) {
    .table-body {
        gap: 10px;
    }
}

.table-col {
    gap: 10px;
    padding: 15px;
    font-size: 16px;
    line-height: var(--line-height-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 1440px) {
    .table-col {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .table-col {
        padding: 10px;
    }
}
@media screen and (min-width: 767px) {
    .table-col:not(:last-child) {
        border-right: var(--border-width-thin) solid var(--color-border-primary);
    }
}
@media screen and (max-width: 767px) {
    .table-col:not(:last-child) {
        border-bottom: var(--border-width-thin) solid var(--color-border-primary);
    }
}
@media screen and (max-width: 767px) {
    .table-col::before {
        content: attr(data-col-title);
        display: block;
        color: var(--color-steel-blue);
        font-size: 14px;
        line-height: var(--line-height-base);
        font-weight: var(--font-weight-semibold);
    }
}

.table-row {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.table-row:not(:last-child) {
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
@media screen and (max-width: 767px) {
    .table-row {
        border: var(--border-width-thin) solid var(--color-border-primary);
        border-radius: 15px;
    }
}

.table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}
@media screen and (max-width: 767px) {
    .table-head {
        display: none;
    }
}

.table-head__row {
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
@media screen and (max-width: 767px) {
    .table-head__row {
        display: none;
    }
}

.table-head__col {
    color: var(--color-steel-blue);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .table-sveden {
        border: var(--border-width-thin) solid var(--color-border-primary);
    }
}
.table-sveden .table-row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
    .table-sveden .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        border: none;
        border-radius: 0;
    }
}
@media screen and (max-width: 767px) {
    .table-sveden .table-row:not(:last-child) {
        border-bottom: var(--border-width-thin) solid var(--color-border-primary) !important;
    }
}
@media (min-width: 1920px) {
    .table-sveden .table-row--auto-3fr {
        --col: 307px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table-sveden .table-row--auto-3fr {
        --col: calc(
                150px + 157 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table-sveden .table-row--auto-3fr {
        --col: 150px;
    }
}
@media screen and (min-width: 767px) {
    .table-sveden .table-row--auto-3fr {
        -ms-grid-columns: 1fr (var(--col))[3];
        grid-template-columns: 1fr repeat(3, var(--col));
    }
}
.table-sveden .table-row--auto-3fr.table-head__row {
    display: none;
}
@media screen and (min-width: 767px) {
    .table-sveden .table-row--auto-3fr .table-col:not(:first-child) {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .table-sveden .table-body {
        gap: 0;
    }
}
.table-sveden .table-col {
    gap: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 767px) {
    .table-sveden .table-col:first-child {
        color: var(--color-steel-blue);
    }
}
@media screen and (max-width: 767px) {
    .table-sveden .table-col:not(:last-child) {
        border: none;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .table-person {
        border: var(--border-width-thin) solid var(--color-border-primary);
    }
}
.table-person .table-body:not(:last-child) {
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
.table-person .table-row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
    .table-person .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        border: none;
        border-radius: 0;
    }
}
@media screen and (max-width: 767px) {
    .table-person .table-row:not(:last-child) {
        border-bottom: var(--border-width-thin) solid var(--color-border-primary) !important;
    }
}
@media screen and (max-width: 767px) {
    .table-person .table-body {
        gap: 0;
    }
}
.table-person .table-col {
    gap: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 767px) {
    .table-person .table-col:first-child {
        color: var(--color-steel-blue);
    }
}
@media screen and (max-width: 767px) {
    .table-person .table-col:not(:last-child) {
        border-bottom: none;
        padding-bottom: 0;
    }
}
.table-person .table-row--auto-3fr {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}
@media screen and (min-width: 1441px) {
    .table-person .table-row--auto-3fr {
        -ms-grid-columns: 3fr (1fr)[3];
        grid-template-columns: 3fr repeat(3, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .table-person .table-row--auto-3fr {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 767px) {
    .table-person .table-row--auto-3fr.table-head__row .table-col:not(:first-child) {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .table-person .table-row--auto-3fr .table-col:first-child {
        color: var(--color-text);
    }
}
@media screen and (max-width: 767px) {
    .table-person .table-row--auto-3fr .table-col {
        padding-bottom: 8px;
    }
}
@media screen and (max-width: 767px) {
    .table-person .table-row--auto-3fr .table-col:not(:last-child) {
        border-bottom: var(--border-width-thin) solid var(--color-border-primary);
    }
}

.table-comission .table-row {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
    .table-comission .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.table-lab {
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table-lab {
        --col2: 600px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table-lab {
        --col2: calc(
                236px + 364 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table-lab {
        --col2: 236px;
    }
}
@media (min-width: 1920px) {
    .table-lab {
        --col3: 203px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .table-lab {
        --col3: calc(
                121px + 82 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .table-lab {
        --col3: 121px;
    }
}
@media (min-width: 1920px) {
    .table-lab {
        --col4: 223px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .table-lab {
        --col4: calc(
                121px + 102 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .table-lab {
        --col4: 121px;
    }
}
@media (min-width: 1920px) {
    .table-lab {
        --col5: 300px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .table-lab {
        --col5: calc(
                200px + 100 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .table-lab {
        --col5: 200px;
    }
}
@media (min-width: 1920px) {
    .table-lab {
        --col6: 168px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .table-lab {
        --col6: calc(
                151px + 17 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .table-lab {
        --col6: 151px;
    }
}
@media (min-width: 1920px) {
    .table-lab {
        --col7: 110px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .table-lab {
        --col7: calc(
                100px + 10 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .table-lab {
        --col7: 100px;
    }
}
.table-lab .table-row {
    -ms-grid-columns: 50px 1fr var(--col3) var(--col4) var(--col5) var(--col6) var(--col7) 150px;
    grid-template-columns: 50px 1fr var(--col3) var(--col4) var(--col5) var(--col6) var(--col7) 150px;
}
@media screen and (max-width: 1240px) {
    .table-lab .table-row {
        -ms-grid-columns: 50px var(--col2) var(--col3) var(--col4) var(--col5) var(--col6) var(--col7) 150px;
        grid-template-columns: 50px var(--col2) var(--col3) var(--col4) var(--col5) var(--col6) var(--col7) 150px;
    }
}
@media screen and (max-width: 767px) {
    .table-lab .table-row {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .table-lab .table-col:not(:nth-child(3), :nth-child(4)) {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}
@media screen and (max-width: 767px) {
    .table-lab .table-col:nth-child(3) {
        border-right: var(--border-width-thin) solid var(--color-border-primary);
    }
}
.table-lab .table-col:first-child {
    text-align: center;
}
@media screen and (max-width: 767px) {
    .table-lab .table-col:first-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.table-il {
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table-il {
        --col2: 600px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table-il {
        --col2: calc(
                236px + 364 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table-il {
        --col2: 236px;
    }
}
@media (min-width: 1920px) {
    .table-il {
        --col3: 228px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table-il {
        --col3: calc(
                203px + 25 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table-il {
        --col3: 203px;
    }
}
@media (min-width: 1920px) {
    .table-il {
        --col4: 168px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table-il {
        --col4: calc(
                158px + 10 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table-il {
        --col4: 158px;
    }
}
@media (min-width: 1920px) {
    .table-il {
        --col5: 300px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table-il {
        --col5: calc(
                158px + 142 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table-il {
        --col5: 158px;
    }
}
.table-il .table-row {
    -ms-grid-columns: 50px 1fr var(--col3) var(--col4) var(--col5);
    grid-template-columns: 50px 1fr var(--col3) var(--col4) var(--col5);
}
@media screen and (max-width: 1240px) {
    .table-il .table-row {
        -ms-grid-columns: 50px var(--col2) var(--col3) var(--col4) var(--col5);
        grid-template-columns: 50px var(--col2) var(--col3) var(--col4) var(--col5);
    }
}
@media screen and (max-width: 767px) {
    .table-il .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
.table-il .table-col:first-child {
    text-align: center;
}
@media screen and (max-width: 767px) {
    .table-il .table-col:first-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.table-statement {
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table-statement {
        --col2: 83px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table-statement {
        --col2: calc(
                60px + 23 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table-statement {
        --col2: 60px;
    }
}
@media (min-width: 1920px) {
    .table-statement {
        --col3: 187px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .table-statement {
        --col3: calc(
                150px + 37 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .table-statement {
        --col3: 150px;
    }
}
@media (min-width: 1920px) {
    .table-statement {
        --col4: 142px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .table-statement {
        --col4: calc(
                100px + 42 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .table-statement {
        --col4: 100px;
    }
}
.table-statement .table-row {
    -ms-grid-columns: 1fr var(--col2) var(--col3) (var(--col4))[7];
    grid-template-columns: 1fr var(--col2) var(--col3) repeat(7, var(--col4));
}
@media screen and (max-width: 1240px) {
    .table-statement .table-row {
        -ms-grid-columns: 278px var(--col2) var(--col3) (var(--col4))[7];
        grid-template-columns: 278px var(--col2) var(--col3) repeat(7, var(--col4));
    }
}
@media screen and (max-width: 767px) {
    .table-statement .table-row {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
    }
}
@media screen and (min-width: 767px) {
    .table-statement .table-col:not(:first-child) {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .table-statement .table-col {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (max-width: 767px) {
    .table-statement .table-col:first-child, .table-statement .table-col:nth-child(2), .table-statement .table-col:nth-child(5) {
        -ms-grid-column-span: 6;
        grid-column: 6 span;
    }
}
@media screen and (max-width: 767px) {
    .table-statement .table-col:nth-child(3), .table-statement .table-col:nth-child(4) {
        -ms-grid-column-span: 3;
        grid-column: 3 span;
    }
}
@media screen and (max-width: 767px) {
    .table-statement .table-col:nth-child(3) {
        border-right: var(--border-width-thin) solid var(--color-border-primary);
    }
}
@media screen and (min-width: 767px) {
    .table-statement .table-statement--mobile-col {
        display: none;
    }
}
.table-statement .table-head__col:first-child {
    -ms-grid-row-span: 3;
    grid-row: span 3;
}
.table-statement .table-head__col:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 1/2/1/4;
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
.table-statement .table-head__col:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 7;
    grid-area: 1/4/1/11;
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}

.table-jobs {
    overflow: hidden;
}
.table-jobs .table-col::before {
    display: none;
}
.table-jobs .table-col:not(:last-child) {
    border-right: none;
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}

.table-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--color-blue-primary);
    text-align: left;
}
.table-link svg {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (hover: hover) {
    .table-link:hover {
        background-color: var(--color-light-periwinkle-40);
    }
}

.table-row--span .table-col:first-child {
    -ms-grid-row-span: 3;
    grid-row: span 3;
}
@media screen and (min-width: 767px) {
    .table-row--span .table-col:nth-child(2) {
        border-bottom: var(--border-width-thin) solid var(--color-border-primary);
    }
}

.table--auto-3fr .table-row {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}
@media screen and (min-width: 1441px) {
    .table--auto-3fr .table-row {
        -ms-grid-columns: 3fr (1fr)[3];
        grid-template-columns: 3fr repeat(3, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .table--auto-3fr .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 767px) {
    .table--auto-3fr .table-col:not(:first-child) {
        text-align: center;
    }
}

.table--cols-8 {
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table--cols-8 {
        --col2: 550px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-8 {
        --col2: calc(
                220px + 330 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-8 {
        --col2: 220px;
    }
}
@media (min-width: 1920px) {
    .table--cols-8 {
        --col3: 158px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-8 {
        --col3: calc(
                123px + 35 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-8 {
        --col3: 123px;
    }
}
@media (min-width: 1920px) {
    .table--cols-8 {
        --col4: 305px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-8 {
        --col4: calc(
                123px + 182 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-8 {
        --col4: 123px;
    }
}
@media (min-width: 1920px) {
    .table--cols-8 {
        --col5: 117px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-8 {
        --col5: calc(
                123px + -6 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-8 {
        --col5: 123px;
    }
}
@media (min-width: 1920px) {
    .table--cols-8 {
        --col6: 256px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-8 {
        --col6: calc(
                123px + 133 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-8 {
        --col6: 123px;
    }
}
@media (min-width: 1920px) {
    .table--cols-8 {
        --col7: 195px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-8 {
        --col7: calc(
                123px + 72 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-8 {
        --col7: 123px;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-8 .table-col:empty {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-8 .table-col:first-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.table--cols-8 .table-row {
    -ms-grid-columns: 50px 1fr var(--col3) var(--col4) var(--col5) var(--col6) var(--col7) var(--col7);
    grid-template-columns: 50px 1fr var(--col3) var(--col4) var(--col5) var(--col6) var(--col7) var(--col7);
}
@media screen and (max-width: 1240px) {
    .table--cols-8 .table-row {
        -ms-grid-columns: 50px var(--col2) var(--col3) var(--col4) var(--col5) var(--col6) var(--col7) var(--col7);
        grid-template-columns: 50px var(--col2) var(--col3) var(--col4) var(--col5) var(--col6) var(--col7) var(--col7);
    }
}
@media screen and (max-width: 767px) {
    .table--cols-8 .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 767px) {
    .table--cols-8 .table-col:not(:nth-child(2)) {
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .table--cols-5fr .table-row {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    }
}
@media screen and (max-width: 992px) {
    .table--cols-5fr .table-row {
        -ms-grid-columns: (1fr)[3] 1.2fr 1fr;
        grid-template-columns: repeat(3, 1fr) 1.2fr 1fr;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-5fr .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 767px) {
    .table--cols-5fr .table-col:not(:first-child) {
        text-align: center;
    }
}

@media screen and (min-width: 767px) {
    .table--cols-4fr .table-row {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 767px) {
    .table--cols-4fr .table-col:not(:first-child) {
        text-align: center;
    }
}
.table--cols-4fr .table-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.table--auto-4 {
    --col5: 195px;
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table--auto-4 {
        --col1: 384px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--auto-4 {
        --col1: calc(
                300px + 84 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--auto-4 {
        --col1: 300px;
    }
}
@media (min-width: 1920px) {
    .table--auto-4 {
        --col2: 165px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--auto-4 {
        --col2: calc(
                142px + 23 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--auto-4 {
        --col2: 142px;
    }
}
@media (min-width: 1920px) {
    .table--auto-4 {
        --col3: 288px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--auto-4 {
        --col3: calc(
                170px + 118 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--auto-4 {
        --col3: 170px;
    }
}
@media (min-width: 1920px) {
    .table--auto-4 {
        --col4: 260px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--auto-4 {
        --col4: calc(
                166px + 94 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--auto-4 {
        --col4: 166px;
    }
}
.table--auto-4 .table-row {
    -ms-grid-columns: 1fr var(--col2) var(--col3) var(--col4) var(--col5);
    grid-template-columns: 1fr var(--col2) var(--col3) var(--col4) var(--col5);
}
@media screen and (max-width: 1240px) {
    .table--auto-4 .table-row {
        -ms-grid-columns: var(--col1) var(--col2) var(--col3) var(--col4) var(--col5);
        grid-template-columns: var(--col1) var(--col2) var(--col3) var(--col4) var(--col5);
    }
}
@media screen and (max-width: 767px) {
    .table--auto-4 .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 767px) {
    .table--auto-4 .table-col:not(:first-child) {
        text-align: center;
    }
}

.table--cols-5-1-span {
    --col1: 300px;
    --col2: 100px;
    --col4: 200px;
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table--cols-5-1-span {
        --col3: 400px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-5-1-span {
        --col3: calc(
                150px + 250 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-5-1-span {
        --col3: 150px;
    }
}
@media screen and (min-width: 1240px) {
    .table--cols-5-1-span .table-row {
        -ms-grid-columns: 1fr (var(--col2))[3] (var(--col3))[2] var(--col4);
        grid-template-columns: 1fr repeat(3, var(--col2)) repeat(2, var(--col3)) var(--col4);
    }
}
@media screen and (max-width: 1240px) {
    .table--cols-5-1-span .table-row {
        -ms-grid-columns: var(--col1) (var(--col2))[3] (var(--col3))[2] var(--col4);
        grid-template-columns: var(--col1) repeat(3, var(--col2)) repeat(2, var(--col3)) var(--col4);
    }
}
@media screen and (max-width: 767px) {
    .table--cols-5-1-span .table-row {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 767px) {
    .table--cols-5-1-span .table-row:not(.table-head__row) .table-col:nth-child(2) {
        display: none;
    }
}
.table--cols-5-1-span .table-head__col:not(:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5)) {
    -ms-grid-row-span: 3;
    grid-row: span 3;
}
@media screen and (max-width: 767px) {
    .table--cols-5-1-span .table-col:not(:nth-child(3), :nth-child(4), :nth-child(5)) {
        -ms-grid-column-span: 3;
        grid-column: 3 span;
    }
}
.table--cols-5-1-span .table-head__col:nth-child(2) {
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
.table--cols-5-1-span .table-head__col:nth-child(3) {
    -ms-grid-column: 2;
    grid-column: 2;
}
.table--cols-5-1-span .table-head__col:nth-child(4) {
    -ms-grid-column: 3;
    grid-column: 3;
}
.table--cols-5-1-span .table-head__col:nth-child(5) {
    -ms-grid-column: 4;
    grid-column: 4;
}
.table--cols-5-1-span .table-head__col:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5;
    grid-area: 1/5/3/5;
}
.table--cols-5-1-span .table-head__col:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
    grid-area: 1/6/3/6;
}
.table--cols-5-1-span .table-head__col:nth-child(8) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 7;
    grid-area: 1/7/3/7;
}
.table--cols-5-1-span .table-head__col:nth-child(2) {
    -ms-grid-column-span: 3;
    grid-column: span 3;
}
@media screen and (min-width: 767px) {
    .table--cols-5-1-span .table-col:not(:first-child) {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-5-1-span .table-col:nth-child(3),
    .table--cols-5-1-span .table-col:nth-child(4) {
        border-right: var(--border-width-thin) solid var(--color-border-primary);
    }
}

.table--cols-5-2-span {
    --col1: 300px;
    --col2: 100px;
    --col3: 110px;
    --col5: 200px;
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table--cols-5-2-span {
        --col4: 400px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-5-2-span {
        --col4: calc(
                150px + 250 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-5-2-span {
        --col4: 150px;
    }
}
@media screen and (min-width: 1240px) {
    .table--cols-5-2-span .table-row {
        -ms-grid-columns: 1fr (var(--col2))[3] (var(--col3))[2] var(--col4) var(--col5);
        grid-template-columns: 1fr repeat(3, var(--col2)) repeat(2, var(--col3)) var(--col4) var(--col5);
    }
}
@media screen and (max-width: 1240px) {
    .table--cols-5-2-span .table-row {
        -ms-grid-columns: var(--col1) (var(--col2))[3] (var(--col3))[2] var(--col4) var(--col5);
        grid-template-columns: var(--col1) repeat(3, var(--col2)) repeat(2, var(--col3)) var(--col4) var(--col5);
    }
}
@media screen and (max-width: 767px) {
    .table--cols-5-2-span .table-row {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
    }
}
@media screen and (min-width: 767px) {
    .table--cols-5-2-span .table-row:not(.table-head__row) .table-col:nth-child(2),
    .table--cols-5-2-span .table-row:not(.table-head__row) .table-col:nth-child(6) {
        display: none;
    }
}
.table--cols-5-2-span .table-head__col:not(:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5),
:nth-child(6),
:nth-child(7),
:nth-child(8)) {
    -ms-grid-row-span: 3;
    grid-row: span 3;
}
@media screen and (max-width: 767px) {
    .table--cols-5-2-span .table-col:not(:nth-child(3),
  :nth-child(4),
  :nth-child(5),
  :nth-child(7),
  :nth-child(8)) {
        -ms-grid-column-span: 6;
        grid-column: span 6;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-5-2-span .table-col:nth-child(3),
    .table--cols-5-2-span .table-col:nth-child(4),
    .table--cols-5-2-span .table-col:nth-child(5) {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-5-2-span .table-col:nth-child(7),
    .table--cols-5-2-span .table-col:nth-child(8) {
        -ms-grid-column-span: 3;
        grid-column: span 3;
    }
}
.table--cols-5-2-span .table-head__col:nth-child(2),
.table--cols-5-2-span .table-head__col:nth-child(6) {
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
.table--cols-5-2-span .table-head__col:nth-child(3) {
    -ms-grid-column: 2;
    grid-column: 2;
}
.table--cols-5-2-span .table-head__col:nth-child(4) {
    -ms-grid-column: 3;
    grid-column: 3;
}
.table--cols-5-2-span .table-head__col:nth-child(5) {
    -ms-grid-column: 4;
    grid-column: 4;
}
.table--cols-5-2-span .table-head__col:nth-child(7) {
    -ms-grid-column: 5;
    grid-column: 5;
}
.table--cols-5-2-span .table-head__col:nth-child(8) {
    -ms-grid-column: 6;
    grid-column: 6;
}
.table--cols-5-2-span .table-head__col:nth-child(9) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 7;
    grid-area: 1/7/3/7;
}
.table--cols-5-2-span .table-head__col:nth-child(10) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 8;
    grid-area: 1/8/3/8;
}
.table--cols-5-2-span .table-head__col:nth-child(2) {
    -ms-grid-column-span: 3;
    grid-column: span 3;
}
.table--cols-5-2-span .table-head__col:nth-child(6) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: 1/5/1/7;
}
@media screen and (min-width: 767px) {
    .table--cols-5-2-span .table-col:not(:first-child) {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-5-2-span .table-col:nth-child(3),
    .table--cols-5-2-span .table-col:nth-child(4),
    .table--cols-5-2-span .table-col:nth-child(7) {
        border-right: var(--border-width-thin) solid var(--color-border-primary);
    }
}

.table--cols-6-1-span {
    --col2: 260px;
    --col6: 195px;
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table--cols-6-1-span {
        --col3: 160px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-6-1-span {
        --col3: calc(
                145px + 15 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-6-1-span {
        --col3: 145px;
    }
}
@media (min-width: 1920px) {
    .table--cols-6-1-span {
        --col4: 130px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-6-1-span {
        --col4: calc(
                115px + 15 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-6-1-span {
        --col4: 115px;
    }
}
@media (min-width: 1920px) {
    .table--cols-6-1-span {
        --col5: 260px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-6-1-span {
        --col5: calc(
                230px + 30 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-6-1-span {
        --col5: 230px;
    }
}
@media screen and (min-width: 1240px) {
    .table--cols-6-1-span .table-row {
        -ms-grid-columns: 50px 1fr var(--col3) (var(--col4))[3] var(--col5) var(--col6);
        grid-template-columns: 50px 1fr var(--col3) repeat(3, var(--col4)) var(--col5) var(--col6);
    }
}
@media screen and (max-width: 1240px) {
    .table--cols-6-1-span .table-row {
        -ms-grid-columns: 50px var(--col2) var(--col3) (var(--col4))[3] var(--col5) var(--col6);
        grid-template-columns: 50px var(--col2) var(--col3) repeat(3, var(--col4)) var(--col5) var(--col6);
    }
}
@media screen and (max-width: 767px) {
    .table--cols-6-1-span .table-row {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 767px) {
    .table--cols-6-1-span .table-row:not(.table-head__row) .table-col:nth-child(4) {
        display: none;
    }
}
.table--cols-6-1-span .table-head__col:not(:first-child,
:nth-child(4),
:nth-child(5),
:nth-child(6),
:nth-child(7)) {
    -ms-grid-row-span: 3;
    grid-row: span 3;
}
@media screen and (max-width: 767px) {
    .table--cols-6-1-span .table-col:not(:nth-child(5), :nth-child(6), :nth-child(7)) {
        -ms-grid-column-span: 3;
        grid-column: 3 span;
    }
}
.table--cols-6-1-span .table-head__col:nth-child(4) {
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}
.table--cols-6-1-span .table-head__col:nth-child(5) {
    -ms-grid-column: 4;
    grid-column: 4;
}
.table--cols-6-1-span .table-head__col:nth-child(6) {
    -ms-grid-column: 5;
    grid-column: 5;
}
.table--cols-6-1-span .table-head__col:nth-child(7) {
    -ms-grid-column: 6;
    grid-column: 6;
}
.table--cols-6-1-span .table-head__col:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: 1/1/3/1;
}
.table--cols-6-1-span .table-head__col:nth-child(8) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 7;
    grid-area: 1/7/3/7;
}
.table--cols-6-1-span .table-head__col:nth-child(9) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 8;
    grid-area: 1/8/3/8;
}
.table--cols-6-1-span .table-head__col:nth-child(4) {
    -ms-grid-column-span: 3;
    grid-column: span 3;
}
@media screen and (min-width: 767px) {
    .table--cols-6-1-span .table-col:not(:nth-child(2)) {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-6-1-span .table-col:nth-child(5),
    .table--cols-6-1-span .table-col:nth-child(6) {
        border-right: var(--border-width-thin) solid var(--color-border-primary);
    }
}
@media screen and (max-width: 767px) {
    .table--cols-6-1-span .table-col:first-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 1920px) {
    .table--auto-2fr {
        --col: 250px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--auto-2fr {
        --col: calc(
                200px + 50 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--auto-2fr {
        --col: 200px;
    }
}
@media screen and (min-width: 767px) {
    .table--auto-2fr .table-row {
        -ms-grid-columns: 1fr (var(--col))[2];
        grid-template-columns: 1fr repeat(2, var(--col));
    }
}
@media screen and (max-width: 767px) {
    .table--auto-2fr .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 767px) {
    .table--auto-2fr .table-col:not(:first-child) {
        text-align: center;
    }
}

.table--cols-6 {
    --col2: 280px;
    --col5: 110px;
    overflow-x: auto;
}
@media (min-width: 1920px) {
    .table--cols-6 {
        --col3: 220px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-6 {
        --col3: calc(
                180px + 40 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-6 {
        --col3: 180px;
    }
}
@media (min-width: 1920px) {
    .table--cols-6 {
        --col4: 200px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--cols-6 {
        --col4: calc(
                160px + 40 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--cols-6 {
        --col4: 160px;
    }
}
@media screen and (min-width: 1240px) {
    .table--cols-6 .table-row {
        -ms-grid-columns: 50px 1fr (var(--col3))[2] (var(--col4))[2] var(--col5);
        grid-template-columns: 50px 1fr repeat(2, var(--col3)) repeat(2, var(--col4)) var(--col5);
    }
}
@media screen and (max-width: 1240px) {
    .table--cols-6 .table-row {
        -ms-grid-columns: 50px var(--col2) (var(--col3))[2] (var(--col4))[2] var(--col5);
        grid-template-columns: 50px var(--col2) repeat(2, var(--col3)) repeat(2, var(--col4)) var(--col5);
    }
}
@media screen and (max-width: 767px) {
    .table--cols-6 .table-row {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (min-width: 767px) {
    .table--cols-6 .table-row:not(.table-head__row) .table-col[data-col-title=Подробнее] {
        display: none;
    }
}
@media screen and (min-width: 767px) {
    .table--cols-6 .table-col:not(:nth-child(2)) {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-6 .table-col:first-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-6 .table-col:not(:nth-child(7), :nth-child(8)) {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}
@media screen and (max-width: 767px) {
    .table--cols-6 .table-col:empty:not([data-col-title=Подробнее]) {
        display: none;
    }
}
.table--cols-6 .table-head__col:last-child {
    -ms-grid-column-span: 2;
    grid-column: span 2;
}
@media screen and (max-width: 767px) {
    .table--cols-6 .table-col:nth-child(7) {
        border-bottom: none;
        border-right: var(--border-width-thin) solid var(--color-border-primary);
    }
}

.table--1fr .table-col.table-col:not(:last-child) {
    border-right: none;
    border-bottom: var(--border-width-thin) solid var(--color-border-primary);
}

@media screen and (min-width: 767px) {
    .table--2fr .table-row {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1920px) {
    .table--3fr {
        --col: 300px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .table--3fr {
        --col: calc(
                165px + 135 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .table--3fr {
        --col: 165px;
    }
}
@media screen and (min-width: 767px) {
    .table--3fr .table-row {
        -ms-grid-columns: 1fr (var(--col))[2];
        grid-template-columns: 1fr repeat(2, var(--col));
    }
}

@media (min-width: 1920px) {
    .table-events {
        --col: 362px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .table-events {
        --col: calc(
                116px + 246 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .table-events {
        --col: 116px;
    }
}
@media screen and (min-width: 767px) {
    .table-events .table-row:nth-child(1) {
        -ms-grid-column-span: 3;
        grid-column: span 3;
    }
}
.table-events .table-row:nth-child(1) .table-col {
    font-size: 20px;
}
@media screen and (max-width: 1440px) {
    .table-events .table-row:nth-child(1) .table-col {
        font-size: 18px;
    }
}
@media screen and (min-width: 767px) {
    .table-events .table-row {
        -ms-grid-columns: var(--col) (1fr)[2];
        grid-template-columns: var(--col) repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .table-events .table-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 767px) {
    .table-events .table-col:nth-child(1),
    .table-events .table-col:nth-child(2) {
        -ms-grid-row-span: 10;
        grid-row: span 10;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media screen and (min-width: 767px) {
    .table-events .table-col:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
        border-top: var(--border-width-thin) solid var(--color-border-primary);
    }
}
.table-events .table-col::before {
    display: none;
}

.knowledge-search {
    width: 400px;
}
@media screen and (max-width: 1240px) {
    .knowledge-search {
        width: 279px;
    }
}
@media screen and (max-width: 992px) {
    .knowledge-search {
        width: 100%;
    }
}

.section-top {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 24px 8px;
    margin-bottom: 24px;
}
@media screen and (max-width: 992px) {
    .section-top {
        margin-bottom: 10px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 12px 8px;
    }
}

.section-title {
    font-size: 24px;
    line-height: var(--line-height-title);
    font-weight: var(--font-weight-semibold);
    color: var(--color-dark-blue);
}
@media screen and (max-width: 1440px) {
    .section-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .section-title {
        font-size: 16px;
    }
}

.section-control {
    gap: 15px;
}
@media screen and (max-width: 767px) {
    .section-control {
        gap: 8px;
    }
}

@media screen and (max-width: 767px) {
    .section-tab-row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        border-radius: 12px;
    }
}
.section-tab-row .tab__btn {
    white-space: nowrap;
}
@media screen and (max-width: 767px) {
    .section-tab-row .tab__btn {
        width: 100%;
        border-radius: 8px;
    }
}
@media screen and (max-width: 767px) {
    .section-tab-row .tab__label {
        width: 100%;
        min-height: 36px;
    }
}

.categories,
.templates {
    overflow: visible;
}

.category-card {
    --template-color-title: var(--color-dark-blue);
    --template-color-bg: #f8fafc;
    --template-color-border: var(--color-border-gray);
    --template-color-icon: #64748b;
    gap: 30px;
    padding: 48px 12px 12px;
    border-radius: 24px;
    height: auto;
    border: var(--border-width-thin) solid var(--template-color-border);
    background-color: var(--template-color-bg);
}
@media screen and (max-width: 992px) {
    .category-card {
        border-radius: 20px;
    }
}
@media screen and (max-width: 767px) {
    .category-card {
        gap: 18px;
        padding: 32px 8px 8px;
    }
}
.category-card:nth-child(9n-8) {
    --template-color-icon: #6366f1;
    --template-color-bg: #eef2ff;
}
.category-card:nth-child(9n-7) {
    --template-color-icon: #22c55e;
    --template-color-bg: #f0fdf4;
}
.category-card:nth-child(9n-6) {
    --template-color-icon: #f97316;
    --template-color-bg: #fff7ed;
}
.category-card:nth-child(9n-5) {
    --template-color-icon: #3b82f6;
    --template-color-bg: #eff6ff;
}
.category-card:nth-child(9n-4) {
    --template-color-icon: #a855f7;
    --template-color-bg: #fdf4ff;
}
.category-card:nth-child(9n-3) {
    --template-color-icon: #eab308;
    --template-color-bg: #fefce8;
}
.category-card:nth-child(9n-2) {
    --template-color-icon: #14b8a6;
    --template-color-bg: #f0fdfa;
}
.category-card:nth-child(9n-1) {
    --template-color-icon: #f43f5e;
    --template-color-bg: #fff1f2;
}
@media screen and (hover: hover) {
    .category-card:hover {
        --template-color-title: var(--template-color-icon);
        border-color: var(--template-color-icon);
    }
}
.category-card:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.category-card__icon {
    width: var(--icon-size);
    height: var(--icon-size);
    color: var(--template-color-icon);
}
@media (min-width: 1920px) {
    .category-card__icon {
        --icon-size: 64px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .category-card__icon {
        --icon-size: calc(
                48px + 16 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .category-card__icon {
        --icon-size: 48px;
    }
}
.category-card__icon svg path {
    stroke: currentColor;
}
.category-card__body {
    margin-top: auto;
    gap: 8px;
}

.category-card__title {
    color: var(--template-color-title);
    -webkit-transition: var(--transition-duration-base);
    -o-transition: var(--transition-duration-base);
    transition: var(--transition-duration-base);
}

.category-card__text {
    color: var(--color-steel-blue);
}

.categories-swiper__nav {
    gap: 4px;
}
@media screen and (max-width: 767px) {
    .categories-swiper__nav {
        display: none;
    }
}

.categories-swiper__nav-btn {
    border-radius: 10px;
    width: 44px;
    height: 44px;
    color: var(--color-blue-primary);
}
.categories-swiper__nav-btn svg path {
    fill: currentColor;
}
@media screen and (hover: hover) {
    .categories-swiper__nav-btn:hover {
        color: var(--color-white);
    }
}

.template-card {
    gap: 8px;
    height: auto;
    border-radius: 12px;
    border: var(--border-width-thin) solid var(--color-border-gray);
    background-color: var(--color-light-steel-blue);
}
@media (min-width: 1920px) {
    .template-card {
        padding: 24px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .template-card {
        padding: calc(
                16px + 8 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .template-card {
        padding: 16px;
    }
}
@media screen and (max-width: 767px) {
    .template-card {
        padding: 12px;
    }
}

.template-card__body {
    gap: 8px;
}

.template-card__control {
    gap: 8px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    margin-top: auto;
}

.template-card__title {
    color: var(--color-blue-primary);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.template-card__text {
    color: var(--color-steel-blue);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-base);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
@media (min-width: 1680px) {
    .template-card__text {
        font-size: 18px;
    }
}
@media (min-width: 320px) and (max-width: 1680px) {
    .template-card__text {
        font-size: calc(
                12px + 6 *
                ((100vw - 320px) / (1360))
        );
    }
}
@media (max-width: 320px) {
    .template-card__text {
        font-size: 12px;
    }
}

.template-card__star {
    cursor: pointer;
}
.template-card__star .label-input:checked + .template-card__star-inner {
    background-color: rgba(219, 136, 155, 0.3);
    color: var(--color-pink);
}
@media screen and (hover: hover) {
    .template-card__star:hover .template-card__star-inner {
        border-color: var(--color-blue-primary);
    }
}

.template-card__star-inner {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    color: var(--color-steel-blue);
    border: var(--border-width-thin) solid transparent;
    -webkit-transition: var(--transition-duration-base);
    -o-transition: var(--transition-duration-base);
    transition: var(--transition-duration-base);
    background-color: var(--color-light-steel-blue);
}
@media screen and (max-width: 1440px) {
    .template-card__star-inner {
        width: 44px;
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .template-card__star-inner {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}
.template-card__star-inner svg {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 767px) {
    .template-card__star-inner svg {
        width: 20px;
        height: 20px;
    }
}
.template-card__star-inner svg path {
    fill: currentColor;
    -webkit-transition: var(--transition-duration-base);
    -o-transition: var(--transition-duration-base);
    transition: var(--transition-duration-base);
}

.templates__list {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
@media screen and (max-width: 1240px) {
    .templates__list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .templates__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 600px) {
    .templates__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

.regulatory-list {
    gap: 12px;
}

.regulatory-card {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 24px;
    border-radius: 12px;
    border: var(--border-width-thin) solid var(--color-border-gray);
    -webkit-transition: var(--transition-duration-base);
    -o-transition: var(--transition-duration-base);
    transition: var(--transition-duration-base);
}
@media screen and (max-width: 1440px) {
    .regulatory-card {
        padding: 20px;
    }
}
@media screen and (max-width: 600px) {
    .regulatory-card {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 12px;
    }
}
@media screen and (hover: hover) {
    .regulatory-card:hover {
        background-color: var(--color-light-periwinkle-40);
    }
}

.regulatory-card__body {
    gap: 8px;
}

.regulatory-card__control {
    gap: 8px;
}
@media screen and (max-width: 767px) {
    .regulatory-card__control {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}

.chapter-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 12px;
}
@media screen and (max-width: 767px) {
    .chapter-list {
        gap: 12px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.chapter-card {
    gap: 16px;
    padding: 24px;
    border-radius: 12px;
    border: var(--border-width-thin) solid var(--color-border-gray);
    background-color: var(--color-light-steel-blue);
}
@media screen and (max-width: 1440px) {
    .chapter-card {
        padding: 20px;
    }
}
@media screen and (max-width: 992px) {
    .chapter-card {
        padding: 16px;
    }
}
@media screen and (max-width: 767px) {
    .chapter-card {
        padding: 12px;
    }
}

.chapter-card__control {
    margin-top: auto;
}

.chapter-card__title {
    font-size: 20px;
}
@media screen and (max-width: 1440px) {
    .chapter-card__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .chapter-card__title {
        font-size: 16px;
    }
}

.chapter-card__list {
    gap: 16px;
    list-style-type: disc;
    margin-left: 32px;
}
@media screen and (max-width: 767px) {
    .chapter-card__list {
        gap: 12px;
        margin-left: 28px;
    }
}

.chapter-card__item::marker {
    color: inherit;
}

.chapter-card__link {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: var(--color-blue-primary);
}

.chapter-card__btn {
    padding: 12px;
}

@media screen and (max-width: 992px) {
    .regulatory-section-control {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
    }
}

.regulatory-filter {
    display: none;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    gap: 24px;
}
@media screen and (max-width: 992px) {
    .regulatory-filter {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-column: 1;
        grid-column: 1;
    }
}
@media screen and (max-width: 767px) {
    .regulatory-filter {
        gap: 12px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
.regulatory-filter.-is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 992px) {
    .regulatory-filter.-is-active {
        display: -ms-grid;
        display: grid;
    }
}

.regulatory-filter__select {
    width: 300px;
}
@media screen and (max-width: 992px) {
    .regulatory-filter__select {
        width: 100%;
    }
}

.document {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    gap: 16px;
}
@media screen and (max-width: 1440px) {
    .document {
        margin-top: 16px;
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 767px) {
    .document {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin-bottom: 40px;
    }
}

.document__head {
    gap: 12px;
}

.document-sidebar {
    gap: 12px;
}
@media screen and (min-width: 1240px) {
    .document-sidebar {
        position: sticky;
        top: 15px;
        height: calc(100dvh - 30px);
    }
}
@media screen and (max-width: 1240px) {
    .document-sidebar {
        position: relative;
        top: 0;
    }
}
.document-sidebar.-is-close {
    display: none;
}

.document-tab-row {
    gap: 12px;
}
@media screen and (max-width: 767px) {
    .document-tab-row {
        position: fixed;
        bottom: 8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 400;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        background-color: var(--color-light-steel-blue);
        border-radius: 30px;
        border: var(--border-width-thin) solid var(--color-border-gray);
        padding: 8px 12px;
    }
}

@media screen and (max-width: 1240px) {
    .document-tab__label.-is-active .document-tab__label-span {
        background-color: var(--color-light-periwinkle-40);
        color: var(--color-blue-primary);
    }
}
@media screen and (max-width: 1240px) {
    .document-tab__label .label-input:checked ~ .document-tab__label-span {
        color: var(--color-steel-blue);
        background-color: transparent;
    }
}

.document-tab__label-span {
    border-radius: 10px;
    padding: 12px;
}
@media screen and (max-width: 1240px) {
    .document-tab__label-span {
        color: var(--color-steel-blue);
        background-color: transparent;
    }
}
@media screen and (max-width: 992px) {
    .document-tab__label-span svg {
        width: 20px;
        height: 20px;
    }
}
.document-tab__label-span svg path {
    fill: currentColor;
}

.document-sidebar__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media screen and (max-width: 767px) {
    .document-sidebar__title {
        font-size: 20px;
    }
}

.document-tab__box-heading {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    margin-bottom: var(--spacing-4);
}
@media screen and (max-width: 767px) {
    .document-tab__box-heading {
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 1240px) {
    .document-tab__box-close {
        display: none;
    }
}

.document-tab-body {
    padding: var(--spacing-6);
    border-radius: 12px;
    border: var(--border-width-thin) solid var(--color-border-gray);
    background-color: var(--color-light-steel-blue);
    overflow-y: auto;
    overflow-x: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}
@media (min-width: 1920px) {
    .document-tab-body {
        width: 389px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .document-tab-body {
        width: calc(
                237px + 152 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .document-tab-body {
        width: 237px;
    }
}
@media screen and (max-width: 1240px) {
    .document-tab-body {
        position: absolute;
        top: 0px;
        left: calc(100% + 4px);
        z-index: 400;
        visibility: hidden;
        opacity: 0;
    }
}
@media screen and (max-width: 1240px) {
    .document-tab-body.-is-active {
        display: block;
        opacity: 1 !important;
        visibility: visible !important;
    }
}
@media screen and (max-width: 767px) {
    .document-tab-body {
        z-index: 700;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(16, 42, 67, 0.2);
        padding: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .document-tab-body.-is-active {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media screen and (max-width: 767px) {
    .document-tab__box {
        padding: 12px;
        border-radius: 15px;
        margin-top: 60px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        background-color: var(--color-ghost-white);
    }
}

.requisites-list {
    gap: 16px;
}

.requisites-item {
    gap: 8px;
}

.requisites-item__name {
    color: var(--color-steel-blue);
}

.requisites-item__text {
    color: var(--color-dark-blue);
}

.document-control {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
}
@media screen and (max-width: 1240px) {
    .document-control {
        gap: 8px;
    }
}
@media screen and (max-width: 992px) {
    .document-control {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
}

.document-control__btn {
    padding: 12px;
}
@media screen and (max-width: 767px) {
    .document-control__btn {
        padding: 8px;
    }
}
@media screen and (max-width: 1240px) {
    .document-control__btn.button-blue-light span {
        display: none;
    }
}

.document-control__btns {
    gap: 15px;
}
@media screen and (max-width: 1240px) {
    .document-control__btns {
        gap: 4px;
    }
}
@media screen and (max-width: 992px) {
    .document-control__btns {
        margin-left: auto;
    }
}

.document-main {
    gap: 12px;
    width: 100%;
}

.document__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    padding: 32px;
    background-color: var(--color-light-steel-blue);
    border: var(--border-width-thin) solid var(--color-border-gray);
    border-radius: 12px;
}
@media screen and (max-width: 767px) {
    .document__body {
        padding: 24px;
    }
}

.document__wrapper {
    border-radius: 8px;
    background-color: var(--color-white);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
}
.document__wrapper * {
    font-family: var(--font-family-base);
}

.document-control__resize-btn {
    position: relative;
}
.document-control__resize-btn .--close {
    display: none;
}
.document-control__resize-btn::after {
    content: "Развернуть";
    display: block;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
}
.document-control__resize-btn.-is-active .--open {
    display: none;
}
.document-control__resize-btn.-is-active .--close {
    display: block;
}
.document-control__resize-btn.-is-active::after {
    content: "Свернуть";
    display: block;
}

.document-files {
    gap: var(--spacing-4);
}

.document-file {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background-color: var(--color-light-steel-blue);
    border: var(--border-width-thin) solid var(--color-border-gray);
}
@media screen and (max-width: 1440px) {
    .document-file {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.document-file__link {
    padding: 12px;
}
@media screen and (min-width: 1441px) {
    .document-file__link span {
        display: none;
    }
}

.document-file__inner {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

@media screen and (max-width: 767px) {
    .document-file__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .document-file__size {
        font-size: 14px;
    }
}

.edition-list {
    gap: 8px;
}

.edition-file {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    border: var(--border-width-thin) solid var(--color-border-gray);
}
@media screen and (max-width: 1440px) {
    .edition-file {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 767px) {
    .edition-file {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
}
@media screen and (hover: hover) {
    .edition-file:hover {
        background-color: var(--color-light-periwinkle-40);
        border-color: var(--color-blue-primary);
    }
}
.edition-file.-is-active {
    background-color: var(--color-light-periwinkle-40);
    border-color: var(--color-blue-primary);
}
.edition-file:active {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.edition-file__icon {
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1440px) {
    .edition-file__icon {
        width: 16px;
        height: 16px;
    }
}
.edition-file__body {
    gap: 6px;
}

.edition-file__title {
    font-weight: var(--font-weight-semibold);
    color: var(--color-black);
}
@media (min-width: 1920px) {
    .edition-file__title {
        font-size: 18px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .edition-file__title {
        font-size: calc(
                14px + 4 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .edition-file__title {
        font-size: 14px;
    }
}

.edition-file__text {
    font-weight: var(--font-weight-medium);
    color: var(--color-middle-blue);
}
@media (min-width: 1920px) {
    .edition-file__text {
        font-size: 14px;
    }
}
@media (min-width: 1280px) and (max-width: 1920px) {
    .edition-file__text {
        font-size: calc(
                12px + 2 *
                ((100vw - 1280px) / (640))
        );
    }
}
@media (max-width: 1280px) {
    .edition-file__text {
        font-size: 12px;
    }
}

.document-nav__btn {
    width: 24px;
    height: 24px;
    -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;
}
.document-nav__btn.active {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.document-nav__btn svg {
    -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;
}

.document-nav__item,
.document-subnav__item {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.document-subnav__list,
.document-subsubnav__list {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    gap: 16px;
    padding-left: 12px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.4s ease-out, padding 0.2s ease;
    -o-transition: max-height 0.4s ease-out, padding 0.2s ease;
    transition: max-height 0.4s ease-out, padding 0.2s ease;
}
.document-subnav__list.open,
.document-subsubnav__list.open {
    max-height: 1000px;
    padding-top: 16px;
}

.document-nav__list {
    gap: 16px;
}

.document-nav__link,
.document-subnav__link {
    color: var(--color-dark-blue);
}
@media screen and (hover: hover) {
    .document-nav__link:hover,
    .document-subnav__link:hover {
        color: var(--color-blue-primary);
    }
}

.document-nav__link {
    font-weight: var(--font-weight-medium);
}
@media screen and (max-width: 992px) {
    .document-nav__link {
        font-size: 16px;
    }
}

.document-subnav__link {
    font-weight: var(--font-weight-semibold);
}
@media screen and (max-width: 992px) {
    .document-subnav__link {
        font-size: 14px;
    }
}

.document-danger-info {
    padding: 12px;
    text-align: center;
    border-radius: 12px;
    color: var(--color-red);
    background-color: var(--color-coral-10);
}

@media screen and (max-width: 992px) {
    .document-search {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
}
@media screen and (max-width: 767px) {
    .document-search {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
.document-search.-is-active .document-search__counter {
    display: block;
}
.document-search.-is-active .srch-btn {
    display: none;
}
.document-search.-is-active .document-search__counter {
    display: block;
}
.document-search.-is-active .document-search__control-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.document-search,
.document-search__control,
.document-search__control-nav {
    gap: 4px;
}

.document-search__control-nav {
    display: none;
}

.document-search__btn,
.document-search__nav-arrow {
    padding: 12px;
}

@media (min-width: 1920px) {
    .document-search__btn {
        min-width: 152px;
    }
}
@media (min-width: 768px) and (max-width: 1920px) {
    .document-search__btn {
        min-width: calc(
                107px + 45 *
                ((100vw - 768px) / (1152))
        );
    }
}
@media (max-width: 768px) {
    .document-search__btn {
        min-width: 107px;
    }
}
@media screen and (max-width: 767px) {
    .document-search__btn {
        width: 100%;
    }
}
.document-search__btn svg {
    display: none;
}
.document-search__btn.-is-active {
    min-width: 0;
}
.document-search__btn.-is-active svg {
    display: block;
}
.document-search__btn.-is-active span {
    display: none;
}

.document-search__container {
    width: 300px;
}
@media screen and (max-width: 992px) {
    .document-search__container {
        width: 100%;
    }
}

.document-search__counter {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 500;
    line-height: var(--line-height-base);
    color: var(--color-steel-blue);
    text-align: right;
    display: none;
}
@media screen and (max-width: 1240px) {
    .document-search__counter {
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {
    .event-control {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr 1fr auto;
        grid-template-columns: auto 1fr 1fr auto;
    }
}
@media screen and (max-width: 767px) {
    .event-control {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.event-control__select {
    width: 300px;
}
@media screen and (max-width: 1240px) {
    .event-control__select {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media screen and (max-width: 992px) {
    .event-control__select {
        width: 100%;
    }
}

.event-control__select--date {
    width: 200px;
}
@media screen and (max-width: 1240px) {
    .event-control__select--date {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media screen and (max-width: 992px) {
    .event-control__select--date {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .event-control__swiper-nav {
        display: none;
    }
}

.guide-calendar__container {
    overflow: visible;
}

.guide-calendar {
    width: 100%;
    height: auto;
}

.calendar-table__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
}

.guide-calendar__head {
    margin-bottom: 12px;
}

.guide-calendar__body {
    border-radius: 12px;
    border: var(--border-width-thin) solid var(--color-border-gray);
    padding: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media screen and (hover: hover) {
    .guide-calendar__body:hover {
        background-color: var(--color-light-steel-blue);
        border-color: var(--color-blue-primary);
    }
}

.guide-calendar__month {
    text-align: center;
    font-size: 16px;
    line-height: var(--line-height-base);
    color: var(--color-steel-blue);
    font-weight: var(--font-weight-semibold);
}

.calendar-table__header-col {
    text-align: center;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    color: var(--color-dark-blue);
    line-height: var(--line-height-base);
    padding: 8px 4px;
}
.calendar-table__header-col:nth-child(6), .calendar-table__header-col:nth-child(7) {
    color: var(--color-pink-soft);
}

.calendar-table__body {
    gap: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.calendar-table__body-col {
    padding: 8px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    color: var(--color-steel-blue);
    line-height: var(--line-height-base);
    font-weight: var(--font-weight-semibold);
}
.calendar-table__body-col:nth-child(6), .calendar-table__body-col:nth-child(7) {
    color: var(--color-pink-soft);
}
.calendar-table__body-col.--event {
    background: rgba(231, 167, 20, 0.2);
}
.calendar-table__body-col.--active {
    background: var(--color-jungle-green);
    color: var(--color-white);
}
.calendar-table__body-col.--today {
    background: var(--color-golden);
    color: var(--color-white);
}
.calendar-table__body-col.--holiday {
    color: var(--color-pink-soft);
}
@media screen and (hover: hover) {
    .calendar-table__body-col:hover:not(.--empty) {
        background: var(--color-white);
        color: var(--color-blue-primary);
    }
}

.events-accordion {
    border-radius: 12px;
    padding: 12px 24px;
    border: var(--border-width-thin) solid var(--color-border-gray);
}
@media screen and (max-width: 1440px) {
    .events-accordion {
        padding: 10px 20px;
    }
}
@media screen and (max-width: 767px) {
    .events-accordion {
        padding: 6px 12px;
    }
}

.events-accordion--link .events-accordion__icon svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.events-accordion__head {
    padding: 12px 0;
}
@media screen and (max-width: 1440px) {
    .events-accordion__head {
        padding: 10px 0;
    }
}
@media screen and (max-width: 767px) {
    .events-accordion__head {
        padding: 6px 0;
    }
}

.events-accordion__inner {
    padding: 12px 0;
    border-top: var(--border-width-thin) solid var(--color-border-gray);
}
@media screen and (max-width: 1440px) {
    .events-accordion__inner {
        padding: 10px 0;
    }
}
@media screen and (max-width: 767px) {
    .events-accordion__inner {
        padding: 6px 0;
    }
}

.events-accordion__list {
    gap: 12px;
}

.events-accordion__title {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    color: var(--color-dark-blue);
    gap: 12px;
    -ms-grid-row-align: center;
    align-self: center;
}
.events-accordion__title svg {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1440px) {
    .events-accordion__title svg {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .events-accordion__title svg {
        width: 20px;
        height: 20px;
    }
}

.events-accordion__icon {
    padding: 12px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background-color: var(--color-light-steel-blue);
}
@media screen and (max-width: 1440px) {
    .events-accordion__icon {
        width: 44px;
        height: 44px;
    }
}
@media screen and (max-width: 767px) {
    .events-accordion__icon {
        padding: 8px;
        border-radius: 8px;
        width: 36px;
        height: 36px;
    }
}
.events-accordion__icon svg {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 1440px) {
    .events-accordion__icon svg {
        width: 20px;
        height: 20px;
    }
}

.events-accordion__item {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    color: var(--color-blue-primary);
    gap: 12px;
    padding: 10px 0;
}
.events-accordion__item svg {
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 1440px) {
    .events-accordion__item svg {
        width: 24px;
        height: 24px;
    }
}
@media screen and (max-width: 767px) {
    .events-accordion__item svg {
        width: 20px;
        height: 20px;
    }
}
.events-accordion__item svg path {
    fill: currentColor;
}
@media screen and (hover: hover) {
    .events-accordion__item:hover {
        color: var(--color-golden);
    }
}

.events-list {
    gap: 20px;
}
@media screen and (max-width: 767px) {
    .events-list {
        gap: 10px;
    }
}

@media screen and (max-width: 992px) {
    .cabinet-program__actions {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.cabinet-news-hero {
    margin-top: 0 !important;
}
.cabinet-news-hero .news-hero__head {
    padding-top: 0;
}