html {
    box-sizing: border-box
}

*,::after,::before {
    box-sizing: inherit
}

body,html {
    margin: 0;
    scroll-behavior: smooth
}

html {
    position: relative;
    tab-size: 4;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    text-rendering: optimizespeed
}

details>summary {
    list-style: none
}

summary {
    display: list-item
}

details summary::-webkit-details-marker {
    display: none
}

h1,h2,h3,h4,p {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

ul,ol,dl,dd {
    margin: 0;
    padding: 0
}

p {
    margin: 0
}

label,time {
    display: block
}

figure,blockquote {
    margin: 0
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

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

img,picture,svg,video {
    display: block;
    height: auto;
    max-width: 100%
}

b,strong {
    font-weight: 900
}

address {
    font-style: normal
}

button {
    margin: 0;
    padding: 0;
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    font: inherit;
    font-size: 100%;
    color: inherit;
    line-height: 1;
    cursor: pointer;
    outline: 0;
    text-align: left
}

button:disabled {
    cursor: default
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: none
}

input,textarea,button,select {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    font: inherit;
    line-height: 1
}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px var(--white-to-black) inset !important;
    transition: background-color 5000s ease-in-out 0s;
    caret-color: var(--body-color) !important;
    -webkit-text-fill-color: var(--body-color) !important
}

input:-moz-autofill,textarea:-moz-autofill,select:-moz-autofill {
    box-shadow: 0 0 0px 1000px var(--white-to-black) inset !important;
    transition: background-color 5000s ease-in-out 0s;
    caret-color: var(--body-color) !important;
    -webkit-text-fill-color: var(--body-color) !important
}

input:focus,textarea:focus,select:focus {
    outline: none;
    box-shadow: none
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

html,body {
    min-height: 100vh
}

body {
    font: 400 16px/22px "Open Sans",sans-serif;
    color: #6b6b6b;
    background: #f8f8f8
}

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

@media(min-width: 993px) {
    a,button {
        transition:.5s
    }
}

a:hover,button:hover {
    cursor: pointer
}

@media(min-width: 993px) {
    a:hover,button:hover {
        transition:.5s
    }
}

a:hover {
    text-decoration: underline
}

.container {
    padding: 0 25px;
    width: 100%;
    max-width: 1490px;
    margin: 0 auto
}

@media(max-width: 766px) {
    .container {
        padding:0 20px
    }
}

.d-flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

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

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    color: #333;
    font-family: "Arimo",serif
}

.auth-block {
    display: flex;
    align-items: center;
    max-width: 1920px;
    margin: 0 auto;
    min-height: 100vh;
    max-height: 1080px
}

.auth-block__container {
    display: flex;
    gap: 24px;
    padding: 30px;
    width: 100%;
    justify-content: space-between
}

.auth-block__form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

.auth-block__form.large {
    max-width: 800px
}

.auth-block__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    width: 100%;
    justify-content: space-between
}

.auth-block__helper {
    font-size: 15px;
    font-weight: 300;
    max-width: 720px;
    text-align: center
}

.auth-block__right {
    display: flex;
    align-items: center;
    max-width: 40.8%;
    width: 100%;
    flex-shrink: 0
}

.form-field {
    position: relative
}

.form-field::before {
    content: "";
    position: absolute;
    bottom: 10px;
    top: 10px;
    left: 60px;
    width: 1px;
    height: calc(100% - 20px);
    background: #eaeaea
}

.form-field.has-error input {
    border-color: rgba(255,51,51,.5)
}

.form-field__icon {
    position: absolute;
    left: 20px;
    top: 20px
}

.form-field__label {
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #6b6b6b;
    pointer-events: none;
    transition: .2s ease
}

.form-field__show-pass {
    position: absolute;
    top: 18px;
    right: 20px;
    cursor: pointer
}

.form-field input, .form-field select {
    padding-top: 27px;
    padding-bottom: 10px;
    padding-left: 80px;
    padding-right: 20px;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    box-shadow: none;
    background: #fff;
    outline: none;
    font-size: 16px;
    border: 1px solid #fff
}

.form-field input:focus {
    transition: .5s;
    border-color: #eb5c1e
}

.form-field input:focus+.form-field__label,.form-field input:not(:placeholder-shown)+.form-field__label {
    top: 17px
}

.form-field textarea {
    padding-top: 27px;
    padding-bottom: 10px;
    padding-left: 80px;
    padding-right: 20px;
    width: 100%;
    height: 200px;
    border-radius: 10px;
    resize: none;
    box-shadow: none;
    background: #fff;
    outline: none;
    font-size: 16px;
    border: 1px solid #fff
}

.form-field textarea:focus {
    transition: .5s;
    border-color: #eb5c1e
}

.form-field textarea+.form-field__label {
    top: 30px
}

.form-field textarea:focus+.form-field__label,.form-field textarea:not(:placeholder-shown)+.form-field__label {
    top: 17px
}

.checkbox input {
    display: none
}

.checkbox input:checked+span::before {
    transition: .5s;
    background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%271%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%272%27 fill=%27%23EB5C1E%27/%3E%3Crect x=%271%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%272%27 stroke=%27%23EB5C1E%27 stroke-width=%272%27/%3E%3Cpath d=%27M4.5 9L9 13L15.5 6%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A")
}

.checkbox span {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

.checkbox span::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0px;
    background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2719%27 height=%2719%27 rx=%272.5%27 fill=%27white%27/%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2719%27 height=%2719%27 rx=%272.5%27 stroke=%27%236B6B6B%27/%3E%3C/svg%3E%0A")
}

.checkbox span a {
    color: #eb5c1e;
    text-decoration: underline
}

.checkbox span a:hover {
    text-decoration: none
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.auth-form__header {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    text-align: center
}

.auth-form__title {
    font-weight: 500;
    font-size: 28px;
    line-height: 32px
}

.auth-form__body {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.auth-form__grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr
}

.auth-form__error {
    padding: 10px 0 20px;
    color: #f33
}

.auth-form__footer {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px
}

.auth-form__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background: #eb5c1e;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    transition: .5s;
    border: 1px solid #eb5c1e
}

.auth-form__btn svg path {
    transition: .5s
}

.auth-form__btn:hover {
    color: #eb5c1e;
    background: #fff;
    border-color: #eb5c1e;
    transition: .5s
}

.auth-form__btn:hover svg path {
    transition: .5s;
    fill: #eb5c1e
}

.auth-form__link {
    display: inline-flex;
    text-align: center;
    margin: 0 auto;
    color: #eb5c1e;
    font-weight: 600
}

.auth-form__policy {
    max-width: 510px
}

.auth-form__helper {
    display: flex;
    justify-content: center;
    gap: 10px;
    text-align: center;
    margin: 0 auto
}

.auth-form__helper a {
    display: inline-flex;
    text-align: center;
    margin: 0 auto;
    color: #eb5c1e;
    font-weight: 600
}

.auth-widget {
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 20px;
    overflow: hidden
}

.auth-widget::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 28.73%, rgba(0, 0, 0, 0) 54.41%);
    z-index: -1
}

.auth-widget__info {
    padding: 80px 80px 64.5vh;
    z-index: 5;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
    z-index: 5
}

.auth-widget__title {
    font-weight: 600;
    font-size: 28px;
    line-height: 140%;
    color: #fff;
    text-transform: uppercase
}

.auth-widget__caption {
    margin-top: 10px
}

.auth-widget__pic {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
    width: 100%
}

.auth-widget__pic img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2
}

.modal {
    position: fixed;
    inset: 0;
    display: flex;
    background: rgba(0,0,0,.5);
    justify-content: center;
    padding: 100px 10px 0;
    align-items: flex-start;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: .4s
}

.modal--active {
    opacity: 1;
    visibility: visible;
    transition: .4s
}

.modal__container {
    position: relative;
    width: 100%;
    max-width: 580px;
    background: #fff;
    padding: 30px 40px;
    border-radius: 20px;
    box-shadow: 0px 30px 40px 0px rgba(0,0,0,.25)
}

.modal__text p {
    margin: 10px 0 0 0
}

.modal__close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.modal__title {
    color: #333;
    font-weight: 600
}

.modal__btn {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 161px;
    height: 60px;
    border-radius: 10px;
    background: #eb5c1e;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    transition: .5s;
    border: 1px solid #eb5c1e
}

.modal__btn svg path {
    transition: .5s
}

.modal__btn:hover {
    color: #eb5c1e;
    background: #fff;
    border-color: #eb5c1e;
    transition: .5s
}

.modal__btn:hover svg path {
    transition: .5s;
    stroke: #eb5c1e
}

.page {
    display: flex;
    gap: 24px;
    padding: 20px;
    max-width: 1920px;
    margin: 0 auto;
    min-height: 100vh
}

.page__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0
}

.sidebar {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 296px;
    padding: 10px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: width .3s ease;
    height: calc(100vh - 40px);
    position: sticky;
    top: 20px
}

.sidebar.collapsed {
    width: 74px
}

.sidebar.collapsed .sidebar__caption,.sidebar.collapsed .sidebar__logo {
    display: none
}

.sidebar.collapsed .sidebar__link span {
    opacity: 0;
    visibility: hidden;
    white-space: nowrap
}

.sidebar__logo {
    display: flex;
    flex-shrink: 0
}

.sidebar__btn {
    flex-shrink: 0;
    cursor: pointer
}

.sidebar__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%
}

.sidebar__header {
    display: flex;
    align-items: center;
    gap: 17px;
    padding-left: 15px;
    min-height: 65px
}

.sidebar__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.sidebar__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    font-size: 15px;
    color: #333;
    border-radius: 10px;
    overflow: hidden
}

.sidebar__link span {
    white-space: nowrap;
    transition: .2s
}

.sidebar__link svg {
    flex-shrink: 0
}

.sidebar__link svg:not(.stroke) {
    fill: #bebebe;
    transition: .5s
}

.sidebar__link svg.stroke {
    stroke: #bebebe;
    transition: .5s
}

.sidebar__link:hover {
    background: #f8f8f8;
    text-decoration: none
}

.sidebar__link:hover svg:not(.stroke) {
    fill: #eb5c1e;
    transition: .5s
}

.sidebar__link:hover svg.stroke {
    stroke: #eb5c1e;
    transition: .5s
}

.sidebar__link.active {
    background: #f8f8f8;
    text-decoration: none
}

.sidebar__link.active svg:not(.stroke) {
    fill: #eb5c1e;
    transition: .5s
}

.sidebar__link.active svg.stroke {
    stroke: #eb5c1e;
    transition: .5s
}

.sidebar__footer {
    margin-top: auto
}

.sidebar__caption {
    text-transform: uppercase;
    color: #6b6b6b;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-radius: 10px;
    background: #eb5c1e
}

.header__list {
    display: flex;
    gap: 40px;
    align-items: center;
    margin: 0;
    padding: 0 0 0 20px;
    list-style-type: none
}

.header__link {
    font-weight: 600;
    font-size: 15px;
    color: #fff
}

.header__notifi {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 5px;
    background: hsla(0,0%,100%,.3)
}

.header__notifi span {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f33;
    position: absolute;
    top: 12px;
    right: 12px
}

.header__actions {
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative
}

.header-dropdown span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #fff;
    cursor: pointer
}

.header-dropdown span::after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.2797 5.96667L8.93306 10.3133C8.41973 10.8267 7.57973 10.8267 7.06639 10.3133L2.71973 5.96667%27 stroke=%27%23F5F7FB%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A")
}

.header-modal {
    position: absolute;
    right: 0;
    top: 0;
    width: 380px;
    padding: 20px 20px 5px 20px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0px 30px 30px 0px rgba(0,0,0,.0588235294);
    z-index: 9;
    display: none
}

.header-modal.visible {
    display: block
}

.header-modal__close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.header-modal__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    text-align: center;
    padding-bottom: 20px
}

.header-modal__title {
    font-weight: 600;
    font-size: 18px;
    color: #000
}

.header-modal__tel {
    font-size: 15px;
    color: #6b6b6b
}

.header-modal__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.header-modal__item {
    padding: 20px 0;
    border-top: 1px solid #bebebe
}

.header-modal__link {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative
}

.header-modal__link-counter {
    margin-left: auto;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
    line-height: 12px;
    border-radius: 10px;
    background: #eb5c1e
}

.header-modal__link:hover {
    text-decoration: none;
    color: #eb5c1e
}

.page-header {
    margin: 25px 0 40px
}

.page-header__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #333;
    margin-bottom: 10px
}

.page-header__text {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    color: #88969d;
    font-size: 15px;
    line-height: 22px;
    max-width: 1060px
}

.page-header__text svg {
    flex-shrink: 0
}

.page-content {
    display: flex;
    gap: 24px;
    flex: 1;
    min-width: 0
}

.page-content__main {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0
}

.page-content__main .page-content__header {
    padding: 0 15px
}

.page-content__main .chapters-widget {
    display: none
}

.page-content__aside {
    display: flex;
    flex-direction: column;
    width: 376px;
    flex-shrink: 0
}

.page-content__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px
}

.page-content__title {
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    color: #333
}

.page-content__body {
    flex: 1;
    padding: 20px;
    background: #fff;
    border-radius: 20px
}

.page-content__body .compare-inline:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #bebebe
}

.chapters-widget {
    display: flex;
    flex-direction: column;
    gap: 30px;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    flex: 1
}

.chapters-widget__current {
    display: none
}

.chapters-widget__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #eb5c1e;
    margin-bottom: 10px
}

.chapters-widget__inner {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.chapters-widget__list {
    margin: 0;
    padding: 0 0 0 15px;
    list-style-type: none
}

.chapters-widget__item.active .chapters-widget__link {
    position: relative;
    color: #eb5c1e
}

.chapters-widget__item.active .chapters-widget__link::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #eb5c1e
}

.chapters-widget__link {
    font-size: 15px;
    line-height: 36px
}

.views-list {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 15px
}

.views-list__item {
    cursor: pointer
}

.views-list__item.active svg path {
    fill: #eb5c1e
}

.compare-inline {
    display: flex;
    gap: 30px;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px
}

.compare-inline__photo {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
    background: #f8f8f8
}

.compare-inline__photo img {
    max-width: 100%;
    max-height: 100%
}

.compare-inline__data {
    flex: 1
}

.compare-inline__title {
    font-size: 18px;
    color: #333;
    font-weight: 600
}

.compare-inline__chars {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px
}

.compare-inline__chars-item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.compare-inline__chars-item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    border: 1px dashed #bebebe;
    z-index: -1
}

.compare-inline__chars-item span {
    display: block;
    z-index: 2;
    font-size: 15px;
    line-height: 16px;
    color: #6b6b6b;
    padding-right: 10px;
    background: #fff
}

.compare-inline__chars-item span:last-child {
    padding-left: 10px;
    padding-right: 0;
    text-align: right;
    color: #333
}

.compare-inline__links {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-left: 10px;
    max-width: 31%
}

.compare-inline__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    color: #eb5c1e;
    font-weight: 500
}

.compare-inline__link span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    height: 25px;
    min-width: 40px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 16;
    color: #fff
}

.compare-inline__link span.zip {
    background: #e3b500
}

.compare-inline__link span.step {
    background: #0b65ad
}

.compare-inline__link span.pdf {
    background: #ef1e0a
}

.navbar {
    display: none
}

.compare-card {
    display: flex;
    flex-direction: column
}

.compare-card__head {
    padding: 0 20px 20px 0;
    position: relative;
    border-bottom: 1px solid #ddd
}

.compare-card__photo {
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaeaea;
    border-radius: 20px
}

.compare-card__photo img {
    max-width: 100%;
    max-height: 100%
}

.compare-card__remove {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 5;
    cursor: pointer
}

.compare-card__title {
    display: inline-flex;
    margin-top: 10px;
    font-weight: 600;
    font-size: 17px;
    line-height: 140%;
    text-transform: uppercase;
    text-decoration: none;
    color: #000
}

.compare-card__row {
    padding: 25px 20px 25px 0;
    border-bottom: 1px solid #ddd
}

.compare-card__row:last-child {
    border: 0
}

.splide__slide .compare-card__row {
    padding-left: 20px
}

.splide__slide .compare-card__head {
    padding-left: 20px
}

.compare-sect {
    display: flex
}

.compare-sect__left {
    position: relative;
    max-width: 30%;
    max-width: 210px;
    min-width: 210px;
    flex-shrink: 0;
    border-right: 1px solid #ddd
}

.compare-sect .splide__slide {
    border-left: 1px solid #ddd
}

.compare-sect .splide__slide:first-child {
    border-left: 0
}

.compare-sect .splide__arrows {
    position: static;
    margin: 0
}

.compare-sect .splide__arrow {
    position: absolute;
    z-index: 5;
    width: 44px;
    height: 44px;
    right: -10px;
    top: 125px
}

.compare-slider::before {
    content: "";
    width: 150px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transform: rotate(180deg);
    background: linear-gradient(90deg, rgba(252, 252, 252, 0) 0%, #FCFCFC 100%);
    z-index: 5
}

.compare-slider {
    min-width: 0
}

.compare-slider .compare-inline__links {
    max-width: 100%;
    margin: 0;
    gap: 15px
}

.compare-sect__body {
    min-width: 0
}

.compare-slider::after {
    content: "";
    width: 150px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(252, 252, 252, 0) 0%, #FCFCFC 100%)
}

.compare-slider.is-start::before {
    display: none
}

.compare-slider.is-end::after {
    display: none
}

.compare-slider .splide__arrow[disabled] {
    display: none
}

.compare-slider .splide__arrow::before {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1 12C1 11.4477 1.44772 11 2 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H2C1.44772 13 1 12.5523 1 12Z%27 fill=%27white%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M13.2929 4.29289C13.6834 3.90237 14.3166 3.90237 14.7071 4.29289L21.7071 11.2929C22.0976 11.6834 22.0976 12.3166 21.7071 12.7071L14.7071 19.7071C14.3166 20.0976 13.6834 20.0976 13.2929 19.7071C12.9024 19.3166 12.9024 18.6834 13.2929 18.2929L19.5858 12L13.2929 5.70711C12.9024 5.31658 12.9024 4.68342 13.2929 4.29289Z%27 fill=%27white%27/%3E%3C/svg%3E%0A")
}

.compare-slider .splide__arrow--prev {
    left: 10px;
    right: auto
}

.compare-card__list {
    display: flex;
    gap: 15px;
    flex-direction: column
}

.compare-card__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #eb5c1e
}

.compare-card__remove-all {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #eb5c1e;
    text-decoration: none;
    padding: 0;
    border: 0;
    background: 0;
    margin-top: auto
}

.compare-card__remove-all:hover {
    text-decoration: underline;
    cursor: pointer
}

.compare-sect__left .compare-card__head {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.compare-sect__left .compare-card__row {
    color: #6b6b6b
}

.compare-sect__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: absolute;
    left: 0px;
    top: 30px;
    z-index: 5
}

.compare-sect__item span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer
}

.compare-sect__item input {
    display: none
}

.compare-sect__item span::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #6b6b6b;
    border-radius: 50%;
    flex-shrink: 0;
    display: block
}

.compare-sect__item input:checked~span::before {
    border: 5px solid #eb5c1e
}

span.compare-card__label {
    width: 100vw;
    display: none
}

.compare-filter,.cat-slider__title {
    display: none
}

.splide__arrows {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: -65px;
    margin-bottom: 20px
}

.splide__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 79px;
    height: 59px;
    border-radius: 57px;
    background: #eb5c1e;
    border: 1px solid #eb5c1e
}

.splide__arrow::before {
    content: "";
    width: 17px;
    height: 13px;
    display: block;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M0 6.33333C0 5.89611 0.354441 5.54167 0.791667 5.54167H15.8333C16.2706 5.54167 16.625 5.89611 16.625 6.33333C16.625 6.77056 16.2706 7.125 15.8333 7.125H0.791667C0.354441 7.125 0 6.77056 0 6.33333Z%27 fill=%27white%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.73187 0.231874C10.041 -0.0772913 10.5423 -0.0772913 10.8515 0.231874L16.3931 5.77354C16.7023 6.08271 16.7023 6.58396 16.3931 6.89313L10.8515 12.4348C10.5423 12.744 10.041 12.744 9.73187 12.4348C9.42271 12.1256 9.42271 11.6244 9.73187 11.3152L14.7137 6.33333L9.73187 1.35146C9.42271 1.04229 9.42271 0.541039 9.73187 0.231874Z%27 fill=%27white%27/%3E%3C/svg%3E%0A")
}

.splide__arrow svg {
    display: none
}

.splide__arrow--prev::before {
    transform: rotate(180deg)
}

.splide__arrow[disabled] {
    background: 0
}

.splide__arrow[disabled]::before {
    filter: invert(1)
}

.feedback {
    display: flex;
    gap: 30px;
    margin-top: 25px
}

.feedback .page-header {
    margin: 0 0 30px 0
}

.feedback__photo {
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden;
    background: #f8f8f8;
    width: 41.25%
}

.feedback__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.feedback__form {
    gap: 20px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 20px;
    background: #fff
}

.feedback__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 270px;
    height: 60px;
    border-radius: 10px;
    background: #eb5c1e;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    transition: .5s;
    border: 1px solid #eb5c1e
}

.feedback__btn svg path {
    transition: .5s
}

.feedback__btn:hover {
    color: #eb5c1e;
    background: #fff;
    border-color: #eb5c1e;
    transition: .5s
}

.feedback__btn:hover svg path {
    transition: .5s;
    fill: #eb5c1e
}

.feedback .form-field textarea, .feedback .form-field input, .feedback .form-field select {
    background: #f8f8f8
}
.feedback .form-field select{
    padding-top: 18px;
    padding-bottom: 18px;
    color: #6b6b6b;
    font-size: 14px;
}
.select {
    position: relative
}

.select.open .select__dropdown {
    display: flex
}

.select.open .select__cur::after {
    transition: .4s;
    transform: rotate(180deg)
}

.select__cur {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 10px 56px 10px 60px;
    border-radius: 10px;
    position: relative;
    background: #f8f8f8;
    cursor: pointer
}

.select__cur span {
    display: flex;
    align-items: center;
    height: 100%;
    color: #6b6b6b;
    font-size: 14px;
    padding-left: 20px;
    border-left: 1px solid #eaeaea
}

.select__cur::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 22px;
    width: 16px;
    height: 16px;
    transition: .4s;
    background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.2797 5.96667L8.93306 10.3133C8.41973 10.8267 7.57973 10.8267 7.06639 10.3133L2.71973 5.96667%27 stroke=%27%236B6B6B%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A")
}

.select__icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.select__dropdown {
    display: none;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    right: 0;
    background: #f8f8f8;
    border-radius: 10px;
    box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.0588235294);
    z-index: 9;
    padding: 15px
}

.select__option {
    cursor: pointer;
    transition: .5s
}

.select__option:hover {
    color: #eb5c1e;
    transition: .5s
}

@media(max-width: 1600px) {
    .auth-widget__info {
        padding:80px 80px 56vh
    }

    .auth-block__helper {
        max-width: 550px
    }

    .page-content__aside {
        width: 300px
    }

    .compare-inline {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width: 1440px) {
    .auth-widget__info {
        padding:50px 50px 56vh
    }

    .compare-inline {
        flex-wrap: wrap
    }

    .compare-inline__links {
        flex-direction: row;
        gap: 15px 20px;
        flex-wrap: wrap;
        max-width: 100%;
        width: 100%;
        margin-top: -15px
    }
}

@media(max-width: 1366px) {
    .auth-widget__info {
        padding:50px 50px 48vh
    }

    .auth-block__logo img {
        max-width: 135px
    }

    .auth-block__left {
        gap: 20px
    }

    .auth-block__container {
        padding: 20px 30px
    }

    .auth-form,.auth-form__body,.auth-form__body {
        gap: 15px
    }

    .sidebar__logo img {
        width: 130px
    }

    .sidebar__header {
        min-height: 48px
    }

    .sidebar {
        gap: 10px;
        overflow: auto
    }
}

@media(max-width: 1260px) {
    .sidebar {
        width:255px
    }

    .sidebar.collapsed {
        width: 64px
    }

    .sidebar__header {
        padding-left: 9px
    }

    .sidebar__link {
        font-size: 13px;
        padding: 10px
    }

    .sidebar__logo img {
        max-width: 140px
    }

    .page-content__aside {
        width: 240px
    }

    .feedback__photo {
        display: none
    }
}

@media(max-width: 1200px) {
    .auth-block__right {
        max-width:50%
    }

    .page-content__main .chapters-widget {
        display: block;
        margin-bottom: 10px;
        width: 100%
    }

    .chapters-widget {
        padding: 0;
        background: 0;
        position: relative
    }

    .chapters-widget.open .chapters-widget__inner {
        display: flex
    }

    .chapters-widget.open .chapters-widget__current::after {
        transition: .4s;
        transform: rotate(180deg)
    }

    .chapters-widget__current {
        display: block;
        align-items: center;
        position: relative;
        padding: 18px 56px 18px 20px;
        width: 100%;
        height: 60px;
        background: #fff;
        border: 1px solid #eaeaea;
        border-radius: 10px;
        font-size: 14px;
        color: #6b6b6b;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer
    }

    .chapters-widget__current::after {
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        top: 22px;
        right: 20px;
        transition: .4s;
        background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.2797 5.96667L8.93306 10.3133C8.41973 10.8267 7.57973 10.8267 7.06639 10.3133L2.71973 5.96667%27 stroke=%27%236B6B6B%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A")
    }

    .chapters-widget__title {
        display: none
    }

    .chapters-widget__inner {
        display: none;
        gap: 10px;
        max-height: 250px;
        overflow: auto;
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: calc(100% + 10px);
        border: 1px solid #eaeaea;
        box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.0588235294);
        z-index: 88
    }

    .chapters-widget__list {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .chapters-widget__link {
        font-size: 14px;
        line-height: 1.1
    }

    .page-content__main .page-content__header {
        padding: 0
    }

    .page-content__aside {
        display: none
    }

    .page-content {
        position: relative
    }

    .compare-sect__left {
        width: 260px
    }
}

@media(max-width: 992px) {
    .auth-block__right {
        display:none
    }

    .auth-block__left {
        gap: 50px
    }

    .auth-block__logo img {
        max-width: 170px
    }

    .auth-form__title {
        font-size: 20px
    }

    body {
        font-size: 14px;
        line-height: 20px
    }

    .auth-form__grid {
        gap: 15px;
        grid-template-columns: 1fr
    }

    .modal__container {
        padding: 20px
    }

    .modal__btn {
        width: 100%
    }

    .header {
        display: none
    }

    .page {
        padding: 0 10px 85px;
        gap: 20px;
        flex-direction: column
    }

    .page-header {
        margin-top: 0;
        margin-bottom: 30px
    }

    body.menu {
        overflow: hidden
    }

    .sidebar {
        position: relative;
        top: 0;
        width: calc(100% + 20px);
        padding: 10px 15px;
        border-radius: 0;
        margin: 0 -10px;
        height: inherit;
        box-shadow: 0px 1px 10px 0px rgba(0,0,0,.1019607843);
        z-index: 99;
        overflow: visible
    }

    .sidebar.collapsed {
        width: calc(100% + 20px)
    }

    .sidebar.collapsed .sidebar__body {
        display: flex
    }

    .sidebar.collapsed .sidebar__logo {
        display: flex
    }

    .sidebar.collapsed .sidebar__link span {
        opacity: 1;
        font-size: inherit;
        visibility: visible
    }

    .sidebar__body {
        position: absolute;
        padding: 15px;
        left: 0;
        right: 0;
        top: 100%;
        background: #fff;
        z-index: 999;
        height: calc(100dvh - 68px);
        overflow: auto;
        display: none
    }

    .page-header__title {
        font-size: 20px
    }

    .page-content__title {
        font-size: 18px;
        line-height: 25px
    }

    .navbar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        grid-area: 10px;
        justify-content: center;
        background: #fff;
        box-shadow: 0px 4px 25px 0px rgba(0,0,0,.2);
        z-index: 85
    }

    .navbar__link {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        gap: 3px;
        padding: 13px 10px;
        font-size: 11px;
        color: #6b6b6b;
        text-align: center
    }

    .navbar__counter {
        position: absolute;
        right: 23px;
        top: 9px;
        padding: 3px 5px;
        border-radius: 10px;
        font-size: 11px;
        line-height: 12px;
        color: #fff;
        background: #eb5c1e
    }

    .compare-filter {
        margin-top: 40px;
        display: flex;
        justify-content: space-between
    }

    .compare-filter__title {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase
    }

    body.opened-filter-cat .compare-sect,body.opened-filter-cat .compare-filter {
        opacity: 0;
        visibility: hidden;
        height: 0;
        width: 0;
        position: fixed
    }

    .compare-sect {
        flex-direction: column
    }

    .compare-sect__left {
        width: 100%;
        border: 0;
        max-width: 100%
    }

    .compare-sect__left .compare-card {
        display: none
    }

    .compare-sect__list {
        position: static;
        margin-bottom: 20px;
        padding: 5px;
        gap: 5px;
        flex-direction: row;
        background: #f4f4f4;
        border-radius: 10px
    }

    .compare-sect__item {
        width: 50%
    }

    .compare-sect__item span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 42px;
        font-size: 15px;
        text-align: center;
        cursor: pointer;
        border-radius: 10px;
        transition: .5s
    }

    .compare-sect__item span:hover {
        background: #eb5c1e;
        color: #fff;
        transition: .5s
    }

    .compare-sect__item span::before {
        display: none
    }

    .compare-sect__item input:checked~span {
        background: #eb5c1e;
        color: #fff
    }

    .compare-slider::before,.compare-slider::after {
        display: none
    }

    .compare-card__label {
        display: block !important;
        z-index: 5;
        margin-bottom: 10px;
        color: #6b6b6b;
        opacity: 0;
        width: calc(100vw - 20px) !important
    }

    .compare-card__row {
        padding: 25px 20px;
        border-bottom: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .compare-sect .splide__slide {
        border: 0
    }

    .compare-sect .splide__slide.is-active .compare-card__label {
        opacity: 1
    }

    .compare-card__link svg {
        display: none
    }

    .feedback {
        margin-top: 0
    }

    .feedback__form {
        padding: 10px;
        gap: 15px
    }
}

@media(max-width: 766px) {
    .compare-sect__body {
        margin:0 -12px
    }

    .compare-card__photo {
        height: 137px
    }

    .compare-card__head {
        padding: 0 7px 30px
    }

    .compare-card__row {
        padding: 15px 7px
    }

    .compare-card__title {
        font-size: 12px
    }

    .compare-slider .splide__track {
        padding-right: 0 !important
    }
}

@media(max-width: 639px) {
    .page-content__main .page-content__header {
        margin-bottom:10px;
        flex-wrap: nowrap
    }

    .page-content__title {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block
    }

    .page-content__aside {
        position: absolute;
        right: 0;
        top: 36px;
        left: 0;
        width: 100%
    }

    .chapters-widget {
        width: 100%
    }

    .page-content__body {
        padding: 20px 10px
    }

    .page-content__body .compare-inline:not(:last-child) {
        padding-bottom: 25px;
        margin-bottom: 25px
    }

    .compare-inline {
        gap: 10px;
        flex-direction: column
    }

    .compare-inline__photo {
        width: 100%
    }

    .compare-inline__chars-item {
        align-items: flex-start;
        gap: 5px;
        flex-direction: column
    }

    .compare-inline__chars-item::before {
        display: none
    }

    .compare-inline__chars-item span {
        padding: 0 !important
    }

    .compare-inline__links {
        gap: 7px;
        flex-direction: column;
        margin-top: 10px;
        margin-left: 0
    }

    .compare-inline__link {
        font-size: 14px
    }

    .compare-slider .compare-inline__link {
        flex-direction: column;
        align-items: flex-start
    }
}

@media(max-width: 480px) {
    .auth-block__container {
        padding:20px 10px
    }

    .feedback__btn {
        width: 100%;
        max-width: 100%
    }
}