@import "../fonts/styles.css";
:root {
    --color-white:     #FFFFFF;

    --color-yellow200: #FEF08A;
    --color-yellow400: #FACC15;
    --color-yellow500: #EAB308;
    --color-yellow600: #CA8A04;

    --color-green50:   #F3FAE8;
    --color-green100:  #E7F6D1;
    --color-green250:  #C3E88B;
    --color-green500:  #7FC612;
    --color-green700:  #6BAA0B;
    --color-green800:  #578C06;
    --color-green900:  #335302;

    --color-red50:     #FFF0F0;
    --color-red500:    #EF4444;
    --color-red600:    #DC2626;
    --color-red700:    #B91C1C;

    --color-orange25:  #FFF7ED;
    --color-orange200: #FED7AA;
    --color-orange400: #FB923C;
    --color-orange500: #F97316;
    --color-orange600: #EA580C;
    --color-orange700: #C2410C;

    --color-blue25:    #F4F7FF;
    --color-blue50:    #EBEFFA;
    --color-blue100:   #D7E0F6;
    --color-blue250:   #9CB2E8;
    --color-blue500:   #3864D1;
    --color-blue700:   #1440AD;
    --color-blue900:   #062164;

    --color-black700:   #1F2937;

    --color-gray30:    #F7F7F7;
    --color-gray50:    #F2F2F2;
    --color-gray100:   #E5E5E5;
    --color-gray200:   #CCCCCC;
    --color-gray300:   #B3B3B3;
    --color-gray400:   #999999;
    --color-gray500:   #808080;
    --color-gray600:   #666666;
    --color-gray700:   #4D4D4D;
    --color-gray800:   #333333;
    --color-gray850:   #202020;
    --color-gray900:   #1A1A1A;

    --color-purple600: #9333EA;

    --container-width: 1360px;
    --container-indent: calc(50% - var(--container-width) / 2);

    --font-inter: 'Inter', sans-serif;
    --font-sero-pro: 'SeroPro', sans-serif;

    --fs-18: 18px;

    --vh: 100vh;
    --header-height: 72px;
    --rating-star-size: 32px;

    --border-rd-sm: 4px;
    --border-rd-md: 8px;
    --border-rd-lg: 12px;
    --border-rd: 23px;

    --z-index-below: -1;
    --z-index-base: 0;
    --z-index-above: 1;

    --z-index-header: 100;
    --z-index-aside: calc(var(--z-index-header) + var(--z-index-below));
}

@media (max-width: 1600px) {
    :root {
        --container-width: 1126px;
    }
}

@media (max-width: 1365px) {
    :root {
        --container-indent: 40px;
    }
}

@media (max-width: 1023px) {
    :root {
        --container-indent: 40px;
    }
}

@media (max-width: 959px) {
    :root {
        --container-indent: 24px;
    }
}

@media (max-width: 767px) {
    :root {
        --container-indent: 20px;
    }
}

@media (max-width: 479px) {
    :root {
        --container-indent: 16px;
        --header-height: 60px;
    }
}

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    box-sizing: border-box;
    /*line-height: 1;*/
    font-family: var(--font-sero-pro);
    font-weight: 400;
    -webkit-tap-highlight-color: transparent;
    transition: color .2s;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-weight: 400;
    background-color: var(--color-gray30);
    /*line-height: 1;*/
}

main {
    display: flex;
    flex-direction: column;
    padding-top: 32px;
    min-height: 100vh;
}

@media (max-width: 1365px) {
    main {
        padding-top: 32px;
    }
}

ul,
ol {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

svg {
    transition: fill .2s, transform .2s;
}

button {
    font-family: inherit;
    border: none;
    background: none;
    cursor: pointer;
    transition: color .2s, background-color .2s, border-color .2s;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

textarea {
    font-family: inherit;
    font-size: inherit;
    border: none;
    resize: none;
    background: none;
}

i {
    font-style: normal;
}

strong {
    font-weight: bold;
}

.container {
    padding-left: var(--container-indent);
    padding-right: var(--container-indent);
}

.visually-hidden {
    clip: rect(0 0 0 0);
    height: 1px;
    position: absolute;
    width: 1px
}

.relative {
    position: relative;
}

.icon-16 {
    width: 16px;
    height: 16px;
}

.icon-18 {
    width: 18px;
    height: 18px;
}

.icon-20 {
    width: 20px;
    height: 20px;
}

.icon-24 {
    width: 24px;
    height: 24px;
}

.icon-28 {
    width: 28px;
    height: 28px;
}

.icon-blue {
    fill: var(--color-blue500);
}
.icon-blue-l{
    fill: #9CB2E8;
}

.icon-orange {
    fill: var(--color-orange600);
}

.icon-green {
    fill: var(--color-green700);
}

.icon-yellow {
    fill: var(--color-yellow500);
}

.rotate-45 {
    transform: rotateZ(45deg);
}

.rotate-90 {
    transform: rotateZ(90deg);
}

.grid-row {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-normal {
    justify-content: normal;
}

.button {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 4px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border: 2px solid transparent;
    border-radius: var(--border-rd-sm);
    background-color: transparent;
    transition: all .2s;
}

.button2 {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 6px;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--border-rd-lg);
    background-color: transparent;
    transition: all .2s;
    height: 48px;
}
.button2__disabled{
    background-color: #D7D7D7 !important;
    color: #A8A8A8 !important;
    pointer-events: none !important;
}
.button * {
    line-height: 1;
    font-family: var(--font-sero-pro);
}

.button2 * {
    line-height: 1;
    font-family: var(--font-sero-pro);
}

.button svg {
    width: 24px;
    height: 24px;
    fill: var(--color-white);
}

.button_blue_stroke svg {
    fill: var(--color-blue500);
}

.button_lg {
    padding-right: 32px;
    padding-left: 32px;
    min-height: 48px;
    font-size: 16px;
}

.button_sm {
    padding-right: 24px;
    padding-left: 24px;
    min-height: 40px;
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 1365px) {
    .button_lg {
        min-height: 38px;
        font-size: 14px;
    }
}

.button_green {
    color: var(--color-white);
    border-color: var(--color-green500);
}

.button_gray {
    color: var(--color-gray850);
    border-color: var(--color-gray850);
}

.button_gray_bg {
    background-color: #323848;
    color: #fff;
}

.button_green_fill {
    background-color: var(--color-green500);
}
.button_transparent_fill{
    background-color: transparent;
}



.button_green_stroke {
    color: var(--color-green700);
    background-color: var(--color-white);
    border-color: var(--color-green500);
}

@media (hover: hover) {
    .button_green:not(:disabled):hover {
        border-color: var(--color-green700);
        color: var(--color-white);
        background-color: var(--color-green700);
    }

    .button_green_fill:not(:hover):focus {
        box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-green500);
    }

    .button_green_stroke:not(:hover):focus {
        text-decoration: underline;
        color: var(--color-green500);
        border-color: var(--color-green500);
        background-color: var(--color-white);
    }
}

.button_green:active {
    color: var(--color-white);
    border-color: var(--color-green800);
    background-color: var(--color-green800);
}

.button_blue {
    border-color: var(--color-blue500);
}

.button_blue_fill {
    color: var(--color-white);
    background-color: var(--color-blue500);
}

.button_blue_stroke {
    color: var(--color-blue500);
    background-color: transparent;
}

@media (hover: hover) {
    .button_blue:not(:disabled):hover {
        border-color: var(--color-blue700);
        color: var(--color-white);
        background-color: var(--color-blue700);
    }

    .button_blue_fill:not(:hover):focus {
        box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-blue500);
    }

    .button_blue_stroke:not(:hover):focus {
        text-decoration: underline;
        color: var(--color-blue500);
        border-color: var(--color-blue500);
        background-color: var(--color-white);
    }

    .button_blue_stroke:hover svg {
        fill: var(--color-white);
    }
}

.button:disabled {
    cursor: default;
}

.button_green:disabled,
.button_blue:disabled {
    border-color: var(--color-gray300);
}

.button_green_fill:disabled,
.button_blue_fill:disabled {
    color: var(--color-white);
    background-color: var(--color-gray300);
}

.button_green_stroke:disabled,
.button_blue_stroke:disabled {
    color: var(--color-gray300);
    border-color: var(--color-gray300);
}

[data-dropdown] {
    position: relative;
}

[data-dropdown-target] {
    position: absolute;
    z-index: 1000;
    transition: all .2s;
}

.hover-underline {
    position: relative;
}

.hover-underline:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 50%;
    width: 0;
    height: 2px;
    border-radius: 10px;
    background-color: var(--color-blue500);
    transform: translateX(-50%);
    transition: width .2s;
}

@media (hover: hover) {
    .hover-underline:hover:not(.active):after {
        width: 100%;
    }
}

.headline {
    font-family: var(--font-sero-pro);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-blue900);
}

.headline_mb_primary {
    margin-bottom: 20px;
}

.headline_mb_13 {
    margin-bottom: 13px;
}

@media (max-width: 1023px) {
    .headline {
        font-size: 32px;
    }
}

.box {
    background-color: var(--color-white);
}

.box:not(.box_rd_8) {
    border-radius: var(--border-rd-lg);
}

.box_shadow {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04);
}

.box_rd_8 {
    border-radius: var(--border-rd-md);
}

[data-accordion-target] {
    display: none;
}

/* Review card */
.review {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 16px;
    padding: 24px 16px;
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
}

.review.otvet_item {
    padding: 0;
}

.review_profile {
    position: relative;
    padding: 0;
}

.review_profile + .review_profile {
    margin-top: 32px;
}

.review_profile + .review_profile:after {
    content: '';
    position: absolute;
    top: -32px;
    width: 100%;
    height: 1px;
    background-color: var(--color-gray100);
}

.review__header {
    align-items: start;
    margin-bottom: 8px;
}

.review__info {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 6px;
    justify-content: start;
    justify-items: start;
    align-items: start;
}

.review__image {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.review__image-none {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--color-blue50);
}

.review__company-name {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    align-self: end;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray900);
}

.is-comment.review__company-name {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gray600);
}

.review__company-object {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray900);
    transition: .2s;
}

@media (hover: hover) {
    .review__company-object:hover {
        color: var(--color-blue500);
        text-decoration: underline;
    }
}



.review__ratting {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.review__small {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    justify-items: end;
}

.review__small_start {
    justify-items: start;
}

.review__small .no-rating {
    font-size: 16px;
}

.review__small * {
    font-size: 14px;
    color: var(--color-gray500);
}

.review__item {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 4px;
    justify-content: start;
    font-size: 14px;
    line-height: 1.4;
}

.review__key {
    line-height: 1.4;
    font-weight: 600;
    color: var(--color-gray900);
}

.review__value {
    line-height: 1.4;
    color: var(--color-gray700);
}

.review__footer {
    grid-template-columns: 1fr;
    margin-top: 8px;
}

.review__actions {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 24px;
}

.review__trash {
    grid-column-gap: 8px;
    font-family: var(--font-sero-pro);
    font-size: 14px;
    color: var(--color-gray500);
    fill: var(--color-gray400);
    transition: color .2s, fill .2s;
}

@media (hover: hover) {
    .review__trash:hover {
        color: var(--color-red700);
        fill: var(--color-red700);
    }
}

.review__actions > div {
    grid-column-gap: 10px;
}

.review__actions > div:last-of-type {
    margin-left: auto;
    width: 100%;
}

.review__reaction {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-column-gap: 12px;
    padding: 10px;
    min-width: 68px;
    border-radius: 13px;
    font-size: 16px;
    color: var(--color-white);
    fill: var(--color-white);
    line-height: 1;
}

.review__more {
    margin-left: auto;
}

/*.review__reaction span {*/
/*    color: var(--color-white);*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*}*/

.review__reaction svg {
    fill: var(--color-white);
}

.review__reaction_like {
    background-color: #85C192;
}

.review__reaction_dislike {
    background-color: #808080;
}

.review__answer-action a {
    display: grid;
    font-size: 14px;
    color: var(--color-blue700);
}

@media (hover: hover) {
    .review__answer-action a:hover {
        text-decoration: underline;
    }
}

.review__more {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 8px;
    align-items: center;
    font-size: 14px;
    color: var(--color-gray500);
}

.review__more svg {
    fill: var(--color-gray500);
}

.review__form {
    display: none;
    margin-top: 16px;
}

.review__form-answer {
    grid-column-gap: 4px;
}

.review__form-answer span:first-of-type {
    color: var(--color-gray500);
}

.review__form-answer span:last-of-type {
    color: var(--color-blue700);
}

.review__form-fields {
    grid-template-columns: 1fr auto;
    grid-column-gap: 16px;
    margin-top: 16px;
}

.review__form-action {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    height: 100%;
    fill: var(--color-gray300);
    border-radius: var(--border-rd-md);
    transition: background-color .2s;
}

.coment_items_otvet {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 32px;
    padding-top: 16px;
    padding-left: 32px;
    border-left: 2px solid var(--color-gray100);
}

.coment_items_otvet .review__small {
    display: none;
}

.review__show {
    grid-column-gap: 4px;
    justify-self: start !important;
    color: var(--color-gray500);
    fill: var(--color-gray500);
    transition: color .2s;
}

.review__show span {
    font-size: 16px;
    font-family: var(--font-sero-pro);
}

.review > .coment_items_otvet .otvet_item:not(:first-of-type) {
    display: none;
}

.review__reply a {
    color: var(--color-blue500);
}

@media (hover: hover) {
    .review__form-action:hover {
        fill: var(--color-white);
        background-color: var(--color-blue500);
    }

    .review__show:hover {
        color: var(--color-gray600);
        fill: var(--color-gray600);
    }

    .review__reply a:hover {
        text-decoration: underline;
    }
}

@media (max-width: 1365px) {
    .coment_items_otvet {
        padding-left: 16px;
    }
}

@media (max-width: 479px) {
    .review {
        padding: 12px 8px;
        grid-row-gap: 12px;
    }

    .review__info {
        grid-gap: 8px;
    }

    .review__image {
        width: 40px;
        height: 40px;
    }

    .review__header {
        grid-auto-flow: row;
        margin-bottom: 4px;
    }

    .review__footer {
        margin-top: 4px;
    }

    .review__actions {
        grid-template-columns: unset;
        grid-auto-flow: row;
        grid-row-gap: 16px;
    }

    .review__actions > div:first-of-type {
        justify-content: start;
    }

    .review__actions > div:last-of-type {
        order: -1;
    }

    .review__small {
        grid-auto-flow: column;
        grid-column-gap: 8px;
        justify-items: start;
        margin-top: 8px;
    }

    .review__small span:first-of-type {
        padding-left: 48px;
    }
}

[data-copy]button {
    position: relative;
}

.tooltip {
    position: relative;
}

.tooltip:before {
    content: attr(data-tooltip-text);
    position: absolute;
    bottom: 140%;
    right: 0;
    padding: 4px 10px;
    min-width: max-content;
    text-align: center;
    font-size: 14px;
    color: var(--color-white);
    border-radius: var(--border-rd-md);
    background-color: var(--color-gray500);
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}

.tooltip[data-tooltip-text]:hover:before {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1365px) {
    .tooltip[data-tooltip-text]:before {
        display: none;
    }
}

.header {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.12);
    background-color: var(--color-white);
    z-index: 1;
}

.header__wrap {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 44px 80px;
    justify-content: space-between;
    align-items: center;
    overflow-y: unset !important;
}

.header__nav {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    justify-self: start;
}

.header__auth {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
}

.header__login {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 4px;
    justify-content: start;
    align-items: center;
    color: var(--color-blue500);
}

.header__login * {
    font-family: var(--font-sero-pro);
    font-size: 16px;
}

.header__login svg {
    fill: var(--color-blue500);
}

.header__dropdown-action {
    grid-column-gap: 6px;
}

.header__dropdown-action img {
    border-radius: 50%;
}

.header__dropdown-action span {
    margin-left: 2px;
    font-size: 16px;
    color: var(--color-gray800);
}

.header__dropdown-action svg {
    transform: rotate(90deg);
    fill: var(--color-gray500);
}

.header__dropdown.is-active .header__dropdown-action svg {
    transform: rotateZ(270deg);
}

.header__common {
    position: absolute;
    bottom: 0;
    right: var(--container-indent);
    left: var(--container-indent);
    height: 80px;
    border-top: 1px solid var(--color-gray100);
}

.header__common * {
    z-index: calc(var(--z-index-header) + var(--z-index-above));
}

.header__top {
    padding: 14px 0;
    border-bottom: 1px solid var(--color-gray100);
}

.header__top-list {
    grid-column-gap: 32px;
}

.header__link {
    font-size: 16px;
}

.header__link_primary {
    color: var(--color-gray600);
}
span.header__link_primary.active {
    cursor: default;
    color: var(--color-blue900);
}

.header__link_secondary {
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--color-gray800);
}

.header__link_secondary.active:hover {
    cursor: default;
}

span.header__link_secondary.active:after {
    width: 100%;
}

@media (hover: hover) {
    .header__link_primary:not(.active):hover {
        color: var(--color-blue900);
    }
}

.header__bottom {
    padding: 16px 0;
}

.header__bottom-list {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    justify-self: center;
    grid-column-gap: 32px;
    margin-left: -170px;
}

.header__dropdown button {
    grid-column-gap: 6px;
}

.header__dropdown svg {
    fill: var(--color-gray500);
}

.header__dropdown.is-active svg {
    transform: rotateZ(270deg);
}

.header__dropdown-list {
    display: grid;
    grid-auto-flow: row;
    padding: 10px 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.04);
    border-radius: var(--border-rd-sm);
    background-color: var(--color-white);
}

.header__dropdown-list a {
    position: relative;
    display: grid;
    padding: 8px 16px;
    width: 100%;
    white-space: nowrap;
    line-height: 1;
    font-size: 14px;
    transition: background-color .2s;
}

.header__dropdown-list li:last-of-type a {
    margin-top: 8px;
}

.header__dropdown-list li:last-of-type a:before {
    content: '';
    position: absolute;
    top: -4px;
    right: 0;
    left: 16px;
    width: calc(100% - 32px);
    height: 1px;
    background-color: var(--color-gray100);
}

@media (hover: hover) {
    .header__dropdown-list a:hover {
        background-color: var(--color-gray50);
    }
}

.header__logo {
    width: 130px;
    height: 32px;
}

.header__feedback svg {
    width: 20px;
    height: 20px;
    margin-bottom: -2px;
}

@media (min-width: 1600px) {
    .header__feedback svg {
        display: none;
    }
}

@media (max-width: 1600px) {

    .header__bottom-list {
        margin-left: 0;
    }
}

@media (min-width: 1365px) {
    .header__feedback svg{
        display: none;
    }
    .header__menu {
        display: none;
    }
}

@media (max-width: 1365px) {
    .header__feedback span {
        display: none;
    }
    .header {
        box-shadow: unset;
        padding: 0;
        z-index: calc(var(--z-index-header));
    }

    .header__wrap {
        position: fixed;
        top: var(--header-height);
        left: 0;
        bottom: 0;
        grid-template-columns: unset;
        grid-template-rows: auto auto auto 1fr;
        grid-auto-flow: row;
        grid-row-gap: 28px;
        justify-content: stretch;
        align-items: start;
        align-content: start;
        padding: 24px 24px 24px var(--container-indent);
        height: calc(var(--vh) - var(--header-height));
        max-width: 330px;
        width: 100%;
        overflow-y: hidden !important;
        transform: translateX(-100%);
        transition: transform .2s;
        background-color: var(--color-white);
        z-index: var(--z-index-aside);
    }

    .header__nav,
    .header__auth,
    .header__bottom-list {
        grid-column: unset;
        grid-row: unset;
        justify-self: unset;
    }

    .header__bottom-list {
        grid-row: 2 / 3;
    }

    .header__bottom-list,
    .header__nav {
        padding-top: 28px;
        border-top: 1px solid var(--color-gray50);
    }

    .header__top-list,
    .header__bottom-list {
        grid-auto-flow: row;
        grid-row-gap: 16px;
    }

    .header__nav {
        grid-row: 3 / 4;
    }

    .header__auth {
        grid-row: 1 / 2;
    }

    .header__dropdown-action svg,
    .header__dropdown-action img:not(.header__user-image) {
        display: none;
    }

    .header__dropdown-action {
        margin-bottom: 24px;
        grid-column-gap: 16px;
    }

    .header__user-image {
        width: 64px;
        height: 64px;
        border-radius: 50%;
    }

    .header__dropdown-action span {
        text-align: left;
        line-height: 1.3;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .header__common {
        position: relative;
        left: 0;
        right: 0;
        height: 72px;
        padding-right: var(--container-indent);
        padding-left: var(--container-indent);
        box-shadow: 0 4px 32px rgba(0, 0, 0, 0.12);
        z-index: 110;
    }

    .header__dropdown-list a {
        grid-column-gap: 8px;
    }

    .header__dropdown-list li:first-of-type svg {
        fill: var(--color-green700);
    }

    .header__dropdown-list li:nth-of-type(2) svg {
        fill: var(--color-yellow500);
    }

    .header__dropdown-list li:nth-of-type(3) svg {
        fill: var(--color-blue700);
    }

    .header__dropdown-list {
        position: static !important;
        grid-row-gap: 8px;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 0;
        box-shadow: unset;
    }

    .header__dropdown-list a {
        padding: 6px 0;
    }

    .header__dropdown-list li:last-of-type {
        display: none;
    }

    .header__menu {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: var(--border-rd-md);
        border: 1px solid var(--color-gray200);
    }

    .header__feedback {
        padding: 0;
        max-height: 40px;
        width: 40px;
        height: 40px;
        min-height: unset;
    }
}

@media (min-width: 479px) {
    .header__feedback svg {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 479px) {
    .header__bottom {
        padding: 12px 0;
    }

    .header__menu,
    .header__feedback {
        width: 36px;
        height: 36px;
    }

    .header__logo {
        width: 114px;
        height: 28px;
    }
}

.footer {
    display: grid;
    grid-auto-flow: row;
    margin-top: 120px;
}

@media (max-width: 1600px) {
    .footer {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .footer {
        margin-top: 60px;
    }
}

@media (max-width: 479px) {
    .footer {
        margin-top: 40px;
    }
}

.footer__top {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: var(--color-white);
}

.footer__logo a {
    display: grid;
}

.footer__logo img {
    width: 146px;
    height: 36px;
}

.footer__feedback {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 5px;
    justify-items: end;
}

.footer__feedback * {
    font-family: var(--font-sero-pro);
}

.footer__feedback a {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-gray900);
}

.footer__feedback span {
    font-size: 14px;
    color: var(--color-gray500);
}

@media (hover: hover) {
    .footer__feedback a:hover {
        text-decoration: underline;
    }
}

.footer__bottom {
    padding-top: 32px;
    padding-bottom: 20px;
    background-color: var(--color-gray30);
}

.footer__grid {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-row-gap: 64px;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-gray200);
}

.footer__info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    width: 100%;
}

.footer__text {
    font-size: 16px;
    color: var(--color-gray500);
    transition: color .2s;
}

.footer__headline {
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: max-content;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-gray900);
    border-bottom: 1px solid var(--color-gray200);
}

.footer__list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 16px;
    max-width: 300px;
}

.footer__list * {
    line-height: 1.5;
}

@media (hover: hover) {
    a.footer__text:hover {
        color: var(--color-gray900);
    }
}

.footer__notify {
    margin-bottom: 20px;
    line-height: 1.4;
    font-size: 16px;
    color: var(--color-gray900);
}

.footer__cookies {
    grid-column: 1 / 3;
    line-height: 1.6;
    font-size: 14px;
}

.footer__copyright {
    margin-top: 20px;
}

.footer__copyright p {
    line-height: 1.4;
    font-size: 14px;
}

.footer__social {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 16px;
}

.footer__social a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--color-gray500);
    transition: background-color .2s;
}

@media (hover: hover) {
    .footer__social a:hover {
        background-color: var(--color-gray400);
    }
}

.footer__social svg {
    fill: var(--color-white);
}

.rating {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    grid-column-gap: 4px;
}

.rating__number {
    display: flex;
    align-items: flex-end;
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 14px;
    font-weight: 600;
    color: var(--color-gray900);
    order: 2;
}

.rating__list {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    grid-column-gap: 4px;
}

.rating__list-listing {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    grid-column-gap: 4px;
}

.rating__star {
    width: 16px;
    height: 16px;
    fill: var(--color-yellow400);
    stroke: var(--color-yellow400);
}

.rating__star_20 {
    width: 20px;
    height: 20px;
}

.rating__star_10 {
    width: 10px;
    height: 10px;
}


@media (max-width: 479px) {
    .rating {
        grid-column-gap: 8px;
    }

    .rating__star_20 {
        width: 14px;
        height: 14px;
    }
}

.rating__star-listing {
    fill: #dddddd;
    margin-right: 0;
}

.rating__star-listing_active {
    fill: #FABD00;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100;
    transition: opacity .2s, visibility .2s;
}

.overlay_show {
    opacity: 1;
    visibility: visible;
}

.overlay_aside {
    z-index: calc(var(--z-index-aside) + var(--z-index-below));
}

.overlay_modal {
    overflow-y: auto;
}

.overlay_modal::-webkit-scrollbar {
    display: none;
}

.modal {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    align-items: center;
    margin: 10px;
    max-height: calc(100vh - 40px);
    width: 100%;
    border-radius: var(--border-rd-lg);
    transform: scale(0);
    transition: transform .2s;
    background-color: var(--color-white);
    z-index: 900;
}

.modal.scroll-bar {
    box-shadow: 0 0 0 4px var(--color-white);
}

.modal__close {
    position: absolute;
    top: 8px;
    right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--color-gray30);
    z-index: 1;
}

.modal__close:before {
    content: '';
    position: absolute;
    top: -8px;
    right: -16px;
    width: 36px;
    height: 36px;
}

.modal__close svg {
    width: 24px;
    height: 24px;
    fill: var(--color-gray500);
}

.modal__remove-button {
    display: grid;
    justify-content: center;
    margin-top: 12px;
    padding: 12px;
    width: 100%;
    font-family: var(--font-sero-pro);
    color: var(--color-gray500);
    transition: color .2s;
}

@media (hover: hover) {
    .modal__remove-button:hover {
        color: var(--color-red700);
    }
}

.modal__error-message {
    margin-top: 12px;
    font-size: 16px;
    color: var(--color-red700);
}

@media (hover: hover) {
    .modal__close:hover {
        background-color: var(--color-gray100);
    }
}

.modal__close:active {
    background-color: var(--color-gray300);
}

.modal__close:active svg {
    fill: var(--color-gray700);
}

.modal__headline {
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    text-align: center;
}

@media (max-width: 1600px) {
    .modal__headline {
        font-size: 28px;
    }
}

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

@media (max-width: 479px) {
    .modal__headline {
        margin: 0 32px;
        font-size: 20px;
    }

    .modal__close {
        width: 28px;
        height: 28px;
    }

    .modal__close svg {
        width: 16px;
        height: 16px;
    }
}

.lock-scrollbar {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

.star-rating * {
    font-family: var(--font-sero-pro);
}

.star-rating__caption {
    margin-bottom: 8px;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gray800);
}

.star-rating__group {
    position: relative;
    width: calc(var(--rating-star-size) * 5);
    height: var(--rating-star-size);
    background-image: url('../images/common/star-default.svg');
    background-size: var(--rating-star-size) auto;
    background-repeat: repeat-x;
    transition: all .2s;
}

.star-rating__group:focus-within {
    box-shadow: 0 0 0 2px #2563eb;
}

.star-rating__star {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: var(--rating-star-size);
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: var(--rating-star-size) auto;
    background-repeat: repeat-x;
}

.star-rating__star:focus {
    outline: none;
}

.star-rating__star:hover,
.star-rating__star:checked {
    background-image: url('../images/common/star-active.svg');
}

.star-rating__star:hover ~ .star-rating__star {
    background-image: url('../images/common/star-default.svg');
}

.star-rating__star:nth-of-type(1) {
    width: calc(var(--rating-star-size) * 1);
    z-index: 5;
}

.star-rating__star:nth-of-type(2) {
    width: calc(var(--rating-star-size) * 2);
    z-index: 4;
}

.star-rating__star:nth-of-type(3) {
    width: calc(var(--rating-star-size) * 3);
    z-index: 3;
}

.star-rating__star:nth-of-type(4) {
    width: calc(var(--rating-star-size) * 4);
    z-index: 2;
}

.star-rating__star:nth-of-type(5) {
    width: calc(var(--rating-star-size) * 5);
    z-index: 1;
}

.star-rating__number {
    margin-left: 12px;
    line-height: 1;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-gray500);
}

.aside {
    position: fixed;
    top: var(--header-height);
    left: 0;
    bottom: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-row-gap: 24px;
    align-items: start;
    align-content: start;
    padding: 24px 24px 24px var(--container-indent);
    height: calc(var(--vh) - var(--header-height));
    max-width: 330px;
    width: 100%;
    transform: translateX(-100%);
    transition: transform .2s;
    background-color: var(--color-white);
    z-index: var(--z-index-aside);
}

.aside__wrap {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 28px;
}

.aside__user-info {
    grid-column-gap: 16px;
}

.aside__user-image {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.aside__user-name {
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-gray800);
}

.aside__account {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 12px;
    justify-items: start;
    margin-top: 24px;
}

.aside__account-page {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 8px;
    align-items: center;
}

.aside__account-page span {
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: var(--color-gray800);
}

.aside__account-page_profile svg {
    fill: var(--color-green700);
}

.aside__account-page_wishlist svg {
    fill: var(--color-yellow500);
}

.aside__account-page_review svg {
    fill: var(--color-blue700);
}

.aside__login {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 8px;
    justify-content: start;
    align-items: center;
}

.aside__login svg {
    fill: var(--color-blue500);
}

.aside__login span {
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: var(--color-gray800);
}

.aside__separator {
    width: 100%;
    height: 1px;
    background-color: var(--color-gray50);
}

.aside__list {
    display: grid;
    grid-auto-flow: row;
}

.aside__list_primary {
    grid-row-gap: 16px;
}

.aside__list_secondary {
    grid-row-gap: 20px;
}

.aside__link {
    font-size: 16px;
}

.aside__link_primary {
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
    color: var(--color-gray800);
}

.aside__link_secondary {
    color: var(--color-gray600);
}

.aside__logout {
    grid-column-gap: 8px;
    margin-top: auto;
}

.aside__logout svg {
    fill: var(--color-gray500);
}

.aside__logout span {
    font-size: 16px;
    color: var(--color-gray800);
}

@media (min-width: 1366px) {
    .aside, .overlay_aside {
        display: none;
    }

    .show-from-1365 {
        display: none;
    }

    .header__logo,
    .header__feedback,
    .header__bottom-list {
        z-index: calc(var(--z-index-header) + var(--z-index-above));
    }

    .header__dropdown-list svg {
        display: none;
    }
}

.hamburger {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
}

.hamburger > div {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: var(--border-rd-md);
    background-color: var(--color-gray400);
    transition: all 0.2s ease;
}

.hamburger > div:before,
.hamburger > div:after {
    content: '';
    position: absolute;
    top: -6px;
    right: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: var(--border-rd-md);
    background-color: var(--color-gray400);
    transition: all 0.2s ease;
}

.hamburger > div:after {
    top: 6px;
}

.hamburger_active > div {
    background: rgba(0,0,0,0);
}

.hamburger_active > div:before {
    top: 0;
    transform: rotate(45deg);
}

.hamburger_active > div:after {
    top: 0;
    transform: rotate(135deg);
}

@media (max-width: 1600px) {
    .footer__grid {
        grid-template-columns: 400px 1fr;
    }

    .footer__info {
        grid-template-columns: repeat(3, 192px);
        grid-column-gap: 48px;
        justify-content: end;
    }
}

@media (max-width: 1365px) {
    .footer__grid {
        grid-template-columns: 300px 1fr;
        grid-column-gap: 48px;
    }

    .footer__notify {
        font-size: 17px;
    }

    .footer__info {
        grid-template-columns: repeat(4, auto);
        grid-column-gap: 31px;
    }

    .header__logout {
        grid-column-gap: 8px;
        fill: var(--color-gray500);
    }
}

@media (max-width: 1023px) {
    .footer__grid {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .footer__grid > div:not(.footer__info) {
        grid-row: 2 / 3;
    }

    .footer__info {
        grid-template-columns: repeat(3, 1fr);
        grid-row: 1 / 2;
        justify-content: space-between;
    }

    .footer__cookies {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .footer__feedback {
        grid-row-gap: 8px;
    }

    .footer__list {
        grid-row-gap: 0;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .footer__grid {
        grid-row-gap: 48px;
    }

    .footer__info {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 48px;
    }

    .footer__cookies {
        grid-auto-flow: row;
        grid-row-gap: 8px;
    }
}

@media (max-width: 479px) {
    .footer__top {
        grid-auto-flow: row;
        grid-row-gap: 24px;
    }

    .footer__grid {
        grid-row-gap: 32px;
    }

    .footer__info {
        grid-template-columns: 1fr;
        grid-row-gap: 32px;
    }

    .footer__feedback {
        justify-items: start;
    }

    .footer__copyright {
        grid-auto-flow: row;
        grid-row-gap: 24px;
    }

    .footer__social {
        justify-content: start;
        order: -1;
    }

    .footer__cookies {
        grid-row-gap: 12px;
    }
}

.label {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    justify-items: start;
}

.label__text {
    font-family: var(--font-sero-pro);
    font-size: 14px;
    color: var(--color-gray800);
}

.label__text i {
    color: var(--color-red500);
}

.label__field {
    padding: 0 12px;
    min-height: 40px;
    width: 100%;
    border: 2px solid var(--color-gray30);
    border-radius: 6px;
    color: var(--color-gray900);
    background-color: var(--color-gray30);
    transition: all .2s;
}

.label__field_textarea {
    padding: 12px;
}

.label__field::placeholder {
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gray400);
}

@media (hover: hover) {
    .label__field:hover {
        border-color: var(--color-gray50);
        background-color: var(--color-gray50);
    }
}

.label__field:not(.is-error):focus {
    box-shadow: 0 0 0 2px #2563EB;
}

.is-error.label__field:not(:focus) {
    border-color: var(--color-red600);
    background-color: var(--color-red50);
}

.is-error.label__field::placeholder {
    color: var(--color-red600);
}

.error-text {
    position: absolute;
    left: 12px;
    bottom: -13px;
    font-size: 12px;
    color: var(--color-red600);
}

.check {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 20px auto;
    grid-column-gap: 8px;
    padding: 4px 0 4px 4px;
    border-radius: var(--border-rd-sm);
    cursor: pointer;
    transition: background-color .2s, border-color .2s;
}

.check.is-active {
    background-color: var(--color-blue50);
}

@media (hover: hover) {
    .check:not(.is-active):hover {
        background-color: var(--color-gray30);
    }
}

.check__input {
    clip: rect(0 0 0 0);
    height: 1px;
    position: absolute;
    width: 1px;
}

.check__box {
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-blue500);
    border-radius: var(--border-rd-sm);
    background-color: var(--color-white);
    transition: all .2s;
}

.check__box:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: var(--color-blue500);
    border-radius: var(--border-rd-sm);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    transition: .15s;
}

.check__input:hover:not(:checked) + .check__box:after {
    opacity: 1;
    visibility: visible;
}

.check__input:checked + .check__box {
    background-color: var(--color-blue500);
    border-color: var(--color-blue500);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.0665 5.09724C12.0102 5.04044 11.9431 4.99535 11.8693 4.96458C11.7954 4.93381 11.7162 4.91797 11.6362 4.91797C11.5562 4.91797 11.477 4.93381 11.4031 4.96458C11.3293 4.99535 11.2623 5.04044 11.2059 5.09724L6.69076 9.61845L4.79379 7.71542C4.73529 7.65891 4.66624 7.61448 4.59057 7.58466C4.5149 7.55484 4.4341 7.54022 4.35277 7.54162C4.27145 7.54303 4.1912 7.56044 4.11661 7.59286C4.04202 7.62528 3.97454 7.67208 3.91803 7.73057C3.86152 7.78907 3.81709 7.85813 3.78727 7.9338C3.75745 8.00947 3.74283 8.09027 3.74423 8.17159C3.74564 8.25291 3.76305 8.33316 3.79547 8.40775C3.82789 8.48235 3.87469 8.54982 3.93318 8.60633L6.26046 10.9336C6.3168 10.9904 6.38383 11.0355 6.45768 11.0663C6.53154 11.097 6.61075 11.1129 6.69076 11.1129C6.77077 11.1129 6.84998 11.097 6.92384 11.0663C6.99769 11.0355 7.06472 10.9904 7.12106 10.9336L12.0665 5.98815C12.128 5.9314 12.1771 5.86252 12.2107 5.78585C12.2443 5.70918 12.2616 5.62639 12.2616 5.5427C12.2616 5.459 12.2443 5.37621 12.2107 5.29954C12.1771 5.22287 12.128 5.15399 12.0665 5.09724Z' fill='white'/%3E%3C/svg%3E");
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.check:hover .check__input:checked + .check__box {
    background-color: var(--color-blue500);
    border-color: var(--color-blue500);
}

.check__input:focus  + .check__box {
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-blue500);
}

.check__input:checked:focus  + .check__box {
    border-color: var(--color-blue500);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-blue500);
    background-color: var(--color-blue500);
}

.check__text {
    line-height: 1.3;
    font-size: 16px;
    color: var(--color-gray800);
}

.check__text a {
    color: var(--color-blue500);
    text-decoration: underline;
}

.overflow-gradient {
    position: relative;
}

.radio {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 8px;
    justify-content: start;
    align-items: center;
    padding: 4px 0 4px 4px;
    width: 100%;
    border-radius: var(--border-rd-sm);
    color: var(--color-gray800);
    cursor: pointer;
    transition:  background-color .2s;
}

.radio.is-active {
    background-color: var(--color-blue50);
}

@media (hover: hover) {
    .radio:not(.is-active):hover {
        background-color: var(--color-gray30);
    }
}

.radio__input {
    clip: rect(0 0 0 0);
    height: 1px;
    position: absolute;
    width: 1px;
}

.radio__box {
    position: relative;
    justify-self: start;
    min-width: 20px;
    height: 20px;
    border: 2px solid var(--color-blue500);
    border-radius: 50%;
    transition: all .2s;
}

.radio__text {
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    font-size: 16px;
    font-weight: 400;
    color: var(--color-gray800);
}

.radio__box:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-blue500);
    transform: translate(-52%, -49%) scale(0);
    transition: all .2s;
}

.radio__input:checked + .radio__box:before {
    transform: translate(-52%, -49%) scale(1.5);
}

.radio:hover .radio__input:not(:checked) + .radio__box:before {
    transform: translate(-52%, -49%) scale(1);
}

.radio__input:focus + .radio__box {
    box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #2563EB;
}

.radio__input:not(:checked):focus + .radio__box:before {
    transform: translate(-52%, -49%) scale(1);
}

.radio__input:checked:focus + .radio__box {
    box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #2563EB;
}

.overflow-gradient:before,
.overflow-gradient:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    height: 24px;
    z-index: 10;
}

.overflow-gradient:before {
    top: -1px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.overflow-gradient:after {
    bottom: -1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

/* Choices */
.choices {
    position: relative;
}

.choices .select2 {
    display: none;
}

.choices__inner {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    min-width: 300px;
    min-height: 40px;
    padding: 8px 12px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.03);
    border: unset;
    border-radius: 12px;
    background-color: var(--color-white);
    cursor: pointer;
}

.choices_stroke .choices__inner {
    border: 1px solid var(--color-gray200);
}

.choices__inner:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    right: 16px;
    margin-top: unset;
    border: unset;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.57192 21.9281C9.05936 21.4155 9.05936 20.5845 9.57192 20.0719L15.6438 14L9.57192 7.92808C9.05936 7.41551 9.05936 6.58449 9.57192 6.07192C10.0845 5.55936 10.9155 5.55936 11.4281 6.07192L18.4281 13.0719C18.9406 13.5845 18.9406 14.4155 18.4281 14.9281L11.4281 21.9281C10.9155 22.4406 10.0845 22.4406 9.57192 21.9281Z' fill='%237E7E81'/%3E%3C/svg%3E");
    background-size: 16px 16px;
    transform: translateY(-50%) rotateZ(90deg);
    transition: all .2s;
}

.is-open .choices__inner:after {
    border: unset;
    margin-top: unset;
    transform: translateY(-50%) rotateZ(270deg);
}

.choices__list_single {
    font-family: var(--font-sero-pro);
    font-size: 14px;
    color: var(--color-gray800);
}

.choices:hover .choices__list_single {
    color: var(--color-blue700);
}

.choices__list_dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    left: 0;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.08);
    border-radius: var(--border-rd-md);
    background-color: var(--color-white);
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: all .2s;
    z-index: 100;
}

.choices_stroke .choices__list_dropdown {
    box-shadow: unset;
    border: 1px solid var(--color-gray200);
}

.is-active.choices__list_dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.choices__list[role='listbox'] {
    overflow-y: auto;
    max-height: 300px;
    padding: 8px 0;
}

.choices__list[role='listbox']::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
}

.choices__list[role='listbox']::-webkit-scrollbar-button {
    display: none;
}

.choices__list[role='listbox']::-webkit-scrollbar-thumb {
    border-radius: 10000px;
    background-color: #D9D9D9;
}

.choices__list[role='listbox']::-webkit-scrollbar-track {
    background-color: #F9F9F9;
    border-radius: 10000px;
}

.choices__item {
    padding: 6px 10px;
    font-family: var(--font-sero-pro);
    color: var(--color-gray800);
    cursor: pointer;
}

.choices__item:hover,
.choices__item.is-selected {
    color: var(--color-blue700);
}

.spinner {
    position: fixed;
    left: calc(100vw / 2 - 30px);
    top: calc(100vh / 2 - 30px);
    width: 60px;
    height: 60px;
    text-align: center;
    animation: sk-rotate 2.0s infinite linear;
    z-index: 9999;
}

.dot1,
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: var(--color-blue500);
    border-radius: 100%;
    animation: sk-bounce 2.0s infinite ease-in-out;
    box-shadow: 0 0 3px 3px rgba(77, 77, 77, 0.2);
}

.dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1.0s;
}

.content #objects.searching {
    filter: blur(1px);
    transition: filter .3s;
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
    }
}

/* FAQ */
.faq__headline {
    margin-bottom: 20px;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    line-height: 1;
    color: var(--color-gray900);
    font-weight: 700;
}

.faq__list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 20px;
}

.faq__list li {
    position: relative;
    padding: 20px 24px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.04);
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
}
.faq__list li:before{
    content: '';
    position: absolute;
    right: 25px;
    top: 20px;
    background: url('../images/faq/plus.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.faq__list li.is-active:before{
    content: '';
    position: absolute;
    right: 25px;
    top: 20px;
    background: url('../images/faq/minus.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.faq__list a{
    color: var(--color-blue700);
}
.faq__list a:hover{
    color: var(--color-blue900);
}

.faq__list [data-accordion-action] {
    grid-column-gap: 24px;
    width: 100%;
    font-size: 24px;
    color: var(--color-gray900);
    font-weight: 500;
    line-height: 1.15;
    text-align: left;
}

.faq__list [data-accordion-action] span {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-weight: 500;
}

.faq__list [data-accordion-target] {
    margin-top: 20px;
    line-height: 1.4;
    font-size: 16px;
    color: var(--color-gray700);
}

.faq__list li div p {
    color: var(--color-gray700);
}

.faq__list li div p,
.faq__list li div li {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 16px;

}

.faq__list li div p + p {
    margin-top: 20px;
}

.faq__list li div ul {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    margin-top: 12px;
    margin-bottom: 20px;
    list-style: disc;
}

.faq__list li div ol {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    margin-top: 12px;
    margin-bottom: 20px;
    list-style: decimal;
}

.faq__list li div li {
    position: relative;
    margin-left: 32px;
    padding: 0;
    color: var(--color-gray800);
    box-shadow: unset;
}

.faq__icon {
    position: relative;
    width: 16px;
    height: 16px;
}

.faq__icon:before,
.faq__icon:after {
    content: '';
    position: absolute;
    width: 16px;
    top: 50%;
    left: 50%;
    height: 2px;
    border-radius: 20px;
    overflow-y: hidden;
    background-color: var(--color-blue500);
    transform: translate(-50%, -50%);
    transition: transform .2s, background-color .2s;
}

.faq__icon:after {
    transform: translate(-50%, -50%) rotateZ(90deg);
}

.is-active .faq__icon:after {
    transform: translate(-50%, -50%) rotateZ(0);
}

.is-active .faq__icon:before,
.is-active .faq__icon:after {
    background-color: var(--color-red600);
}

@media (max-width: 1365px) {
    .faq__headline {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .faq__headline {
        font-size: 32px;
    }

    .faq__list li {
        padding: 12px;
    }

    .faq__list [data-accordion-action] {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .faq__list {
        grid-row-gap: 16px;
    }

    .faq__headline {
        font-size: 28px;
    }

    .faq__list li {
        padding: 12px 16px;
    }

    .faq__list [data-accordion-action] span {
        text-align: left;
        padding-right: 25px;
    }

    .faq__list [data-accordion-target] {
        margin-top: 16px;
    }
}

@media (max-width: 479px) {
    .faq__headline {
        font-size: 24px;
    }
}

.scroll-bar:not(.scroll-bar_horizontal) {
    overflow-y: auto;
}

.scroll-bar_horizontal {
    overflow-x: auto;
}

body::-webkit-scrollbar {
    width: 8px;
}
.scroll-bar::-webkit-scrollbar {
    background-color: transparent;
}

.scroll-bar:not(.scroll-bar_horizontal)::-webkit-scrollbar {
    width: 6px;
}

.scroll-bar_horizontal::-webkit-scrollbar {
    height: 6px;
}

body::-webkit-scrollbar-button,
.scroll-bar::-webkit-scrollbar-button {
    display: none;
}

body::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 10000px;
    background-color: #D9D9D9;
}

body::-webkit-scrollbar-track,
.scroll-bar::-webkit-scrollbar-track {
    background-color: #F9F9F9;
    border-radius: 10000px;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-blue500);
}

[data-tab-caption] {
    cursor: pointer;
}

[data-tab-body]:not(.is-active) {
    display: none;
}

.feedback {
    grid-row-gap: 24px;
    padding: 32px;
    max-height: calc(100vh - 60px);
    width: 800px;
    box-shadow: 0 0 0 4px var(--color-white);
    overflow: auto;
}

.feedback-small {
    width: calc(800px - 32px);
}

.feedback * {
    font-family: var(--font-sero-pro);
}

.feedback__security {
    grid-column-gap: 12px;
    justify-items: center;
    padding: 12px 0;
    border-radius: var(--border-rd-md);
    background-color: var(--color-green50);
}

.feedback__security svg {
    fill: var(--color-green700);
}

.feedback__security span {
    line-height: 1;
    font-size: 18px;
    color: var(--color-green700);
}

.feedback__form {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.feedback__stage {
    position: relative;
    grid-template-columns: auto 1fr;
    grid-column-gap: 12px;
    align-items: start;
    transition: .3s;
}

.feedback__stage_col1 {
    position: static;
    grid-template-columns: 1fr;
}

.feedback__stage_col1:after,
.feedback__stage_col1:before {
    content: unset !important;
}

.feedback__stage:last-of-type {
    align-items: center;
}

.feedback__stage:last-of-type:after {
    content: '';
    position: absolute;
    left: -2px;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    opacity: .7;
    transition: opacity .3s;
}

.is-stage-active.feedback__stage:last-of-type:after {
    content: unset;
}

.feedback__stage:last-of-type:before {
    content: unset;
}

.feedback__stage:not(.is-stage-active):not(:last-of-type) {
    opacity: .3;
}

.feedback__stage:before {
    content: '';
    position: absolute;
    top: 34px;
    left: 16px;
    width: 2px;
    height: calc(100% - 18px);
    background: linear-gradient(360deg, rgba(56, 100, 209, 0) 0%, #3864D1 99.98%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s;
}

.is-stage-active.feedback__stage:before {
    opacity: 1;
    visibility: visible;
}

.feedback__number {
    display: grid;
    grid-row: 1 / 3;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    line-height: 1.3;
    font-size: 20px;
    color: var(--color-gray900);
    fill: var(--color-blue500);
    box-shadow: -2px 0 0 #3864D1;
    border: 1px solid var(--color-blue500);
    border-radius: 10000px;
    background-color: var(--color-white);
}

.feedback__stage:last-of-type .feedback__number {
    grid-row: 1 / 2;
}

.feedback__label {
    grid-template-columns: 1fr auto;
    grid-column-gap: 16px;
    width: 100%;
    text-align: start;
    line-height: 1.3;
    font-size: 20px;
    color: var(--color-gray500);
    fill: var(--color-blue500);
    cursor: default;
    transition: .2s color;
}

.feedback__label svg {
    display: none;
    transform: rotate(-90deg);
}

.is-collapse svg {
    transform: rotate(90deg);
}

[data-stage-success] .feedback__label {
    color: var(--color-blue700);
    cursor: pointer;
}

[data-stage-success] .feedback__label svg {
    display: grid;
}

.feedback__group {
    position: relative;
    display: grid;
    align-items: start;
    grid-gap: 12px;
    margin-top: 16px;
}

.feedback__group .error-text {
    position: relative;
    bottom: 4px;
}

.feedback__group_column-2 {
    grid-template-columns: 1fr 1fr;
}

.feedback__form_small {
    grid-row-gap: 24px;
}

.feedback__form_small .check {
    position: relative;
}

.feedback__form_small .check .error-text {
    left: 32px;
}

.feedback__form_small .personal-info__label:last-of-type {
    grid-column: 1 / 3;
}

.feedback__stage:not(:first-of-type)  .feedback__group_column-2 .error-text {
    grid-column: 1 / 3;
}

.feedback__stage .check:hover {
    background-color: unset;
}

.feedback__button {
    display: none;
}

.feedback__stage .check {
    position: relative;
}

[data-current-stage="5"] .feedback__button {
    display: grid;
}

[data-current-stage="5"] .feedback__next {
    display: none;
}
@media (max-width: 1600px) {
    .feedback {
        padding: 32px 24px;
    }

    .feedback__stage {
        grid-column-gap: 8px;
    }
}

@media (max-width: 767px) {
    .feedback {
        padding: 32px 16px;
    }

    .feedback__stage:before {
        top: 24px;
        left: 11px;
        height: calc(100% - 8px);
    }

    .feedback__label {
        font-size: 16px;
    }

    .feedback__number {
        width: 24px;
        height: 24px;
        font-size: 16px;
    }

    .feedback__security span {
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .feedback__group_column-2 {
        grid-template-columns: 1fr;
    }

    .feedback__stage:not(:first-of-type) .feedback__group_column-2 .error-text {
        grid-column: unset;
    }

    .feedback__security span {
        font-size: 14px;
    }

    .feedback__stage:last-of-type {
        align-items: start;
    }

    .feedback__stage .check {
        align-items: center;
    }
}

.modal-button {
    display: none;
}

.state {
    width: 550px;
    padding: 32px;
}

.state__button {
    margin-top: 40px;
}

@media (max-width: 1600px) {
    .state {
        padding: 32px 24px;
    }
}

@media (max-width: 767px) {
    .state {
        padding: 32px 16px;
    }

    .feedback__form_small {
        grid-row-gap: 16px;
    }
}

@media (max-width: 479px) {
    .feedback__form_small .personal-info__label:last-of-type {
        grid-column: unset;
    }
}

.overlay_modal {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.auth-modal {
    padding: 40px 32px;
    max-width: 450px;
    width: 100%;
}

.auth-modal__grid {
    display: grid;
    grid-auto-flow: row;
    margin-bottom: 48px;
}

.auth-modal__wrap {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 12px;
}

.auth-modal__wrap_restore {
    margin-bottom: 32px;
}

.auth-modal .modal__headline {
    margin-bottom: 48px;
}

.auth-modal__text {
    justify-self: center;
    grid-column-gap: 8px;
}

.auth-modal__text_check {
    justify-self: start;
}

.auth-modal__text * {
    font-family: var(--font-sero-pro);
    font-size: 16px;
}

.auth-modal__text p {
    color: var(--color-gray500);
}

.auth-modal__text *:not(p) {
    line-height: 1.2;
    color: var(--color-gray600);
}

.auth-modal__forgot-password {
    margin-top: 16px;
    margin-bottom: 32px;
}

@media (hover: hover) {
    .auth-modal__text *:not(p):hover,
    .auth-modal__text *:not(p):focus {
        text-decoration: underline;
    }
}

.auth-modal__auth-variant {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 12px;
}

.auth-modal__auth-variant > p {
    font-size: 16px;
    color: var(--color-gray500);
}

.auth-modal__auth-variant ul {
    grid-column-gap: 16px;
    grid-template-columns: repeat(4, 1fr);
}

.auth-modal__auth-variant a,
.auth-modal__auth-variant div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    width: 100%;
    border-radius: 6px;
    background-color: var(--color-gray30);
    transition: background-color .2s;
}

.auth-modal__auth-variant .inactive {
    cursor: default;
}

.auth-modal__auth-variant svg {
    fill: var(--color-gray400);
}

.auth-modal__auth-variant .inactive svg {
    fill: var(--color-gray100);
}

@media (hover: hover) {
    .auth-modal__auth-variant a:not(.inactive):hover,
    .auth-modal__auth-variant a:not(.inactive):focus {
        background-color: var(--color-gray400);
    }

    .auth-modal__auth-variant a:not(.inactive):hover svg,
    .auth-modal__auth-variant a:not(.inactive):focus svg {
        fill: var(--color-white);
    }
}

.auth-modal__register {
    margin-top: 24px;
}

.auth-modal__login {
    margin-top: 48px;
}

.auth-modal__login_secondary {
    margin-top: 24px;
}

.auth-modal__agree {
    margin-top: 32px;
    margin-bottom: 24px;
}

.oauth-register-form,
.oauth-reset-form {
    display: none;
}

.auth-modal__response {
    display: none;
    margin-top: 16px;
    font-size: 16px;
    color: var(--color-gray900);
}

.auth-modal__response_success {
    padding: 8px;
    border: 2px solid var(--color-green700);
    border-radius: var(--border-rd-sm);
}

.auth-modal__response_error {
    padding: 8px;
    border: 2px solid var(--color-red700);
    border-radius: var(--border-rd-sm);
}

@media (max-width: 767px) {
    .auth-modal {
        padding: 40px 16px;
    }

    .auth-modal .modal__headline {
        margin-bottom: 40px;
        font-size: 24px;
    }

    .auth-modal__grid {
        margin-bottom: 40px;
    }

    .auth-modal__text_check {
        grid-auto-flow: row;
    }

    .auth-modal__login:not(.auth-modal__login_secondary) {
        margin-top: 40px;
    }

    .auth-modal__auth-variant ul {
        grid-column-gap: 12px;
    }

    .auth-modal__auth-variant svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 483px) {
    .auth-modal {
        max-width: calc(100vw - 32px);
    }
}

@media (max-width: 479px) {
    .auth-modal .modal__headline {
        margin-bottom: 32px;
        font-size: 20px;
    }

    .auth-modal__grid {
        margin-bottom: 32px;
    }

    .auth-modal__login:not(.auth-modal__login_secondary) {
        margin-top: 32px;
    }

    .auth-modal__agree {
        margin-top: 24px;
    }

    .auth-modal__wrap_restore {
        margin-bottom: 24px;
    }

    .auth-modal__auth-variant > p {
        justify-self: center;
        font-size: 14px;
    }
}

.loader {
    position: relative;
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 70px;
    height: 70px;
    background: var(--color-white);
    border-radius: 50%;
    background: linear-gradient(to right, var(--color-blue500) 10%, rgba(255, 153, 0, 0) 42%);
    animation: load3 1.4s infinite linear;
    transform: translateZ(0);
}

.loader:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    background: var(--color-blue500);
    border-radius: 100% 0 0 0;
}

.loader:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    background: var(--color-white);
}

@keyframes load3 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.modal_loader {
    padding: 32px;
    max-width: 400px;
}

/* Rating progress */
.rating-grid {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 16px;
    justify-content: start;
    align-items: center;
}

.rating-wrapper {
    grid-column-gap: 8px;
    justify-content: start;
}

.rating-wrapper__label {
    margin-right: 0 !important;
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--color-gray600) !important;
}

.rating-wrapper__label_mark {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 2px;
    justify-content: start;
    align-items: center;
}

.rating-wrapper__label_mark button {
    display: grid;
    justify-content: center;
    align-items: center;
    margin-top: -2px;
}

.rating-wrapper__label_mark button svg {
    width: 16px;
    height: 16px;
    fill: transparent;
}

.rating-tooltip {
    position: relative;
    display: grid;
    margin-right: 0 !important;
}

.rating-tooltip__body {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 8px;
    display: inline-block;
    padding: 8px 12px;
    white-space: nowrap;
    line-height: 1.5;
    font-size: 14px;
    color: var(--color-gray600);
    border-radius: 8px 8px 8px 0;
    background: var(--color-white);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s;
    z-index: 10;
}

.rating-tooltip__body i {
    color: var(--color-blue500);
}

.rating-wrapper__label:hover .rating-tooltip__body {
    opacity: 1;
    visibility: visible;
}

#svg circle {
    width: 40px;
    height: 40px;
    stroke-dashoffset: 0;
    stroke: var(--color-gray50);
    stroke-width: 3px;
    transition: stroke-dashoffset .4s linear;
}

.rating-progress__svg .rating-progress__circle {
    stroke: #FF9F1E;
}

.rating-progress {
    display: grid;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    position: relative;
}

.rating-progress__value {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    margin-right: 0 !important;
    line-height: 1;
    font-size: 16px !important;
    color: var(--color-gray900);
    transform: translate(-50%, -50%);
}

@media (max-width: 479px) {
    .rating-grid {
        grid-column-gap: 12px;
    }

    .rating-wrapper {
        grid-column-gap: 6px;
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.spin {
    display: none;
    margin-left: 4px;
    margin-bottom: 2px;
    height: 16px !important;
    width: 16px !important;
    color: var(--color-white);
    fill: transparent !important;
}

/* Company info page */
.company {
    display: grid;
    grid-template-columns: 1fr 360px;
    grid-auto-flow: row;
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    align-items: start;
    background-color: var(--color-gray30);
}

.company > section:not(.company__feedback) {
    grid-column: 1 / 2;
}

.company__section-headline {
    font-family: var(--font-sero-pro);
    font-size: 28px;
    color: var(--color-gray900);
    font-weight: bold;
}

.company__section-headline_mb {
    margin-bottom: 24px;
}

@media (max-width: 479px) {
    .company__section-headline {
        font-size: 24px;
    }
}

.company__about {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
    padding: 24px;
}

.company__about * {
    font-family: var(--font-sero-pro);
}

.company__rating span {
    margin-right: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-gray900);
}

.company__rating {
    grid-template-columns: 1fr auto;
}

.company__review {
    margin-left: 32px;
}

.company__review * {
    font-size: 16px !important;
}

.company__review svg {
    display: none;
}

.company__review span:first-of-type {
    font-weight: 400;
    color: var(--color-gray800);
}

.company__review span:last-of-type {
    font-weight: 500;
    color: var(--color-blue500);
}

.company__small-info {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 32px;
    grid-row-gap: 8px;
    justify-content: space-between;
}

.company__headline {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    font-size: 32px;
    font-weight: bold;
    color: var(--color-gray900);
    line-height: 1.1;
}

.company__full-name {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    font-weight: 500;
    color: var(--color-gray300);
}

.company__logo {
    grid-row: 1 / 3;
}

.company__logo img {
    max-width: 80px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.company__about > ul {
    grid-gap: 16px;
    align-items: start;
}

.company__advantage-head {
    grid-column-gap: 6px;
    padding: 12px 0 20px 12px;
    border-radius: 6px;
    z-index: var(--z-index-below);
}

.company__advantage_blue .company__advantage-head {
    background-color: var(--color-blue500);
}

.company__advantage_orange .company__advantage-head {
    background-color: var(--color-orange500);
}

.company__advantage_green .company__advantage-head {
    background-color: var(--color-green700);
}

.company__advantage-head svg {
    fill: var(--color-white);
}

.company__advantage-head span {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-white);
}

.company__advantage-body {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 12px;
    margin-top: -10px;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid transparent;
    background-color: var(--color-white);
    z-index: var(--z-index-above);
}

.company__advantage_blue .company__advantage-body {
    border-color: var(--color-blue500);
}

.company__advantage_orange .company__advantage-body {
    border-color: var(--color-orange500);
}

.company__advantage_green .company__advantage-body {
    border-color: var(--color-green700);
}

.company__advantage-body li {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 4px;
}

.company__advantage-body li p:first-of-type {
    font-weight: 500;
    font-size: 14px;
}

.company__advantage_blue ul li p:first-of-type {
    color: var(--color-blue900);
}

.company__advantage_orange ul li p:first-of-type {
    color: var(--color-orange700);
}

.company__advantage_green ul li p:first-of-type {
    color: var(--color-green800);
}

.company__advantage-body li p {
    line-height: 1.3;
    font-size: 14px;
    color: var(--color-gray700);
}

.company__about-actions {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    grid-column-gap: 12px;
}

.company__about-actions_tariff {
    grid-template-columns: auto auto 1fr;
}

.tariff-action {
    justify-self: end;
}

.company__official.tariff-action {
    grid-column: 1 / 2;
}

.company__about-wishlist {
    padding: 0 8px;
}

.company__feedback {
    position: sticky;
    top: 20px;
    display: grid;
    grid-auto-flow: row;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    grid-row-gap: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 48px 30px;
    border-radius: var(--border-rd-lg);
    background: url('../images/catalog/feedback-decor.webp'), #EDF0F9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 110% 0;
}

.company__feedback-headline {
    font-family: var(--font-sero-pro);
    font-size: 28px;
    font-weight: 500;
    color: var(--color-white);
}

.company__feedback-description {
    line-height: 1.6;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-white);
}

.company__feedback-phone {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-blue50);
}

.company__feedback-phone:hover {
    text-decoration: underline;
}

.company__feedback-small {
    margin-top: 12px;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-white);
}

.company__prices {
    padding: 24px;
}

.company__item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.company__item + .company__item {
    border-top: 1px solid var(--color-gray50);
}

.company__item:first-of-type {
    padding-top: 0;
}

.company__item:last-of-type {
    padding-bottom: 0;
}

.company__item-action {
    grid-column-gap: 8px;
    width: 100%;
}

.company__item-action > span:first-of-type {
    grid-column-gap: 8px;
}

.company__item-action * {
    font-family: var(--font-sero-pro);
    font-size: 18px;
    font-weight: 400;
}

.company__item-action > span:first-of-type {
    text-align: left;
    color: var(--color-gray700);
}

.company__item-action > span:first-of-type > span:first-of-type {
    line-height: 1.4;
}

.company__item-action svg {
    fill: var(--color-gray500);
    transform: rotateZ(90deg);
}

.is-active .company__item-action svg {
    transform: rotateZ(270deg);
}

.company__item-price {
    grid-column-gap: 16px;
    color: var(--color-blue700);
}

.company__item-price * {
    color: var(--color-blue700);
}

.company__item-price *:not(.company__item-price-old) {
    font-weight: 500;
}

.company__item-price .company__item-price-new {
    color: var(--color-green700);
}

.company__item-price .company__item-price-old {
    color: var(--color-gray200);
    text-decoration: line-through;
}

.company__item-target {
    margin-top: 16px;
    line-height: 1.3;
    font-size: 14px;
    color: var(--color-gray600);
}

.company__item-target p {
    margin-bottom: 12px;
    line-height: 1.4;
    font-size: 14px;
    color: var(--color-gray600);
}

.company__item-target ul,
.company__item-target ol {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 4px;
    justify-content: start;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 16px;
}

.company__item-target ol {
    list-style: decimal;
}

.company__item-target ul {
    list-style: disc;
}

.company__item-target ul li,
.company__item-target ol li {
    line-height: 1.4;
    font-size: 14px;
    color: var(--color-gray600);
}

.company__item-target p + ul,
.company__item-target p + ol {
    margin-bottom: 12px;
}

.company__reviews {
    display: grid;
    grid-auto-flow: row;
}

.company__reviews button {
    justify-self: center;
}

.company__reviews-list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 20px;
    margin-top: 24px;
    margin-bottom: 32px;
}

.company__info {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
    padding: 24px;
}

.company__info-headline {
    font-size: 24px;
    font-weight: 500;
    color: var(--color-gray900);
}

.company__director-info p:last-of-type {
    margin-bottom: 0;
}

.company__info-description p,
.company__director-info p {
    margin-bottom: 16px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: var(--color-gray700);
}

.company__info-description ul,
.company__info-description ol,
.company__director-info ol,
.company__director-info ul {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    justify-content: start;
    padding-left: 16px;
}

.company__info-description ol,
.company__director-info ol {
    list-style: decimal;
}

.company__info-description ul,
.company__director-info ul {
    list-style: disc;
}

.company__info-description ul li,
.company__info-description ol li,
.company__director-info ol li,
.company__director-info ul li {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: var(--color-gray800);
}

.company__info-description p + ul,
.company__info-description p + ol,
.company__director-info p + ol,
.company__director-info p + ul {
    margin-bottom: 16px;
}

.company__info-wrap {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}
.company__info-slider {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

.company__info-wrap > div:first-of-type {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.company__info-thumbs {
    padding: 8px !important;
    width: 100%;
}

.company__info-thumbs .swiper-slide {
    max-width: 185px !important;
    max-height: 104px;
    width: 100% !important;
    height: 100%;
    border-radius: var(--border-rd-sm);
    overflow: hidden;
    transition: all .2s;
    cursor: pointer;
}

.company__info-thumbs .swiper-slide-thumb-active {
    box-shadow: 0 0 0 4px #F7F8FA, 0 0 0 7px #0F7CEF;
}

.company__info-thumbs-img {
    width: 100%;
    height: 100%;
}

.company__info-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    z-index: 2;
}

.company__info-bg_prev {
    left: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.company__info-bg_next {
    right: 0;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.company__info-action {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--border-rd-md);
    background-color: rgba(0, 0, 0, .5);
    transform: translateY(-50%);
    transition: background-color .2s, opacity .2s, visibility .2s;
    z-index: 3;
}

.company__info-action:disabled {
    opacity: 0;
    visibility: hidden;
}

.company__info-action_prev {
    left: 0;
}

.company__info-action_next {
    right: 0;
}

.company__info-action svg {
    fill: var(--color-white);
}

.company__info-action_prev svg {
    transform: rotateZ(180deg);
}

@media (hover: hover) {
    .company__info-action:hover {
        background-color: rgba(0, 0, 0, .4);
    }
}

.company__director {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
    padding: 32px 24px;
}

.company__director * {
    font-family: var(--font-sero-pro);
}

.company__director-top {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 8px 12px;
    align-items: center;
    justify-content: start;
}

.company__director-image {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.company__director-name {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    align-self: end;
    font-size: 24px;
    color: var(--color-gray900);
    font-weight: bold;
}

.company__director-company {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    align-self: start;
    font-size: 18px;
    color: var(--color-gray500);
}

.company__workers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.company__worker {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: auto auto 1fr;
    grid-row-gap: 8px;
    justify-items: center;
    padding: 24px 12px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04);
    border-radius: var(--border-rd-md);
    background-color: var(--color-white);
}

.company__worker * {
    text-align: center;
    font-family: var(--font-sero-pro);
}

.company__worker-image {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin-bottom: 16px;
}

.company__worker-name {
    line-height: 1.2;
    font-size: 20px;
    color: var(--color-gray900);
    font-weight: 500;
}

.company__worker-position {
    line-height: 1.3;
    font-size: 16px;
    color: var(--color-gray400);
}

.company__office {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.company__office button {
    justify-self: center;
    margin-top: 20px;
}

.company__office-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}

.company__office-list li {
    position: relative;
    cursor: pointer;
}

.company__office-list img {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.12));
    border-radius: var(--border-rd-sm);
    object-fit: cover;
    object-position: 50% 50%;
}

.company__reference-info {
    display: grid;
    grid-auto-flow: row;
    padding: 24px 16px;
}

.company__reference-info li {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 24px;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.company__reference-info li:first-of-type {
    padding-top: 0;
}

.company__reference-info li:last-of-type {
    padding-bottom: 0;
}

.company__reference-info li + li {
    border-top: 1px solid var(--color-gray100);
}

.company__reference-info li * {
    font-family: var(--font-sero-pro);
    font-size: 18px;
}

.company__reference-info li > span:nth-of-type(1) {
    color: var(--color-gray500);
}

.company__reference-info li > *:last-child {
    justify-content: end;
    justify-items: end;
    text-align: right;
    color: var(--color-gray700);
}

.company__copy {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 4px;
}

.company__copy svg {
    fill: var(--color-gray200);
}

.company__link {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 4px;
    font-size: 18px;
}

.company__link span {
    color: var(--color-blue500);
}

.company__link svg {
    fill: var(--color-blue250);
}

.company__widgets {
    grid-column: 1 / 2;
}

.company__widgets > div {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 60px;
}

.review-modal {
    width: 600px;
}
.bfl-commeend__nosend{
    display: none;
    grid-auto-flow: row;
    grid-row-gap: 32px;
    position: relative;
    padding: 32px;
}
.bfl-commeend__nosend.active{
    display: grid;
}
.bfl-commeend__send{
    display: none;
    grid-auto-flow: row;
    grid-row-gap: 32px;
    position: relative;
    padding: 32px;
}
.bfl-commeend__send.active{
    display: grid;
}
.bfl-commeend__send p{
    text-align: center;
}
.review-modal * {
    font-family: var(--font-sero-pro);
}

.review-modal__username {
    line-height: 1.3;
    font-size: 20px;
}

.review-modal__link {
    text-decoration: underline;
    line-height: 1.3;
    font-size: 16px;
    color: var(--color-blue500);
}

.review-modal__actions {
    display: grid;
    grid-auto-flow: row;
    grid-column-gap: 24px;
    grid-row-gap: 12px;
    justify-content: space-between;
    justify-self: center;
}

.review-modal__actions p {
    grid-column: 1 / 3;
    justify-self: center;
    line-height: 1.3;
    font-size: 20px;
    font-weight: 400;
    color: var(--color-gray800);
}

.review-modal__actions a {
    grid-row: 2 / 3;
}

.review-modal__actions a:first-of-type {
    grid-column: 1 / 2;
}

.review-modal__actions a:last-of-type {
    grid-column: 2 / 3;
}

.review-modal__grid {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.review-modal__grid textarea {
    height: 96px;
}

.review-modal__form {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 32px;
}

.review-modal__submit {
    margin-top: 12px;
    width: 100%;
    opacity: 1 !important;
}

.company__reviews-empty {
    margin-top: 24px;
    padding: 24px 16px;
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray400);
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
}

@media (max-width: 1600px) {
    .company__small-info {
        grid-column-gap: 22px;
        margin-top: -8px;
    }
}

@media (max-width: 1365px) {
    .company {
        grid-template-columns: unset;
    }

    .company__widgets {
        grid-column: unset;
    }

    .company__about-actions button {
        max-height: 38px;
        min-height: 38px;
    }

    .company__about-wishlist {
        padding: 0;
        width: 38px;
    }

    .company__small-info {
        margin-top: 0;
    }

    .company__feedback {
        position: static;
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        margin-top: -28px;
    }

    .company__feedback-description {
        max-width: 500px;
    }

    .company__about-actions button:not(.company__about-wishlist) {
        padding-right: 24px;
        padding-left: 24px;
    }

    .company__about-actions button:not(.company__about-wishlist) {
        font-size: 14px;
    }

    .company__about-actions button:not(.company__about-wishlist) * {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .company__headline {
        font-size: 28px;
    }

    .company__director {
        padding: 32px 24px 24px;
    }

    .company__director-image {
        width: 80px;
        height: 80px;
    }

    .company__worker {
        padding: 24px 8px;
    }

    .company__worker-image {
        width: 120px;
        height: 120px;
    }
}

@media (min-width: 768px) {
    .company__reviews-add svg {
        display: none;
    }
}

@media (max-width: 767px) {
    .company {
        grid-row-gap: 48px;
    }

    .company__about {
        padding: 24px 12px;
    }

    .company__prices {
        padding: 24px 12px;
    }

    .company__headline {
        font-size: 24px;
    }

    .company__full-name {
        grid-column: 1 / 3;
        font-size: 16px;
    }

    .company__logo {
        grid-row: 1 / 2;
    }

    .company__logo img {
        max-width: 96px;
        max-height: 48px;
    }

    .company__about > ul {
        grid-auto-flow: row;
        grid-template-columns: unset;
    }

    .company__about-actions {
        grid-template-columns: 1fr auto;
        grid-column-gap: 12px;
    }

    .company__about-actions_tariff {
        grid-row-gap: 12px;
    }

    .tariff-action {
        grid-column: 1 / 3;
        justify-self: unset;
    }

    .company__item-action svg {
        width: 20px;
        height: 20px;
    }

    .company__item-action * {
        font-size: 16px;
    }

    .company__item-action > span:first-of-type svg {
        order: -1;
    }

    .company__item-price {
        grid-auto-flow: row;
        grid-row-gap: 4px;
        justify-items: end;
    }

    .company__reviews-add {
        padding: 0;
        min-height: 32px;
        width: 64px;
    }

    .company__reviews-add span {
        display: none;
    }

    .company__director {
        padding: 24px 12px;
    }

    .company__director-top {
        grid-gap: 8px;
    }

    .company__director-image {
        width: 60px;
        height: 60px;
    }

    .company__director-name {
        font-size: 20px;
    }

    .company__director-company {
        line-height: 1.3;
        font-size: 14px;
    }

    .company__workers {
        grid-template-columns: 1fr 1fr;
        grid-gap: 12px;
    }

    .company__worker {
        padding: 16px 8px;
    }

    .company__worker-image {
        margin-bottom: 4px;
    }

    .company__worker-name {
        font-size: 16px;
    }

    .company__worker-position {
        font-size: 14px;
    }

    .company__feedback {
        grid-row-gap: 16px;
    }

    .company__office-list {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 18px;
    }

    .company__worker-image {
        width: 100px;
        height: 100px;
    }

    .company__reference-info li > *:last-child {
        justify-content: start;
        justify-items: start;
        text-align: left;
    }

    .company__feedback-small {
        margin-top: 8px;
    }

    .company__info-thumbs .swiper-slide {
        max-width: 128px !important;
    }

    .company__director-info p,
    .company__info-description p {
        font-size: 16px;
    }

    .company__info-description ul li,
    .company__info-description ol li,
    .company__director-info ol li,
    .company__director-info ul li {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .company__office-list {
        grid-template-columns: 1fr 1fr;
        grid-gap: 12px;
    }

    .company__office-list li:not(:nth-of-type(-n + 4)) {
        display: none;
    }

    .company__office button {
        justify-self: start;
        margin-top: 0;
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 479px) {
    .company__reviews button:not(.company__reviews-add) {
        width: 100%;
        max-width: unset;
    }

    .company__director-top {
        grid-column-gap: 16px;
        grid-row-gap: 6px;
    }

    .company__director-image {
        width: 80px;
        height: 80px;
    }

    .company__info-headline {
        font-size: 20px;
    }

    .company__reference-info li {
        grid-auto-flow: row;
        grid-template-columns: unset;
        grid-row-gap: 12px;
    }

    .company__review {
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        margin-left: 0;
        fill: var(--color-blue500);
    }

    .company__review span:first-of-type {
        display: none;
    }

    .company__review svg {
        display: grid;
    }
}

@media (max-width: 479px) {
    .company__headline {
        font-size: 18px;
    }

    .company__full-name {
        font-size: 14px;
    }

    .company__about-actions button:not(.company__about-wishlist) span {
        display: none;
    }

    .company__item {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .company__item-target {
        padding: 0 12px;
    }

    .company__info {
        padding: 24px 12px;
    }

    .company__info-wrap {
        grid-row-gap: 16px;
    }

    .company__info-action {
        width: 24px;
        height: 24px;
    }

    .company__item-action * {
        font-size: 14px;
    }

    .company__feedback-headline {
        font-size: 24px;
    }
}

/* Catalog page */
.catalog {
    /*display: grid;*/
    /*grid-auto-flow: row;*/
    display: flex;
    flex-direction: column;
    row-gap: 62px;
}

.catalog__top {
    display: grid;
    grid-template-columns: 1fr 360px;
    grid-column-gap: 32px;
    border-radius: 23px;
}

.catalog__common-wrap {
    display: grid;
    grid-auto-flow: row;
}

.catalog__category {
    position: relative;
    padding: 48px 36px;
    overflow: hidden;
}

.catalog__category * {
    font-family: var(--font-sero-pro);
}

.catalog__category-headline {
    margin-bottom: 24px;
    line-height: 1.2;
    font-size: 40px;
    font-weight: 700;
    color: #111827;
}

.catalog__category-description {
    margin-bottom: 32px;
    line-height: 1.3;
    font-size: 20px;
    color: var(--color-gray900);
}

.catalog__category-info {
    margin-bottom: 24px;
    max-width: 684px;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
    color: #1F2937
}

.catalog__category-info span {
    color: var(--color-blue700);
    font-weight: 500;
}

.catalog__category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: start;
    margin-bottom: 24px;
}

.catalog__category-key {
    line-height: 1.4;
    font-size: 16px;
    color: var(--color-gray600);
}

.catalog__category-list li {
    display: flex;
    grid-column-gap: 12px;
    justify-content: start;
    align-items: center;
    background-color: #F7F7F7;
    border-radius: 24px;
    height: 40px;
    padding: 10px 18px;
}

.catalog__category-list li div > span {
    font-size: 18px;
    color: #062164;
}

.catalog__category-value {
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
    color: #062164;
}

.catalog__category-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 522px;
    height: 261px;
    user-select: none;
    opacity: .6;
    z-index: 0;
}

.catalog__grid {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-column-gap: 48px;
    align-items: start;
}

.filter {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 32px;
    padding: 32px 36px;
    border-radius: 23px;
}

.filter__head {
    margin-left: -24px;
    padding: 0 24px;
    width: calc(100% + 48px);
}

.filter__headline {
    font-size: 32px;
    color: #1A1A1A;
    font-weight: 700;
    line-height: 1;
}



.filter__name {
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: var(--color-gray800);
}

.filter__name_mb {
    margin-bottom: 24px;
}

.filter__group-head {
    margin-bottom: 24px;
}

.filter__grid {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-column-gap: 12px;
}

.filter__group-reset {
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: var(--color-blue500);
}

.filter__group-reset:where(:hover, :focus) {
    text-decoration: underline;
}

.filter__group-accordion {
    display: grid;
    justify-content: center;
    align-items: center;
}

.filter__group-accordion svg {
    width: 22px;
    height: 22px;
    fill: var(--color-gray400);
}

.active .filter__group-accordion svg {
    transform: rotate(-90deg);
}

.filter__group-accordion:focus svg {
    fill: var(--color-gray600);
}

.filter__group-wrap {
    margin-top: 18px;
    margin-bottom: 18px;
}

.filter__group-wrap.filter-search .hidden {
    display: none;
}

.filter__group-list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    padding-right: 8px;
}

.filter__group-list_overflow {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: 240px;
    height: 100%;
}

.filter__separator {
    width: 100%;
    height: 1px;
    background-color: var(--color-gray50);
}

.filter__separator_mt {
    margin-top: 20px;
}

.catalog__content {
    display: grid;
    grid-auto-flow: row;
    align-items: start;
    align-content: start;
    justify-content: space-between;
}

.catalog__wrap {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.catalog__list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 40px;
}

.catalog__card {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 32px;
    padding: 24px 36px;
    border-radius: 23px;
    background-color: #fff;
    transition: ease .2s;
}
.catalog__card:hover{
    background-color: #323848;
    box-shadow: 2px 2px 12px 0 #0000000A;
}
.catalog__card * {
    font-family: var(--font-sero-pro);
}

/*.catalog__card:before {*/
/*    content: attr(data-position);*/
/*    position: absolute;*/
/*    left: -8px;*/
/*    top: -8px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    line-height: 1;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    border: 1px solid var(--color-gray50);*/
/*    border-radius: 50%;*/
/*}*/

/*.catalog__card_remote:before {*/
/*    content: attr(data-remote-position);*/
/*}*/

/*.catalog__card:where([data-position="1"], [data-position="2"], [data-position="3"]):before {*/
/*    color: var(--color-white);*/
/*}*/

/*[data-position="1"].catalog__card:before {*/
/*    background-color: var(--color-yellow400);*/
/*}*/

/*[data-position="2"].catalog__card:before {*/
/*    background-color: var(--color-green700);*/
/*}*/

/*[data-position="3"].catalog__card:before {*/
/*    background-color: var(--color-blue500);*/
/*}*/

/*.catalog__card:not([data-position="1"], [data-position="2"], [data-position="3"]):before {*/
/*    color: var(--color-gray500);*/
/*    background-color: var(--color-white);*/
/*}*/

/*.catalog__card_remote:where([data-remote-position="1"], [data-remote-position="2"], [data-remote-position="3"]):before {*/
/*    color: var(--color-white) !important;*/
/*}*/

/*[data-remote-position="1"].catalog__card_remote:before {*/
/*    background-color: var(--color-yellow400);*/
/*}*/

/*[data-remote-position="2"].catalog__card_remote:before {*/
/*    background-color: var(--color-green700);*/
/*}*/

/*[data-remote-position="3"].catalog__card_remote:before {*/
/*    background-color: var(--color-blue500);*/
/*}*/

/*.catalog__card_remote:not([data-remote-position="1"], [data-remote-position="2"], [data-remote-position="3"]):before {*/
/*    color: var(--color-gray500);*/
/*    background-color: var(--color-white);*/
/*}*/

.catalog__card-top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.catalog__card-info {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 28px;
    grid-row-gap: 12px;
    align-items: center;
}

.catalog__card-header {
    display: grid;
    grid-auto-flow: row;
}

.catalog__card-headline {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.1;
    color: var(--color-gray800);
    font-weight: 700;
}

.catalog__card-description {
    font-size: 14px;
    color: var(--color-gray400);
}

.catalog__card-logo {
    display: flex;
    width: 82px;
    min-width: 83px;
    height: 53px;
    border: 1px solid var(--color-gray100);
    border-radius: 11px;
    overflow: hidden;
    padding: 5px;
    background-color: #fff;
}

.catalog__card-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.catalog__card-ratting {
    grid-template-columns: 1fr;
    grid-column-gap: 32px;
    margin-bottom: 12px;
}

.catalog__card-customers {
    margin-right: 12px;
    font-size: 16px;
    color: var(--color-gray800);
}

.catalog__card-review {
    font-size: 16px;
    color: var(--color-gray800);
}

.catalog__card-review svg {
    display: none;
}

.catalog__card-review i {
    margin-left: 4px;
    color: var(--color-blue500);
}

.catalog__card-advantages {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.catalog__card-advantage {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 6px;
    justify-content: start;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 100px;
    background-color: var(--color-white);
}

[data-color="blue"].catalog__card-advantage,
[data-color="blue"].catalog__card-advantage svg {
    border-color: var(--color-blue500);
    fill: var(--color-blue500);
}

[data-color="orange"].catalog__card-advantage,
[data-color="orange"].catalog__card-advantage svg {
    border-color: var(--color-orange500);
    fill: var(--color-orange500);
}

[data-color="green"].catalog__card-advantage,
[data-color="green"].catalog__card-advantage svg {
    border-color: var(--color-green700);
    fill: var(--color-green700);
}

.catalog__card-advantage span {
    font-size: 16px;
    color: var(--color-gray800);
}

.catalog__card-list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
}

.catalog__card-list * {
    font-size: 16px;
}

.catalog__card-list li:not(:last-of-type) {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-gray50);
}

.catalog__card-list li > div {
    grid-column-gap: 16px;
}

.catalog__card-list li span:first-of-type {
    line-height: 1.4;
}

.catalog__card-list-green {
    color: var(--color-green700);
}

.catalog__card-list-blue {
    color: var(--color-blue700);
}

.catalog__card-list-old {
    text-decoration: line-through;
    color: var(--color-gray200);
}

.catalog__card-actions {
    grid-column-gap: 16px;
}

.catalog__card-actions_full {
    grid-template-columns: auto auto auto 1fr;
}

.catalog__card-actions_semi {
    grid-template-columns: auto auto 1fr;
}

@media (max-width: 1600px) {
    .catalog__card-actions {
        grid-column-gap: 12px;
    }

    .catalog__card-actions button:not(.catalog__card-wishlist),
    .catalog__card-actions a {
        padding-right: 18px;
        padding-left: 18px;
    }
}

.catalog__card-wishlist {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border: 2px solid var(--color-gray200);
    border-radius: var(--border-rd-sm);
}

.catalog__card-wishlist.bookmark {
    border-color: var(--color-blue500);
}

.catalog__card-wishlist.bookmark.active {
    background-color: var(--color-blue500);
}

.catalog__card-wishlist.bookmark.active:hover {
    border-color: var(--color-gray200);
    background-color: var(--color-white);
}

.catalog__card-wishlist.close_zaklad:hover {
    background-color: var(--color-gray200);
}

.catalog__card-wishlist.bookmark.active:hover svg {
    fill: var(--color-gray400);
}

.catalog__card-wishlist.bookmark:not(.active):hover {
    background-color: var(--color-blue500);
}

.catalog__card-wishlist svg {
    fill: var(--color-gray400);
}

.catalog__card-wishlist.bookmark svg {
    fill: var(--color-blue500);
}

.catalog__card-wishlist.bookmark:not(.active):hover svg {
    fill: var(--color-white);
}

.catalog__card-wishlist.bookmark.active svg {
    fill: var(--color-white);
}

.catalog__card-wishlist.close_zaklad:hover svg {
    fill: var(--color-white);
}

.catalog__card-site {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 4px;
    align-items: center;
    justify-content: start;
    padding-top: 8px;
    padding-bottom: 12px;
    font-family: var(--font-sero-pro);
    line-height: 1;
    font-size: 16px;
    color: var(--color-blue500);
}

.catalog__card-site svg {
    fill: var(--color-blue500);
}

@media (max-width: 767px) {
    .catalog__card-actions.catalog__card-actions_full [data-modal-id="feedback"].column-1-3 {
        grid-row: 3 / 4;
    }
}

.catalog__list-info {
    padding: 32px 24px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: var(--color-gray800);
    border-radius: var(--border-rd-lg);
    background-color: var(--color-blue50);
}

.catalog__remote {
    margin-top: -12px;
    font-family: var(--font-sero-pro);
    font-size: 24px;
    font-weight: 500;
    color: var(--color-gray900);
}

.catalog__list-feedback {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    justify-content: start;
    padding: 20px 12px 20px 32px;
    border-radius: var(--border-rd-sm);
    background: url('../images/catalog/list-feedback.webp'), linear-gradient(267.6deg, #85C522 -4.47%, #538802 101.98%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 140% 0;
}

.catalog__list-feedback * {
    font-family: var(--font-sero-pro);
}

.catalog__list-feedback p {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 24px;
    color: var(--color-white);
}

.catalog__list-feedback a {
    font-size: 48px;
    font-weight: 700;
    color: var(--color-blue50);
}

.catalog__list-feedback a:hover {
    text-decoration: underline;
}

.catalog__list-feedback span {
    font-weight: 400;
    font-size: 16px;
    color: var(--color-white);
}

.catalog__list-more {
    justify-self: center;
    max-width: 409px;
    width: 100%;
    margin-top:32px;
}

.catalog__list-more button {
    width: 100%;
}

.catalog__fqa-headline {
    margin-bottom: 32px;
    font-size: 48px;
    color: var(--color-gray900);
}

.catalog__fqa-list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 20px;
}

.catalog__fqa-list li {
    padding: 20px 24px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.04);
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
}

.catalog__fqa-list [data-accordion-action] {
    width: 100%;
    font-size: 24px;
    color: var(--color-gray900);
}

.catalog__fqa-list [data-accordion-action] span {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
}

.catalog__fqa-icon {
    position: relative;
    width: 16px;
    height: 16px;
}

.catalog__fqa-icon:before,
.catalog__fqa-icon:after {
    content: '';
    position: absolute;
    width: 16px;
    top: 50%;
    left: 50%;
    height: 2px;
    border-radius: 20px;
    overflow-y: hidden;
    background-color: var(--color-blue500);
    transform: translate(-50%, -50%);
    transition: transform .2s, background-color .2s;
}

.catalog__fqa-icon:after {
    transform: translate(-50%, -50%) rotateZ(90deg);
}

.is-active .catalog__fqa-icon:after {
    transform: translate(-50%, -50%) rotateZ(0);
}

.is-active .catalog__fqa-icon:before,
.is-active .catalog__fqa-icon:after {
    background-color: var(--color-red600);
}

.catalog__fqa-list [data-accordion-target] {
    margin-top: 20px;
    line-height: 1.4;
    font-size: 16px;
    color: var(--color-gray700);
}

.catalog__rating {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 32px;
    background-color: #fff;
    border-radius: 23px;
    padding: 43px 36px;
}

.catalog__rating * {
    font-family: var(--font-sero-pro);
}

.catalog__rating-headline {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-gray900);
}

.catalog__rating-description {
    line-height: 1.4;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-gray900);
}

.catalog__rating-tab-head {
    grid-column-gap: 32px;
    margin-bottom: 24px;
}

.catalog__rating-tab-button {
    position: relative;
    padding: 12px 0;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--color-gray300);
}

.catalog__rating-tab-button * {
    text-transform: uppercase;
    font-size: 16px;
    color: var(--color-gray300);
}

.catalog__rating-tab-button:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 50%;
    width: 0;
    height: 2px;
    border-radius: 10px;
    background-color: var(--color-blue500);
    transform: translateX(-50%);
    transition: width .2s;
}

.is-active.catalog__rating-tab-button {
    color: var(--color-gray900);
}

.is-active.catalog__rating-tab-button * {
    color: var(--color-gray900);
}

.is-active.catalog__rating-tab-button:after {
    width: 100%;
}

@media (hover: hover) {
    .catalog__rating-tab-button:hover {
        color: var(--color-gray800);
    }

    .catalog__rating-tab-button:hover * {
        color: var(--color-gray800);
    }

    .catalog__rating-tab-button:hover:after {
        width: 100%;
    }
}

.catalog__rating-tab-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
}

.catalog__rating-tab-body li {
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.catalog__segments{
    display: none;
}
.catalog__segment-flex{
    display: flex !important;
    flex-direction: row !important;
    margin-bottom: 15px;
}
.catalog__segments li a{
    padding: 12px 0 0 0;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    color: #333;
    border-top: 2px solid transparent;
}
.catalog__segments li a.active{
    color: #b3b3b3;
}
.catalog__segments li a:hover {
    border-top: 2px solid #3864D1;
}

.catalog__feedback {
    position: relative;
    padding: 48px 30px;
    border-radius: var(--border-rd-lg);
    background: url('../images/catalog/feedback-decor.webp'), #EDF0F9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 110% 0;
}

.catalog__feedback-headline {
    margin: 0 0 20px 0;
    font-weight: 700;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    line-height: 1.2;
    color: #2B2B2B;
}

.catalog__feedback-description {
    margin-bottom: 20px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
    color: #2B2B2B;
}

.catalog__feedback-phone {
    display: grid;
    margin-bottom: 12px;
    padding: 16px 24px;
    border-radius: 4px 0 0 4px;
    background-color: var(--color-white);
}

.catalog__feedback-phone a {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-green700);
}

.catalog__feedback-phone a:hover {
    text-decoration: underline;
}

.catalog__feedback-phone p,
.catalog__feedback-phone span {
    font-family: var(--font-sero-pro);
}

.catalog__feedback-phone p {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-column-gap: 8px;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-green800);
}

.catalog__feedback-phone span {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-gray600);
}

.catalog__empty {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.catalog__empty-title {
    font-family: var(--font-sero-pro);
    font-size: 28px;
    font-weight: 500;
    color: var(--color-gray800);
}

.catalog__empty-subtitle {
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: var(--color-gray800);
}

.catalog__empty-link {
    margin-top: 24px;
    max-width: 258px;
    width: 100%;
}

.catalog__category-empty {
    display: grid;
    grid-template-rows: 1fr auto;
}

.catalog__category-empty p {
    margin-bottom: 24px;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-red700);
    z-index: 10;
}
.catalog__actions{
    margin-bottom: 36px;
}
.catalog__actions .choices__list_dropdown [data-value="site_rating"] {
    display: none;
}

@media (min-width: 768px) {
    .catalog__category-empty a {
        display: none;
    }
}

@media (max-width: 1023px) {
    .catalog__rating-tab-head {
        grid-column-gap: 24px;
        margin-left: -24px;
        padding-right: 24px;
        padding-left: 24px;
        width: calc(100% + 48px);
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: scroll;
    }

    .catalog__rating-tab-head::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 767px) {
    .catalog__category-empty a {
        justify-self: start;
        max-width: 258px;
        width: 100%;
        z-index: 10;
    }
}

@media (min-width: 1024px) {
    .catalog__feedback-phone p {
        display: none;
    }
}

@media (max-width: 1023px) and (min-width: 480px) {
    .catalog__feedback-small {
        display: none;
    }
}

.catalog__feedback-small {
    font-size: 20px;
    color: var(--color-white);
}

@media (max-width: 1600px) {
    .catalog__category {
        overflow: hidden;
    }

    .catalog__category-image {
        right: -200px;
    }

    .catalog__category-headline {
        font-size: 32px;
    }

    .catalog__category-description {
        font-size: 16px;
    }

    .catalog__grid {
        grid-template-columns: 320px 1fr;
        grid-column-gap: 32px;
    }

    .filter__head {
        margin-left: -16px;
        padding: 0 16px;
        width: calc(100% + 32px);
    }

    .filter__name {
        font-size: 16px;
    }

    .catalog__card-advantage span {
        font-size: 14px;
    }
}

@media (min-width: 1366px) {
    .filter__close, .catalog__filter-action {
        display: none;
    }
}

@media (max-width: 1365px) {
    .catalog__top {
        grid-column-gap: 24px;
    }

    .catalog__grid {
        grid-template-columns: 1fr;
    }

    .catalog__filter-action {
        width: 150px;
        height: 40px;
    }

    /*.filter {*/
    /*    position: fixed;*/
    /*    top: var(--header-height);*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    max-width: 328px;*/
    /*    width: 100%;*/
    /*    height: calc(var(--vh) - var(--header-height));*/
    /*    border-radius: 0;*/
    /*    transform: translateX(-100%);*/
    /*    transition: transform .3s;*/
    /*    overflow-y: auto;*/
    /*    z-index: 100;*/
    /*}*/
    .filter__close{
        display: none;
    }

    .overlay_catalog_aside {
        z-index: 90;
    }

    .is-active.filter {
        transform: translateX(0);
    }

    .filter__close {
        fill: var(--color-gray200);
    }

    .catalog__card-wishlist {
        width: 38px;
        height: 38px;
    }

    .catalog__list-feedback p {
        font-size: 20px;
    }
}

@media (max-width: 1023px) {
    .catalog__top {
        grid-template-columns: unset;
        grid-auto-flow: row;
        grid-row-gap: 24px;
    }

    .catalog__feedback {
        padding: 32px 0 32px 16px
    }

    .catalog__feedback-phone a {
        font-size: 28px;
    }

    .catalog__feedback-headline {
        font-size: 32px;
    }

    .catalog__feedback-description {
        margin-bottom: 32px;
    }

    .catalog__category-headline,
    .catalog__category-description,
    .catalog__category-info {
        max-width: 517px;
    }

    .catalog__card-advantages {
        grid-template-columns: repeat(auto-fit, minmax(calc(33.33% - 20px), 1fr));
        grid-column-gap: 10px;
    }

    .catalog__card-advantage {
        padding: 6px 9px;
        grid-column-gap: 4px;
    }

    .catalog__rating-tab-body {
        --gap: 20px;
        --cols-1: 3;
        --width: 27%;
    }
}

@media (max-width: 767px) and (min-width: 480px){
    .catalog__filter-action span {
        display: none;
    }
}

@media (max-width: 767px) {
    .catalog__category {
        padding: 24px 12px;
    }

    .catalog__remote {
        margin-top: -6px;
        font-size: 20px;
    }

    .catalog__feedback-phone {
        padding: 12px 24px;
    }

    .catalog__feedback-phone p {
        grid-auto-flow: row;
        grid-row-gap: 4px;
    }

    .catalog__category-info {
        font-size: 16px;
    }

    .catalog__category-list {
        grid-row-gap: 4px;
    }

    .catalog__feedback-headline {
        font-size: 28px;
    }

    .filter__headline{
        font-size: 28px;
    }

    .filter__head{padding-bottom:0;}

    .filter{
        grid-row-gap: 20px;
    }

    .catalog__filter-action {
        width: 72px;
        height: 40px;
    }

    .catalog__list {
        grid-row-gap: 32px;
    }

    .catalog__card {
        padding: 24px 16px;
    }

    .catalog__card-headline {
        font-size: 20px;
    }

    .catalog__card-description {
        grid-column: 1 / 3;
    }

    .catalog__card-list {
        grid-row-gap: 6px;
    }

    .catalog__card-list li span:first-of-type {
        font-size: 14px;
    }

    .catalog__card-advantages {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 4px;
        grid-row-gap: 8px;
    }

    .catalog__card-advantage {
        padding: 6px;
        border: unset;
    }

    .catalog__card-advantage svg {
        width: 16px;
        height: 16px;
    }

    .catalog__card-advantage span {
        font-size: 14px;
    }

    .catalog__card-list li > div {
        grid-auto-flow: row;
        grid-row-gap: 6px;
    }

    .catalog__card-list li > div span:last-of-type {
        order: -1;
    }

    .catalog__list-info {
        font-size: 16px;
    }

    .catalog__list-feedback {
        padding: 12px 12px 12px 24px;
    }

    .catalog__list-feedback a {
        font-size: 36px;
    }

    .catalog__rating-tab-body {
        --gap: 12px;
        --cols-1: 2;
        --width: 32%;
    }

    .catalog__rating-headline {
        font-size: 28px;
    }

    .catalog__rating-tab-head {
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        width: calc(100% + 40px);
    }
    .filter {
        padding: 32px 16px 24px;
    }
}

@media (max-width: 670px) {
    .catalog__card-actions  {
        grid-auto-flow: unset;
        grid-template-columns: 1fr 38px;
        grid-column-gap: 8px;
        grid-row-gap: 12px;
    }

    .catalog__card-actions * {
        min-height: 38px;
        font-size: 14px;
    }

    .catalog__card-wishlist {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        max-width: 38px;
        max-height: 38px;
    }

    .catalog__card-actions a {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .catalog__card-wishlist {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .catalog__card-actions [data-modal-id="feedback"].column-1-3,
    .catalog__card-actions [data-modal-id="feedback-small"].column-1-3 {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
    }

    .catalog__card-actions [data-modal-id="feedback"] {
        padding-right: 8px;
        padding-left: 8px;
    }

    .catalog__list-feedback {
        background-position: 220% 0;
    }
}

@media (max-width: 500px) {
    .catalog__list-more,
    .catalog__list-more button {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .catalog__card-info {
        align-items: start;
    }

    .catalog__category-description {
        margin-bottom: 24px;
    }

    .catalog__category-list li {
        grid-column-gap: 4px;
    }

    .catalog__feedback-phone p {
        display: none;
    }

    .catalog__category-key {
        font-size: 14px;
    }

    .catalog__feedback-headline {
        font-size: 24px;
    }

    .filter__headline{
        font-size: 24px;
    }

    .catalog__feedback-description {
        margin-bottom: 16px;
    }

    .catalog__feedback {
        padding: 24px 0 24px 16px
    }

    .catalog__actions {
        grid-auto-flow: row;
        grid-row-gap: 12px;
        justify-content: unset;
    }

    .catalog__filter-action {
        width: 100%;
    }

    .catalog__list {
        grid-row-gap: 24px;
    }

    .catalog__card {
        grid-row-gap: 24px;
        padding: 24px 8px;
    }

    .catalog__card-description {
        grid-column: 1 / 2;
        font-size: 14px;
    }

    .catalog__card-advantage {
        padding: 4px 0;
    }

    .catalog__card-ratting {
        justify-content: space-between;
        grid-column-gap: 16px;
    }

    .catalog__card-customers {
        display: none;
    }

    .catalog__card-advantages {
        grid-template-columns: 1fr;
    }

    .catalog__list-feedback {
        padding: 12px;
    }

    .catalog__list-feedback a {
        font-size: 30px;
    }

    .catalog__list-feedback p {
        font-size: 16px;
    }

    .catalog__rating-tab-body {
        --cols-1: 1;
        --width: 50%;
    }

    .catalog__rating-tab-head {
        margin-left: -16px;
        padding-right: 16px;
        padding-left: 16px;
        width: calc(100% + 32px);
    }

    .catalog__card-review {
        display: grid;
        grid-auto-flow: column;
        grid-column-gap: 4px;
        align-items: center;
        fill: var(--color-blue500);
    }

    .catalog__card-review span {
        display: none;
    }

    .catalog__card-review svg {
        display: grid;
    }

}

@media (max-width: 400px) {
    .catalog__list-feedback {
        background-position: 220% 0;
    }
}

/* Guide page */
.guide-page {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 80px;
}

.guide-hero {
    grid-auto-flow: unset;
    grid-template-columns: 1fr auto;
    grid-column-gap: 64px;
}

.guide-hero__wrapper {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
    max-width: 626px;
}

.guide-hero__headline {
    line-height: 1.2;
    font-family: var(--font-sero-pro);
    font-size: 64px;
    font-weight: 500;
    color: var(--color-gray900);
}

.guide-hero__description {
    max-width: 610px;
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    font-size: 24px;
    color: var(--color-gray900);
}

.guide-hero__image {
    max-width: 672px;
    width: 100%;
    opacity: .3;
}

.guide-page__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.guide-card {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: auto 1fr auto;
    padding: 48px 32px 24px;
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
}

.guide-card:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--border-rd-lg);
    z-index: 5;
}

.guide-card:nth-child(4n + 1):before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #3864D1;
}

.guide-card:nth-child(4n - 2):before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #EAB308;
}

.guide-card:nth-child(4n - 1):before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #FB923C;
}

.guide-card:nth-child(4n):before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #7FC612;
}

.guide-card__link {
    display: grid;
    margin-bottom: 20px;
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 500;
    color: var(--color-gray900);
}

.guide-card__link:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.guide-card__description {
    max-width: 480px;
    margin-bottom: 82px;
    line-height: 1.4;
    font-size: 18px;
    color: var(--color-gray500);
}

.guide-card__button {
    grid-column-gap: 4px;
    font-size: 16px;
    color: var(--color-gray400);
}

.guide-card__button svg {
    fill: var(--color-gray400);
}

.guide-card__image {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 148px;
    width: 100%;
    height: 98px;
    /*background-image: url("../images/guide/article-decor-1.webp");*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.guide-card:nth-child(4n + 1) .guide-card__image {
    background-image: url("../images/guide/article-decor-1.webp");
}

.guide-card:nth-child(4n - 2) .guide-card__image {
    background-image: url("../images/guide/article-decor-2.webp");
}

.guide-card:nth-child(4n - 1) .guide-card__image {
    background-image: url("../images/guide/article-decor-3.webp");
}

.guide-card:nth-child(4n) .guide-card__image {
    background-image: url("../images/guide/article-decor-4.webp");
}

@media (max-width: 1600px) {
    .guide-hero__wrapper {
        max-width: 610px;
    }

    .guide-hero__headline {
        font-size: 48px;
    }

    .guide-hero__image {
        max-width: 454px;
    }

    .guide-card__description {
        max-width: 100%;
    }
}

@media (max-width: 1365px) {
    .guide-page {
        grid-row-gap: 64px;
    }

    .guide-hero {
        grid-column-gap: 32px;
    }

    .guide-hero__wrapper {
        max-width: 466px;
    }

    .guide-hero__headline {
        font-size: 40px;
    }

    .guide-hero__image {
        max-width: 438px;
    }

    .guide-card__link {
        font-size: 28px;
    }
}

@media (max-width: 1023px) {
    .guide-page {
        grid-row-gap: 64px;
    }

    .guide-hero__wrapper {
        max-width: 466px;
    }

    .guide-hero__headline {
        font-size: 32px;
    }

    .guide-hero__description {
        font-size: 18px;
    }

    .guide-hero__image {
        max-width: 384px;
        opacity: 1;
    }

    .guide-page__list {
        grid-gap: 24px;
    }
}

@media (max-width: 959px) {
    .guide-page {
        grid-row-gap: 48px;
    }

    .guide-hero__wrapper {
        max-width: 320px;
    }

    .guide-hero__image {
        max-width: 356px;
    }

    .guide-card {
        padding-right: 24px;
        padding-left: 24px;
    }

    .guide-card__link {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .guide-hero {
        position: relative;
        grid-template-columns: 310px 356px;
        grid-column-gap: 6px;
        overflow: hidden;
    }

    .guide-hero__wrapper {
        max-width: 310px;
    }

    .guide-hero__description {
        max-width: 280px;
        font-size: 16px;
    }

    .guide-hero__image {
        max-width: 356px;
        opacity: .6;
    }

    .guide-page__list {
        grid-template-columns: 1fr;
    }

    .guide-card {
        padding-top: 32px;
    }

    .guide-card__link {
        font-size: 20px;
    }

    .guide-card__description {
        margin-right: 32px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .guide-card__image {
        opacity: .2;
    }
}

@media (max-width: 479px) {
    .guide-page {
        grid-row-gap: 32px;
    }

    .guide-hero {
        grid-template-columns: 234px 274px;
        grid-column-gap: 0;
    }

    .guide-hero__wrapper {
        padding-bottom: 14px;
        max-width: 234px;
    }

    .guide-hero__headline {
        font-size: 24px;
    }

    .guide-hero__description {
        max-width: 206px;
        font-size: 14px;
    }

    .guide-hero__image {
        margin-left: -16px;
        max-width: 274px;
    }

    .guide-card {
        padding: 24px 32px 24px 16px;
    }

    .guide-card__description {
        margin-right: 0;
    }

    .guide-card__link {
        font-size: 18px;
    }
}

/* FAQ page */
.faq-page.faq {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-column-gap: 40px;
    align-items: start;
}

.faq__aside {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.faq__group {
    grid-column-gap: 16px;
    margin-bottom: 8px;
    padding-bottom: 32px;
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 28px;
    color: var(--color-gray900);
    border-bottom: 2px solid var(--color-gray100);
}

.faq__group img {
    max-width: 48px;
    width: 100%;
}

[data-tab] {
    display: grid;
}

[data-tab-faq-caption] {
    display: none;
}

.faq__list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.faq__aside-list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}

.faq__button {
    grid-template-columns: 1fr auto;
    grid-column-gap: 8px;
    align-items: start;
    width: 100%;
    text-align: start;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: var(--color-gray900);
}

.faq__button span {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-weight: 500;
}

.is-active .faq__button svg {
    transform: rotate(-90deg);
}

.faq__content {
    display: none;
    grid-auto-flow: row;
    grid-row-gap: 12px;
    margin-top: 20px;
}

.is-active .faq__content {
    display: grid;
}

.faq__link {
    position: relative;
    grid-column-gap: 8px;
    align-items: start;
    font-size: 18px;
    color: var(--color-gray700);
    transition: color .2s, padding-left .2s;
}

.link-active.faq__link {
    padding-left: 8px;
    color: var(--color-blue500);
}

.link-active.faq__link svg {
    fill: var(--color-blue500);
}

.faq__link span {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
}

.faq__link svg {
    fill: var(--color-gray700);
}

@media (hover: hover) {
    .faq__link:not(.link-active):hover {
        color: var(--color-gray900);
    }

    .faq__link:not(.link-active):hover svg {
        fill: var(--color-gray900);
    }
}

.faq__box {
    margin-bottom: 40px;
    padding: 40px 100px 80px;
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
}

.faq__box strong {
    font-weight: 700;
}

.faq__box a {
    color: var(--color-blue500);
}

.faq__box a:hover {
    text-decoration: underline;
}

.faq-page .faq__headline {
    margin-bottom: 40px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 40px;
    font-weight: 500;
    color: var(--color-gray900);
}

.faq__box h2 {
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 500;
    color: var(--color-gray900);
}

.faq__box h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 24px;
    font-weight: 500;
    color: var(--color-gray800);
}

.faq__box p {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: var(--color-gray800);
}

.faq__box p + p {
    margin-top: 20px;
}

.faq__box ul {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    margin-top: 12px;
    margin-bottom: 20px;
    list-style: disc;
}

.faq__box ol {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    margin-top: 12px;
    margin-bottom: 20px;
    list-style: decimal;
}

.faq__box li {
    position: relative;
    margin-left: 32px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: var(--color-gray800);
}

.faq__banner {
    grid-column: 2 / 3;
}

.faq__hotline {
    grid-row-gap: 4px;
    margin: 40px 0;
    padding: 36px 39px;
    border-top: 1px solid var(--color-gray100);
    border-bottom: 1px solid var(--color-gray100);
    background-color: #535762;
    border-radius: 23px;
}

.faq__hotline p {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    line-height: 1;
    font-size: 28px !important;
    font-family: var(--font-sero-pro);
    font-weight: 500;
    color: #fff !important;
}

.faq__hotline a {
    display: grid;
    text-align: end;
    font-family: var(--font-sero-pro);
    font-size: 28px;
    font-weight: 700;
    color: var(--color-green700);
}

.faq__links {
    margin: 20px 0 40px 0;
}

.faq__links h3 {
    margin-bottom: 16px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    font-weight: 500;
    color: var(--color-gray800);
}

.faq__links div {
    --gap: 12px;
    --width: 49%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--width) - calc(var(--gap))), 1fr));
    grid-gap: var(--gap);
}

.faq__links a {
    grid-template-columns: 1fr auto;
    grid-column-gap: 16px;
    padding: 16px;
    border-radius: 6px;
    background-color: var(--color-blue50);
    transition: background-color .2s;
}

@media (hover: hover) {
    .faq__links a:hover {
        background-color: var(--color-blue100);
    }
}

.faq__links a span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: var(--color-gray800);
    overflow: hidden;
}

.faq__links a svg {
    fill: var(--color-gray800);
}

@media (hover: hover) {
    .faq__hotline a:hover {
        text-decoration: underline;
    }
}

.faq__hotline span {
    text-align: end;
    font-family: var(--font-sero-pro);
    color: var(--color-gray500);
}

.faq__excerpt, blockquote {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
    margin: 40px 0;
    padding: 24px 36px;
    border-radius: 23px;
    background-color: #F4F7FF;
}

.faq__excerpt p , blockquote p {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: var(--color-gray800);
    font-style: italic;
}

.faq__excerpt span, blockquote span {
    justify-self: end;
    margin-right: 32px;
    font-family: var(--font-sero-pro);
    font-size: 13px;
    font-weight: 500;
    color: var(--color-gray800);
}

.faq__footer {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid var(--color-gray100);
}

.faq__footer > div:last-of-type {
    grid-column-gap: 10px;
}

.faq__authorship {
    grid-column-gap: 12px;
    grid-row-gap: 4px;
}

.faq__authorship-wrapper {
    display: grid;
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    justify-content: center;
    align-items: center;
    padding: 2px;
    border-radius: var(--border-rd-sm);
    fill: var(--color-white);
    background-color: var(--color-blue250);
}

.faq__authorship-author {
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray800);
}

.faq__authorship-label {
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 14px;
    color: var(--color-gray800);
}

@media (max-width: 1600px) {
    .faq__box {
        padding: 40px;
    }
}

@media (max-width: 1365px) {
    .faq-page.faq {
        grid-template-columns: 1fr;
        grid-row-gap: 48px;
    }

    .faq__group {
        margin-bottom: unset;
        padding-bottom: unset;
        border-bottom: unset;
    }

    [data-tab-faq] {
        display: grid;
    }

    [data-tab-faq-caption] {
        display: grid;
        grid-template-columns: repeat(4, max-content);
        grid-column-gap: 32px;
        justify-content: start;
        margin-left: -40px;
        margin-bottom: 32px;
        padding: 16px 40px 0;
        width: calc(100% + 80px);
        text-transform: uppercase;
        font-size: 16px;
        border-top: 2px solid var(--color-gray100);
        overflow-x: auto;
        overflow-y: scroll;
    }

    [data-tab-faq-caption]::-webkit-scrollbar {
        display: none;
    }

    [data-tab-faq-caption] span {
        position: relative;
        display: grid;
        width: max-content;
        font-family: var(--font-sero-pro);
        font-weight: 500;
        color: var(--color-gray300);
    }

    [data-tab-faq-caption] span.is-tab-active {
        color: var(--color-gray900);
    }

    [data-tab-faq-caption] span.is-tab-active:after {
        content: '';
        position: absolute;
        top: -16px;
        width: 100%;
        height: 2px;
        border-radius: 10px;
        background-color: var(--color-blue500);
    }

    .faq__item {
        display: none;
    }

    .faq__item.is-tab-active {
        display: grid !important;
    }

    .is-tab-active .faq__content {
        display: grid !important;
    }

    .faq__content {
        margin-top: 0;
    }

    .faq__button {
        display: none;
    }

    .faq__banner {
        grid-column: unset;
    }
}

@media (max-width: 1023px) {
    [data-tab-faq-caption] {
        margin-left: -24px;
        padding: 16px 24px 0;
        width: calc(100% + 48px);
    }

    .faq-page.faq {
        grid-row-gap: 40px;
    }

    .faq__box {
        padding: 32px;
    }

    .faq__box .faq__headline {
        font-size: 32px;
    }

    .faq__box h2 {
        font-size: 24px;
    }

    .faq__box h3 {
        font-size: 20px;
    }

    .faq__box p {
        font-size: 18px;
    }

    .faq__box li {
        font-size: 18px;
    }

    .faq__box li:before {
        margin-top: 8px;
    }

    .faq__hotline {
        grid-template-columns: 190px 1fr;
    }
}

@media (max-width: 767px) {
    [data-tab-faq-caption] {
        margin-left: -20px;
        padding: 16px 20px 0;
        width: calc(100% + 40px);
    }

    .faq-page.faq {
        grid-row-gap: 32px;
    }

    .faq__group {
        font-size: 24px;
    }

    [data-tab-faq-caption] {
        grid-column-gap: 24px;
    }

    .faq__box {
        padding: 32px 24px;
    }

    .faq__box .faq__headline {
        margin-bottom: 32px;
        font-size: 28px;
    }

    .faq__box h2 {
        margin-top: 32px;
        margin-bottom: 16px;
        font-size: 20px;
    }

    .faq__box h3 {
        margin-top: 24px;
        font-size: 18px;
    }

    .faq__links div {
        grid-template-columns: 1fr;
    }

    .faq__hotline {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
    }

    .faq__hotline p {
        grid-row: 1 / 2;
        margin-bottom: 4px;
        font-size: 16px !important;
    }

    .faq__hotline a {
        text-align: start;
    }

    .faq__hotline span {
        text-align: start;
    }

    .faq__footer {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        grid-gap: 24px;
    }

    .faq__footer > div:last-of-type {
        justify-self: end;
    }
}

@media (max-width: 479px) {
    [data-tab-faq-caption] {
        margin-left: -16px;
        padding: 16px 16px 0;
        width: calc(100% + 32px);
    }

    .faq__box {
        padding: 32px 16px;
    }

    .faq__box .faq__headline {
        margin-bottom: 28px;
        font-size: 24px;
    }

    .faq__box h2 {
        margin-top: 28px;
        font-size: 18px;
    }

    .faq__box h3 {
        margin-top: 20px;
        font-size: 16px;
    }

    .faq__box p {
        font-size: 16px;
    }

    .faq__box p + p {
        margin-top: 16px;
    }

    .faq__box li {
        font-size: 16px;
    }

    .faq__links a {
        font-size: 16px;
    }
}

/* Error page */
main.main-error {
    padding-top: 0;
}

.main-error ~ .footer {
    margin-top: 0;
}

.error {
    display: grid;
    grid-template-columns: 460px auto;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    max-width: var(--container-width);
    width: 100%;
    min-height: calc(100vh - var(--header-height));
}

.error__wrapper {
    display: grid;
    grid-row-gap: 32px;
}

.error__headline {
    font-family: var(--font-sero-pro);
    font-size: 40px;
    font-weight: 500;
    color: var(--color-gray800);
}

.error__description {
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: var(--color-gray700);
}

.error__button {
    max-width: max-content;
    font-family: var(--font-sero-pro);
}

.error__image {
    object-fit: contain;
}
.step-form__wrapper{
    position: relative;
}
@media (max-width: 1600px) {
    .error {
        grid-column-gap: 66px;
    }

    .error__image {
        height: 250px;
    }
}

@media (max-width: 1365px) {
    .error {
        grid-column-gap: 4px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .error__image {
        height: 198px;
    }
}

@media (max-width: 1023px) {
    .error {
        grid-template-columns: 1fr;
        grid-row-gap: 80px;
        /*justify-items: center;*/
        align-content: center;
    }

    .error__wrapper {
        justify-items: center;
        width: 460px;
    }

    .error__description {
        text-align: center;
    }

    .error__image {
        height: 280px;
    }
}


@media (max-width: 767px) {
    main.main-error {
        padding-top: 32px;
    }

    .main-error ~ .footer {
        margin-top: 32px;
    }

    .error {
        grid-row-gap: 120px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .error__headline {
        font-size: 32px;
    }

    .error__description {
        font-size: 18px;
    }

    .error__image {
        width: 408px;
        height: 170px;
    }
}

@media (max-width: 479px) {
    .error {
        padding-right: 16px;
        padding-left: 16px;
    }

    .error__wrapper {
        width: 100%;
    }

    .error__headline {
        font-size: 24px;
    }

    .error__description {
        font-size: 16px;
    }

    .error__button {
        max-width: 100%;
        width: 100%;
    }

    .error__image {
        width: 100%;
    }
}

/* Comments page */
.comments {
    display: grid;
    grid-template-columns: 1fr 360px;
    grid-column-gap: 32px;
    grid-row-gap: 60px;
    align-items: start;
}

.comments-hero {
    position: relative;
    padding: 40px 24px;
    height: 100%;
    overflow: hidden;
}

.comments-hero__headline {
    margin-bottom: 24px;
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 700;
    color: var(--color-gray900);
}

.comments-hero__description {
    max-width: 710px;
    width: 100%;
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: var(--color-gray700);
}

.comments-hero__image {
    position: absolute;
    right: -204px;
    bottom: 0;
    max-width: 522px;
    width: 100%;
    opacity: .08;
}

.comments__wrapper {
    display: grid;
    grid-auto-flow: row;
}

.comments .catalog__feedback {
    position: sticky;
    top: 24px;
}

.comments__list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 20px;
}

.comments__button {
    justify-self: center;
    margin-top: 32px;
}

@media (max-width: 1600px) {
    .comments__wrapper {
        grid-column: 1 / 3;
    }

    .comments .catalog__feedback {
        position: static;
    }
}

@media (max-width: 1365px) {
    .comments-hero__headline {
        font-size: 32px;
    }

    .comments-hero__image {
        right: -304px;
    }
}

@media (max-width: 1023px) {
    .comments {
        grid-template-columns: 1fr;
        grid-row-gap: 32px;
    }

    .comments-hero__headline,
    .comments-hero__description {
        max-width: 504px;
        width: 100%;
    }

    .comments-hero__image {
        bottom: -30px;
    }

    .comments__wrapper {
        grid-column: unset;
    }

    .comments .catalog__feedback {
        margin-bottom: 28px;
    }
}

@media (max-width: 767px) {
    .comments-hero__headline {
        font-size: 28px;
    }

    .comments .catalog__feedback {
        margin-bottom: 16px;
    }

    .comments-hero__image {
        right: -254px;
    }
}

@media (max-width: 600px) {
    .comments__button {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .comments-hero {
        padding: 24px 16px;
    }

    .comments-hero__headline {
        font-size: 20px;
    }

    .comments-hero__description {
        font-size: 16px;
    }

    .comments-hero__image {
        bottom: -58px;
    }
}

/* Blog styles */
.blog-hero__wrapper {
    position: relative;
    padding: 68px 32px;
    border-radius: var(--border-rd-lg);
    background: var(--color-blue500);
    overflow: hidden;
    z-index: 1;
}

.blog-hero__content {
    max-width: 820px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.blog-hero__headline {
    font-family: var(--font-sero-pro);
    font-size: 48px;
    font-weight: 500;
    color: var(--color-white);
}

.blog-hero__description {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: var(--color-white);
}

.blog-hero__image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 506px;
    height: 306px;
    z-index: -1;
}

.blog-hero {
    margin-bottom: 40px;
}

.blog__tabs {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    align-items: center;
    margin-bottom: 40px;
}

.blog__tabs a {
    position: relative;
    padding: 12px 0;
    text-transform: uppercase;
    font-family: var(--font-sero-pro);
    font-weight: 500;
    color: var(--color-gray300);
    cursor: pointer;
}

.blog__tabs a:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 50%;
    width: 0;
    height: 2px;
    border-radius: 10px;
    background-color: var(--color-blue500);
    transform: translateX(-50%);
    transition: width .2s;
}

@media (hover: hover) {
    .blog__tabs a:hover {
        color: var(--color-gray900);
    }

    .blog__tabs a:hover:after {
        width: 100%;
    }

    .blog__tabs a.active:hover {
        cursor: default;
    }
}

.blog__tabs a.active {
    color: var(--color-gray900);
}

.blog__tabs a.active:after {
    width: 100%;
}

.blog__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 32px;
}

.blog__button {
    margin: 32px auto 0;
    padding-right: 74px;
    padding-left: 74px;
    min-height: 48px;
    font-family: var(--font-sero-pro);
    font-size: 16px;
    font-weight: 500;
}

.blog__item {
    position: relative;
    border-radius: var(--border-rd-lg);
    filter: drop-shadow(2px 4px 12px rgba(91, 91, 91, 0.04));
    overflow: hidden;
}

.blog__item:hover .blog__image {
    transform: scale(1.1);
}

.blog__item article {
    display: grid;
    grid-template-rows: auto auto 1fr;
    height: 100%;
}

.blog__item:hover .blog__subtitle {
    color: var(--color-blue700)
}

.blog__wrapper-image {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}

.blog__image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .2s;
}

.blog__image img {
    width: 100%;
    height: 100%;
}

.blog__block {
    padding: 16px;
    border-radius: var(--border-rd-lg);
    background: var(--color-white);
    z-index: 2;
}

.blog__info {
    margin-bottom: 10px;
}

.blog__category {
    line-height: 1.2;
    font-size: 14px;
    color: var(--color-gray300);
}

.blog__link {
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 600;
    overflow: hidden;
}

.blog__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog__date {
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-gray300);
}

.blog__subtitle {
    line-height: 1.2;
    font-size: 18px;
    color: var(--color-gray900);
    margin-bottom: 5px;
}

@media (max-width: 1600px) {
    .blog-hero__content {
        max-width: 640px;
    }

    .blog__list {
        grid-template-columns: repeat(3, 1fr);
    }

    .blog__subtitle {
        max-width: 294px;
    }
}

@media (max-width: 1365px) {
    .blog-hero__wrapper {
        padding: 58px 32px;
    }

    .blog-hero__content {
        max-width: 494px;
        gap: 24px;
    }

    .blog-hero__headline {
        font-size: 32px;
    }

    .blog-hero__description {
        font-size: 16px;
    }

    .blog-hero__image {
        width: 394px;
        height: 268px;
    }

    .blog__tabs {
        margin-bottom: 32px;
    }

    .blog__category {
        font-size: 14px;
    }

    .blog__subtitle {
        max-width: 100%;
        font-size: 16px;
    }

    .blog__button {
        padding-right: 60px;
        padding-left: 60px;
        min-height: 38px;
        font-size: 14px;
    }

}


@media (max-width: 1023px) {

    .blog__tabs {
        margin-bottom: 24px;
    }
}

@media (max-width: 959px) {
    .blog-hero__wrapper {
        padding: 28px 32px;
    }

    .blog-hero__content {
        max-width: 424px;
    }

    .blog-hero__image {
        right: -28px;
        width: 262px;
        height: 215px;
    }

    .blog__list {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 24px;
    }

    .blog__block {
        padding: 16px 12px;
    }

    .blog__subtitle {
        padding: 10px 0;
    }
}

@media (max-width: 765px) {
    .blog-hero__wrapper {
        padding: 24px 16px;
    }

    .blog-hero__content {
        max-width: 260px;
    }

    .blog-hero__headline {
        font-size: 28px;
    }

    .blog-hero__description {
        font-size: 14px;
    }

    .blog-hero__image {
        right: -100px;
        height: 195px;
    }

    .blog__block {
        padding: 16px 8px;
    }

    .blog__subtitle {
        padding: 0;
    }

    .blog__button {
        margin-top: 24px;
        width: 100%;
    }

    .blog__tabs {
        flex-wrap: nowrap;
        grid-column-gap: 24px;
        max-width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
        overflow-y: scroll;
        overflow-x: auto;
    }

    .blog__tabs::-webkit-scrollbar {
        display: none;
    }

    .blog__tabs * {
        white-space: nowrap;
    }
}

@media (max-width: 479px) {
    .blog-hero__content {
        max-width: 100%;
    }

    .blog-hero__headline {
        font-size: 24px;
    }

    .blog__tabs {
        grid-column-gap: 24px;
        overflow-x: scroll;
    }

    .blog__list {
        grid-template-columns: 1fr;
        grid-row-gap: 22px;
    }

    .blog__category {
        font-size: 16px;
    }

    .blog__subtitle {
        max-width: 294px;
        font-size: 18px;
    }
}

/* Article styles */
.blog-article {
    display: flex;
    flex-direction: column;
    /*grid-template-columns: auto 322px;*/
    /*grid-column-gap: 40px;*/
}

.blog-article__info {
    margin-bottom: 32px;
}

.blog-article__publication {
    font-family: var(--font-sero-pro);
    color: var(--color-gray500);
    fill: var(--color-gray500);
}

.blog-article__date {
    font-family: var(--font-sero-pro);
    color: var(--color-gray500);
}

.blog-article__icon {
    transform: rotate(180deg);
}

.blog-article__headline {
    margin-bottom: 32px;
    font-family: var(--font-sero-pro);
    font-size: 40px;
    font-weight: 500;
}

.blog-article__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
}

.blog-article__tag {
    display: grid;
    padding: 8px 20px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-blue500);
    box-shadow: 2px 2px 6px rgba(0, 38, 99, 0.12);
    border-radius: var(--border-rd-md);
    background: var(--color-white);
    transition: color .2s, background-color .2s;
}

@media (hover: hover) {
    .blog-article__tag:hover {
        color: var(--color-white);
        background-color: var(--color-blue500);
    }
}

.blog-article__image {
    max-height: 470px;
    width: 100%;
    border-radius: 23px;
    margin-top: 35px;
}

.blog-article__wrapper {
    padding: 40px 100px 80px 100px;
    background: var(--color-white);
    border-radius: 23px;
}

.blog-article__content strong {
    font-weight: 700;
}

.blog-article__content a {
    color: var(--color-blue500);
}

.blog-article__content a:hover {
    text-decoration: underline;
}

.blog-article__content h2 {
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 700;
    color: var(--color-gray900);
}

.blog-article__content h2:first-of-type {
    margin-top: 0;
}

.blog-article__content p ~ h2 {
    margin-top: 40px !important;
}

.blog-article__content h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    line-height: 1.2;
    font-family: var(--font-sero-pro);
    font-size: 24px;
    font-weight: 700;
    color: var(--color-gray800);
}

.blog-article__content p,
.blog-article__content li {
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: var(--color-gray800);
}

.blog-article__content p + p {
    margin-top: 20px;
}

.blog-article__content ul {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    margin-top: 12px;
    margin-bottom: 20px;
    list-style: disc;
}

.blog-article__content ol {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
    margin-top: 12px;
    margin-bottom: 20px;
    list-style: decimal;
}

.blog-article__content li {
    position: relative;
    margin-left: 32px;
}

table{
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: var(--color-gray800);
    margin-top: 20px;
    margin-bottom: 20px;
    border-spacing: 2px;
}

table thead {
    border-bottom: 1px solid rgb(228, 228, 228);
}
table td {
    vertical-align: top;
    text-align: left;
    padding-top: 10px;
    box-sizing: content-box;
}

table tr:first-child td {
    padding-top: 15px;
}

table td:not(:last-child) {
    padding-right: 20px;
}
table thead td {
    text-align: left;
    vertical-align: top;
    padding-bottom: 5px;
    box-sizing: content-box;
    font-weight: bold;
}

table tfoot {
    border-top: 1px solid rgb(228, 228, 228);
}


table tfoot td{font-weight: bold;}

table tbody tr:last-child td{
    padding-bottom: 5px;
}

.author {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid var(--color-gray100);
}

.author__wrapper {
    grid-column-gap: 12px;
}

.author__icon {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: var(--color-blue250);
    fill: var(--color-white);
}

.author__name {
    display: block;
    margin-bottom: 4px;
    font-family: var(--font-sero-pro);
    font-weight: 500;
    font-size: 16px;
    color: #333333;
}

.author__text {
    font-family: var(--font-sero-pro);
    font-size: 14px;
    color: var(--color-gray800);
}

.author__level {
    grid-column-gap: 10px;
}

.author__like,
.author__dislike {
    grid-column-gap: 12px;
    padding: 10px;
    min-width: 68px;
    border-radius: 13px;
    font-size: 16px;
    color: var(--color-white);
    fill: var(--color-white);
    line-height: 1;
}

.author__like {
    background: #85C192;
}

.author__dislike {
    background: #808080;
}

.aside-blog__headline {
    display: none;
    margin-bottom: 24px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 500;
}

.aside-blog__content {
    position: relative;
    display: grid;
    grid-row-gap: 24px;
    margin-bottom: 48px;
    padding: 32px 16px 30px 16px;
    border-radius: var(--border-rd-lg);
    background: var(--color-blue500);
    overflow: hidden;
    z-index: 1;
}

.aside-blog__image {
    position: absolute;
    right: -62px;
    bottom: -8px;
    width: 175px;
    height: 276px;
    object-fit: contain;
    z-index: -1;
}

.aside-blog__text {
    font-family: var(--font-sero-pro);
    font-size: 28px;
    font-weight: 500;
    color: var(--color-white);
}

.aside-blog__description {
    line-height: 1.6;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-white);
}

.aside-blog__tel {
    width: max-content;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 700;
    border-bottom: 3px solid var(--color-white);
    color: var(--color-white);
}

.aside-blog__list {
    position: sticky;
    top: 24px;
    display: grid;
    grid-row-gap: 24px;
}

.aside-blog__item {
    position: relative;
    padding: 16px;
    border-radius: var(--border-rd-sm);
    background: var(--color-white);
}

.aside-blog__info {
    margin-bottom: 10px;
}

.aside-blog__category {
    line-height: 1.2;
    color: var(--color-gray600);
}

.aside-blog__date {
    font-family: var(--font-sero-pro);
    font-size: 14px;
    color: var(--color-gray300);
}

.aside-blog__subtitle {
    line-height: 1.2;
    font-size: 18px;
    color: var(--color-gray900);
}

.aside-blog__link {
    font-weight: 600;
}

.aside-blog__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media  (max-width: 1600px) {
    .blog-article__info {
        margin-bottom: 24px;
        padding-left: 6px;
    }

    .blog-article__headline {
        margin-bottom: 24px;
        font-size: 32px;
    }

    .blog-article__wrapper {
        padding: 40px 64px;
    }
}

@media (max-width: 1365px) {
    .blog-article {
        grid-template-columns: auto 260px;
        grid-column-gap: 24px;
    }

    .blog-article__wrapper {
        padding: 40px 40px 60px 40px;
    }


    .aside-blog__content {
        margin-bottom: 32px;
        padding: 32px 16px 26px 16px;
    }

    .aside-blog__text {
        font-size: 24px;
    }

    .aside-blog__tel {
        font-size: 28px;
    }

    .aside-blog__image {
        right: -78px;
        width: 198px;
        height: 317px;
    }

    .aside-blog__subtitle {
        font-size: 16px;
    }
}

@media (max-width: 1023px) {
    .blog-article {
        grid-template-columns: auto 240px;
        padding-right: 40px;
        padding-left: 40px;
    }

    .blog-article__content p,
    .blog-article__content li {
        font-size: 18px;
    }

    .blog-article__content ul {
        grid-row-gap: 8px;
    }

    .blog-article__content li:after {
        left: -18px;
    }

    .aside-blog__tel {
        font-size: 24px;
    }

    .aside-blog__list {
        grid-row-gap: 16px;
    }

    .aside-blog__category {
        font-size: 14px;
    }

    .aside-blog__subtitle {
        font-size: 14px;
    }
}

@media (max-width: 959px) {
    .blog-article {
        display: block;
        padding-right: 24px;
        padding-left: 24px;
    }

    .blog-article__wrapper {
        margin-bottom: 48px;
    }

    .blog-article__tags {
        flex-wrap: nowrap;
        grid-column-gap: 12px;
        margin-bottom: 0;
        margin-left: -24px;
        padding: 0 24px 32px 24px;
        width: calc(100% + 48px);
        white-space: nowrap;
        overflow-y: scroll;
        overflow-x: auto;
    }

    .blog-article__tags::-webkit-scrollbar {
        display: none;
    }

    .blog-article__tag {
        padding: 8px 12px;
        font-size: 16px;
    }

    .blog-article__image {
        width: 100%;
        max-height: 342px;
    }

    .aside-blog {
        display: grid;
    }

    .aside-blog__headline {
        display: block;
    }

    .aside-blog__list {
        position: static;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
        margin-bottom: 32px;
    }

    .aside-blog__item {
        padding: 12px 16px;
    }

    .aside-blog__subtitle {
        font-size: 16px;
    }

    .aside-blog__content {
        grid-row: 3/4;
        padding: 32px 80px 30px 16px;
    }

    .aside-blog__image {
        right: -28px;
        height: 100%;
    }

    .aside-blog__text {
        font-size: 28px;
    }

    .aside-blog__description {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .blog-article {
        display: block;
        padding-right: 20px;
        padding-left: 20px;
    }

    .blog-article__headline {
        font-size: 28px;
    }

    .blog-article__wrapper {
        grid-row-gap: 32px;
        padding: 32px 24px;
    }

    .blog-article__content h2 {
        font-size: 28px;
    }

    .blog-article__content ul {
        grid-row-gap: 6px;
    }

    .author {
        display: block;
        padding-top: 22px;
    }

    .author__wrapper {
        margin-bottom: 24px;
    }

    .author__level {
        justify-content: end;
    }

    .blog-article__tags {
        margin-left: -20px;
        padding: 0 20px 24px 20px;
        width: calc(100% + 40px);
    }

    .aside-blog__list {
        grid-template-columns: 1fr;
    }

    .aside-blog__headline {
        font-size: 28px;
    }

    .aside-blog__content {
        padding-right: 42px;
    }
    .blog-article__content h2{
        line-height: 1;
    }
    .blog-article__wrapper{
        padding: 24px 20px;
    }
    .faq__links a{
        padding: 24px 20px !important;
    }
    .the-content__text{
        font-size: 18px !important;
    }
}

@media (max-width: 479px) {
    .blog-article {
        padding-right: 16px;
        padding-left: 16px;
    }

    .blog-article__info {
        padding-left: 0;
    }

    .blog-article__headline {
        font-size: 24px;
    }

    .blog-article__wrapper {
        margin-bottom: 40px;
        padding: 24px 16px;
    }

    .blog-article__content h2 {
        font-size: 24px;
    }

    .blog-article__content p,
    .blog-article__content li {
        font-size: 16px;
    }

    .blog-article__content ul {
        grid-row-gap: 4px;
    }

    .aside-blog__headline {
        font-size: 24px;
    }

    .aside-blog__image {
        right: -65px;
    }

    .blog-article__tags {
        margin-left: -16px;
        padding: 0 16px 24px 16px;
        width: calc(100% + 32px);
    }

    .faq__links a span {
        font-size: 16px;
    }

    .blog-article__publication {
        font-size: 14px;
    }

    .blog-article__icon {
        width: 16px;
        height: 16px;
    }
    .blog-article__wrapper{
        padding: 24px 20px !important;
    }
    .faq__links a{
        padding: 24px 20px !important;
    }
    .faq__links a span{
        overflow: visible;
    }
    .the-content__text{
        font-size: 18px !important;
    }
    .faq__excerpt, blockquote{
        padding: 24px 20px;
    }
    .likes_and_otvet{
        display: flex;
    }
    .author__like, .author__dislike{
        width: 48%;
        justify-content: center;
    }
    .blog-article__wrapper{
        margin-bottom: 0;
    }
    .faq__links a .the-content__text{
        display: flex;
    }
    .faq__links .grid-row{
        align-items: stretch;
    }
    .blog-article__image{
        min-height: 279px;
    }
    .content__widget--desc{
        font-size: 16px;
    }

}

/* Profile styles */
.profile {
    display: grid;
    grid-template-columns: 240px auto;
    grid-column-gap: 24px;
    align-items: start;
}

.profile__wrapper {
    display: grid;
    grid-row-gap: 24px;
}

.profile__content {
    display: grid;
    grid-row-gap: 32px;
    justify-content: center;
    padding: 32px 24px;
    border-radius: var(--border-rd-lg);
    background: var(--color-white);
}

.profile__image {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: var(--color-gray50);
    overflow: hidden;
    transition: background .2s;
    cursor: pointer;
}

.profile__human {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
    transition: all 0.2s;
    border-radius: 50%;
}

.profile__add {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%);
    fill: var(--color-gray200);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
}

.profile__image:hover {
    background: var(--color-gray400);
}

.profile__image:hover .profile__human {
    visibility: hidden;
    opacity: 0;
}

.profile__image:hover .profile__add {
    visibility: visible;
    opacity: 1;
}

.profile__name {
    text-align: center;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: var(--color-gray800);
}

.profile__list {
    display: grid;
    grid-row-gap: 10px;
}

.profile__item {
    position: relative;
    grid-column-gap: 16px;
    padding: 16px 24px;
    border: 1px solid var(--color-white);
    border-radius: var(--border-rd-lg);
    background: var(--color-white);
}

/* Profile item normal */
.profile__green {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04), inset 4px 0 0 #6BAA0B;
    fill: var(--color-green700);
}

.profile__orange {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04), inset 4px 0 0 #EAB308;
    fill: var(--color-yellow500);
}

.profile__blue {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04), inset 4px 0 0 #3864D1;
    fill: var(--color-blue700);
}

.profile__purple {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04), inset 4px 0 0 var(--color-purple600);
    fill: var(--color-purple600);
}

/* Item hover */
.profile__green:hover {
    border: 1px solid var(--color-green700);
}

.profile__orange:hover {
    border: 1px solid var(--color-yellow500);
}

.profile__blue:hover {
    border: 1px solid var(--color-blue700);
}

.profile__purple:hover {
    border: 1px solid var(--color-purple600);
}

/* Item active */

.profile__item_active.profile__green {
    border: 1px solid var(--color-green700);
}

.profile__item_active.profile__orange {
    border: 1px solid var(--color-yellow500);
}

.profile__item_active.profile__blue {
    border: 1px solid var(--color-blue700)
}

.profile__item_active.profile__purple {
    border: 1px solid var(--color-purple600);
}

.profile__link {
    font-family: var(--font-sero-pro);
    font-size: 16px;
}

.profile__arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    display: none;
    transform: translateY(-50%) rotate(90deg);
    fill: var(--color-gray300);
    transition: all 0.3s;
}

.profile__arrow_active {
    transform: translateY(-50%) rotate(-90deg);
}

.profile__link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.profile-module {
    display: grid;
    grid-row-gap: 32px;
    align-content: start;
    padding: 32px 24px;
    border-radius: var(--border-rd-lg);
    background: var(--color-white);
}

.profile-module__header {
    grid-column-gap: 24px;
    justify-content: space-between;
}

.profile-module__headline {
    font-family: var(--font-sero-pro);
    font-size: 24px;
    color: var(--color-gray900);
}

.profile-module__headline a,
.profile-module__headline span {
    color: var(--color-blue500);
}

@media (hover: hover) {
    .profile-module__headline a:hover {
        text-decoration: underline;
    }
}

.profile-module__status {
    padding: 10px 24px;
    font-size: 14px;
    border-radius: var(--border-rd-lg);
}

.profile-module__status_pending {
    color: var(--color-orange500);
    background-color: var(--color-orange25);
}

.profile-module__status_publish {
    color: var(--color-green800);
    background-color: var(--color-green50);
}

.personal-info__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
}

.profile-module .review__info img {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.profile-module .choices {
    width: 100%;
}

.favorite__item + .favorite__item {
    margin-top: 32px;
}

.favorite__item + .favorite__item:after {
    content: '';
    position: absolute;
    top: -32px;
    width: 100%;
    height: 1px;
    border-radius: 1px;
    background-color: var(--color-gray100);
}

.personal-info__wrapper .choices__inner {
    min-width: unset;
    background: var(--color-gray30);
}

.personal-info__wrapper .choices__item {
    font-size: 14px;
}

.personal-info__input {
    padding: 11px 12px;
    width: 100%;
    border-radius: var(--border-rd-sm);
    color: var(--color-gray900);
    background: var(--color-gray30);
}

.personal-info__password {
    position: absolute;
    right: 12px;
    bottom: 9px;
    display: grid;
    justify-content: center;
    align-items: center;
    fill: var(--color-gray300);
}

.personal-info__rotate {
    transform: rotate(90deg);
}

.personal-info__text {
    color: var(--color-gray800)
}

.personal-info__content {
    max-width: 516px;
}

.personal-info__enter {
    margin-bottom: 12px;
    font-family: var(--font-sero-pro);
    color: var(--color-gray500);
}

.personal-info__list {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 12px;
    margin-bottom: 24px;
    height: 48px;
}

.personal-info__item {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 1px solid var(--color-gray100);
    border-radius: var(--border-rd-sm);
    background: var(--color-white);
}

.personal-info__entry {
    width: 28px;
    height: 28px;
    fill: var(--color-gray400);
}

.personal-info__item:first-child .personal-info__entry {
    width: 37px;
}

.personal-info__item_active {
    border: 1px solid var(--color-green700);
    background: var(--color-gray30);
    cursor: default;
}

.personal-info__item_active svg {
    fill: var(--color-green700);
}

.personal-info__button {
    margin-bottom: 16px;
    padding: 16px 0;
    max-height: 48px;
    width: 100%;
    font-family: var(--font-sero-pro);
    font-size: 16px;
    font-weight: 500;
}

.personal-info__delete {
    grid-column-gap: 8px;
    justify-content: center;
    margin: 0 auto;
    font-family: var(--font-sero-pro);
    font-size: 14px;
    color: var(--color-gray500);
    fill: var(--color-gray400);
    cursor: pointer;
    transition: color .2s, fill .2s;
}

.profile__replace {
    position: relative;
    display: none;
    padding: 24px 16px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04);
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
}

.profile__replace-label {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray800);
}

.profile__replace-close {
    position: absolute;
    top: 0;
    right: 0;
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 12px;
    fill: var(--color-gray500);
    transition: fill .2s;
}

@media (hover: hover) {
    .profile__replace-close:hover {
        fill: var(--color-gray600);
    }
}

.profile__replace-list {
    display: grid;
    grid-auto-flow: row;
}

.profile__replace-button {
    grid-template-columns: 32px 1fr auto;
    grid-column-gap: 8px;
    padding: 12px 0;
    width: 100%;
    text-align: start;
    border-top: 1px solid var(--color-gray100);
}

.profile__replace-image {
    display: grid;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.profile__replace-text {
    font-size: 14px;
    color: var(--color-gray800);
}

.profile__replace-approve {
    fill: var(--color-blue700);
}

.profile__replace-add {
    justify-self: center;
    fill: var(--color-gray900);
}

@media (hover: hover) {
    .personal-info__delete:hover {
        color: var(--color-red700);
        fill: var(--color-red700);
    }
}

@media (max-width: 1600px) {
    .personal-info__content {
        max-width: 400px;
    }
}

@media (max-width: 1365px) {
    .profile-module {
        grid-row-gap: 24px;
        padding: 24px 16px;
    }

    .favorite__item + .favorite__item {
        margin-top: 24px;
    }

    .favorite__item + .favorite__item:after {
        top: -24px;
    }

    .personal-info__content {
        max-width: 318px;
    }

    .personal-info__list {
        grid-column-gap: 10px;
        height: 40px;
    }

    .personal-info__item:first-child .personal-info__entry {
        width: 26px;
    }

    .personal-info__entry {
        width: 20px;
        height: 20px;
    }

    .personal-info__button {
        padding: 12px 0;
        max-height: 38px;
        font-size: 14px;
    }
}

.profile-module__empty {
    display: grid;
    grid-auto-rows: min-content;
    grid-row-gap: 10px;
    justify-content: center;
    justify-items: center;
    font-family: var(--font-sero-pro);
    fill: var(--color-gray100);
}

.profile-module__empty svg {
    width: 80px;
    height: 80px;
}

.profile-module__empty p {
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    color: var(--color-gray300);
}

.favorite__item {
    padding: 0;
}

.favorite__item:before {
    content: unset;
}

.favorite__subtitle {
    font-size: 24px;
    font-weight: 400;
}

.favorite__customers {
    margin-right: 12px;
    font-family: var(--font-sero-pro);
}

@media (max-width: 1023px) {
    .profile {
        padding-right: 24px;
        padding-left: 24px;
    }

    .personal-info__wrapper {
        grid-column-gap: 12px;
    }
}

@media (max-width: 959px) {
    .profile {
        grid-template-columns: 164px auto;
        grid-column-gap: 16px;
    }

    .profile__replace-text {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .profile__content {
        grid-row-gap: 16px;
        padding: 16px 12px;
    }

    .profile__name {
        font-size: 16px;
    }

    .profile__wrapper {
        grid-row-gap: 16px;
    }

    .profile__list {
        grid-row-gap: 6px;
    }

    .profile__item {
        grid-column-gap: 6px;
        padding: 12px;
        border-radius: var(--border-rd-sm);
    }

    .profile__icon {
        width: 20px;
        height: 20px;
    }

    .personal-info__content {
        max-width: 248px;
    }

    .personal-info__list {
        grid-column-gap: 8px;
        height: 32px;
    }
}

@media (max-width: 767px) {
    .profile {
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }

    .profile__item_active {
        grid-row: 1;
    }

    .profile__item {
        padding: 0;
        max-height: 0;
        border: none;
        box-shadow: none;
        transition: all 0.2s;
        overflow: hidden;
        opacity: 0;
    }

    .profile__item_visible {
        padding: 12px;
        max-height: max-content;
        visibility: visible;
        opacity: 1;
    }

    .profile__item:hover {
        border: none;
    }

    .profile__item_active {
        padding: 12px;
        max-height: max-content;
        visibility: visible;
        opacity: 1;
    }

    .profile__item_active .profile__arrow {
        display: block;
    }

    .profile__item_active.profile__green {
        border: none;
        box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04), inset 0 -2px 0 #6BAA0B;
    }

    .profile__item_active.profile__orange {
        border: none;
        box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04), inset 0 -2px 0 #EAB308;
    }

    .profile__item_active.profile__blue {
        border: none;
        box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.04), inset 0 -2px 0 #3864D1;
    }

    .profile__list {
        grid-row-gap: 0;
    }

    .profile-module__empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 296px;
    }

    .personal-info__wrapper {
        grid-template-columns: 1fr;
    }

    .personal-info__content {
        max-width: 100%;
    }
}

@media (max-width: 479px) {
    .profile-module {
        padding: 16px 12px;
    }

    .profile-module__empty {
        min-height: 312px;
    }

    .favorite__item .review__small {
        padding-left: 0;
    }

    .profile-module .review__info img {
        width: 40px;
        height: 40px;
    }
}

/* Home styles */
.hero__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.hero__item {
    position: relative;
    padding-top: 40px;
    padding-left: 32px;
    background: var(--color-white);
    border-radius: var(--border-rd-lg);
    overflow: hidden;
    transition: all 0.2s;
    z-index: 1;
}


.hero__item:nth-child(1) {
    grid-row: 1;
    grid-column: 1/3;
    box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
    margin-bottom: 22px;
}

.hero__item:nth-child(2) {
    grid-row: 1;
    grid-column: 3/4;
    box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
    background: linear-gradient(123.47deg, #EDF0F9 24.33%, #EDF0F9 80.02%);
    padding: 44px 36px;
    margin-bottom: 22px;
}
.hero__item:nth-child(2) .hero__image{
    right: 57px;
}

.hero__item_card {
    display: grid;
    grid-auto-flow: row;
    padding-top: 84px;
    padding-right: 24px;
    padding-bottom: 46px;
    min-height: 345px;
    z-index: 0;
}

.hero__item_card:not(.hero__item_coming):hover .hero__image {
    z-index: 1;
}

.hero__item_card:not(.hero__item_coming):hover svg{
    fill: var(--color-white);
}


.hero__item_card:not(.hero__item_coming):hover h3 {
    color: var(--color-white);
}

.hero__item_card:not(.hero__item_coming):hover p {
    color: var(--color-white);
}

.hero__item_card:not(.hero__item_coming):hover a {
    color: var(--color-white);
}

.hero__item_green {
    transition: all 0.2s;
}

.hero__item_green:after {
    background: linear-gradient(111.87deg, #5E940A 15.84%, #77BC0C 101.24%);
}

.hero__item_black:after{
    background: #323848;
}

.hero__item_blue:after {
    background: linear-gradient(111.87deg, #214FBF 15.84%, #3864D1 101.24%);
}

.hero__item_yellow:after {
    background: linear-gradient(111.87deg, #BF8306 15.84%, #DAA70B 101.24%);
}

.hero__content {
    max-width: 600px;
}

.hero__bankruptcy {
    margin-bottom: 16px;
}

.hero__headline {
    color: var(--color-gray900);
}

.hero__text {
    line-height: 1.4;
    font-weight: 400;
}

.hero__text_white {
    color: var(--color-white);
}

.hero__text_gray {
    color: var(--color-black700);
    will-change: transform;
}


.button__consultation {
    margin: 48px 0 32px 0;
    text-transform: uppercase;
    font-family: var(--font-sero-pro);
    font-weight: 500;
}

.hero__image {
    position: absolute;
    right: 0;
    bottom: 0;
    transition: fill 0.2s;
    z-index: -2;
}

.hero__image_hide {
    content-visibility: auto;
    background-color: white;
}

.hero__image_green {
    width: 98px;
    height: 98px;
    fill: var(--color-green700);
}

.hero__image_blue {
    width: 147px;
    height: 98px;
    fill: var(--color-blue500);
}

.hero__image_yellow {
    width: 196px;
    height: 146px;
    fill: var(--color-yellow600);
}

.hero__item_card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: -1;
}

.hero__item_card:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    z-index: -1;
}

.hero__item_card:hover:after {
    opacity: 1;
    visibility: visible;
}

.hero__item_green:before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #7FC612;
}

.hero__item_blue:before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #3864D1;
}

.hero__item_black:before {
    box-shadow: 2px 4px 55px -19px #0000001A;
}

.hero__item_yellow:before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #EAB308;
}

.hero__item_coming:before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 var(--color-gray200);
}

.hero__item_card:not(.hero__item_coming):hover:before {
    box-shadow: none;
}

.hero__line {
    margin-bottom: 32px;
    font-family: var(--font-sero-pro);
    font-weight: 700;
    font-size: 36px;
    color: var(--color-gray900);
}
.hero__line-attr{
    font-size: 18px;
    width: 65%;
    line-height: 1.2;
}
.hero__tel {
    display: block;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 700;
    color: #323848;
    margin-bottom: 2px;
}

.hero__free {
    grid-column-gap: 8px;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: #797979;
    z-index: 2;
}

.hero__free i {
    font-family: var(--font-sero-pro);
    font-weight: 400;
}

.hero__icon {
    display: block;
    margin-left: auto;
    margin-bottom: 8px;
    width: 51px;
    height: 51px;
}

.hero__item_coming .hero__icon {
    fill: var(--color-gray400);
}

.hero__item_coming .hero__link:before {
    content: unset;
}
.hero__subtitle {
    margin-bottom: 15px;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    color: var(--color-gray900);
    transition: color 0.2s;
}

.hero__description {
    line-height: 1.4;
    font-weight: 400;
    color: var(--color-gray500);
    transition: color 0.2s;
}

.hero__link {
    grid-column-gap: 4px;
    align-content: end;
    margin-bottom: 20px;
    color: var(--color-gray400);
    z-index: 10;
}
.hero__link-update{
    grid-column-gap: 4px;
    align-content: end;
    margin-bottom: 20px;
    color: var(--color-gray400);
    z-index: 10;
    font-size: 18px;
}

.hero__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero__arrow {
    fill: var(--color-gray400);
}

.about-us__wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    align-items: initial;
}

.about-us__headline {
    color: var(--color-gray900);
}

.selection {
    position: relative;
    display: grid;
    grid-column: 1/3;
    padding: 48px 32px;
    border-radius: var(--border-rd-lg);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    background: var(--color-white);
}

.selection button {
    font-size: 16px;
}

.selection__content {
    max-width: 560px;
}

.selection__subtitle {
    margin-bottom: 24px;
    line-height: 1.3;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 500;
    color: var(--color-gray800);
}

[data-step="0"] .selection__subtitle {
    margin-bottom: 32px;
}

.selection__description {
    margin-bottom: 82px;
    line-height: 1.5;
    font-size: 24px;
    color: var(--color-gray700);
}

[data-step="1"] .selection__description,
[data-step="2"] .selection__description {
    display: none;
}

.selection__wrapper {
    display: none;
    grid-auto-flow: row;
    grid-template-rows: auto 1fr auto;
    grid-row-gap: 12px;
}

[data-step="1"] [data-first-step] {
    display: grid;
}

[data-step="2"] [data-second-step] {
    display: grid;
}

.selection__label {
    font-size: 18px;
    color: var(--color-gray700);
}

.selection__group {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 4px;
    margin-bottom: 24px;
}

.selection__group label.radio {
    background-color: unset;
}

.selection__group label.radio:hover {
    background-color: unset;
}

.selection__next {
    justify-self: start;
    padding: 16px 64px;
    font-weight: 500;
}

.selection__wrapper .choices {
    max-width: 400px;
    width: 100%;
}

.selection__wrapper .choices__inner {
    background-color: var(--color-gray30);
}

.selection__action {
    grid-template-columns: 260px auto;
    grid-column-gap: 32px;
    margin-top: 48px;
}

.selection__link {
    justify-self: start;
    max-width: 260px;
    width: 100%;
    padding: 16px 0;
}

.selection__button {
    max-width: 330px;
    width: 100%;
    padding: 14px 0;
    font-weight: 500;
}

[data-step="1"] .selection__button,
[data-step="2"] .selection__button {
    display: none;
}

.selection__image {
    position: absolute;
    right: 0;
    bottom: 0;
    display: grid;
    height: 100%;
    width: 282px;
    border-bottom-right-radius: var(--border-rd-lg);
    overflow: hidden;
}

.selection__image img {
    align-self: end;
}

.guide {
    position: relative;
    padding: 148px 32px 20px;
    border-radius: var(--border-rd-lg);
    box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
    background: var(--color-blue500);
    overflow: hidden;
    z-index: 1;
}

.guide:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(111.87deg, #0F39A3 15.84%, #3864D1 101.24%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
    z-index: -1;
}

.guide:hover:before {
    visibility: visible;
    opacity: 1;
}

.guide__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.guide__subtitle {
    margin-bottom: 20px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    color: var(--color-white);
}

.guide__description {
    margin-bottom: 48px;
    line-height: 1.6;
    color: var(--color-white);
}

.guide__link {
    grid-column-gap: 4px;
    color: var(--color-white);
    fill: var(--color-white);
}

.guide__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.companies__headline {
    color: var(--color-gray900);
}

.companies__tabs {
    grid-column-gap: 32px;
    margin-bottom: 24px;
}

.companies__tab {
    text-transform: uppercase;
    font-family: var(--font-sero-pro);
    color: var(--color-gray300);
    cursor: pointer;
}

.companies__tab_active {
    position: relative;
    padding: 12px 0;
    font-weight: 500;
    color: var(--color-gray900);
    cursor: default;
}

.companies__tab_active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: var(--color-blue500);
}

.companies__list {
    display: none;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 24px;
}

.is-active.companies__list {
    display: grid;
}

.companies__item {
    position: relative;
    display: block;
    grid-template-rows: auto 1fr auto;
    padding: 12px;
    border-radius: var(--border-rd-lg);
    box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
    background-color: var(--color-white);
}

.companies__item:nth-child(1) .companies__rating {
    color: var(--color-yellow600);
}

.companies__item:nth-child(2) .companies__rating {
    color: var(--color-green700);
}

.companies__item:nth-child(3) .companies__rating {
    color: var(--color-blue700);
}

.companies__rating {
    position: absolute;
    top: -10px;
    left: -10px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #F2F2F2;
    border-radius: 100%;
    color: var(--color-gray600);
    background: var(--color-white);
}

.companies__info {
    justify-content: space-between;
    margin-bottom: 20px;
}

.companies__content {
    margin-bottom: 7px;
}

.companies__subtitle {
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: var(--color-gray500);
}

.companies__link:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.companies__content img {
    width: 56px;
    height: 28px;
    object-fit: contain;
}

.companies__stars {
    width: 108px;
    height: 20px;
}

.companies__rating {
    grid-auto-columns: max-content;
    grid-column-gap: 6px;
}

.companies__reviews {
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
}

.companies__text {
    font-family: var(--font-sero-pro);
    color: var(--color-gray800);
}

.companies__quantity {
    font-family: var(--font-sero-pro);
    color: var(--color-blue500);
}

.companies__button {
    display: none;
    margin: 0 auto;
    max-width: max-content;
    font-family: var(--font-sero-pro);
    font-weight: 500;
}

.is-active.companies__button {
    display: grid;
}

.advantage {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 16px;
}

.advantage__item {
    grid-column-gap: 6px;
}

.advantage__text {
    font-family: var(--font-sero-pro);
    font-size: 14px;
    color: var(--color-gray800);
}

.companies__item:hover .icon-hover {
    transform: scale(1.3);
}

.companies__item:hover .icon-16 {
    transform: scale(0.7);
}

.companies__item:hover .icon-blue {
    background: var(--color-blue500);
    fill: var(--color-white);
}

.companies__item:hover .icon-orange {
    background: var(--color-orange600);
    fill: var(--color-white);
}

.companies__item:hover .icon-green {
    background: var(--color-green700);
    fill: var(--color-white);
}

.icon-hover {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    transition: background-color .2s, transform .2s;
}

.home-page {
    grid-row-gap: 80px;
}

.section__wrapper {
    position: relative;
}

.section__headline {
    color: var(--color-gray900);
}

.slider-reviews {
    display: grid;
    grid-auto-flow: column;
    margin-bottom: 20px;
}

.slider-reviews__item {
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding: 32px 20px;
    width: 325px;
    border-radius: var(--border-rd-lg);
    background: var(--color-white);
}

.slider-reviews__item .review__small {
    justify-items: start;
}

.section__content {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 8px;
    align-items: center;
    margin-bottom: 22px;
}

.section__rating {
    grid-column-gap: 4px;
}

.section__image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.section__name {
    display: block;
    margin-bottom: 8px;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    font-weight: 700;
    color: var(--color-gray900);
}

.section__company {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 5px;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
}

.section__description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.4;
    color: var(--color-gray900);
}

.section__date {
    font-size: 14px;
    color: var(--color-gray400);
    margin-bottom: 16px;
}

.section__link {
    grid-column-gap: 4px;
    color: var(--color-blue500);
    fill: var(--color-blue500);
}

.section__button {
    margin: 0 auto;
    max-width: max-content;
    font-family: var(--font-sero-pro);
    font-weight: 500;
    color: var(--color-blue500);
}

.slider-button-prev,
.slider-button-next {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: var(--color-white);
    transform: rotate(0) ;
    fill: var(--color-gray300);
}
.slider-button-prev svg,
.slider-button-next svg{
    fill: var(--color-blue900);
}
.swiper-button-disabled.slider-button-prev svg,.swiper-button-disabled.slider-button-next svg{
    fill: #D2D2D2;
}

.slider-button-next:hover {
    fill: var(--color-blue250);
}

.slider-button-prev:hover {
    fill: var(--color-blue250);
}

.slider-button-next:active {
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.05), inset -3px 0 0 #3864D1;;
    background: var(--color-white);
    fill: var(--color-blue500);
}

.slider-button-prev:active {
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.05), inset -3px 0 0 #3864D1;;
    background: var(--color-white);
    fill: var(--color-blue500);
}


.slider-button-prev {
    margin-right: 20px;
    transform: rotate(-180deg) ;
}

.pagination {
    display: none;
    grid-auto-flow: column;
    justify-content: center;
}

.pagination_reviews {
    margin-bottom: 24px;
}

.slider-blog {
    display: grid;
    margin-bottom: 20px;
}

.blog-card {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    border-radius: 23px;
    background: var(--color-white);
}

.blog-card__wrapper-image {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.blog-card__image {
    position: relative;
    width: 100%;
    transition: .2s;
    border-radius: 20px 20px 0 0;
    height: 173px;
    margin-bottom: -23px;
}

.blog-card__wrapper {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 23px;
    background-color: #fff;
    z-index: 2;
}

.blog-card__subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-gray900);
    margin-bottom: 44px;
}

.blog-card__subtitle:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.blog-card:hover .blog-card__subtitle {
    color: var(--color-blue700);
}


.blog-card__description {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.4;
    color: var(--color-gray700);
    overflow: hidden;
}

.pagination_blog {
    margin-bottom: 32px;
}
.fs_18{
    font-size: var(--fs-18);
}

.frequent-questions__title {
    color: var(--color-gray900);
}

.frequent-questions__list {
    display: grid;
    grid-row-gap: 20px;
}

.frequent-questions__item {
    padding: 20px 24px;
    border-radius: var(--border-rd-lg);
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.04);
    background: var(--color-white);
}

.frequent-questions__block {
    grid-auto-columns: max-content;
    justify-content: space-between;
}

.frequent-questions__topic {
    font-family: var(--font-sero-pro);
    line-height: 1.4;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-gray900);
}

.frequent-questions__cross {
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.frequent-questions__cross:after,
.frequent-questions__cross:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    background: var(--color-blue500);
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.4s;
}

.frequent-questions__cross:after {
    width: 16px;
    height: 2px;
}

.frequent-questions__cross_active:after {
    background: var(--color-red600);
}

.frequent-questions__cross:before {
    width: 2px;
    height: 16px;
}

.frequent-questions__cross_active:before {
    transform: translate(-50%, -50%) scale(0);
}

.frequent-questions__answer {
    display: none;
    margin-top: 20px;
    line-height: 1.4;
    color: var(--color-gray700);
}

.frequent-questions__answer_active {
    display: block;
}

/* Begin Стили от нового шаблона */
.row__form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 80px;
    margin-bottom: 19px;
    max-width: 600px;
}
.hero__select{
    position: relative;
    width: 48%;
    margin-bottom: 22px;
}
.hero__label{
    position: absolute;
    left: 15px;
    top: 15px;
    color: #999999;
    transition: ease .2s;
    will-change: transform;
    pointer-events: none;
    z-index: 3;
}
.hero__input{
    display: flex;
    align-items: center;
    background-color: #F7F7F7;
    border-radius: 12px;
    color: #4E4E4E;
    height: 52px;
    min-height: 52px;
    padding: 15px;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    position: relative;
}
.hero__input-mirror .hero__input{
    background-color: transparent;
}
.hero__input-mirror{
    background-color: #F7F7F7;
    border-radius: 12px;
}
.hero__input-mirror .input__city--mirror{
    z-index: 1;
}
.hero__select label,.hero__notif label{
    min-height: max-content;
    font-size: 11px;
    font-weight: 400;
    margin-top: 2px;
    margin-left: 16px;
    position: relative;
    padding: 0;
}
.hero__notif label{
    margin-top: 8px;
    margin-left: 0;
}
.hero__select .suggestions-suggestions{
    border: none;
}
.catalog__list .hero__select .error{
    margin: 0;
    justify-items: start;
}
.filter-hero--checkbox{
    position: relative !important;
}
.hero__select label.radio,.hero__select label.check{
    margin-left: 0;
    margin-top: 0;
}
.hero__select label.error,.hero__notif label.error{
    color: #D12802;
}
.error-modif .hero__label{
    color: #D12802;
}
/*.valid-modif .hero__label{*/
/*    color: #47ff00;*/
/*}*/
.hero__arrow{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 15px;
    top: 19px;
    z-index: 3;
}
.hero__arrow .icon{
    width: 11px;
    height: 11px;
    fill: #999999;
}
.hero__click.clicked .hero__arrow .icon{
    transform: rotate(-180deg);
}
.hero__click.active .hero__label{
    font-size: 11px;
    top: 7px;
    /*z-index: 7;*/
}
/*.hero__click.active .hero__arrow{*/
/*    z-index: 7;*/
/*}*/
.hero__click.active .hero__input{
    padding: 18px 15px 10px 15px;
}
.hero__click.clicked{
    z-index: 5;
}
.hero__click.active .hero__input{
    z-index: 2;
}
.button__submit{
    width: 48%;
    height: 100%;
    min-height: 52px;
    background-color: #323848;
    border: 1px solid #323848;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.button__submit:disabled {
    color: var(--color-white);
    background-color: var(--color-gray300);
    border: 1px solid var(--color-gray300);
    cursor: none;
    pointer-events: none;
}
.hero__select-list{
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    background-color: #F7F7F7;
    border-radius: 0 0 12px 12px;
    padding: 16px;
    z-index: 1;
    display: none;
}
.hero__list--el{
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    max-height: 172px;
}
.hero__list--el::-webkit-scrollbar{
    width: 4px;
    border-radius: 10px;
}
.hero__list--el::-webkit-scrollbar-button{
    display: block;
    width: 0;
    height: 0;
    background-color: transparent;
}
.hero__list--el::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background-color: #D9D9D9;
}
.hero__list--el::-webkit-scrollbar-track{
    margin-right: 5px;
}
.hero__list--el::-webkit-scrollbar-track-piece{
    border-radius: 5px;
    background-color: #F3F3F3;
}
.hero__select-item{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.hero__select-item span{
    font-size: 16px;
    color: #333333;
}
.hero__select-item:last-child{
    margin-bottom: 0;
}
.hero__item-checked{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid #3864D1;
    border-radius: 50%;
    margin-right: 8px;
}
.hero__item-overflow__show{
    overflow: visible;
}
.hero__select-item.active .hero__item-checked:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #3864D1;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.input__city--mirror{
    display: flex;
    align-items: center;
    height: 52px;
    padding: 18px 15px 10px 15px;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    position: absolute;
    z-index: 3;
    line-height: .5;
    color: #333333;
    pointer-events: none;
}
.dta-after{
    font-weight: 400;
    line-height: .5;
    font-size: 16px;
    color: #999999;
}
.hero__line-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    box-shadow: 2px 4px 16px 0 #0000000D;
    margin-right: 10px;
}
.hero__line-icon .icon{
    width: 21.5px;
    height: 21.5px;
}
.mb-80{
    margin-bottom: 80px;
}
.hero__flex{
    display: flex;
    position: relative;
}
.hero__flex-column{
    flex-direction: column;
    height: 100%;
}
.hero__flex-center{
    align-items: flex-start;
}
.hero__space-between{
    justify-content: space-between;
}
.companies__img-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 57px;
    min-width: 57px;
    height: 53px;
    border: 0.5px solid #A8A8A8;
    border-radius: 11px;
    padding: 10px 5px;
    margin-right: 8px;
}
.companies__img{
    object-fit: contain;
}
.companies__item-update{
    /*width: 23.6666%;*/
    padding: 32px 16px;
    border-radius: var(--border-rd);
}
.companies__content-update{
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}
.companies__subtitle-update{
    display: flex;
    flex-direction: column;
}
.companies__link-update{
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: #1A1A1A;
    font-weight: 700;
    margin-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
}
.companies__description{
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: #989898;
    font-weight: 400;
}
.companies__list-update{
    display: flex;
    flex-wrap: wrap;
}
.companies__info-update{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 42px;
}
.companies__info-attr{
    width: 48%;
}
.info__attr{
    display: flex;
    align-items: center;
}
.info__attr-label{
    font-family: var(--font-sero-pro);
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    margin-bottom: 8px;
}
.info__attr{
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    color: #333333;
}
.info__attr span{
    font-weight: 700;
    font-size: 18px;
    color: #333333;
    margin-right: 4px;
}
.info__attr-value{
    display: flex;
    align-items: center;
}
.info__attr-value svg{
    margin-right: 8px;
}
.info__attr-sub{
    font-weight: 400;
    font-size: 16px;
    color: #979797;
    white-space: pre;
}
.button_dark_blue{
    position: relative;
    z-index: 2;
    font-weight: 500;
    font-size: 16px;
    font-family: var(--font-sero-pro);
    color: #fff;
    background-color: #062164;
    transition: ease .2s;
    cursor: pointer;
}
.button_dark_blue:hover{
    background-color: #1440AD;
}
.button_desc{
    font-family: var(--font-sero-pro);
    font-size: 12px;
    color: #BBBBBB;
    font-weight: 400;
    margin-top: 12px;
    text-align: right;
}
.fs-40{
    font-size: 36px;
}
.section__headline-slider{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.section__headline-arrows{
    display: flex;
    align-items: center;
}
.section__headline-arrow{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 20px;
    cursor: pointer;
}
.section__headline-arrow:last-child{
    margin-right: 0;
}
.button_dark_blur-transparent{
    position: relative;
    z-index: 2;
    font-weight: 500;
    font-size: 16px;
    font-family: var(--font-sero-pro);
    color: #062164;
    transition: ease .2s;
    cursor: pointer;
    border: 1px solid #062164;
    background-color: transparent;
}
.button_dark_blur-transparent:hover{
    background-color: #062164;
    color: #fff;
}
.min-467{
    min-width: 467px;
}
.arrow-left{
    transform: rotate(-180deg);
}
.blog-card__red{
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: #666666;
}
.section__headline-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}
.section__headline-tags{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.section__headline-tags::-webkit-scrollbar{
    height: 0;
}
.headline__tag{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 40px;
    background-color: #EBEFFA;
    font-family: var(--font-sero-pro);
    font-size: 16px;
    font-weight: 400;
    color: #000;
    white-space: nowrap;
}
.headline__tag-current, .headline__tag:hover{
    background-color: #dee4f4;
}
.application__wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 46px 62px;
    border-radius: 23px;
    position: relative;
}
.application__container{
    width: 55%;
}
.application__success{
    display: none;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 23px;
}
.application__success.active{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.application__success-title{
    font-size: 40px;
    font-family: var(--font-sero-pro);
    color: #1440AD;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
}
.application__success-desc{
    font-size: 20px;
    font-family: var(--font-sero-pro);
    color: #111827;
    font-weight: 400;
    margin-bottom: 45px;
    text-align: center;
    padding: 0 15px;
}
.application__icon{
    display: flex;
    justify-content: end;
    width: 40%;
}
.application__icon svg{
    width: 100%;
    height: 357px;
}
.hero-100{
    width: 100%;
}
.mr-0{
    margin-right: 0;
}
.hero__policy{
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0.5px;
    line-height: 1.1;
}
.hero__policy a{
    color: #9CB2E8;
}
.hero__policy--flex{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.breadcrumbs{
    display: flex;
    align-items: center;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    font-weight: 400;
    color: #CDCDCD;
    margin-bottom: 20px;
    overflow-x: scroll;
    white-space: nowrap;
}
.breadcrumbs::-webkit-scrollbar{
    height: 0;
}
.breadcrumbs li{
    display: flex;
    align-items: center;
}
.breadcrumbs li:last-child:after{
    display: none;
}
.breadcrumbs li a span{
    font-family: var(--font-sero-pro);
    font-size: 18px;
    font-weight: 400;
    color: #808080;
    white-space: nowrap;
}
.breadcrumbs li:after{
    content: '|';
    position: relative;
    margin: 0 12px;
}
/*.breadcrumbs li:last-child:after{*/
/*    display: none;*/
/*}*/
.breadcrumb-go-back{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EBEFFA;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    margin-right: 12px;
}
.breadcrumb-go-back svg{
    transform: rotate(180deg);
    width: 25px;
    height: 25px;
    fill: #1440AD;
}
.blog-article__info-update{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 23px;
    padding: 48px 36px;
    margin-bottom: 36px;
}
.blog-article__info-update .blog-article__tags{
    flex-wrap: wrap;
    overflow-x: visible;
}
.blog-article__info-update .headline__tag{
    background-color: #F2F2F2;
}
.blog-article__info-update .headline__tag:hover{
    background-color: #cbd4ec;
}
.blog-article__time-update{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.blog-article__date{
    margin-right: 40px;
    font-size: 18px;
}
.blog-article__views-update{
    display: flex;
    align-items: center;
    font-family: var(--font-sero-pro);
    font-size: 18px;
    color: #808080;
    font-weight: 400;
}
.blog-article__views-update .icon{
    width: 24px;
    height: 24px;
    margin-right: 6px;
}
.blog-article__headline-update{
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
}
.blog-article__except{
    border-radius: 23px;
    padding: 33px 36px;
    background-color: #F4F7FF;
    font-family: var(--font-sero-pro);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}
.blog-article__content-container{
    display: flex;
    justify-content: space-between;
}
.aside-blog{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 33.3333%;
    margin-right: 20px;
    row-gap: 20px;
}
.blog-article__wrapper{
    width: 66.6666%;
    padding: 57px 36px 63px 36px;
}
.content__widget{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 23px;
    padding: 54px 36px;
}
.content__widget--title{
    margin-bottom: 20px;
}
.content__widget--title span{
    font-family: var(--font-sero-pro);
    font-size: 32px;
    line-height:1.2;
    font-weight: 700;
    color: #3C3C3C;
}
.content__widget--item{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #8D8D8D;
}
.content__widget--item:last-child{
    margin-bottom: 0;
}
/*.content__widget--list .level__1--update{*/
/*    display: flex;*/
/*    counter-increment: point;*/
/*    counter-reset: sublist;*/
/*}*/
.content__widget--list .level__1--update{
    display: flex;
    counter-increment: point;
    counter-reset: sublist;
}
.content__widget--list .level__2--update, .content__widget--list .level__3--update, .content__widget--list .level__4--update, .content__widget--list .level__5--update{
    display: flex;
    counter-reset: sublist3;
}
.content__widget--list .level__2--update:before, .content__widget--list .level__3--update:before, .content__widget--list .level__4--update:before, .content__widget--list .level__5--update:before{
    content: counter(point) "." counter(sublist) ". ";
    counter-increment: sublist;
}
.content__widget--list li:before{
    display: flex;
    content: counter(point) ". ";
    margin-right: 5px;
    margin-left: 0;
}
.content__widget--item.active{
    color: #000;
}
.aside-sticky{
    position: relative;
    display: inline-block;
    row-gap: 36px;
    height: 100%;
}
.admin-bar .aside-sticky{
    position: relative;
}
.aside-sticky--container{
    position: sticky;
    top: 50px;
}
.aside-static--container{
    position: relative;
    display: inline-block;
}
.aside-sticky::-webkit-scrollbar{
    width: 0;
}
.content__widget--desc{
    font-size: 18px;
    color: #2B2B2B;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 28px;
}
.content__widget-blue{
    position: relative;
    background-color: #EDF0F9;
    height: 100%;
}
.content__widget--block{
    position: relative;
    z-index: 2;
}
.content__widget-blue:after{
    content: '';
    position: absolute;
    width: 180px;
    height: 100%;
    background: url('../images/blogArticle/decor.svg') no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    z-index: 0;
}
.content__widget--hero{
    z-index: 2;
}
.content__widget--hero .hero__line-icon{
    width: 50px;
    height: 50px;
}
.content__widget--hero .hero__tel{
    font-size: 28px;
}
.content__widget--hero .hero__free{
    font-size: 18px;
}
.blog-article__grid{
    grid-row-gap: 80px;
}
.the-content__text-wrap{
    display: flex;
    flex-direction: column;
}
.the-content__label{
    font-size: 16px !important;
    font-weight: 400;
    color: #8B8B8B !important;
    margin-bottom: 12px;
}
.the-content__text{
    font-size: 24px;
    font-weight: 500;
}
.faq__links a{
    text-decoration: none;
    padding: 28px 36px;
    border-radius: 23px;
}
.faq__links a:hover{
    text-decoration: none;
}
.the-content__icon{
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    width: 42px;
    height: 42px;
    background-color: #fff;
    border-radius: 50%;
}
.the-content__icon svg{
    fill: #9CB2E8 !important;
    width: 28px;
    height: 28px;
}
.mw-330{
    max-width: 330px;
}
.catalog__feedback .hero__tel,.company__feedback .hero__tel{
    font-size: 27px;
    margin-bottom: 2px;
}
.catalog__feedback .hero__line-icon,.company__feedback .hero__line-icon{
    width: 50px;
    height: 50px;
    min-width: 50px;
}
.catalog__feedback .hero__free,.company__feedback .hero__free{
    font-size: 18px;
    grid-column-gap: 0;
}
.catalog__flex{
    display: flex;
    flex-direction: column;
    margin-bottom: 36px;
}
.catalog-hero__flex{
    display: flex;
    align-items: center;
}
.catalog__card-left{
    display: grid;
    gap: 32px;
}
.catalog__card:hover .catalog__card-headline{
    color: #fff;
}
.catalog__card:hover .info__attr{
    color: #fff;
}
.catalog__card:hover .info__attr span{
    color: #fff;
}
.catalog__card:hover .info__attr-label{
    color: #AFAFAF;
}
.catalog__card:hover .catalog__card-advantage{
    background-color: #4D5467;
}
.catalog__card:hover .catalog__card-advantage span{
    color: #fff;
}
.catalog__card:hover .button_dark_blue{
    background-color: #3864D1;
}
.catalog__card-top--wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.catalog__card-top .button2{
    min-width: 259px;
}
.catalog__card-advantage{
    display: flex;
    align-items: center;
    background-color: #F5F5F5;
    border-radius: 23px;
    height: 32px;
    font-weight: 400;
    font-size: 14px;
    padding: 9px 12px;
    width: max-content;
}
.catalog-hero__flex .hero__flex{
    width: 100%;
}
.catalog-hero__flex .info__attr{
    align-items: end;
    font-size: 20px;
    line-height: 1;
}
.catalog-hero__flex .info__attr span{
    font-size: 20px;
}
.catalog-hero__flex .info__attr-sub{
    font-size: 12px;
}
.catalog__card-headline a{
    font-weight: 700;
}
.catalog__card-middle{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.catalog__card-middle .button_desc{
    margin-top: 0;
    min-width: 259px;
    text-align: right;
}
.mean-expert__flex{
    display: flex;
    align-items: center;
}
.mean-expert__avatar{
    margin-right: 12px;
    position: relative;
}
.mean-expert__avatar img{
    border: 3px solid #fabe00;
    object-fit: cover;
    width: 74px;
    height: 74px;
    border-radius: 74px;
}
.mean-expert__avatar .verified__user{
    position: absolute;
    height: 24px;
    width: 24px;
    top: -2px;
    right: -2px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_907_673)'%3E%3Cmask id='path-1-outside-1_907_673' maskUnits='userSpaceOnUse' x='0.00585938' y='-0.00390625' width='24' height='25' fill='black'%3E%3Crect fill='white' x='0.00585938' y='-0.00390625' width='24' height='25'/%3E%3Cpath d='M21.5609 10.7386L20.2009 9.15859C19.9409 8.85859 19.7309 8.29859 19.7309 7.89859V6.19859C19.7309 5.13859 18.8609 4.26859 17.8009 4.26859H16.1009C15.7109 4.26859 15.1409 4.05859 14.8409 3.79859L13.2609 2.43859C12.5709 1.84859 11.4409 1.84859 10.7409 2.43859L9.17086 3.80859C8.87086 4.05859 8.30086 4.26859 7.91086 4.26859H6.18086C5.12086 4.26859 4.25086 5.13859 4.25086 6.19859V7.90859C4.25086 8.29859 4.04086 8.85859 3.79086 9.15859L2.44086 10.7486C1.86086 11.4386 1.86086 12.5586 2.44086 13.2486L3.79086 14.8386C4.04086 15.1386 4.25086 15.6986 4.25086 16.0886V17.7986C4.25086 18.8586 5.12086 19.7286 6.18086 19.7286H7.91086C8.30086 19.7286 8.87086 19.9386 9.17086 20.1986L10.7509 21.5586C11.4409 22.1486 12.5709 22.1486 13.2709 21.5586L14.8509 20.1986C15.1509 19.9386 15.7109 19.7286 16.1109 19.7286H17.8109C18.8709 19.7286 19.7409 18.8586 19.7409 17.7986V16.0986C19.7409 15.7086 19.9509 15.1386 20.2109 14.8386L21.5709 13.2586C22.1509 12.5686 22.1509 11.4286 21.5609 10.7386ZM16.1609 10.1086L11.3309 14.9386C11.1909 15.0786 11.0009 15.1586 10.8009 15.1586C10.6009 15.1586 10.4109 15.0786 10.2709 14.9386L7.85086 12.5186C7.56086 12.2286 7.56086 11.7486 7.85086 11.4586C8.14086 11.1686 8.62086 11.1686 8.91086 11.4586L10.8009 13.3486L15.1009 9.04859C15.3909 8.75859 15.8709 8.75859 16.1609 9.04859C16.4509 9.33859 16.4509 9.81859 16.1609 10.1086Z'/%3E%3C/mask%3E%3Cpath d='M21.5609 10.7386L20.2009 9.15859C19.9409 8.85859 19.7309 8.29859 19.7309 7.89859V6.19859C19.7309 5.13859 18.8609 4.26859 17.8009 4.26859H16.1009C15.7109 4.26859 15.1409 4.05859 14.8409 3.79859L13.2609 2.43859C12.5709 1.84859 11.4409 1.84859 10.7409 2.43859L9.17086 3.80859C8.87086 4.05859 8.30086 4.26859 7.91086 4.26859H6.18086C5.12086 4.26859 4.25086 5.13859 4.25086 6.19859V7.90859C4.25086 8.29859 4.04086 8.85859 3.79086 9.15859L2.44086 10.7486C1.86086 11.4386 1.86086 12.5586 2.44086 13.2486L3.79086 14.8386C4.04086 15.1386 4.25086 15.6986 4.25086 16.0886V17.7986C4.25086 18.8586 5.12086 19.7286 6.18086 19.7286H7.91086C8.30086 19.7286 8.87086 19.9386 9.17086 20.1986L10.7509 21.5586C11.4409 22.1486 12.5709 22.1486 13.2709 21.5586L14.8509 20.1986C15.1509 19.9386 15.7109 19.7286 16.1109 19.7286H17.8109C18.8709 19.7286 19.7409 18.8586 19.7409 17.7986V16.0986C19.7409 15.7086 19.9509 15.1386 20.2109 14.8386L21.5709 13.2586C22.1509 12.5686 22.1509 11.4286 21.5609 10.7386ZM16.1609 10.1086L11.3309 14.9386C11.1909 15.0786 11.0009 15.1586 10.8009 15.1586C10.6009 15.1586 10.4109 15.0786 10.2709 14.9386L7.85086 12.5186C7.56086 12.2286 7.56086 11.7486 7.85086 11.4586C8.14086 11.1686 8.62086 11.1686 8.91086 11.4586L10.8009 13.3486L15.1009 9.04859C15.3909 8.75859 15.8709 8.75859 16.1609 9.04859C16.4509 9.33859 16.4509 9.81859 16.1609 10.1086Z' fill='%23089408'/%3E%3Cpath d='M21.5609 10.7386L23.081 9.43883L23.0767 9.43387L21.5609 10.7386ZM20.2009 9.15859L21.7167 7.85385L21.7123 7.84873L20.2009 9.15859ZM14.8409 3.79859L16.1508 2.28721L16.1456 2.28279L14.8409 3.79859ZM13.2609 2.43859L14.5656 0.922784L14.5607 0.918527L13.2609 2.43859ZM10.7409 2.43859L9.45195 0.909338L9.43886 0.920378L9.42595 0.931642L10.7409 2.43859ZM9.17086 3.80859L10.4512 5.34504L10.4687 5.33049L10.4858 5.31555L9.17086 3.80859ZM3.79086 9.15859L5.31545 10.4531L5.32141 10.446L5.3273 10.439L3.79086 9.15859ZM2.44086 10.7486L0.916249 9.45413L0.909887 9.4617L2.44086 10.7486ZM2.44086 13.2486L0.909868 14.5355L0.916271 14.5431L2.44086 13.2486ZM3.79086 14.8386L5.3273 13.5582L5.32141 13.5512L5.31545 13.5441L3.79086 14.8386ZM9.17086 20.1986L7.86099 21.71L7.86614 21.7144L9.17086 20.1986ZM10.7509 21.5586L9.44617 23.0744L9.45113 23.0787L10.7509 21.5586ZM13.2709 21.5586L14.5598 23.0879L14.5678 23.0812L14.5756 23.0744L13.2709 21.5586ZM14.8509 20.1986L16.1556 21.7144L16.1608 21.71L14.8509 20.1986ZM20.2109 14.8386L21.7223 16.1485L21.7267 16.1433L20.2109 14.8386ZM21.5709 13.2586L23.0867 14.5633L23.0943 14.5545L23.1019 14.5455L21.5709 13.2586ZM16.1609 10.1086L17.5751 11.5228L17.5751 11.5228L16.1609 10.1086ZM10.2709 14.9386L11.6851 13.5244L11.6851 13.5244L10.2709 14.9386ZM7.85086 12.5186L6.43665 13.9328L6.43666 13.9328L7.85086 12.5186ZM8.91086 11.4586L7.49665 12.8728L7.49666 12.8728L8.91086 11.4586ZM10.8009 13.3486L9.3867 14.7628L10.8009 16.177L12.2151 14.7628L10.8009 13.3486ZM15.1009 9.04859L13.6867 7.63438L13.6867 7.63438L15.1009 9.04859ZM23.0767 9.43387L21.7167 7.85386L18.6851 10.4633L20.0451 12.0433L23.0767 9.43387ZM21.7123 7.84873C21.7362 7.8763 21.7506 7.89648 21.7572 7.90613C21.7641 7.91616 21.7662 7.92035 21.7648 7.91783C21.7635 7.9155 21.7602 7.90936 21.7558 7.89957C21.7513 7.88987 21.7465 7.8785 21.7419 7.86611C21.7373 7.85371 21.7334 7.84202 21.7304 7.8318C21.7274 7.82149 21.7259 7.81475 21.7253 7.81219C21.7247 7.80941 21.7259 7.81401 21.7273 7.82608C21.7286 7.83771 21.7309 7.86232 21.7309 7.89859H17.7309C17.7309 8.40668 17.8544 8.8901 17.9949 9.26608C18.1353 9.64195 18.3585 10.0865 18.6895 10.4685L21.7123 7.84873ZM21.7309 7.89859V6.19859H17.7309V7.89859H21.7309ZM21.7309 6.19859C21.7309 4.03402 19.9655 2.26859 17.8009 2.26859V6.26859C17.7901 6.26859 17.7773 6.266 17.7666 6.26144C17.7573 6.25749 17.7521 6.25324 17.7492 6.25031C17.7463 6.24738 17.742 6.24216 17.7381 6.23286C17.7335 6.22215 17.7309 6.20942 17.7309 6.19859H21.7309ZM17.8009 2.26859H16.1009V6.26859H17.8009V2.26859ZM16.1009 2.26859C16.1404 2.26859 16.1671 2.27116 16.1792 2.27257C16.1919 2.27406 16.1965 2.27521 16.1932 2.2745C16.1901 2.27385 16.1825 2.27212 16.1712 2.26881C16.16 2.26553 16.1472 2.26134 16.1338 2.25634C16.1203 2.25133 16.108 2.24619 16.0974 2.24138C16.0867 2.23653 16.08 2.23297 16.0774 2.23151C16.0745 2.22991 16.0788 2.23213 16.0894 2.23933C16.0996 2.24624 16.1212 2.26163 16.1508 2.28722L13.531 5.30997C13.918 5.64536 14.3691 5.86785 14.7405 6.00585C15.1116 6.14375 15.5951 6.26859 16.1009 6.26859V2.26859ZM16.1456 2.28279L14.5656 0.922792L11.9562 3.9544L13.5362 5.3144L16.1456 2.28279ZM14.5607 0.918527C13.117 -0.315943 10.8912 -0.303762 9.45195 0.909338L12.0298 3.96785C12.0018 3.99148 11.9826 3.99826 11.9814 3.99866C11.981 3.9988 11.9898 3.99609 12.0046 3.99609C12.0195 3.99609 12.0264 3.9988 12.0226 3.99749C12.018 3.99591 11.994 3.98674 11.9611 3.95866L14.5607 0.918527ZM9.42595 0.931642L7.85591 2.30164L10.4858 5.31555L12.0558 3.94555L9.42595 0.931642ZM7.89049 2.27215C7.90495 2.2601 7.917 2.25085 7.92607 2.24418C7.93518 2.23747 7.94217 2.23271 7.94672 2.22971C7.95542 2.22399 7.95783 2.22297 7.9531 2.22552C7.9486 2.22794 7.9401 2.23227 7.92783 2.23775C7.91567 2.24318 7.90182 2.24884 7.88701 2.25426C7.87219 2.25968 7.85822 2.26421 7.84594 2.26777C7.83354 2.27135 7.82508 2.27331 7.8212 2.27412C7.81704 2.27499 7.82108 2.27393 7.8333 2.27251C7.83967 2.27177 7.84916 2.27082 7.86164 2.27004C7.87407 2.26927 7.89058 2.26859 7.91086 2.26859V6.26859C8.41572 6.26859 8.89715 6.14409 9.26221 6.01043C9.62875 5.87623 10.0706 5.66224 10.4512 5.34504L7.89049 2.27215ZM7.91086 2.26859H6.18086V6.26859H7.91086V2.26859ZM6.18086 2.26859C4.01629 2.26859 2.25086 4.03402 2.25086 6.19859H6.25086C6.25086 6.20942 6.24826 6.22215 6.24371 6.23286C6.23975 6.24216 6.2355 6.24738 6.23257 6.25031C6.22964 6.25324 6.22442 6.25749 6.21513 6.26144C6.20442 6.266 6.19168 6.26859 6.18086 6.26859V2.26859ZM2.25086 6.19859V7.90859H6.25086V6.19859H2.25086ZM2.25086 7.90859C2.25086 7.8883 2.25154 7.87164 2.25233 7.85891C2.25313 7.84613 2.25411 7.83626 2.25491 7.82943C2.25645 7.81627 2.25769 7.81114 2.25707 7.81409C2.2565 7.81678 2.25484 7.82404 2.25156 7.83525C2.24831 7.84636 2.24411 7.85922 2.23899 7.87305C2.23387 7.88687 2.2285 7.89989 2.2233 7.91142C2.21806 7.92303 2.21387 7.93117 2.21148 7.93558C2.20896 7.94019 2.2098 7.93816 2.21506 7.93022C2.21782 7.92605 2.22222 7.91962 2.22845 7.9112C2.23464 7.90281 2.24323 7.89165 2.25442 7.87823L5.3273 10.439C5.63986 10.0639 5.85411 9.62937 5.99023 9.26164C6.12534 8.89664 6.25086 8.41571 6.25086 7.90859H2.25086ZM2.26627 7.86414L0.916267 9.45415L3.96545 12.0431L5.31545 10.4531L2.26627 7.86414ZM0.909887 9.4617C-0.295483 10.8957 -0.295483 13.1015 0.909887 14.5355L3.97183 11.9617C3.99853 11.9935 4.00672 12.0159 4.00776 12.019C4.00856 12.0213 4.00586 12.0135 4.00586 11.9986C4.00586 11.9837 4.00856 11.9759 4.00776 11.9782C4.00672 11.9813 3.99853 12.0037 3.97183 12.0355L0.909887 9.4617ZM0.916271 14.5431L2.26627 16.1331L5.31545 13.5441L3.96545 11.9541L0.916271 14.5431ZM2.25442 16.119C2.24323 16.1055 2.23464 16.0944 2.22845 16.086C2.22222 16.0776 2.21782 16.0711 2.21506 16.067C2.2098 16.059 2.20896 16.057 2.21148 16.0616C2.21387 16.066 2.21806 16.0742 2.2233 16.0858C2.2285 16.0973 2.23387 16.1103 2.23899 16.1241C2.24411 16.138 2.24831 16.1508 2.25156 16.1619C2.25484 16.1732 2.2565 16.1804 2.25707 16.1831C2.25769 16.1861 2.25645 16.1809 2.25491 16.1678C2.25411 16.1609 2.25313 16.1511 2.25233 16.1383C2.25154 16.1256 2.25086 16.1089 2.25086 16.0886H6.25086C6.25086 15.5815 6.12534 15.1006 5.99023 14.7356C5.85411 14.3678 5.63986 13.9333 5.3273 13.5582L2.25442 16.119ZM2.25086 16.0886V17.7986H6.25086V16.0886H2.25086ZM2.25086 17.7986C2.25086 19.9632 4.01629 21.7286 6.18086 21.7286V17.7286C6.19168 17.7286 6.20442 17.7312 6.21513 17.7358C6.22442 17.7397 6.22964 17.744 6.23257 17.7469C6.2355 17.7498 6.23975 17.755 6.24371 17.7643C6.24826 17.775 6.25086 17.7878 6.25086 17.7986H2.25086ZM6.18086 21.7286H7.91086V17.7286H6.18086V21.7286ZM7.91086 21.7286C7.87135 21.7286 7.84471 21.726 7.83258 21.7246C7.81989 21.7231 7.81525 21.722 7.8186 21.7227C7.82169 21.7233 7.82923 21.7251 7.84054 21.7284C7.85175 21.7317 7.86451 21.7359 7.87798 21.7409C7.89145 21.7459 7.9038 21.751 7.91436 21.7558C7.92501 21.7607 7.93175 21.7642 7.9344 21.7657C7.93729 21.7673 7.93293 21.7651 7.92233 21.7579C7.91217 21.751 7.89052 21.7356 7.861 21.71L10.4807 18.6872C10.0937 18.3518 9.64262 18.1293 9.27124 17.9913C8.90013 17.8535 8.41665 17.7286 7.91086 17.7286V21.7286ZM7.86614 21.7144L9.44618 23.0744L12.0556 20.0428L10.4756 18.6828L7.86614 21.7144ZM9.45113 23.0787C10.8948 24.3131 13.1206 24.301 14.5598 23.0879L11.982 20.0293C12.01 20.0057 12.0292 19.9989 12.0304 19.9985C12.0308 19.9984 12.022 20.0011 12.0071 20.0011C11.9923 20.0011 11.9854 19.9984 11.9892 19.9997C11.9938 20.0013 12.0178 20.0105 12.0507 20.0385L9.45113 23.0787ZM14.5756 23.0744L16.1556 21.7144L13.5462 18.6828L11.9662 20.0428L14.5756 23.0744ZM16.1608 21.71C16.1332 21.7339 16.113 21.7483 16.1034 21.7549C16.0933 21.7618 16.0891 21.7639 16.0917 21.7625C16.094 21.7612 16.1001 21.7579 16.1099 21.7535C16.1196 21.749 16.131 21.7442 16.1434 21.7396C16.1558 21.735 16.1675 21.7311 16.1777 21.7281C16.188 21.7251 16.1948 21.7236 16.1973 21.723C16.2001 21.7225 16.1955 21.7236 16.1834 21.725C16.1718 21.7263 16.1472 21.7286 16.1109 21.7286V17.7286C15.6028 17.7286 15.1194 17.8521 14.7434 17.9926C14.3675 18.133 13.923 18.3562 13.541 18.6872L16.1608 21.71ZM16.1109 21.7286H17.8109V17.7286H16.1109V21.7286ZM17.8109 21.7286C19.9755 21.7286 21.7409 19.9632 21.7409 17.7986H17.7409C17.7409 17.7878 17.7435 17.775 17.7481 17.7643C17.752 17.755 17.7563 17.7498 17.7592 17.7469C17.7621 17.744 17.7673 17.7397 17.7766 17.7358C17.7873 17.7312 17.8001 17.7286 17.8109 17.7286V21.7286ZM21.7409 17.7986V16.0986H17.7409V17.7986H21.7409ZM21.7409 16.0986C21.7409 16.1381 21.7383 16.1648 21.7369 16.1769C21.7354 16.1896 21.7343 16.1942 21.735 16.1909C21.7356 16.1878 21.7374 16.1802 21.7407 16.1689C21.744 16.1577 21.7482 16.145 21.7532 16.1315C21.7582 16.118 21.7633 16.1057 21.7681 16.0951C21.773 16.0844 21.7765 16.0777 21.778 16.0751C21.7796 16.0722 21.7774 16.0765 21.7702 16.0871C21.7633 16.0973 21.7479 16.1189 21.7223 16.1485L18.6995 13.5287C18.3641 13.9157 18.1416 14.3668 18.0036 14.7382C17.8657 15.1093 17.7409 15.5928 17.7409 16.0986H21.7409ZM21.7267 16.1433L23.0867 14.5633L20.0551 11.9539L18.6951 13.5339L21.7267 16.1433ZM23.1019 14.5455C24.308 13.1106 24.3101 10.8763 23.081 9.43884L20.0408 12.0384C20.0113 12.0039 20.0026 11.9797 20.0018 11.9774C20.0013 11.9759 20.0046 11.9859 20.0047 12.0041C20.0047 12.0223 20.0015 12.0328 20.0017 12.0321C20.0021 12.0309 20.0104 12.0069 20.0399 11.9717L23.1019 14.5455ZM14.7467 8.69439L9.91669 13.5244L12.7451 16.3528L17.5751 11.5228L14.7467 8.69439ZM9.91669 13.5244C10.1475 13.2936 10.4644 13.1586 10.8009 13.1586V17.1586C11.5374 17.1586 12.2343 16.8636 12.7451 16.3528L9.91669 13.5244ZM10.8009 13.1586C11.1374 13.1586 11.4543 13.2936 11.6851 13.5244L8.85669 16.3528C9.36748 16.8636 10.0644 17.1586 10.8009 17.1586V13.1586ZM11.6851 13.5244L9.26506 11.1044L6.43666 13.9328L8.8567 16.3528L11.6851 13.5244ZM9.26507 11.1044C9.75612 11.5954 9.75612 12.3818 9.26507 12.8728L6.43665 10.0444C5.3656 11.1154 5.3656 12.8618 6.43665 13.9328L9.26507 11.1044ZM9.26507 12.8728C8.77402 13.3639 7.98769 13.3639 7.49665 12.8728L10.3251 10.0444C9.25402 8.97334 7.50769 8.97334 6.43665 10.0444L9.26507 12.8728ZM7.49666 12.8728L9.3867 14.7628L12.2151 11.9344L10.3251 10.0444L7.49666 12.8728ZM12.2151 14.7628L16.5151 10.4628L13.6867 7.63438L9.38668 11.9344L12.2151 14.7628ZM16.5151 10.4628C16.0241 10.9539 15.2377 10.9539 14.7467 10.4628L17.5751 7.63438C16.5041 6.56333 14.7577 6.56333 13.6867 7.63438L16.5151 10.4628ZM14.7467 10.4628C14.2556 9.97175 14.2557 9.18543 14.7467 8.69441L17.5751 11.5228C18.6461 10.4518 18.6462 8.70544 17.5751 7.63438L14.7467 10.4628Z' fill='white' mask='url(%23path-1-outside-1_907_673)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_907_673'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
}
.mean-expert__container{
    padding: 32px 36px;
    border-radius: 23px;
    background-color: #EFF3FB;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.mean-expert__name{
    font-family: var(--font-sero-pro);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #1A1A1A;
}
.mean-expert__desc{
    font-family: var(--font-sero-pro);
    font-size: 16px;
    font-weight: 400;
    color: #808080;
}
.mean-expert__title{
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 20px;
    line-height: 1;
}
.mean-expert__content{
    font-family: var(--font-sero-pro);
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 1.4;
}
.mean-expert__content h1{
    font-size: 40px;
}
.mean-expert__content h2{
    font-size: 32px;
}
.mean-expert__content h3{
    font-size: 24px;
}
.mean-expert__content h4{
    font-size: 20px;
}
.mean-expert__content h5{
    font-size: 16px;
}
.mean-expert__content h6{
    font-size: 12px;
}
.mean-expert__content h1,.mean-expert__content h2,.mean-expert__content h3,.mean-expert__content h4,.mean-expert__content h5,.mean-expert__content h6{
    font-weight: 700;
    color: #111827;
    margin-top: 16px;
    margin-bottom: 10px;
}
.mean-expert__content ul,.mean-expert__content ol{
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 16px;
    margin-top: 5px;
}
.mean-expert__content li{
    margin-bottom: 5px;
}
.mean-expert__content li:last-child{
    margin-bottom: 0;
}
.mean-expert__content p {
    margin-bottom: 10px;
}
.mean-expert__content p:last-child{
    margin-bottom:0;
}

.mean-expert__content p a{color:#3764d1}

.mean-expert__content table{
    margin: 20px 0;
}

.mean-expert__content table td{
    padding: 5px 10px;
}
.mean-expert__content blockquote{
    background-color: #fff;
    border: 5px solid #fabe00;
    grid-row-gap: 10px;
}
.mean-expert__content blockquote p {
    font-size: 18px;
}
.mean-expert__content blockquote:before{
    content:'Комментарий эксперта';
    font-weight: bold;
}

.pagination{
    display: flex;
}
.mobile-button2{
    display: none;
}
.loader__process.is-loading{
    visibility: visible;
    opacity: 1;
}
.loader__process.is-loading .modal_loader{
    transform: scale(1);
}
.filter__hidden--click{
    display: none;
    width: 100%;
}
.filter__group--flex{
    display: flex;
    row-gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-right: 20px;
}
.filter__group--flex aside{
    display: flex;
    width: calc((100% - 40px) / 3);
}
.filter__group--flex aside .hero__select{
    width: 100%;
}
.filter__content--flex{
    display: flex;
    align-items: start;
}
.button__filter{
    max-width: 277px;
    height: max-content;
    cursor: pointer;
}
.filter-el-hidden{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.filter-el-hidden aside{
    width: 100%;
}
aside .hero__select{
    margin-bottom: 0;
}
.filter__show--all,.catalog__rating--show__all{
    display: flex;
    align-items: start;
    cursor: pointer;
}
.filter__show--all span,.catalog__rating--show__all span{
    color: #3864D1;
    font-family: var(--font-sero-pro);
    font-weight: 500;
    font-size: 16px;
    margin-right: 8px;
}
.filter__show--all svg,.catalog__rating--show__all svg{
    transform: rotate(90deg);
    fill: #999999;
}
.hero__select.filter__group-wrap{
    margin-top: 0;
}
.catalog__rating-grid{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}
.catalog__rating a{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--color-gray500);
    transition: color .2s;
}
.catalog__rating a:hover{
    color: var(--color-gray900);
}
.catalog__rating-tab__wrapper ul{
    display: flex;
    flex-direction: column;
}
.catalog__listing-tab{
    flex-direction: row !important;
}
.catalog__rating-tab__wrapper .catalog__rating-tabs{
    margin: 0 0 24px 0;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.catalog__rating-tab__wrapper .tab-content .tab-pane{
    display: none;
}
.catalog__rating-tab__wrapper .tab-content .tab-pane.active{
    display: block;
}

.catalog__rating-tab__wrapper .catalog__rating-tabs li{
    padding: 8px 20px;
    box-shadow: 2px 2px 6px 0 #0026631F;
}
.catalog__rating-tab__wrapper .catalog__rating-tabs a{
    font-size: 16px;
    line-height: 1.1;
    color: #3864D1;
    font-weight: 500;
}
.catalog__rating-grid__hidden{
    display: none;
}
.catalog__grid--hidden{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 20px;
    margin-top: 20px;
}
.users-looking{
    display: grid;
    padding: 36px;
    border-radius: 23px;
    background-color: #fff;
}
.application-modal{
    max-width: 1355px;
}
.close-modal__button{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -65px;
    right: -65px;
    background-color: #fff;
    border-radius: 50%;
    height: 62px;
    width: 62px;
    pointer-events: none;
    cursor: pointer;
}
.faq_hotline--flex{
    display: flex;
    align-items: center;
}
.faq_hotline--flex svg{
    fill: #535762;
}
.faq_hotline--flex a{
    color: #fff;
    font-weight: 700;
    font-size: 28px;
}
.suggestions-wrapper{
    position: relative;
}
.suggestions-suggestions{
    background: #F7F7F7 !important;
    box-sizing: border-box;
    cursor: default;
    left: 0;
    margin-top: -15px;
    padding-top: 15px;
    min-width: 100%;
    z-index: 2 !important;
    -webkit-text-size-adjust: 100%;
    border-radius: 0 0 12px 12px !important;

}
.suggestions-value{
    display: flex;
    align-items: center;
    position: relative;
    font-size: 16px !important;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 400 !important;
    color: #52616A !important;
}
.suggestions-value:before{
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #3864D1;
    margin-right: 8px;

}
.suggestions-value strong{
    color: #3864D1 !important;
    font-size: 16px !important;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 400 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.suggestions-suggestion{
    padding: 8px 24px !important;
    padding-left: 16px !important;
}
.catalog__filter-action{
    display: none;
}

.catalog__card{
    grid-template-columns: repeat(3, 1fr);
}
.catalog__card-info{
    display: flex;
    align-items: center;
}
.catalog-hero__flex{
    display: flex;
    grid-row: 1;
    grid-column: 2/4;
}
.catalog__card-advantages{
    /*display: grid;*/
    display: flex;
    grid-row: 2;
    grid-column: 1/3;
}
.button_desc{
    display: grid;
    /* grid-row: 1; */
    /* grid-column: 2/4; */
    grid-row: 2;
    grid-column: 3;
}
.catalog-hero__flex .button_dark_blue{
    min-width: 259px;
}
.companies__item-button .button_desc{
    text-align: center;
}

.content__widget--item.active{
    color: #3A3A3A;
}
/*.review-section2{*/
/*    max-width: 1160px;*/
/*}*/
.catalog__c-user-img{
    border-radius: 100px;
    width: 50px;
    height: 50px;
}
.catalog__c-user-avatar{
    position: relative;
}
.catalog__c-user-avatar .verified__user{
    position: absolute;
    height: 20px;
    width: 20px;
    top: -4px;
    right: -4px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_907_673)'%3E%3Cmask id='path-1-outside-1_907_673' maskUnits='userSpaceOnUse' x='0.00585938' y='-0.00390625' width='24' height='25' fill='black'%3E%3Crect fill='white' x='0.00585938' y='-0.00390625' width='24' height='25'/%3E%3Cpath d='M21.5609 10.7386L20.2009 9.15859C19.9409 8.85859 19.7309 8.29859 19.7309 7.89859V6.19859C19.7309 5.13859 18.8609 4.26859 17.8009 4.26859H16.1009C15.7109 4.26859 15.1409 4.05859 14.8409 3.79859L13.2609 2.43859C12.5709 1.84859 11.4409 1.84859 10.7409 2.43859L9.17086 3.80859C8.87086 4.05859 8.30086 4.26859 7.91086 4.26859H6.18086C5.12086 4.26859 4.25086 5.13859 4.25086 6.19859V7.90859C4.25086 8.29859 4.04086 8.85859 3.79086 9.15859L2.44086 10.7486C1.86086 11.4386 1.86086 12.5586 2.44086 13.2486L3.79086 14.8386C4.04086 15.1386 4.25086 15.6986 4.25086 16.0886V17.7986C4.25086 18.8586 5.12086 19.7286 6.18086 19.7286H7.91086C8.30086 19.7286 8.87086 19.9386 9.17086 20.1986L10.7509 21.5586C11.4409 22.1486 12.5709 22.1486 13.2709 21.5586L14.8509 20.1986C15.1509 19.9386 15.7109 19.7286 16.1109 19.7286H17.8109C18.8709 19.7286 19.7409 18.8586 19.7409 17.7986V16.0986C19.7409 15.7086 19.9509 15.1386 20.2109 14.8386L21.5709 13.2586C22.1509 12.5686 22.1509 11.4286 21.5609 10.7386ZM16.1609 10.1086L11.3309 14.9386C11.1909 15.0786 11.0009 15.1586 10.8009 15.1586C10.6009 15.1586 10.4109 15.0786 10.2709 14.9386L7.85086 12.5186C7.56086 12.2286 7.56086 11.7486 7.85086 11.4586C8.14086 11.1686 8.62086 11.1686 8.91086 11.4586L10.8009 13.3486L15.1009 9.04859C15.3909 8.75859 15.8709 8.75859 16.1609 9.04859C16.4509 9.33859 16.4509 9.81859 16.1609 10.1086Z'/%3E%3C/mask%3E%3Cpath d='M21.5609 10.7386L20.2009 9.15859C19.9409 8.85859 19.7309 8.29859 19.7309 7.89859V6.19859C19.7309 5.13859 18.8609 4.26859 17.8009 4.26859H16.1009C15.7109 4.26859 15.1409 4.05859 14.8409 3.79859L13.2609 2.43859C12.5709 1.84859 11.4409 1.84859 10.7409 2.43859L9.17086 3.80859C8.87086 4.05859 8.30086 4.26859 7.91086 4.26859H6.18086C5.12086 4.26859 4.25086 5.13859 4.25086 6.19859V7.90859C4.25086 8.29859 4.04086 8.85859 3.79086 9.15859L2.44086 10.7486C1.86086 11.4386 1.86086 12.5586 2.44086 13.2486L3.79086 14.8386C4.04086 15.1386 4.25086 15.6986 4.25086 16.0886V17.7986C4.25086 18.8586 5.12086 19.7286 6.18086 19.7286H7.91086C8.30086 19.7286 8.87086 19.9386 9.17086 20.1986L10.7509 21.5586C11.4409 22.1486 12.5709 22.1486 13.2709 21.5586L14.8509 20.1986C15.1509 19.9386 15.7109 19.7286 16.1109 19.7286H17.8109C18.8709 19.7286 19.7409 18.8586 19.7409 17.7986V16.0986C19.7409 15.7086 19.9509 15.1386 20.2109 14.8386L21.5709 13.2586C22.1509 12.5686 22.1509 11.4286 21.5609 10.7386ZM16.1609 10.1086L11.3309 14.9386C11.1909 15.0786 11.0009 15.1586 10.8009 15.1586C10.6009 15.1586 10.4109 15.0786 10.2709 14.9386L7.85086 12.5186C7.56086 12.2286 7.56086 11.7486 7.85086 11.4586C8.14086 11.1686 8.62086 11.1686 8.91086 11.4586L10.8009 13.3486L15.1009 9.04859C15.3909 8.75859 15.8709 8.75859 16.1609 9.04859C16.4509 9.33859 16.4509 9.81859 16.1609 10.1086Z' fill='%23089408'/%3E%3Cpath d='M21.5609 10.7386L23.081 9.43883L23.0767 9.43387L21.5609 10.7386ZM20.2009 9.15859L21.7167 7.85385L21.7123 7.84873L20.2009 9.15859ZM14.8409 3.79859L16.1508 2.28721L16.1456 2.28279L14.8409 3.79859ZM13.2609 2.43859L14.5656 0.922784L14.5607 0.918527L13.2609 2.43859ZM10.7409 2.43859L9.45195 0.909338L9.43886 0.920378L9.42595 0.931642L10.7409 2.43859ZM9.17086 3.80859L10.4512 5.34504L10.4687 5.33049L10.4858 5.31555L9.17086 3.80859ZM3.79086 9.15859L5.31545 10.4531L5.32141 10.446L5.3273 10.439L3.79086 9.15859ZM2.44086 10.7486L0.916249 9.45413L0.909887 9.4617L2.44086 10.7486ZM2.44086 13.2486L0.909868 14.5355L0.916271 14.5431L2.44086 13.2486ZM3.79086 14.8386L5.3273 13.5582L5.32141 13.5512L5.31545 13.5441L3.79086 14.8386ZM9.17086 20.1986L7.86099 21.71L7.86614 21.7144L9.17086 20.1986ZM10.7509 21.5586L9.44617 23.0744L9.45113 23.0787L10.7509 21.5586ZM13.2709 21.5586L14.5598 23.0879L14.5678 23.0812L14.5756 23.0744L13.2709 21.5586ZM14.8509 20.1986L16.1556 21.7144L16.1608 21.71L14.8509 20.1986ZM20.2109 14.8386L21.7223 16.1485L21.7267 16.1433L20.2109 14.8386ZM21.5709 13.2586L23.0867 14.5633L23.0943 14.5545L23.1019 14.5455L21.5709 13.2586ZM16.1609 10.1086L17.5751 11.5228L17.5751 11.5228L16.1609 10.1086ZM10.2709 14.9386L11.6851 13.5244L11.6851 13.5244L10.2709 14.9386ZM7.85086 12.5186L6.43665 13.9328L6.43666 13.9328L7.85086 12.5186ZM8.91086 11.4586L7.49665 12.8728L7.49666 12.8728L8.91086 11.4586ZM10.8009 13.3486L9.3867 14.7628L10.8009 16.177L12.2151 14.7628L10.8009 13.3486ZM15.1009 9.04859L13.6867 7.63438L13.6867 7.63438L15.1009 9.04859ZM23.0767 9.43387L21.7167 7.85386L18.6851 10.4633L20.0451 12.0433L23.0767 9.43387ZM21.7123 7.84873C21.7362 7.8763 21.7506 7.89648 21.7572 7.90613C21.7641 7.91616 21.7662 7.92035 21.7648 7.91783C21.7635 7.9155 21.7602 7.90936 21.7558 7.89957C21.7513 7.88987 21.7465 7.8785 21.7419 7.86611C21.7373 7.85371 21.7334 7.84202 21.7304 7.8318C21.7274 7.82149 21.7259 7.81475 21.7253 7.81219C21.7247 7.80941 21.7259 7.81401 21.7273 7.82608C21.7286 7.83771 21.7309 7.86232 21.7309 7.89859H17.7309C17.7309 8.40668 17.8544 8.8901 17.9949 9.26608C18.1353 9.64195 18.3585 10.0865 18.6895 10.4685L21.7123 7.84873ZM21.7309 7.89859V6.19859H17.7309V7.89859H21.7309ZM21.7309 6.19859C21.7309 4.03402 19.9655 2.26859 17.8009 2.26859V6.26859C17.7901 6.26859 17.7773 6.266 17.7666 6.26144C17.7573 6.25749 17.7521 6.25324 17.7492 6.25031C17.7463 6.24738 17.742 6.24216 17.7381 6.23286C17.7335 6.22215 17.7309 6.20942 17.7309 6.19859H21.7309ZM17.8009 2.26859H16.1009V6.26859H17.8009V2.26859ZM16.1009 2.26859C16.1404 2.26859 16.1671 2.27116 16.1792 2.27257C16.1919 2.27406 16.1965 2.27521 16.1932 2.2745C16.1901 2.27385 16.1825 2.27212 16.1712 2.26881C16.16 2.26553 16.1472 2.26134 16.1338 2.25634C16.1203 2.25133 16.108 2.24619 16.0974 2.24138C16.0867 2.23653 16.08 2.23297 16.0774 2.23151C16.0745 2.22991 16.0788 2.23213 16.0894 2.23933C16.0996 2.24624 16.1212 2.26163 16.1508 2.28722L13.531 5.30997C13.918 5.64536 14.3691 5.86785 14.7405 6.00585C15.1116 6.14375 15.5951 6.26859 16.1009 6.26859V2.26859ZM16.1456 2.28279L14.5656 0.922792L11.9562 3.9544L13.5362 5.3144L16.1456 2.28279ZM14.5607 0.918527C13.117 -0.315943 10.8912 -0.303762 9.45195 0.909338L12.0298 3.96785C12.0018 3.99148 11.9826 3.99826 11.9814 3.99866C11.981 3.9988 11.9898 3.99609 12.0046 3.99609C12.0195 3.99609 12.0264 3.9988 12.0226 3.99749C12.018 3.99591 11.994 3.98674 11.9611 3.95866L14.5607 0.918527ZM9.42595 0.931642L7.85591 2.30164L10.4858 5.31555L12.0558 3.94555L9.42595 0.931642ZM7.89049 2.27215C7.90495 2.2601 7.917 2.25085 7.92607 2.24418C7.93518 2.23747 7.94217 2.23271 7.94672 2.22971C7.95542 2.22399 7.95783 2.22297 7.9531 2.22552C7.9486 2.22794 7.9401 2.23227 7.92783 2.23775C7.91567 2.24318 7.90182 2.24884 7.88701 2.25426C7.87219 2.25968 7.85822 2.26421 7.84594 2.26777C7.83354 2.27135 7.82508 2.27331 7.8212 2.27412C7.81704 2.27499 7.82108 2.27393 7.8333 2.27251C7.83967 2.27177 7.84916 2.27082 7.86164 2.27004C7.87407 2.26927 7.89058 2.26859 7.91086 2.26859V6.26859C8.41572 6.26859 8.89715 6.14409 9.26221 6.01043C9.62875 5.87623 10.0706 5.66224 10.4512 5.34504L7.89049 2.27215ZM7.91086 2.26859H6.18086V6.26859H7.91086V2.26859ZM6.18086 2.26859C4.01629 2.26859 2.25086 4.03402 2.25086 6.19859H6.25086C6.25086 6.20942 6.24826 6.22215 6.24371 6.23286C6.23975 6.24216 6.2355 6.24738 6.23257 6.25031C6.22964 6.25324 6.22442 6.25749 6.21513 6.26144C6.20442 6.266 6.19168 6.26859 6.18086 6.26859V2.26859ZM2.25086 6.19859V7.90859H6.25086V6.19859H2.25086ZM2.25086 7.90859C2.25086 7.8883 2.25154 7.87164 2.25233 7.85891C2.25313 7.84613 2.25411 7.83626 2.25491 7.82943C2.25645 7.81627 2.25769 7.81114 2.25707 7.81409C2.2565 7.81678 2.25484 7.82404 2.25156 7.83525C2.24831 7.84636 2.24411 7.85922 2.23899 7.87305C2.23387 7.88687 2.2285 7.89989 2.2233 7.91142C2.21806 7.92303 2.21387 7.93117 2.21148 7.93558C2.20896 7.94019 2.2098 7.93816 2.21506 7.93022C2.21782 7.92605 2.22222 7.91962 2.22845 7.9112C2.23464 7.90281 2.24323 7.89165 2.25442 7.87823L5.3273 10.439C5.63986 10.0639 5.85411 9.62937 5.99023 9.26164C6.12534 8.89664 6.25086 8.41571 6.25086 7.90859H2.25086ZM2.26627 7.86414L0.916267 9.45415L3.96545 12.0431L5.31545 10.4531L2.26627 7.86414ZM0.909887 9.4617C-0.295483 10.8957 -0.295483 13.1015 0.909887 14.5355L3.97183 11.9617C3.99853 11.9935 4.00672 12.0159 4.00776 12.019C4.00856 12.0213 4.00586 12.0135 4.00586 11.9986C4.00586 11.9837 4.00856 11.9759 4.00776 11.9782C4.00672 11.9813 3.99853 12.0037 3.97183 12.0355L0.909887 9.4617ZM0.916271 14.5431L2.26627 16.1331L5.31545 13.5441L3.96545 11.9541L0.916271 14.5431ZM2.25442 16.119C2.24323 16.1055 2.23464 16.0944 2.22845 16.086C2.22222 16.0776 2.21782 16.0711 2.21506 16.067C2.2098 16.059 2.20896 16.057 2.21148 16.0616C2.21387 16.066 2.21806 16.0742 2.2233 16.0858C2.2285 16.0973 2.23387 16.1103 2.23899 16.1241C2.24411 16.138 2.24831 16.1508 2.25156 16.1619C2.25484 16.1732 2.2565 16.1804 2.25707 16.1831C2.25769 16.1861 2.25645 16.1809 2.25491 16.1678C2.25411 16.1609 2.25313 16.1511 2.25233 16.1383C2.25154 16.1256 2.25086 16.1089 2.25086 16.0886H6.25086C6.25086 15.5815 6.12534 15.1006 5.99023 14.7356C5.85411 14.3678 5.63986 13.9333 5.3273 13.5582L2.25442 16.119ZM2.25086 16.0886V17.7986H6.25086V16.0886H2.25086ZM2.25086 17.7986C2.25086 19.9632 4.01629 21.7286 6.18086 21.7286V17.7286C6.19168 17.7286 6.20442 17.7312 6.21513 17.7358C6.22442 17.7397 6.22964 17.744 6.23257 17.7469C6.2355 17.7498 6.23975 17.755 6.24371 17.7643C6.24826 17.775 6.25086 17.7878 6.25086 17.7986H2.25086ZM6.18086 21.7286H7.91086V17.7286H6.18086V21.7286ZM7.91086 21.7286C7.87135 21.7286 7.84471 21.726 7.83258 21.7246C7.81989 21.7231 7.81525 21.722 7.8186 21.7227C7.82169 21.7233 7.82923 21.7251 7.84054 21.7284C7.85175 21.7317 7.86451 21.7359 7.87798 21.7409C7.89145 21.7459 7.9038 21.751 7.91436 21.7558C7.92501 21.7607 7.93175 21.7642 7.9344 21.7657C7.93729 21.7673 7.93293 21.7651 7.92233 21.7579C7.91217 21.751 7.89052 21.7356 7.861 21.71L10.4807 18.6872C10.0937 18.3518 9.64262 18.1293 9.27124 17.9913C8.90013 17.8535 8.41665 17.7286 7.91086 17.7286V21.7286ZM7.86614 21.7144L9.44618 23.0744L12.0556 20.0428L10.4756 18.6828L7.86614 21.7144ZM9.45113 23.0787C10.8948 24.3131 13.1206 24.301 14.5598 23.0879L11.982 20.0293C12.01 20.0057 12.0292 19.9989 12.0304 19.9985C12.0308 19.9984 12.022 20.0011 12.0071 20.0011C11.9923 20.0011 11.9854 19.9984 11.9892 19.9997C11.9938 20.0013 12.0178 20.0105 12.0507 20.0385L9.45113 23.0787ZM14.5756 23.0744L16.1556 21.7144L13.5462 18.6828L11.9662 20.0428L14.5756 23.0744ZM16.1608 21.71C16.1332 21.7339 16.113 21.7483 16.1034 21.7549C16.0933 21.7618 16.0891 21.7639 16.0917 21.7625C16.094 21.7612 16.1001 21.7579 16.1099 21.7535C16.1196 21.749 16.131 21.7442 16.1434 21.7396C16.1558 21.735 16.1675 21.7311 16.1777 21.7281C16.188 21.7251 16.1948 21.7236 16.1973 21.723C16.2001 21.7225 16.1955 21.7236 16.1834 21.725C16.1718 21.7263 16.1472 21.7286 16.1109 21.7286V17.7286C15.6028 17.7286 15.1194 17.8521 14.7434 17.9926C14.3675 18.133 13.923 18.3562 13.541 18.6872L16.1608 21.71ZM16.1109 21.7286H17.8109V17.7286H16.1109V21.7286ZM17.8109 21.7286C19.9755 21.7286 21.7409 19.9632 21.7409 17.7986H17.7409C17.7409 17.7878 17.7435 17.775 17.7481 17.7643C17.752 17.755 17.7563 17.7498 17.7592 17.7469C17.7621 17.744 17.7673 17.7397 17.7766 17.7358C17.7873 17.7312 17.8001 17.7286 17.8109 17.7286V21.7286ZM21.7409 17.7986V16.0986H17.7409V17.7986H21.7409ZM21.7409 16.0986C21.7409 16.1381 21.7383 16.1648 21.7369 16.1769C21.7354 16.1896 21.7343 16.1942 21.735 16.1909C21.7356 16.1878 21.7374 16.1802 21.7407 16.1689C21.744 16.1577 21.7482 16.145 21.7532 16.1315C21.7582 16.118 21.7633 16.1057 21.7681 16.0951C21.773 16.0844 21.7765 16.0777 21.778 16.0751C21.7796 16.0722 21.7774 16.0765 21.7702 16.0871C21.7633 16.0973 21.7479 16.1189 21.7223 16.1485L18.6995 13.5287C18.3641 13.9157 18.1416 14.3668 18.0036 14.7382C17.8657 15.1093 17.7409 15.5928 17.7409 16.0986H21.7409ZM21.7267 16.1433L23.0867 14.5633L20.0551 11.9539L18.6951 13.5339L21.7267 16.1433ZM23.1019 14.5455C24.308 13.1106 24.3101 10.8763 23.081 9.43884L20.0408 12.0384C20.0113 12.0039 20.0026 11.9797 20.0018 11.9774C20.0013 11.9759 20.0046 11.9859 20.0047 12.0041C20.0047 12.0223 20.0015 12.0328 20.0017 12.0321C20.0021 12.0309 20.0104 12.0069 20.0399 11.9717L23.1019 14.5455ZM14.7467 8.69439L9.91669 13.5244L12.7451 16.3528L17.5751 11.5228L14.7467 8.69439ZM9.91669 13.5244C10.1475 13.2936 10.4644 13.1586 10.8009 13.1586V17.1586C11.5374 17.1586 12.2343 16.8636 12.7451 16.3528L9.91669 13.5244ZM10.8009 13.1586C11.1374 13.1586 11.4543 13.2936 11.6851 13.5244L8.85669 16.3528C9.36748 16.8636 10.0644 17.1586 10.8009 17.1586V13.1586ZM11.6851 13.5244L9.26506 11.1044L6.43666 13.9328L8.8567 16.3528L11.6851 13.5244ZM9.26507 11.1044C9.75612 11.5954 9.75612 12.3818 9.26507 12.8728L6.43665 10.0444C5.3656 11.1154 5.3656 12.8618 6.43665 13.9328L9.26507 11.1044ZM9.26507 12.8728C8.77402 13.3639 7.98769 13.3639 7.49665 12.8728L10.3251 10.0444C9.25402 8.97334 7.50769 8.97334 6.43665 10.0444L9.26507 12.8728ZM7.49666 12.8728L9.3867 14.7628L12.2151 11.9344L10.3251 10.0444L7.49666 12.8728ZM12.2151 14.7628L16.5151 10.4628L13.6867 7.63438L9.38668 11.9344L12.2151 14.7628ZM16.5151 10.4628C16.0241 10.9539 15.2377 10.9539 14.7467 10.4628L17.5751 7.63438C16.5041 6.56333 14.7577 6.56333 13.6867 7.63438L16.5151 10.4628ZM14.7467 10.4628C14.2556 9.97175 14.2557 9.18543 14.7467 8.69441L17.5751 11.5228C18.6461 10.4518 18.6462 8.70544 17.5751 7.63438L14.7467 10.4628Z' fill='white' mask='url(%23path-1-outside-1_907_673)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_907_673'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
}
.catalog__card-user-wrapper{
    display: flex;
    grid-row: 2;
    grid-column: 1;
    flex-wrap: wrap;
    grid-column-end: none;
    gap: 15px 30px;
}
.catalog__card-users-label{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    width: 100%;
    color: var(--color-gray800);
}
.catalog__card-user__name{
    font-weight: 600;
}
.catalog__card-user__job{
    color: var(--color-gray400);
}
.catalog__card-status-on .catalog__card-advantages{
    grid-row: 3;
    grid-column: 1 / 3;
}
.catalog__card-status-on .button_desc{
    grid-row: 3;
    grid-column: 3;
}
.catalog__card-info-user{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.catalog__card-user__data{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.2;
    gap: 4px;
}
.catalog__card:hover .catalog__card-user__data, .catalog__card:hover .catalog__card-users-label{
    color: #fff;
}
.catalog__card .button_desc{
    align-content: end;
}
.catalog__segment-elem{
    cursor: pointer;
    text-transform: uppercase;
    transition: ease .3s;
}
.catalog__segment-elem.active{
    color: #b3b3b3;
}
.step-form__slide {
    display: none;
}
.step-form__slide.is-active {
    display: block;
}
.step-form__buttons{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.hero__grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.radio-group{
    display: flex;
    align-items: center;
}
.radio-group input{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.hero-grid__radio{
    display: flex;
    align-items: center;
    /*background-color: #d6d6d6;*/
    border-radius: 12px;
    color: #4E4E4E;
    /*height: 52px;*/
    /*min-height: 52px;*/
    /*padding: 15px;*/
    width: 100%;
    position: relative;
    transition: ease .2s;
    cursor: pointer;
}

.radio2{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #686868;
    width: 24px;
    height: 24px;
    position: relative;
    margin-right: 8px;
    min-width: 24px;
    background: #fff;
}
.hero-grid__radio.active .radio2:before{
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #3d3c3c;
    border-radius: 50%;
}

.hero-grid__radio label{
    font-size: 15px;
    font-weight: 400;
}
.mt-20{
    margin-top: 20px;
}
.step-form__next,.step-form__prev{
    max-width: 220px;
}

.rating-company__table{
    border-collapse: collapse;
    border-spacing: 0;
}
.rating-company__table td{
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.rating-company__table svg{
    width: 20px;
    height: 20px;
}
/*.hero-grid__radio.active{*/
/*    background-color: #1440AD;*/
/*    color: #fff;*/
/*}*/
/* End Стили от нового шаблона */

@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{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{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{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(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{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{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{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;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:flex;align-items: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:.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}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-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%;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%;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;transition:.2s transform,.2s top}.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%;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{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(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%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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,.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,.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:flex;justify-content: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%;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;transform-origin:50%;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{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{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{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;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;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{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:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;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;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

@media (max-width: 1600px) {
    .home-page {
        grid-row-gap: 60px;
    }

    .hero__item {
        padding-left: 24px;
        overflow: hidden;
    }

    .hero__item:nth-child(1) {
        padding: 44px 24px;
    }

    .hero__item:nth-child(1) .hero__image {
        right: -160px;
    }

    .hero__item:nth-child(2) .hero__image {
        right: -80px;
    }

    .hero__headline {
        font-size: 32px;
    }

    .hero__line {
        margin-bottom: 24px;
        font-size: 40px;
    }

    .hero__tel {
        font-size: 30px;
    }

    .button__consultation {
        margin: 40px 0 0 0;
    }

    .hero__description {
        margin-bottom: 100px;
    }

    .home-page .hero__description {
        margin-bottom: 59px;
    }

    .guide {
        padding: 148px 24px 20px;
        overflow: hidden;
    }

    .advantage__text {
        font-size: 12px;
    }

    .section__content {
        margin-bottom: 44px;
    }

    .section__company {
        position: absolute;
        top: 82px;
        left: 12px;
    }

    .section__image {
        width: 56px;
        height: 56px;
    }

    .section__description {
        font-size: 14px;
    }

    .blog-card__subtitle {
        font-size: 18px;
    }
    .hero__line-attr{
        width: 100%;
    }
    .hero__item:nth-child(2){
        padding: 44px 25px;
    }
    .info__attr-label{
        font-size: 13px;
    }
    .info__attr-sub{
        font-size: 13px;
        line-height: 1.2;
    }
    .info__attr{
        align-items: end;
    }
    .faq__hotline p{
        font-size: 20px !important;
        white-space: nowrap;
    }
    .faq_hotline--flex .hero__line-icon{
        width: 50px;
        height: 50px;
    }
    .faq__hotline{
        padding: 30px;
    }
    .faq_hotline--flex a{
        font-size: 23px;
    }
}

@media (max-width: 1365px) {
    .hero__item:nth-child(1) {
        padding: 48px 24px 58px 24px;
    }

    .hero__item:nth-child(1) .hero__image {
        right: -130px;
    }

    .hero__item:nth-child(2) {
        padding: 30px 0 30px 16px;
    }

    .hero__item:nth-child(2) .hero__image {
        right: 0;
    }

    .hero__content {
        max-width: 100%;
    }

    .hero__headline {
        font-size: 32px;
    }

    .hero__line {
        font-size: 32px;
    }

    .hero__text_white {
        margin-right: 16px;
    }

    .hero__free {
        font-size: 18px;
    }

    .hero__tel {
        font-size: 24px;
    }

    .button__consultation {
        padding: 0 24px;
        font-size: 14px;
    }

    .hero__item_card {
        min-height: 356px;
        padding: 32px 12px;
    }

    .hero__item_card:last-child .hero__image {
        right: -50px;
    }

    .hero__description {
        margin-bottom: 82px;
    }

    .hero__link {
        left: 12px;
        margin-bottom: 0;
    }

    .guide {
        padding: 78px 12px 20px;
    }

    .guide__image {
        opacity: .3;
    }

    .selection {
        padding: 48px 24px;
    }

    .selection__image {
        opacity: .2;
    }

    .selection__description {
        margin-bottom: 104px;
        font-size: 20px;
    }

    .selection__button {
        padding: 10px 0;
        max-width: 224px;
        font-size: 14px;
    }

    .companies__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .advantage__text {
        font-size: 14px;
    }

    .companies__button {
        padding-right: 24px;
        padding-left: 24px;
    }

    .companies__item:hover .icon-blue {
        fill: var(--color-blue500);
    }

    .companies__item:hover .icon-orange {
        fill: var(--color-yellow600);
    }


    .companies__item:hover .icon-green {
        fill: var(--color-green700);
    }

    .companies__item:hover .icon-hover {
        background: none;
    }

    .companies__item:hover .icon-hover {
        transform: scale(1);
    }

    .companies__item:hover .icon-16 {
        transform: scale(1);
    }

    .slider-button-prev,
    .slider-button-next {
        display: none;
    }

    .pagination {
        display: grid;
    }

    .section__button {
        padding-right: 24px;
        padding-left: 24px;
        font-size: 14px;
    }

    .pagination_blog {
        margin: 32px 0 ;
    }
    .row__form{
        max-width: 100%;
        margin-right: 0;
    }
    .hero__free{
        font-size: 15px;
    }
    .hero__line-icon{
        width: 50px;
        height: 50px;
    }
    .companies__item-update{
        width: 31.9%;
    }
    .review-section2{
        max-width: calc(100vw - 80px);
    }
}

@media (max-width: 1023px) {
    .hero__wrapper {
        grid-row-gap: 32px;
        grid-column-gap: 16px;
    }

    .hero__item:nth-child(1) {
        grid-row: 1/2;
        grid-column: 1/4;
        padding: 32px 24px 42px;
    }

    .hero__item:nth-child(2) {
        padding: 32px 0 32px 16px;
        grid-row: 2/3;
        grid-column: 1/4;
    }

    .hero__tel {
        margin: 32px 0 0 0 ;
    }

    .hero__free {
        color: var(--color-gray600);
    }

    .hero__item_card {
        padding: 12px;
    }

    .hero__subtitle {
        font-size: 18px;
    }

    .hero__item_card {
        min-height: 304px;
    }

    .hero__item:nth-child(1) .hero__image {
        right: -104px;
        bottom: 14px;
        width: 544px;
        height: 272px;
        object-fit: contain;
    }

    .hero__item:nth-child(2) .hero__image {
        top: 50px;
    }

    .hero__image_green {
        width: 62px;
        height: 62px;
    }

    .hero__image_blue {
        width: 94px;
        height: 62px;
    }

    .hero__image_yellow {
        right: -32px;
        width: 166px;
        height: 100px;
    }

    .hero__description {
        margin-bottom: 46px;
        font-size: 18px;
    }

    .about-us__wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 24px;
    }

    .selection {
        grid-row: 1/2;
        grid-column: 1/2;
        padding: 24px 16px;
    }

    .selection__content {
        width: 443px;
    }

    .selection__description {
        margin-bottom: 108px;
        font-size: 18px;
    }

    .selection__subtitle {
        font-size: 24px;
    }

    .guide {
        grid-row: 2/3;
        grid-column: 1/2;
        padding: 41px 24px 20px;
    }

    .guide__image {
        top: -90px;
        width: 718px;
        height: 231px;
        object-fit: contain;
    }

    .guide__subtitle {
        font-size: 24px;
    }

    .companies__list {
        grid-column-gap: 16px;
        grid-row-gap: 20px;
    }

    .companies__item {
        padding: 12px 10px;
    }

    .companies__text {
        font-size: 14px;
    }

    .advantage {
        grid-column-gap: 2px;
        grid-row-gap: 14px;
    }

    .advantage__item {
        grid-column-gap: 4px;
    }

    .advantage__text {
        font-size: 12px;
    }

    .section__content {
        margin-bottom: 74px;
    }

    .section__image {
        width: 48px;
        height: 48px;
    }

    .section__name {
        position: absolute;
        left: 12px;
        top: 76px;
        margin-bottom: 0;
    }

    .section__company {
        top: 106px;
    }

    .section__link {
        font-size: 14px;
    }

    /* blog-card */
    .blog-card__wrapper {
        padding: 20px 10px;
    }
    .blog-card__description {
        font-size: 14px;
    }

    .blog-card:hover .blog-card__subtitle {
        color: var(--color-gray900);
    }
    .hero__tel{
        margin: 0;
    }
    .hero__flex-center{
        justify-content: center;
    }
    .companies__description{
        font-size: 12px;
    }
    .companies__link-update{
        font-size: 15px;
    }
    .section__name{
        position: relative;
        margin-bottom: 12px;
        left: auto;
        top: auto;
    }
    .info__attr{
        flex-direction: column;
        align-items: start;
    }
    .companies__info-update{
        align-items: start;
    }
    .application__wrapper{
        flex-direction: column;
        padding: 30px;
    }
    .application__container{
        width: 100%;
    }
    .application__icon{
        width: 100%;
    }
    .blog-article__content-container{
        flex-direction: column;
    }
    .blog-article__except{
        font-size: 18px;
    }
    .aside-blog{
        width: 100%;
        margin-right: 0;
    }
    .aside-sticky,.admin-bar .aside-sticky{
        position: relative;
        overflow-y: visible;
        height: auto;
    }
    .blog-article__wrapper{
        width: 100%;
    }
    .admin-bar .aside-sticky{
        top: auto;
    }
    .aside-sticky{
        margin-bottom: 0;
    }
    .blog-article__info-update .headline__tag{
        margin-right: 0;
    }
    .faq__hotline{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .faq__hotline p{
        font-size: 24px !important;
        white-space: normal;
    }
    .faq_hotline--flex .hero__line-icon{
        background-color: #fff;
    }
    .faq_hotline--flex a{
        font-size: 24px;
        font-weight: 500;
    }
    .catalog__card-info{
        display: flex;
        align-items: center;
        grid-row: 1;
        grid-column: 1/3;
        grid-column-end: none;
    }
    .catalog-hero__flex{
        display: flex;
        grid-row: 2;
        grid-column: 1/4;
    }
    .catalog__card-advantages{
        display: flex;
        grid-row: 3;
        grid-column: 1/3;
    }
    .button_desc{
        display: grid;
        grid-row: 3;
        grid-column: 3;
    }
    .catalog-hero__flex .info__attr{
        align-items: self-end;
        flex-direction: row;
    }
    .catalog__feedback .hero__flex{
        align-items: baseline;
    }
    .catalog__card-status-on .catalog-hero__flex{
        grid-row: 3;
    }
    .catalog__card-status-on .catalog__card-advantages{
        grid-row: 4;
    }
    .catalog__card-status-on .button_desc{
        grid-row: 4;
    }
    .review-section2{
        max-width: calc(100vw - 48px);
    }
    .applications__form-js label.error{
        justify-items: baseline;
    }
    .step-form__buttons{
        justify-content: flex-start;
    }

}

@media (max-width: 767px) {
    .home-page {
        grid-row-gap: 48px;
    }

    .hero__wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 0;
    }

    .hero__item {
        margin-bottom: 24px;
    }

    .hero__item:nth-child(1) {
        padding: 24px 24px 38px 24px;
        grid-column: 1/2;
        margin-bottom: 32px;
    }

    .hero__item:nth-child(2) {
        grid-column: 1/2;
        margin-bottom: 32px;
    }

    .hero__item:last-child {
        margin-bottom: 0;
    }

    .hero__item:nth-child(1) .hero__image{
        right: -194px;
        bottom: 0;
        width: 748px;
        height: 374px;
    }

    .hero__headline {
        font-size: 28px;
    }

    .hero__line {
        font-size: 28px;
    }

    .hero__subtitle {
        margin-bottom: 15px;
    }

    .hero__free {
        right: 20px;
        bottom: 38px;
        grid-template-columns: 1fr;
        grid-row-gap: 4px;
        grid-auto-flow: row;
    }

    .hero__item_card {
        padding: 39px 16px;
        min-height: auto;
    }

    .hero__description {
        margin-bottom: 34px;
    }

    .hero__link {
        position: static;
    }

    .selection__image {
        display: none;
    }

    .about-us__headline {
        font-size: 28px;
    }

    .selection__content {
        width: 100%;
    }

    .selection__button {
        max-width: 100%;
    }

    .guide__subtitle {
        font-size: 28px;
    }

    .companies__list {
        grid-template-columns: 1fr;
        grid-row-gap: 25px;
    }

    .companies__headline {
        margin-bottom: 28px;
        font-size: 28px;
    }

    .advantage {
        grid-column-gap: 10px;
        grid-row-gap: 16px;
    }

    .advantage__item {
        grid-column-gap: 6px;
    }

    .advantage__text {
        font-size: 14px;
    }

    .section__headline {
        margin-bottom: 20px;
    }

    .section__button {
        padding-right: 24px;
        padding-left: 24px;
        font-size: 14px;
    }

    .section__headline_blog {
        font-size: 28px;
    }

    .frequent-questions__block {
        grid-auto-columns: initial;
    }
    .companies__item-update{
        width: 48.5%;
    }
    .hero__select{
        width: 100%;
    }
    .hero__policy--flex{
        order: 1;
    }
    .button__submit{
        width: 100%;
        margin-bottom: 17px;
    }
    .hero__policy{
        text-align: center;
        letter-spacing: normal;
    }
    .hero__headline{
        text-align: center;
    }
    .hero__text_gray{
        text-align: center;
        font-size: 18px;
    }
    .companies__item-update{
        overflow: hidden;
        width: 48%;
    }
    .companies__list{
        justify-content: space-between;
    }
    .hero__link-update{
        font-size: 16px;
        margin-bottom: 0;
    }
    .breadcrumbs li a span, .breadcrumbs {
        font-size: 16px;
    }
    .blog-article__info-update{
        padding: 24px 20px;
        margin-bottom: 28px;
    }
    .blog-article__time-update{
        justify-content: space-between;
    }
    .blog-article__views-update{
        font-size: 16px;
    }
    .blog-article__date{
        font-size: 16px;
    }
    .blog-article__headline-update{
        font-size: 32px;
    }
    .blog-article__time-update{
        margin-bottom: 20px;
    }
    .blog-article__except{
        padding: 19px 21px;
    }
    .content__widget--title span{
        font-size: 24px;
    }
    .content__widget{
        padding: 24px 20px;
    }
    .content__widget--item{
        font-size: 16px;
        margin-bottom: 12px;
    }
    .content__widget--hero .hero__free{
        position: static;
    }
    .review-section2{
        max-width: calc(100vw - 40px);
    }
    .step-form__next,.step-form__prev{
        margin-bottom: 0;
        max-width: 50%;
    }
    .step-form__buttons{
        justify-content: space-between;
    }


}

@media (max-width: 479px) {
    .step-form__buttons{
        flex-direction: column-reverse;
    }
    .hero__grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .step-form__next, .step-form__prev{
        max-width: 100%;
    }
    .hero__item:nth-child(1) .hero__image {
        right: -140px;
        height: auto;
    }

    .hero__item {
        margin-bottom: 16px;
    }

    .hero__item:nth-child(1) {
        margin-bottom: 24px;
        padding: 32px 16px;
    }

    .hero__item:nth-child(2) {
        margin-bottom: 24px;
        padding: 24px 0 24px 16px;
    }

    .hero__headline {
        margin-bottom: 24px;
        font-size: 24px;
    }

    .hero__line {
        font-size: 24px;
    }

    .button__consultation {
        margin-top: 32px;
        width: 100%;
        height: 48px;
    }

    .hero__tel {
        margin-top: 14px;
    }

    .hero__free {
        position: static;
        display: flex;
        margin-top: 12px;
        color: var(--color-white);
    }

    .hero__free i {
        color: var(--color-white);
    }

    .about-us__headline {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .about-us__wrapper {
        grid-row-gap: 16px;
    }

    .selection {
        padding: 16px 12px;
    }

    .selection__subtitle {
        font-size: 20px;
    }

    .selection__description {
        margin-bottom: 68px;
    }

    .selection__button {
        padding: 16px 0;
        font-size: 16px;
    }

    .selection__action {
        grid-template-columns: 190px auto;
    }

    .selection__action i {
        display: none;
    }

    .guide {
        padding: 16px 24px;
    }

    .guide__image {
        object-fit: cover;
    }

    .guide__subtitle {
        margin-bottom: 16px;
        font-size: 20px;
    }

    .guide__description {
        margin-bottom: 24px;
        font-size: 14px;
    }

    .companies__headline {
        margin-bottom: 22px;
        line-height: 1.3;
        font-size: 24px;
    }

    .companies__tabs {
        margin-bottom: 20px;
    }

    .companies__info {
        margin-bottom: 16px;
    }

    .companies__item {
        padding: 12px 8px;
    }

    .companies__subtitle {
        line-height: 1.3;
    }

    .companies__button {
        max-width: 100%;
    }

    .advantage {
        grid-template-columns: 1fr;
        grid-row-gap: 12px
    }

    .advantage__text {
        font-size: 12px;
    }

    .section__headline {
        font-size: 24px;
    }

    .section__button {
        max-width: 100%;
        min-width: 100%;
    }
    .companies__item-update{
        width: 100%;
    }
    .section__headline-tags{
        overflow-x: scroll;
        width: 100%;
    }
    .section__headline-tags::-webkit-scrollbar{
        height: 0;
    }
    .headline__tag{
        white-space: nowrap;
    }
    .hero__headline{
        font-size: 32px;
    }
    .hero__line{
        text-align: center;
        font-size: 32px;
    }
    .hero__line-attr{
        text-align: center;
        margin-bottom: 36px;
    }
    .hero__line-icon{
        background-color: #2D2D2D1F;
    }
    .hero__tel{
        font-size: 28px;
        margin-top: 0;
    }
    .hero__free{
        font-size: 18px;
        color: #797979;
        margin-top: 5px;
    }
    .hero__free i{
        color: #797979;
    }
    .hero__subtitle{
        font-size: 32px;
        margin-bottom: 25px;
    }
    .hero__description{
        text-align: center;
    }
    .companies__item{
        padding: 32px 16px;
    }
    .info__attr{
        flex-direction: row;
        align-items: center;
    }
    .info__attr-sub{
        font-size: 16px;
        line-height: 1;
    }
    .info__attr-label{
        font-size: 15px;
    }
    .companies__link-update{
        font-size: 18px;
    }
    .companies__description{
        font-size: 16px;
    }
    .section__headline{
        font-size: 28px;
    }
    .section__content{
        margin-bottom: 22px;
    }
    .section__description{
        font-size: 16px;
        color: #1A1A1A;
    }
    .rating__star-listing{
        margin-right: 0;
    }
    .application__wrapper{
        padding: 30px 16px;
    }
    .slider-reviews,.slider-blog{
        overflow: visible;
    }
    .slider-reviews .swiper-wrapper,.slider-blog .swiper-wrapper{
        display: flex;
        flex-wrap: wrap;
        height: max-content;
    }
    .slider-reviews__item{
        margin-bottom: 20px;
    }
    .section__date{
        margin-bottom: 0;
    }
    .blog-card{
        margin-bottom: 20px;
    }
    .blog-card__wrapper .section__date{
        margin-bottom: 16px;
    }
    .blog-card__subtitle{
        font-size: 24px;
    }
    .pagination{
        display: none;
    }
    .review-section .section__headline{
        margin-bottom: 0;
    }
    .hero__item:nth-child(2){
        padding: 40px 16px;
    }
    .mobile-button2{
        display: flex;
    }
    .headline{
        font-size: 28px;
    }
    .review-section2{
        max-width: calc(100vw - 32px);
    }
}
.object-manager {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 24px;
}

.object-manager__section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
}

.object-manager__headline {
    grid-column: 1 / 3;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 24px;
    color: var(--color-gray900);
}

.object-manager__value {
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-gray900);
}

.object-manager__youtube {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 16px;
    margin-bottom: 16px;
}

.object-manager__youtube-group {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 8px;
    margin-top: 12px;
}

.object-manager__youtube-wrapper {
    grid-template-columns: 1fr auto;
    grid-column-gap: 8px;
    grid-column: 1 / 2;
}

.object-manager__youtube-add {
    display: grid;
    justify-content: start;
    align-items: center;
    padding: 8px;
}

.object-manager__youtube-add svg {
    width: 20px;
    height: 20px;
}

.object-manager__youtube-trash {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border: 2px solid var(--color-gray100);
    border-radius: var(--border-rd-sm);
}

.object-manager__youtube-trash svg {
    fill: var(--color-gray500);
}

@media (hover: hover) {
    .object-manager__youtube-trash:hover {
        border-color: var(--color-red700);
    }

    .object-manager__youtube-trash:hover svg {
        fill: var(--color-red700);
    }
}

.upload-media {
    display: grid;
    grid-auto-flow: row;
}

.upload-media__group {
    justify-self: start;
    margin-bottom: 24px;
}

.upload-media__action {
    max-width: 250px;
    fill: var(--color-white);
    cursor: pointer;
}

.upload-media__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    grid-column: 1 / 3;
    margin-bottom: 24px;
}

.upload-media__list li {
    position: relative;
}

.upload-media__list img {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.12));
    border-radius: var(--border-rd-sm);
    object-fit: cover;
    object-position: 50% 50%;
}

.upload-media__remove {
    position: absolute;
    top: 8px;
    right: 8px;
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 50%;
    background-color: var(--color-white);
}

.upload-media__remove svg {
    width: 14px;
    height: 14px;
}

@media (hover: hover) {
    .upload-media__remove:hover svg {
        transform: rotate(180deg);
    }
}

.object-manager-form .personal-info__button {
    margin-bottom: 0;
}

@media (max-width: 1365px) {
    .object-manager__headline {
        grid-column: 1 / 2;
    }

    .object-manager__section {
        grid-template-columns: 1fr;
    }

    .upload-media__list {
        grid-column: 1 / 2;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1023px) {
    .object-manager-form .personal-info__content {
        max-width: 100%;
    }
}

@media (max-width: 959px) {
    .object-manager {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .profile-module__header {
        grid-auto-flow: row;
        grid-row-gap: 12px;
    }

    .profile-module__status {
        justify-self: start;
    }

    .upload-media__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.form {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 16px;
    max-width: 500px;
    margin: 64px auto 0 auto;
}

.register-success {
    margin-top: 32px;
    line-height: 1.4;
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: var(--color-gray800);
}

.register-success a,
.register-success span {
    color: var(--color-blue500);
}

@media (hover: hover) {
    .register-success a:hover {
        text-decoration: underline;
    }
}

/* Rating page */
.rating-hero {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
    background: var(--color-white);
    overflow: hidden;
}

.rating-hero__headline {
    text-align: center;
    line-height: 1.2;
    font-family: var(--font-sero-pro);
    font-size: 48px;
    font-weight: 500;
    color: var(--color-gray900);
}

.rating-hero__headline i {
    font-weight: 500;
    color: var(--color-blue500);
}

.raging-hero__description {
    justify-self: center;
    max-width: 782px;
    text-align: center;
    line-height: 1.7;
    font-size: 18px;
    color: var(--color-gray700);
}

.rating-hero__decor {
    position: absolute;
    bottom: -20px;
    max-width: 640px;
    width: 100%;
    opacity: .1;
}

.rating-hero__decor_right {
    right: calc(50% - var(--container-width) / 2 - 370px);
}

.rating-hero__decor_left {
    left: calc(50% - var(--container-width) / 2 - 370px);
    transform: scale(-1, 1)
}

.rating-banner {
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.7;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-white);
    background: var(--color-blue500);
}

.rating-indent {
    margin-bottom: 120px;
}

.rating-mark {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 40px;
}

.rating-mark__wrapper {
    grid-template-columns: 403px 1fr;
    grid-column-gap: 64px;
    align-items: start;
}

.rating-mark__headline {
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 48px;
    font-weight: 500;
    color: var(--color-gray900);
}

.rating-mark__content {
    grid-auto-flow: row;
    grid-row-gap:  24px;
}

.rating-mark__description {
    line-height: 1.7;
    font-size: 20px;
    color: var(--color-gray700);
}

.rating-mark__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
}

.rating-mark__item {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    align-content: start;
    grid-row-gap: 24px;
    padding: 48px 32px;
    min-height: 400px;
    border-radius: var(--border-rd-lg);
}

.rating-mark__item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-rd-lg);
    z-index: -1;
}

.rating-mark__item_green:before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #7FC612;
}

.rating-mark__item_blue:before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #3864D1;
}

.rating-mark__item_orange:before {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), inset 0 -4px 0 #EAB308;
}

.rating-mark__item h3 {
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    font-weight: 500;
    color: var(--color-gray900);
}

.rating-mark__item p {
    line-height: 1.5;
    font-size: 18px;
    color: var(--color-gray500);
}

.rating-mark__image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 180px;
    height: 120px;
    border-radius: 0 0 12px 0;
    z-index: -2;
}

.rating-mark__image_blue {
    fill: var(--color-white);
}

.rating-criteria {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
    align-items: end;
}

.rating-criteria__wrapper {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 48px;
}

.rating-criteria__headline {
    line-height: 1;
    font-family: var(--font-sero-pro);
    font-size: 48px;
    font-weight: 500;
    color: var(--color-gray900);
}

.rating-criteria__content {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 32px;
}

.rating-criteria__description {
    line-height: 1.7;
    font-size: 18px;
    color: var(--color-gray700);
}

.rating-criteria__description:last-of-type {
    font-size: 20px;
}

.rating-criteria__list {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 32px;
    align-self: end;
}

.rating-criteria__item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 16px;
    justify-content: start;
    align-items: start;
}

.rating-criteria__image {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-blue500);
}

.rating-criteria__image svg {
    width: 24px;
    height: 24px;
    fill: var(--color-white);
}

.rating-criteria__item-wrapper {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 8px;
}

.rating-criteria__item-wrapper h3 {
    line-height: 1.3;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-gray800);
}

.rating-criteria__item-wrapper p {
    line-height: 1.7;
    font-size: 16px;
    color: var(--color-gray600);
}

.rating-criteria__decor {
    margin-left: 80px;
    width: 294px;
    height: 2px;
    background: var(--color-gray100);
}
.grid-popular__container .companies__list_popular{
    justify-content: space-between;
}
.grid-popular__container .companies__list_popular .companies__item-update{
    width: 23.6666%;
}
.grid-popular__container .companies__link-update{
    width: 220px;
}

.affairs-main__block{
    position: relative;
    padding: 30px;
    background: var(--color-white);
    border-radius: var(--border-rd-lg);
    overflow: hidden;
    transition: all 0.2s;
    z-index: 1;
    margin-bottom: 30px;
}
.affairs-title{
    font-family: var(--font-sero-pro);
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-gray900);
}
.affairs-desc{
    font-size: var(--fs-18);
    color: var(--color-black700);
    will-change: transform;
    line-height: 1.4;
    font-weight: 400;
}
.affairs-statistics{
    display: flex;
    justify-content: space-around   ;
    border-top: 1px solid #f5f5f5;
    margin-top: 30px;
    padding-top: 15px;
}
.affair-stat__count{
    font-family: var(--font-sero-pro);
    font-weight: 700;
    line-height: 1;
    font-size: 32px;
    color: #1440AD;
}
.affairs-statistic{
    display: flex;
    align-items: end;
}
.affairs-statistic img{
    height: 65px;
    width: auto;
    object-fit: contain;
    margin-right: 10px;
}
.affair-stat__desc{
    font-size: 16px;
    color: var(--color-black700);
    will-change: transform;
    line-height: 1.2;
    font-weight: 400;
    margin-top:5px;
}
.affairs-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.affairs-item{
    position: relative;
    display: block;
    grid-template-rows: auto 1fr auto;
    padding: 12px;
    border-radius: var(--border-rd-lg);
    box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
    background-color: var(--color-white);
}
.affair-title{
    font-family: var(--font-sero-pro);
    font-size: 20px;
    color: #1A1A1A;
    font-weight: 700;
    margin-bottom: 6px;
}
.affair-desc{
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: #989898;
    font-weight: 400;
}
.affair-title__content{
    margin-bottom: 15px;
}
.affair-company{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.affair-data{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #f5f5f5;
    margin-bottom: 20px;
}
.affair-data__datestart{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.affair-data__datestart:last-child{
    margin-bottom: 0;
}
.datestart-title{
    font-family: var(--font-sero-pro);
}
.datestart-date{
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: #1A1A1A;
    font-weight: 700;
}
.affair-company__logo{
    width: 80px;
}
.affair-company__name{
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: #1A1A1A;
    font-weight: 500;
}
.affairs-blog__logo{
    width: 200px;
    height: 200px;
    object-fit: contain;
    padding: 24px 16px;
    border: 1px solid #eee;
    border-radius: var(--border-rd-lg);
}
.affairs-blog__content{
    display: flex;
}
.affairs-info{
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.affairs-info__top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 24px;
}
.affair-info__company{
    border-bottom: 1px solid #eee;
    padding-bottom: 24px;
    margin-bottom: 24px;
    margin-top: 0;
}
.affairs-info__title{
    font-weight: 500;
    line-height: 1.2;
}
.affairs-blog__info{
    width: 100%;
    padding: 20px 40px;
}
.affair-info__list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.affair-item__label{
    font-family: var(--font-sero-pro);
    font-size: 16px;
    color: var(--color-black700);
    font-weight: 600;
}
.affair-all{
    max-width: 340px;
    margin-bottom: 20px;
}
.affair-buttons{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eee;
    padding-top: 30px;
    gap: 20px;
    margin-top: 30px;
}
.affair-button2{
    width: max-content;
}
.affair-container__grid{
    display: grid;
    gap: 30px;
}
.slider-affair{
    width: 100%;
}
.slider-affair .datestart-date{
    font-size: 13px;
}
.slider-affair .datestart-title{
    font-size: 14px;
}
.slider-affair .affair-title{
    font-size: 17px;
}
.slider-affair .affair-desc{
    font-size: 14px;
}
.affair-load__more,.affair-load__more2{
    cursor: pointer;
    max-width: 409px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px auto auto;
}
.affair-template-default .breadcrumb .container{
    padding: 0;
}
.affairs-title__wrap{
    display: flex;
    align-items:center;
}
.affair-logo__mobile{
    display:none;
    width: 75px;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    margin-left: 15px;
}
a.affair-item__text{
    color: #0a53be;
    text-decoration: underline;
}
.header-static--wrap{
    margin: 25px 0;
}
.page_consult{
    padding-top: 0;
    min-height: auto;
}
@media (max-width: 1600px) {
    .rating-indent {
        margin-bottom: 100px;
    }

    .rating-hero {
        grid-row-gap: 64px;
    }

    .rating-hero__headline {
        font-size: 40px;
    }

    .raging-hero__description {
        max-width: 621px;
    }

    .rating-hero__decor {
        bottom: 0;
    }

    .rating-banner {
        padding-top: 24px;
        padding-bottom: 24px;
        font-size: 18px;
    }

    .rating-mark__headline {
        line-height: 1.3;
        font-size: 40px;
    }

    .rating-mark__content {
        grid-row-gap: 16px;
    }

    .rating-mark__list {
        grid-column-gap: 24px;
    }

    .rating-mark__item {
        padding-right: 16px;
        padding-left: 16px;
        min-height: 392px;
    }

    .rating-criteria {
        grid-template-columns: 1fr;
        grid-row-gap: 48px;
    }

    .rating-criteria__headline {
        font-size: 40px;
    }

    .rating-criteria__content {
        grid-row-gap: 24px;
    }

    .rating-criteria__list {
        grid-auto-flow: unset;
        grid-template-columns: 1fr auto 1fr auto 1fr;
        grid-column-gap: 23px;
    }

    .rating-criteria__item {
        grid-column-gap: 12px;
    }

    .rating-criteria__decor {
        margin-left: 0;
        width: 1px;
        height: 100%;
    }
    .grid-popular__container .companies__link-update{
        width: 170px;
    }
    .grid-popular__container .info__attr,.grid-popular__container .info__attr span{
        font-size: 15px;
    }
    .grid-popular__container .companies__description{
        width: 170px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media (max-width: 1365px) {
    .rating-mark__wrapper {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }

    .rating-mark__list {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 24px;
    }

    .rating-mark__item {
        min-height: 328px;
    }

    .rating-mark__item:last-of-type {
        grid-column: 1 / 3;
        min-height: 242px;
    }

    .rating-mark__item:last-of-type p {
        max-width: 788px;
    }

    .rating-criteria__item {
        grid-template-columns: 1fr;
        grid-row-gap: 12px;
        padding-bottom: 24px;
    }

    .rating-criteria__image {
        width: 80px;
        height: 80px;
    }

    .rating-criteria__image svg {
        width: 40px;
        height: 40px;
    }

    .rating-criteria__item-wrapper h3 {
        font-size: 24px;
    }
    .filter__group--flex aside{
        width: calc((100% - 20px) / 2);
    }
    .filter-el-hidden{
        grid-template-columns: repeat(2, 1fr);
    }
    .filter-el-hidden aside{
        width: 100%;
    }
    .application-modal{
        max-width: 950px;
    }
    .grid-popular__container .companies__list_popular .companies__item-update{
        width: 31.9%;
    }
    .grid-popular__container .companies__link-update{
        width: 220px;
    }
    .grid-popular__container .companies__description{
        width: 220px;
    }
    .grid-popular__container .info__attr, .grid-popular__container .info__attr span{
        font-size: 18px;
    }
    .affairs-statistic img{
        height: 50px;
    }
    .affair-stat__count{
        font-size: 27px;
    }
    .affair-stat__desc{
        font-size: 14px;
    }
    .affair-info__list{
        gap: 20px;
    }
    .affairs-info__top{
        flex-wrap: wrap;
        gap: 20px;
    }
    .datestart-date{
        font-size: 14px;
    }
    .datestart-title{
        font-size: 14px;
    }
    .affair-item__label{
        font-size: 14px;
    }
    .affair-item__text{
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .rating-hero__decor {
        opacity: .05;
    }

    .rating-hero__decor_right {
        right: calc(50% - var(--container-width) / 2 - 230px);
    }

    .rating-hero__decor_left {
        left: calc(50% - var(--container-width) / 2 - 230px);
    }

    .rating-banner {
        font-size: 16px;
    }

    .rating-indent {
        margin-bottom: 80px;
    }

    .rating-mark__list {
        grid-template-columns: 1fr;
    }

    .rating-mark__item {
        padding-bottom: 80px;
        min-height: unset;
    }

    .rating-mark__item h3 {
        font-size: 24px;
    }

    .rating-mark__item p {
        max-width: 512px;
    }

    .rating-mark__item:last-of-type {
        grid-column: unset;
    }

    .rating-mark__item:last-of-type p {
        max-width: 512px;
    }

    .rating-criteria__list {
        grid-template-columns: 1fr;
        grid-row-gap: 24px;
    }

    .rating-criteria__item {
        grid-template-columns: auto 1fr;
        padding-bottom: 0;
    }

    .rating-criteria__image {
        width: 64px;
        height: 64px;
    }

    .rating-criteria__image svg {
        width: 32px;
        height: 32px;
    }

    .rating-criteria__decor {
        margin-left: 80px;
        width: 294px;
        height: 2px;
    }
    .filter__group--flex aside{
        width: 100%;
    }
    .filter-el-hidden{
        grid-template-columns: repeat(1, 1fr);
    }
    .filter-el-hidden aside{
        width: 100%;
    }
    .application-modal .application__icon{
        display: none;
    }
    .close-modal__button{
        top: -75px;
        right: 0;
    }
    .aside-blog{
        margin-bottom: 32px;
    }
    .grid-popular__container .companies__list_popular .companies__item-update{
        width: 31.9%;
    }
    .grid-popular__container .companies__link-update{
        width: 220px;
    }
    .grid-popular__container .companies__description{
        width: 220px;
    }
    .grid-popular__container .info__attr, .grid-popular__container .info__attr span{
        font-size: 15px;
    }
    .affairs-blog__logo{
        display:none;
    }
    .affairs-blog__info{
        padding-left: 0;
        padding-right: 0;
    }
    .affairs-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .affair-logo__mobile{
        display: block;
    }
}
@media  (max-width: 992px) {
    .grid-popular__container .companies__list_popular .companies__item-update{
        width: 48%;
    }
}
@media (max-width: 767px) {
    .faq__list li:before,.faq__list li.is-active:before{
        right: 9px;
        top: 10px;
        width: 16px;
        height: 16px;
    }
    .rating-hero {
        grid-row-gap: 48px;
        padding-top: 64px;
        padding-bottom: 60px;
    }

    .rating-hero__headline {
        font-size: 32px;
    }

    .raging-hero__description {
        justify-self: center;
        max-width: 404px;
    }

    .rating-hero__decor_right {
        right: -330px;
    }

    .rating-hero__decor_left {
        left: -330px;
    }

    .rating-banner {
        font-size: 14px;
    }

    .rating-indent {
        margin-bottom: 64px;
    }

    .rating-mark__headline {
        font-size: 28px;
    }

    .rating-mark__description {
        font-size: 18px;
    }

    .rating-mark__item {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .rating-mark__item p {
        max-width: 100%;
        font-size: 16px;
    }

    .rating-mark__image {
        opacity: .1;
    }

    .rating-criteria__headline {
        font-size: 28px;
    }

    .rating-criteria__description:last-of-type {
        font-size: 18px;
    }

    .rating-criteria__item {
        align-items: center;
    }

    .rating-faq__headline {
        font-size: 28px;
    }

    .rating-headline {
        font-size: 28px;
    }
    .catalog__card-info{
        display: flex;
        align-items: center;
        grid-row: 1;
        grid-column: 1/4;
        grid-column-gap: 8px;
    }
    .catalog-hero__flex{
        display: flex;
        grid-row: 3;
        grid-column: 1/4;
        flex-direction: column;
    }
    .catalog__card-advantages{
        display: flex;
        grid-row: 2;
        grid-column: 1/4;
    }
    .button_desc{
        display: flex;
        grid-row: 4;
        grid-column: 2/3;
    }
    .catalog__card{
        padding: 24px 16px;
    }
    .catalog-hero__flex .info__attr{
        font-size: 18px;
    }
    .catalog__card-logo{
        width: 57px;
        min-width: 57px;
        max-width: 57px;
    }
    .catalog-hero__flex .info__attr span{
        font-size: 18px;
    }
    .catalog__card-headline{
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
    }
    .catalog__card-description{
        font-size: 14px;
    }
    .catalog__card-advantage span{
        font-size: 12px;
    }
    .catalog-hero__flex .hero__flex{
        justify-content: space-between;
        margin-bottom: 34px;
    }
    .catalog-hero__flex .button_dark_blue{
        min-width: 100%;
    }
    .button_desc{
        margin-top: 0;
        grid-row: 4;
        grid-column: 1/4;
        align-items: center;
        justify-content: center;
    }
    .catalog__card-status-on .catalog__card-advantages{
        grid-row: 3;
    }
    .catalog__card-status-on .catalog-hero__flex{
        grid-row: 4;
    }
    .catalog__card-status-on .button_desc{
        grid-row: 5;
        grid-column: 1/4;
    }
    .catalog__c-user-img{
        width: 50px;
        height: 50px;
    }
    .catalog__card-user__name{
        font-size: 13px;
    }
    .catalog__card-user__job{
        font-size: 13px;
    }
    .companies__item-button .button_desc{
        margin-top: 12px;
    }
    .catalog__card{
        grid-row-gap: 15px;
    }
    .filter__content--flex{
        flex-direction: column;
    }
    .button__filter{
        max-width: 100%;
        margin-top: 24px;
        margin-bottom: 0;
    }
    .filter__show--all span, .catalog__rating--show__all span{
        font-size: 14px;
    }
    .mean-expert__title{
        font-size: 24px;
    }
    .mean-expert__container{
        padding: 32px 16px;
    }
    .mean-expert__avatar{
        width: 71px;
        height: 71px;
    }
    .mean-expert__name{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .mean-expert__desc{
        font-size: 12px;
        color: #808080;
        line-height: 1.2;
    }
    .mean-expert__content h1{
        font-size: 28px;
    }
    .mean-expert__content h2{
        font-size: 24px;
    }
    .faq__headline{
        font-size: 28px;
    }
    .catalog__rating{
        padding: 32px 16px;
    }
    .catalog__rating-description{
        font-size:16px;
    }
    .catalog__rating-grid, .catalog__grid--hidden{
        grid-template-columns: repeat(1, 1fr);
    }
    .catalog__list-info{
        padding: 16px;
    }
    .catalog__category-headline{
        font-size: 32px;
    }
    .catalog__category-info{
        font-size: 18px;
    }
    .catalog__category-info span{
        color: #1440AD;
    }
    .catalog__category-list{
        grid-row-gap: 12px;
    }
    .catalog__category-value{
        font-size: 16px;
        line-height: 1;
        color: #596993;
        font-weight: 700;
    }
    .catalog__category-list .rating__number{
        font-size: 16px;
        color: #596993;
    }
    .application-modal .hero__select label{
        padding: 0;
        width: max-content;
    }
    .application-modal .application__success-title{
        font-size: 28px;
    }
    .application-modal .application__success-desc{
        font-size: 20px;
        width: 200px;
    }
    .application-modal .application__success svg{
        width: 90px;
        fill: #0048B2;
    }
    .hero__item_black .hero__description{
        text-align: start;
    }
    .grid-popular__container .companies__list_popular .companies__item-update{
        width: 48%;
    }
    .affair-info__list{
        grid-template-columns: repeat(2, 1fr);
    }
    .affairs-info__title{
        font-size: 20px;
    }
    .affairs-statistic img{
        height: 40px;
    }
    .affair-title{
        font-size: 17px;
    }
    .affair-desc{
        font-size: 14px
    }
    .affair-company__name{
        font-size: 14px;
    }
    .affair-company__logo{
        width: 60px;
    }
    .affairs-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .affair-h1__title{
        font-size: 30px;
    }
    .affairs-statistics{
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }
    .affairs-title{
        font-size: 25px;
    }
    .affairs-main__block{
        padding: 20px;
    }
    .company__reviews-add svg{
        width: 35px;
        height: 35px;
        fill: #fff;
    }

}

@media (max-width: 576px) {
    .catalog__card-user-wrapper{
        gap: 10px;
    }
    .grid-popular__container .companies__list_popular .companies__item-update{
        width: 100%;
    }
    .grid-popular__container .companies__link-update{
        width: 220px;
    }
    .grid-popular__container .companies__description{
        width: 220px;
    }
    .grid-popular__container .info__attr, .grid-popular__container .info__attr span{
        font-size: 18px;
    }
    .grid-popular__container .info__attr{
        flex-direction: row;
        align-items: center;
    }
    .affair-h1__title{
        font-size: 25px;
    }
    .affairs-title__wrap{
        flex-direction: column;
        gap: 10px;
    }
    .affair-logo__mobile{
        margin-left: 0;
        width: 50%;
        border: 1px solid #cdcdcd;
        padding: 5px;
        border-radius: 20px;
    }
    .affair-all{
        margin-bottom: 0;
    }
    .affairs-blog__info{
        padding: 0;
    }
    .affair-button2{
        width: 100%;
    }
    .affair-buttons{
        justify-content: center;
    }
    .affair-info__list{
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 479px) {
    .rating-indent {
        margin-bottom: 48px;
    }

    .rating-hero {
        grid-row-gap: 32px;
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .rating-hero__headline {
        font-size: 24px;
    }

    .raging-hero__description {
        font-size: 16px;
    }

    .rating-hero__decor_right {
        right: -232px;
    }

    .rating-hero__decor_left {
        left: -232px;
    }

    .rating-mark__wrapper {
        grid-row-gap: 24px;
    }

    .rating-mark__headline {
        font-size: 24px;
    }

    .rating-mark__description {
        font-size: 16px;
    }

    .rating-mark__item h3 {
        font-size: 20px;
    }

    .rating-criteria {
        grid-row-gap: 32px;
    }

    .rating-criteria__wrapper {
        grid-row-gap: 32px;
    }

    .rating-criteria__headline {
        font-size: 24px;
    }

    .rating-criteria__description {
        font-size: 16px;
    }

    .rating-criteria__description:last-of-type {
        font-size: 16px;
    }

    .rating-criteria__item {
        align-items: start;
        grid-column-gap: 16px;
    }

    .rating-criteria__item-wrapper h3 {
        font-size: 18px;
    }

    .rating-criteria__decor {
        margin-left: 64px;
        width: calc(100% - 64px);
    }

    .rating-criteria__image {
        width: 48px;
        height: 48px;
    }

    .rating-criteria__image svg {
        width: 24px;
        height: 24px;
    }

    .rating-faq__headline {
        font-size: 24px;
    }

    .rating-headline {
        font-size: 24px;
    }
    .catalog__card-user__name{
        font-size: 11px;
    }
    .catalog__card-user__job{
        font-size: 11px;
    }

}
.filter-hero--item label{
    position: relative;
}
.about__page .container{
    display: flex;
    gap: 62px;
    flex-direction: row;
}
.about__page .about__box{order:2;width: 100%;min-width:0;display:flex;flex-wrap: wrap;gap:40px;}
.about__page .about__sidebar{order:1;flex: 1 1 auto;min-width: 200px;padding-top:40px;}
.about__page .about__sidebar ul {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.about__page .about__sidebar ul li{
    display: flex;
    gap: 10px;
    align-items: center;
}
.about__page .about__sidebar ul li svg{
    width: 20px;
    height: 20px;
    padding: 10px;
    border-radius: 6px;
    background: #eee;
    box-sizing: content-box;
    fill: #797979;
    transition: color .2s;
}
.about__page .about__sidebar ul li.current, .about__page .about__sidebar ul li:hover{
    color: #3764d1;
}
.about__page .about__sidebar ul li.current svg, .about__page .about__sidebar ul li:hover svg{
    fill: #3764d1;
}
.about__page .white__box{
    padding: 40px;
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
}
.about__page .white__box .flex__box{
    display: flex;
    gap: 20px;
    align-items: center;
}
.about__page .white__box .telegram__link{
    display: flex;
}
.about__page .white__box .telegram__link svg{
    box-sizing: content-box;
    padding: 10px;
    border-radius: 6px;
    background: #eee;
    width: 30px;
    height: 30px;
    fill: #797979;
}
.about__page .white__box .telegram__link:hover svg{
    fill:#3764d1;
}
.about__page .about_item__headline{
    margin-bottom: 20px;
    font-family: var(--font-sero-pro);
    font-size: 24px;
    line-height: 1;
    color: var(--color-gray900);
    font-weight: 700;
}
.about__page .catalog__feedback{padding:40px;flex: 1 1 0;}
.about__page .support__section{flex: 1 1 0;}
.about__page .catalog__feedback .catalog__feedback-headline{
    font-size: 24px;
}
.about__page .about__box p{
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.about__page .contacts__link{
    font-size: 18px;
    line-height: 1.4;
    color: #0F39A3;
    display: block;
}
.about__page .address__section{
    width: 100%;
}
.about__page .blog{width:100%;}
.about__page .faq__box{margin-bottom:0;}
.about__page .company__worker{
    padding: 40px;
}
@media (max-width: 768px) {
    .about__page .container{flex-direction: column;gap: 40px;}
    .about__page .about__sidebar ul{flex-direction: row;gap: 15px 30px;flex-wrap: wrap;}
    .about__page .about__sidebar{padding-top:15px;}
}
.team__part{
    width:100%;
}
.faq_block .h2-title{
    margin-bottom: 20px;
    font-family: var(--font-sero-pro);
    font-size: 32px;
    line-height: 1;
    color: var(--color-gray900);
    font-weight: 700;
}

.faq_block .bg-white{
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 24px;
}
.faq_block .spoiler{
    position: relative;
    padding: 20px 24px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.04);
    border-radius: var(--border-rd-lg);
    background-color: var(--color-white);
    cursor: pointer;
}
.faq_block .spoiler:before{
    content: '';
    position: absolute;
    right: 25px;
    top: 20px;
    background: url(../images/faq/plus.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.faq_block .spoiler.active:before{
    content: '';
    position: absolute;
    right: 25px;
    top: 20px;
    background: url(../images/faq/minus.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.faq_block .title{
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 24px;
    width: 100%;
    font-size: 24px;
    color: var(--color-gray900);
    font-weight: 500;
    line-height: 1.15;
    padding-right: 35px;
    text-align: left;
}
.faq_block .text{
    display: none;
    margin-top: 20px;
    line-height: 1.4;
    font-size: 16px;
    color: var(--color-gray700);
}
.mb-20{
    margin-bottom: 20px;
}
.review__value a{
    color: #0a53be;
}

@media (max-width: 768px) {
    .faq_block .title{
        font-size: 18px;
    }
    .faq_block .text{
        margin-top: 15px;
    }
    .faq_block .h2-title{
        font-size: 28px;
    }
    .catalog__segment-flex{
        flex-direction: column !important;
    }
}